style:权利人义务人完成修改

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-12-15 09:17:46
+ * @LastEditTime: 2023-12-29 10:00:31
 -->
 <template>
   <dialogBox
@@ -25,32 +25,19 @@
       :rules="rules"
       ref="ruleForm"
       label-width="120px">
-      <el-form-item label="头像">
-        <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
-      </el-form-item>
       <el-form-item label="身份证读卡器">
         <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
         <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
       </el-form-item>
       <el-row>
         <el-col :span="8">
-          <el-form-item label="权利人类型" prop="qlrlx">
-            <el-select
-              clearable
-              v-model="ruleForm.qlrlx"
-              class="width100"
-              :disabled="!showButton"
-              placeholder="请选择">
-              <el-option
-                v-for="item in dictData['A36']"
-                :key="item.dcode"
-                :label="item.dname"
-                :value="item.dcode">
-              </el-option>
-            </el-select>
+          <el-form-item label="头像">
+            <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
           </el-form-item>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="16">
+          <el-row>
+            <el-col :span="12">
               <el-form-item label="姓名/名称" prop="qlrmc">
                 <el-input
                   v-model="ruleForm.qlrmc"
@@ -58,7 +45,7 @@
                   :disabled="!showButton"></el-input>
               </el-form-item>
             </el-col>
-        <el-col :span="8">
+            <el-col :span="12">
               <el-form-item label="证件种类" prop="zjzl">
                 <el-select
                   clearable
@@ -78,7 +65,7 @@
             </el-col>
           </el-row>
           <el-row>
-        <el-col :span="8">
+            <el-col :span="12">
               <el-form-item label="证件号" prop="zjh">
                 <el-input
                   v-model="ruleForm.zjh"
@@ -87,7 +74,26 @@
                   oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
               </el-form-item>
             </el-col>
-        <el-col :span="8">
+            <el-col :span="12">
+              <el-form-item label="性别">
+                <el-select
+                  clearable
+                  v-model="ruleForm.xb"
+                  :disabled="!showButton"
+                  class="width100"
+                  placeholder="请选择">
+                  <el-option
+                    v-for="item in dictData['A43']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
               <el-form-item label="联系电话" prop="dh">
                 <el-input
                   v-model="ruleForm.dh"
@@ -96,16 +102,28 @@
                   oninput="value=value.replace(/[^\d]/g,'')"></el-input>
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item label="国家/地区" prop="gj">
+                <el-input
+                  v-model="ruleForm.gj"
+                  maxlength="3"
+                  :disabled="!showButton"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8">
-          <el-form-item label="性别">
+          <el-form-item label="权利人类型" prop="qlrlx">
             <el-select
               clearable
-              v-model="ruleForm.xb"
-              :disabled="!showButton"
+              v-model="ruleForm.qlrlx"
               class="width100"
+              :disabled="!showButton"
               placeholder="请选择">
               <el-option
-                v-for="item in dictData['A43']"
+                v-for="item in dictData['A36']"
                 :key="item.dcode"
                 :label="item.dname"
                 :value="item.dcode">
@@ -113,8 +131,6 @@
             </el-select>
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row>
         <el-col :span="8">
           <el-form-item label="权利比例">
             <el-input
@@ -131,14 +147,6 @@
               :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="8">
-          <el-form-item label="国家/地区" prop="gj">
-            <el-input
-              v-model="ruleForm.gj"
-              maxlength="3"
-              :disabled="!showButton"></el-input>
-          </el-form-item>
-        </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
@@ -276,7 +284,7 @@
           </el-col>
         </el-row>
       </el-form>
