style: 一窗受理前端开发

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-11-15 10:02:49
+ * @LastEditTime: 2023-11-16 13:53:36
 -->
 <template>
   <div class='detail'>
     <el-form :model="ruleForm" ref="ruleForm" label-width="130px">
-      <p>不动产情况</p>
+      <p class="title">不动产情况</p>
       <el-row>
         <el-col :span="12">
           <el-form-item label="坐落:">
@@ -89,12 +89,12 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <div>
-        <p>登记申请人</p>
+      <div v-for="(item,index) in ruleForm.djsqrList" :key="index">
+        <p class="title">登记申请人</p>
         <el-row>
           <el-col :span="12">
             <el-form-item label="义务人名称:">
-              <el-input v-model="ruleForm.ywrmc"></el-input>
+              <el-input v-model="item.ywrmc"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -111,11 +111,97 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="证件号:">
-              <el-input v-model="ruleForm.zjh"></el-input>
+              <el-input v-model="item.zjh"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="通讯地址:">
+              <el-input v-model="item.txdz"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="邮编:">
+              <el-input v-model="item.yb"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="共有比例:">
+              <el-input v-model="item.gybl"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="法人名称:">
+              <el-input v-model="item.frxm"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系电话:">
+              <el-input v-model="item.frlxdh"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="代理人名称:">
+              <el-input v-model="item.dlrxm"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系电话:">
+              <el-input v-model="item.dlrlxdh"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="代理机构:">
+              <el-input v-model="item.dljg"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="联系电话:">
+              <el-input v-model="item.dljglxdh"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
       </div>
+      <p class="title">抵押情况</p>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="被担保主债权数额:">
+            <el-input v-model="ruleForm.bdbdyje"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="在建建筑物抵押范围:" label-width="150px">
+            <el-input v-model="ruleForm.jzgzwdyfw"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="债务履行超始时间:">
+            <el-date-picker
+              class="width100"
+              v-model="ruleForm.starttime"
+              type="date"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="债务履行结束时间:" label-width="150px">
+            <el-date-picker
+              class="width100"
+              v-model="ruleForm.endtime"
+              type="date"
+              placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
   </div>
 </template>
@@ -136,23 +222,12 @@
           zdzhyt: '',
           dzwyt: '',
           bdclx: '',
-          zdzhqlxz: ''
+          zdzhqlxz: '',
+          djsqrList: [{}]
         }
       }
     },
     methods: {
-      dicStatus (val, code) {
-        let data = store.getters.dictData[code],
-          name = '暂无'
-        if (data) {
-          data.map((item) => {
-            if (item.dcode == val) {
-              name = item.dname
-            }
-          })
-          return name
-        }
-      },
     }
   }
 </script>
@@ -160,4 +235,20 @@
   /deep/.el-form-item {
     margin-bottom: 8px;
   }
+  .title {
+    padding-left: 10px;
+    line-height: 30px;
+    border-bottom: 1px solid $borderColor;
+    position: relative;
+    margin-bottom: 10px;
+  }
+  .title:after {
+    content: " ";
+    width: 0;
+    height: 16px;
+    position: absolute;
+    border-left: 3px solid #0f93f6;
+    left: 0;
+    top: 5px;
+  }
 </style>
\ No newline at end of file