Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
121d385d by renchao@pashanhoo.com
Options

style: 一窗受理前端开发

1 parent bf309e08
Inline Side-by-side
Showing 1 changed file with 110 additions and 19 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-15 10:02:49 4 * @LastEditTime: 2023-11-16 13:53:36
5 --> 5 -->
6 <template> 6 <template>
7 <div class='detail'> 7 <div class='detail'>
8 <el-form :model="ruleForm" ref="ruleForm" label-width="130px"> 8 <el-form :model="ruleForm" ref="ruleForm" label-width="130px">
9 <p>不动产情况</p> 9 <p class="title">不动产情况</p>
10 <el-row> 10 <el-row>
11 <el-col :span="12"> 11 <el-col :span="12">
12 <el-form-item label="坐落:"> 12 <el-form-item label="坐落:">
...@@ -89,12 +89,12 @@ ...@@ -89,12 +89,12 @@
89 </el-form-item> 89 </el-form-item>
90 </el-col> 90 </el-col>
91 </el-row> 91 </el-row>
92 <div> 92 <div v-for="(item,index) in ruleForm.djsqrList" :key="index">
93 <p>登记申请人</p> 93 <p class="title">登记申请人</p>
94 <el-row> 94 <el-row>
95 <el-col :span="12"> 95 <el-col :span="12">
96 <el-form-item label="义务人名称:"> 96 <el-form-item label="义务人名称:">
97 <el-input v-model="ruleForm.ywrmc"></el-input> 97 <el-input v-model="item.ywrmc"></el-input>
98 </el-form-item> 98 </el-form-item>
99 </el-col> 99 </el-col>
100 <el-col :span="6"> 100 <el-col :span="6">
...@@ -111,11 +111,97 @@ ...@@ -111,11 +111,97 @@
111 </el-col> 111 </el-col>
112 <el-col :span="6"> 112 <el-col :span="6">
113 <el-form-item label="证件号:"> 113 <el-form-item label="证件号:">
114 <el-input v-model="ruleForm.zjh"></el-input> 114 <el-input v-model="item.zjh"></el-input>
115 </el-form-item>
116 </el-col>
117 </el-row>
118 <el-row>
119 <el-col :span="12">
120 <el-form-item label="通讯地址:">
121 <el-input v-model="item.txdz"></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="6">
125 <el-form-item label="邮编:">
126 <el-input v-model="item.yb"></el-input>
127 </el-form-item>
128 </el-col>
129 <el-col :span="6">
130 <el-form-item label="共有比例:">
131 <el-input v-model="item.gybl"></el-input>
132 </el-form-item>
133 </el-col>
134 </el-row>
135 <el-row>
136 <el-col :span="6">
137 <el-form-item label="法人名称:">
138 <el-input v-model="item.frxm"></el-input>
139 </el-form-item>
140 </el-col>
141 <el-col :span="6">
142 <el-form-item label="联系电话:">
143 <el-input v-model="item.frlxdh"></el-input>
144 </el-form-item>
145 </el-col>
146 <el-col :span="6">
147 <el-form-item label="代理人名称:">
148 <el-input v-model="item.dlrxm"></el-input>
149 </el-form-item>
150 </el-col>
151 <el-col :span="6">
152 <el-form-item label="联系电话:">
153 <el-input v-model="item.dlrlxdh"></el-input>
154 </el-form-item>
155 </el-col>
156 </el-row>
157 <el-row>
158 <el-col :span="6">
159 <el-form-item label="代理机构:">
160 <el-input v-model="item.dljg"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="6">
164 <el-form-item label="联系电话:">
165 <el-input v-model="item.dljglxdh"></el-input>
115 </el-form-item> 166 </el-form-item>
116 </el-col> 167 </el-col>
117 </el-row> 168 </el-row>
118 </div> 169 </div>
170 <p class="title">抵押情况</p>
171 <el-row>
172 <el-col :span="12">
173 <el-form-item label="被担保主债权数额:">
174 <el-input v-model="ruleForm.bdbdyje"></el-input>
175 </el-form-item>
176 </el-col>
177 <el-col :span="12">
178 <el-form-item label="在建建筑物抵押范围:" label-width="150px">
179 <el-input v-model="ruleForm.jzgzwdyfw"></el-input>
180 </el-form-item>
181 </el-col>
182 </el-row>
183 <el-row>
184 <el-col :span="12">
185 <el-form-item label="债务履行超始时间:">
186 <el-date-picker
187 class="width100"
188 v-model="ruleForm.starttime"
189 type="date"
190 placeholder="选择日期">
191 </el-date-picker>
192 </el-form-item>
193 </el-col>
194 <el-col :span="12">
195 <el-form-item label="债务履行结束时间:" label-width="150px">
196 <el-date-picker
197 class="width100"
198 v-model="ruleForm.endtime"
199 type="date"
200 placeholder="选择日期">
201 </el-date-picker>
202 </el-form-item>
203 </el-col>
204 </el-row>
119 </el-form> 205 </el-form>
120 </div> 206 </div>
121 </template> 207 </template>
...@@ -136,23 +222,12 @@ ...@@ -136,23 +222,12 @@
136 zdzhyt: '', 222 zdzhyt: '',
137 dzwyt: '', 223 dzwyt: '',
138 bdclx: '', 224 bdclx: '',
139 zdzhqlxz: '' 225 zdzhqlxz: '',
226 djsqrList: [{}]
140 } 227 }
141 } 228 }
142 }, 229 },
143 methods: { 230 methods: {
144 dicStatus (val, code) {
145 let data = store.getters.dictData[code],
146 name = '暂无'
147 if (data) {
148 data.map((item) => {
149 if (item.dcode == val) {
150 name = item.dname
151 }
152 })
153 return name
154 }
155 },
156 } 231 }
157 } 232 }
158 </script> 233 </script>
...@@ -160,4 +235,20 @@ ...@@ -160,4 +235,20 @@
160 /deep/.el-form-item { 235 /deep/.el-form-item {
161 margin-bottom: 8px; 236 margin-bottom: 8px;
162 } 237 }
238 .title {
239 padding-left: 10px;
240 line-height: 30px;
241 border-bottom: 1px solid $borderColor;
242 position: relative;
243 margin-bottom: 10px;
244 }
245 .title:after {
246 content: " ";
247 width: 0;
248 height: 16px;
249 position: absolute;
250 border-left: 3px solid #0f93f6;
251 left: 0;
252 top: 5px;
253 }
163 </style> 254 </style>
...\ No newline at end of file ...\ No newline at end of file
......