-      <el-table :data="tableDataQy.data" border v-Loading="loading" :height="583">
+      <el-table :data="tableDataQy.data" border v-Loading="loading" :height="483">
         <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
             {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
@@ -315,7 +323,7 @@
           </el-col>
         </el-row>
       </el-form>
-      <el-table :data="tableDataYh.data" border v-Loading="loading" :height="583">
+      <el-table :data="tableDataYh.data" border v-Loading="loading" :height="483">
         <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
             {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-12-15 09:18:10
+ * @LastEditTime: 2023-12-29 10:04:52
 -->
 <template>
   <dialogBox
@@ -25,38 +25,25 @@
       v-if="activeName==1"
       ref="ruleForm"
       label-width="120px">
-      <el-form-item label="头像">
-        <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
-      </el-form-item>
       <el-form-item label="身份证读卡器">
         <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
         <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
       </el-form-item>
       <el-row>
         <el-col :span="8">
-          <el-form-item label="义务人类型" prop="ywrlx">
-            <el-select
-              clearable
-              v-model="ruleForm.ywrlx"
-              class="width100"
-              :disabled="!showButton"
-              placeholder="请选择">
-              <el-option
-                v-for="item in dictData['A36']"
-                :key="item.dcode"
-                :label="item.dname"
-                :value="item.dcode">
-              </el-option>
-            </el-select>
+          <el-form-item label="头像">
+            <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
           </el-form-item>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="16">
+          <el-row>
+            <el-col :span="12">
               <el-form-item label="姓名/名称" prop="ywrmc">
                 <el-input v-model="ruleForm.ywrmc" maxlegth="15"
                   :disabled="!showButton"></el-input>
               </el-form-item>
             </el-col>
-        <el-col :span="8">
+            <el-col :span="12">
               <el-form-item label="证件种类" prop="zjzl">
                 <el-select
                   clearable
@@ -75,7 +62,7 @@
             </el-col>
           </el-row>
           <el-row>
-        <el-col :span="8">
+            <el-col :span="12">
               <el-form-item label="证件号" prop="zjh">
                 <el-input
                   v-model="ruleForm.zjh"
@@ -84,7 +71,26 @@
                   oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
               </el-form-item>
             </el-col>
-        <el-col :span="8">
+            <el-col :span="12">
+              <el-form-item label="性别" prop="xb">
+                <el-select
+                  clearable
+                  v-model="ruleForm.xb"
+                  :disabled="!showButton"
+                  class="width100"
+                  placeholder="请选择">
+                  <el-option
+                    v-for="item in dictData['A43']"
+                    :key="item.dcode"
+                    :label="item.dname"
+                    :value="item.dcode">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
               <el-form-item label="联系电话" prop="dh">
                 <el-input
                   v-model="ruleForm.dh"
@@ -93,16 +99,29 @@
                   oninput="value=value.replace(/[^\d]/g,'')"></el-input>
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item label="国家/地区" prop="gj">
+                <el-input
+                  v-model="ruleForm.gj"
+                  maxlength="3"
+                  :disabled="!showButton"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+
+      <el-row>
         <el-col :span="8">
-          <el-form-item label="性别" prop="xb">
+          <el-form-item label="义务人类型" prop="ywrlx">
             <el-select
               clearable
-              v-model="ruleForm.xb"
-              :disabled="!showButton"
+              v-model="ruleForm.ywrlx"
               class="width100"
+              :disabled="!showButton"
               placeholder="请选择">
               <el-option
-                v-for="item in dictData['A43']"
+                v-for="item in dictData['A36']"
                 :key="item.dcode"
                 :label="item.dname"
                 :value="item.dcode">
@@ -110,8 +129,6 @@
             </el-select>
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row>
         <el-col :span="8">
           <el-form-item label="权利比例" prop="qlbl">
             <el-input
@@ -128,14 +145,6 @@
               :disabled="!showButton"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="8">
-          <el-form-item label="国家/地区" prop="gj">
-            <el-input
-              v-model="ruleForm.gj"
-              maxlength="3"
-              :disabled="!showButton"></el-input>
-          </el-form-item>
-        </el-col>
       </el-row>
       <el-row>
         <el-col :span="8">
@@ -274,7 +283,7 @@
           </el-col>
         </el-row>
       </el-form>
-      <el-table :data="tableDataQy.data" border v-Loading="loading" :height="583">
+      <el-table :data="tableDataQy.data" border v-Loading="loading" :height="483">
         <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
             {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
@@ -313,7 +322,7 @@
           </el-col>
         </el-row>
       </el-form>
-      <el-table :data="tableDataYh.data" border v-Loading="loading" :height="583">
+      <el-table :data="tableDataYh.data" border v-Loading="loading" :height="483">
         <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
             {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}