Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents f2cf38e5 4a80270b
Inline Side-by-side
Showing 23 changed files with 1406 additions and 921 deletions
...@@ -450,4 +450,33 @@ aside { ...@@ -450,4 +450,33 @@ aside {
450 top: 0; 450 top: 0;
451 right: 0; 451 right: 0;
452 transform: rotate(-90deg); 452 transform: rotate(-90deg);
453 }
454
455 // 正在注销
456 .zhuxiaoIcon {
457 position: relative;
458
459 .icon {
460 position: absolute;
461 top: 9px;
462 right: 5px;
463 transform: rotate(45deg);
464 color: #fff;
465 font-size: 12px;
466 z-index: 10;
467 }
468 }
469
470 .zhuxiaoIcon::after {
471 content: "";
472 display: block;
473 width: 0;
474 height: 0;
475 border-width: 0px 0px 55px 55px;
476 border-style: none solid solid;
477 border-color: transparent transparent red;
478 position: absolute;
479 top: 0;
480 right: 0;
481 transform: rotate(-90deg);
453 } 482 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" 8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
9 :data="tableDataList"> 9 :data="tableDataList">
10 </lb-table> 10 </lb-table>
11 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> 11 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
...@@ -219,3 +219,6 @@ ...@@ -219,3 +219,6 @@
219 } 219 }
220 } 220 }
221 </script> 221 </script>
222 <style scoped lang="scss">
223
224 </style>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" 8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
9 :data="tableDataList"> 9 :data="tableDataList">
10 </lb-table> 10 </lb-table>
11 <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> 11 <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 :show-message="false"
4 * @LastEditTime: 2023-06-25 15:52:42 5 * @LastEditTime: 2023-06-25 15:52:42
5 --> 6 -->
6 <template> 7 <template>
...@@ -14,7 +15,7 @@ ...@@ -14,7 +15,7 @@
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
15 :inline="flag" 16 :inline="flag"
16 label-width="145px" 17 label-width="145px"
17 > 18 inline-message>
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
20 补录信息 21 补录信息
...@@ -39,37 +40,59 @@ ...@@ -39,37 +40,59 @@
39 </el-row> 40 </el-row>
40 <div class="slxx_title title-block"> 41 <div class="slxx_title title-block">
41 查封不动产情况 42 查封不动产情况
42 <div class="triangle"></div> 43 <div class="triangle"></div>
43 </div> 44 </div>
44 <el-row :gutter="10"> 45 <el-row :gutter="10">
45 <el-col :span="8"> 46 <el-col :span="8">
46 <el-form-item label="抵押不动产信息："> 47 <el-form-item label="查封不动产权信息：">
47 <select-table v-model="ruleForm.ztQlxx" :table-width="550" :tableData="ztQlxxList" 48 <select-table
48 :props="props" @change="ztQlxxchange"> 49 v-model="ruleForm.ztQlxx"
49 <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> 50 :table-width="550"
50 <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> 51 :tableData="ztQlxxList"
51 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 52 :props="props"
52 <el-table-column prop="mjmc" label="面积"></el-table-column> 53 @change="ztQlxxchange">
53 <el-table-column prop="ytmc" label="用途"></el-table-column> 54 <el-table-column
54 <el-table-column prop="zl" label="坐落"></el-table-column> 55 prop="qllxmc"
55 </select-table> 56 width="130"
56 </el-form-item> 57 label="权利类型"></el-table-column>
57 </el-col> 58 <el-table-column
59 prop="bdcqzh"
60 width="160"
61 label="不动产权证书"></el-table-column>
62 <el-table-column
63 prop="qlrmc"
64 label="被执行人"></el-table-column>
65 <el-table-column prop="mjmc" label="面积"></el-table-column>
66 <el-table-column prop="ytmc" label="用途"></el-table-column>
67 <el-table-column prop="zl" label="坐落"></el-table-column>
68 </select-table>
69 </el-form-item>
70 </el-col>
58 71
59 <el-col :span="8" v-if="ssqlxxshow"> 72 <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
60 <el-form-item label="上手权利信息："> 73 <el-form-item label="上手权利信息：">
61 <select-table v-model="ruleForm.ssQlxx" :table-width="550" :tableData="ssQlxxList" 74 <select-table
62 :props="props" @change="ssQlxxchange"> 75 v-model="ruleForm.ssQlxx"
63 <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> 76 :table-width="550"
64 <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> 77 :tableData="ssQlxxList"
65 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 78 :props="props"
66 <el-table-column prop="mjmc" label="面积"></el-table-column> 79 @change="ssQlxxchange">
67 <el-table-column prop="ytmc" label="用途"></el-table-column> 80 <el-table-column
68 <el-table-column prop="zl" label="坐落"></el-table-column> 81 prop="qllxmc"
69 </select-table> 82 width="130"
70 </el-form-item> 83 label="权利类型"></el-table-column>
71 </el-col> 84 <el-table-column
72 </el-row> 85 prop="bdcqzh"
86 width="160"
87 label="不动产权证书"></el-table-column>
88 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
89 <el-table-column prop="mjmc" label="面积"></el-table-column>
90 <el-table-column prop="ytmc" label="用途"></el-table-column>
91 <el-table-column prop="zl" label="坐落"></el-table-column>
92 </select-table>
93 </el-form-item>
94 </el-col>
95 </el-row>
73 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> 96 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
74 <el-col :span="8"> 97 <el-col :span="8">
75 <el-form-item label="权利人："> 98 <el-form-item label="权利人：">
...@@ -138,7 +161,7 @@ ...@@ -138,7 +161,7 @@
138 </el-col> 161 </el-col>
139 <el-col :span="8"> 162 <el-col :span="8">
140 <el-form-item label="上手业务号："> 163 <el-form-item label="上手业务号：">
141 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 164 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
142 </el-form-item> 165 </el-form-item>
143 </el-col> 166 </el-col>
144 </el-row> 167 </el-row>
...@@ -149,14 +172,13 @@ ...@@ -149,14 +172,13 @@
149 </el-form-item> 172 </el-form-item>
150 </el-col> 173 </el-col>
151 <el-col :span="8"> 174 <el-col :span="8">
152 <el-form-item label="登记类型："> 175 <el-form-item label="是否被续封：">
153 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 176 <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
154 <el-option 177 <el-option
155 v-for="item in dictData['A21']" 178 v-for="item in sfbxflist"
156 :key="item.dcode" 179 :key="item.dcode"
157 :label="item.dname" 180 :label="item.dname"
158 :value="item.dcode" 181 :value="item.dcode"></el-option>
159 ></el-option>
160 </el-select> 182 </el-select>
161 </el-form-item> 183 </el-form-item>
162 </el-col> 184 </el-col>
...@@ -166,131 +188,119 @@ ...@@ -166,131 +188,119 @@
166 </el-form-item> 188 </el-form-item>
167 </el-col> 189 </el-col>
168 <el-col :span="8"> 190 <el-col :span="8">
169 <el-form-item label="不动产权证号："> 191 <el-form-item label="权属状态：">
170 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 192 <el-select v-model="ruleForm.qlxx.qszt">
193 <el-option
194 v-for="item in qsztlist"
195 :key="item.dcode"
196 :label="item.dname"
197 :value="item.dcode"></el-option>
198 </el-select>
171 </el-form-item> 199 </el-form-item>
172 </el-col> 200 </el-col>
173 <el-col :span="8"> 201 <el-col :span="8">
174 <el-form-item label="登记机构："> 202 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
175 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 203 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
176 </el-form-item> 204 </el-form-item>
177 </el-col> 205 </el-col>
178 <el-col :span="8"> 206 <el-col :span="8">
179 <el-form-item label="查封机关"> 207 <el-form-item label="查封机关：">
180 <el-input v-model="ruleForm.cfdj.cfjg"></el-input> 208 <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
181 </el-form-item> 209 </el-form-item>
182 </el-col> 210 </el-col>
183 <el-col :span="8"> 211 <el-col :span="8">
184 <el-form-item label="查封类型"> 212 <el-form-item label="查封类型：">
185 <el-select v-model="ruleForm.cfdj.cflx"> 213 <el-select v-model="ruleForm.cfdj.cflx">
186 <el-option 214 <el-option
187 v-for="item in dictData['A32']" 215 v-for="item in dictData['A32']"
188 :key="item.dcode" 216 :key="item.dcode"
189 :label="item.dname" 217 :label="item.dname"
190 :value="item.dcode" 218 :value="item.dcode"></el-option>
191 ></el-option>
192 </el-select> 219 </el-select>
193 </el-form-item> 220 </el-form-item>
194 </el-col> 221 </el-col>
195 <el-col :span="8"> 222 <el-col :span="8">
196 <el-form-item label="查封文号"> 223 <el-form-item label="查封文号：">
197 <el-input v-model="ruleForm.cfdj.cfwh"></el-input> 224 <el-input v-model="ruleForm.cfdj.cfwh"></el-input>
198 </el-form-item> 225 </el-form-item>
199 </el-col> 226 </el-col>
200 <el-col :span="8"> 227 <el-col :span="8">
201 <el-form-item label="查封起始时间"> 228 <el-form-item label="查封起始时间：">
202 <el-input v-model="ruleForm.cfdj.cfqssj"></el-input> 229 <el-input v-model="ruleForm.cfdj.cfqssj"></el-input>
203 </el-form-item> 230 </el-form-item>
204 </el-col> 231 </el-col>
205 <el-col :span="8"> 232 <el-col :span="8">
206 <el-form-item label="查封结束时间"> 233 <el-form-item label="查封结束时间：">
207 <el-input v-model="ruleForm.cfdj.cfjssj"></el-input> 234 <el-input v-model="ruleForm.cfdj.cfjssj"></el-input>
208 </el-form-item> 235 </el-form-item>
209 </el-col> 236 </el-col>
210 <el-col :span="8"> 237 <el-col :span="8">
211 <el-form-item label="查封期限"> 238 <el-form-item label="查封期限：">
212 <el-input v-model="ruleForm.cfdj.cfqx"></el-input> 239 <el-input v-model="ruleForm.cfdj.cfqx"></el-input>
213 </el-form-item> 240 </el-form-item>
214 </el-col> 241 </el-col>
215 <el-col :span="8"> 242 <el-col :span="8">
216 <el-form-item label="查封范围"> 243 <el-form-item label="查封范围：">
217 <el-input v-model="ruleForm.cfdj.cffw"></el-input> 244 <el-input v-model="ruleForm.cfdj.cffw"></el-input>
218 </el-form-item> 245 </el-form-item>
219 </el-col> 246 </el-col>
220 <el-col :span="8"> 247 <el-col :span="8">
221 <el-form-item label="区县代码："> 248 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
222 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 249 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
223 </el-form-item> 250 </el-form-item>
224 </el-col> 251 </el-col>
225 <el-col :span="8"> 252 <el-col :span="8">
226 <el-form-item label="登记机构："> 253 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
227 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 254 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
228 </el-form-item> 255 </el-form-item>
229 </el-col> 256 </el-col>
230 <el-col :span="8"> 257
231 <el-form-item label="解封业务号">
232 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
233 </el-form-item>
234 </el-col>
235 <el-col :span="8">
236 <el-form-item label="解封机关">
237 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
238 </el-form-item>
239 </el-col>
240 <el-col :span="8">
241 <el-form-item label="解封文件">
242 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
243 </el-form-item>
244 </el-col>
245 <el-col :span="8">
246 <el-form-item label="解封文号">
247 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
248 </el-form-item>
249 </el-col>
250 <el-col :span="8">
251 <el-form-item label="解封登簿人">
252 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
253 </el-form-item>
254 </el-col>
255 <el-col :span="8">
256 <el-form-item label="解封登记时间">
257 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
258 </el-form-item>
259 </el-col>
260 <el-col :span="8"> 258 <el-col :span="8">
261 <el-form-item label="登簿人："> 259 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
262 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 260 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
263 </el-form-item> 261 </el-form-item>
264 </el-col> 262 </el-col>
265 <el-col :span="8"> 263 <el-col :span="8">
266 <el-form-item label="登记时间："> 264 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
267 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 265 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
268 </el-form-item> 266 </el-form-item>
269 </el-col> 267 </el-col>
270 </el-row> 268 <el-col :span="24">
271 <div class="slxx_title title-block"> 269 <el-form-item label="附记：">
272 权利人信息 270 <el-input v-model="ruleForm.cfdj.fj"></el-input>
273 <div class="triangle"></div>
274 </div>
275 <el-row :gutter="10">
276 <el-col :span="12">
277 <el-form-item label="共有方式：">
278 <el-radio-group v-model="ruleForm.qlxx.gyqk">
279 <el-radio label="0">单独所有</el-radio>
280 <el-radio label="1">共同共有</el-radio>
281 <el-radio label="2">按份所有</el-radio>
282 <el-radio label="3">其它共有</el-radio>
283 </el-radio-group>
284 </el-form-item> 271 </el-form-item>
285 </el-col> 272 </el-col>
286 </el-row> 273 </el-row>
287 <qlrCommonTable 274 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
288 :tableData="ruleForm.qlrData" 275 <el-form-item label="解封业务号：">
289 @upDateQlrxxList="upDateQlrxxList" 276 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
290 :key="key" 277 </el-form-item>
291 :gyfs="ruleForm.qlxx.gyfs" 278 </el-col>
292 /> 279 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
293 280 <el-form-item label="解封机关：">
281 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
282 </el-form-item>
283 </el-col>
284 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
285 <el-form-item label="解封文件：">
286 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
287 </el-form-item>
288 </el-col>
289 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
290 <el-form-item label="解封文号：">
291 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
292 </el-form-item>
293 </el-col>
294 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
295 <el-form-item label="解封登簿人：">
296 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
297 </el-form-item>
298 </el-col>
299 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
300 <el-form-item label="解封登记时间：">
301 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
302 </el-form-item>
303 </el-col>
294 </div> 304 </div>
295 <el-row class="btn"> 305 <el-row class="btn">
296 <el-form-item> 306 <el-form-item>
...@@ -301,70 +311,134 @@ ...@@ -301,70 +311,134 @@
301 </div> 311 </div>
302 </template> 312 </template>
303 <script> 313 <script>
304 import { mapGetters } from "vuex"; 314 import { mapGetters } from "vuex";
305 import { init,getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; 315 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
306 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 316 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
307 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 317 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
308 import tdytTable from "@/views/workflow/components/tdytTable"; 318 import tdytTable from "@/views/workflow/components/tdytTable";
309 import selectTable from "@/components/selectTable/index.vue"; 319 import selectTable from "@/components/selectTable/index.vue";
310 export default { 320 export default {
311 components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable }, 321 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
312 computed: { 322 computed: {
313 ...mapGetters(["dictData", "flag"]), 323 ...mapGetters(["dictData", "flag"]),
314 }, 324 },
315 data() { 325 data () {
316 return { 326 return {
317 //表单是否可操作 327 //表单是否可操作
318 propsParam: this.$attrs, 328 props: {
319 key: 0,
320 isShow: false,
321 ssqlxxshow:true,
322 disabled: true,
323 czrOptions: [],
324 ruleForm: {},
325 //传递参数\
326 rules: {},
327 props: {
328 label: "bdcqzh", 329 label: "bdcqzh",
329 value: "bdcdyid" 330 value: "bdcdyid",
330 }, 331 },
331 ssQlxxList: [], 332 propsParam: this.$attrs,
333 key: 0,
334 isShow: false,
335 ssqlxxshow: true,
336 disabled: true,
337 czrOptions: [],
338 ruleForm: {},
339 rules: {},
340 // 登记类型
341 djlxlist: [
342 {
343 dcode: "100",
344 dname: "首次登记",
345 },
346 {
347 dcode: "200",
348 dname: "转移登记",
349 },
350 {
351 dcode: "300",
352 dname: "变更登记",
353 },
354 {
355 dcode: "500",
356 dname: "更正登记",
357 },
358
359 {
360 dcode: "901",
361 dname: "补证",
362 },
363 {
364 dcode: "902",
365 dname: "换证",
366 },
367 ],
368
369 // 权属状态
370 qsztlist: [
371 {
372 dcode: "1",
373 dname: "现势",
374 },
375 {
376 dcode: "2",
377 dname: "历史",
378 },
379 ],
380 // 是否被续封
381 sfbxflist: [
382 {
383 dcode: "0",
384 dname: "否",
385 },
386 {
387 dcode: "1",
388 dname: "是",
389 },
390 ],
391 //传递参数\
392
393 ssQlxxList: [],
332 ztQlxxList: [], 394 ztQlxxList: [],
333 }; 395 rules: {
334 }, 396 bdcqzh: [
335 created() { 397 { required: true, message: "不动产登记证明号", trigger: "blur" },
336 this.loadData(); 398 ],
337 }, 399 qxdm: [{ required: true, message: "区县代码", trigger: "blur" }],
338 mounted() {}, 400 djjg: [{ required: true, message: "登记机构", trigger: "blur" }],
339 methods: { 401 dbr: [{ required: true, message: "登簿人", trigger: "blur" }],
402 djsj: [{ required: true, message: "登记时间", trigger: "blur" }],
403 },
404 };
405 },
406 created () {
407 this.loadData();
408 },
409 mounted () { },
410 methods: {
340 ztQlxxchange (val) { 411 ztQlxxchange (val) {
341 this.ruleForm.ztQlxx = val 412 this.ruleForm.ztQlxx = val;
342 }, 413 },
343 ssQlxxchange (val) { 414 ssQlxxchange (val) {
344 this.ruleForm.ssQlxx = val 415 this.ruleForm.ssQlxx = val;
416 this.ruleForm.qlxx.ssywh = val.ssywh;
345 }, 417 },
346 djlxchange(val){ 418 djlxchange (val) {
347 if(val==null||val==100){ 419 if (val == null || val == 100) {
348 this.ssqlxxshow=false 420 this.ssqlxxshow = false;
349 }else{ 421 } else {
350 this.ssqlxxshow=true 422 this.ssqlxxshow = true;
351 } 423 }
352
353 }, 424 },
354 loadData() { 425 loadData () {
355 this.propsParam.isEdit = this.$parent.isEdit; 426 this.propsParam.isEdit = this.$parent.isEdit;
356 init(this.propsParam).then((res) => { 427 init(this.propsParam).then((res) => {
357 if (res.code == 200) { 428 if (res.code == 200) {
358 this.ruleForm = res.result; 429 this.ruleForm = res.result;
359 this.isShow = true; 430 this.isShow = true;
360 let djlx= this.ruleForm.qlxx.djlx 431 let djlx = this.ruleForm.qlxx.djlx;
361 if(djlx==null||djlx==100){ 432 if (djlx == null || djlx == 100) {
362 this.ssqlxxshow=false 433 this.ssqlxxshow = false;
434 }
363 } 435 }
364 } 436 });
365 }); 437 //获取主体信息
366 //获取主体信息 438 getSsQlxx({
367 getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => { 439 bdcdyid: this.propsParam.bdcdyid,
440 qllx: this.propsParam.qllx,
441 }).then((res) => {
368 if (res.code == 200) { 442 if (res.code == 200) {
369 this.ssQlxxList = res.result; 443 this.ssQlxxList = res.result;
370 } 444 }
...@@ -375,82 +449,89 @@ export default { ...@@ -375,82 +449,89 @@ export default {
375 this.ztQlxxList = res.result; 449 this.ztQlxxList = res.result;
376 } 450 }
377 }); 451 });
378 }, 452 },
379 // 更新土地用途信息 453 // 更新土地用途信息
380 upDateTdytxxList(val) { 454 upDateTdytxxList (val) {
381 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 455 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
382 this.key++; 456 this.key++;
383 }, 457 },
384 // 更新权利人信息 458 // 更新权利人信息
385 upDateQlrxxList(val) { 459 upDateQlrxxList (val) {
386 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 460 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
387 this.czrOptions = this.ruleForm.qlrData; 461 this.czrOptions = this.ruleForm.qlrData;
388 this.key++; 462 this.key++;
389 }, 463 },
390 // 更新义务人信息 464 // 更新义务人信息
391 upDateYwrxxList(val) { 465 upDateYwrxxList (val) {
392 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 466 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
393 this.key++; 467 this.key++;
394 }, 468 },
395 onSubmit() { 469 onSubmit () {
396 if (this.ruleForm.qlrData.length == 0) { 470 this.$refs.ruleForm.validate((valid) => {
397 this.$message({ 471 console.log("valid", valid);
398 showClose: true, 472 if (valid) {
399 message: "请确认权利人信息", 473 if (this.ruleForm.qlrData.length == 0) {
400 type: "error", 474 this.$message({
401 }); 475 showClose: true,
402 return false; 476 message: "请确认权利人信息",
403 } 477 type: "error",
478 });
479 return false;
480 }
404 481
405 if (this.ruleForm.qlxx.gyfs == "0") { 482 if (this.ruleForm.qlxx.gyfs == "0") {
406 if (this.ruleForm.qlrData.length > 1) { 483 if (this.ruleForm.qlrData.length > 1) {
407 this.$message({ 484 this.$message({
408 showClose: true, 485 showClose: true,
409 message: "共有方式：单独所有，权利人只能是一个人", 486 message: "共有方式：单独所有，权利人只能是一个人",
410 type: "error", 487 type: "error",
411 }); 488 });
412 return false; 489 return false;
413 } 490 }
414 this.ruleForm.qlrData[0].sfczr = "1"; 491 this.ruleForm.qlrData[0].sfczr = "1";
415 }
416 if (this.ruleForm.qlxx.gyfs == "1") {
417 //是否分别持证
418 if (this.ruleForm.qlxx.sqfbcz == "1") {
419 //是
420 this.ruleForm.qlrData.forEach((item, index) => {
421 item.sfczr = "1";
422 });
423 } else {
424 this.ruleForm.qlrData.forEach((item, index) => {
425 if (item.zjh == this.ruleForm.czr) {
426 item.sfczr = "1";
427 } else {
428 item.sfczr = "0";
429 } 492 }
430 }); 493 if (this.ruleForm.qlxx.gyfs == "1") {
431 } 494 //是否分别持证
432 } 495 if (this.ruleForm.qlxx.sqfbcz == "1") {
433 save(this.ruleForm).then((res) => { 496 //是
434 if (res.code === 200) { 497 this.ruleForm.qlrData.forEach((item, index) => {
435 this.$message({ 498 item.sfczr = "1";
436 showClose: true, 499 });
437 message: "保存成功！", 500 } else {
438 type: "success", 501 this.ruleForm.qlrData.forEach((item, index) => {
439 }); 502 if (item.zjh == this.ruleForm.czr) {
440 this.$store.dispatch("user/refreshPage", true); 503 item.sfczr = "1";
441 } else { 504 } else {
442 this.$message({ 505 item.sfczr = "0";
443 showClose: true, 506 }
444 message: res.message, 507 });
445 type: "error", 508 }
446 }); 509 }
447 } 510 save(this.ruleForm).then((res) => {
448 }); 511 if (res.code === 200) {
512 this.$message({
513 showClose: true,
514 message: "保存成功！",
515 type: "success",
516 });
517 this.$store.dispatch("user/refreshPage", true);
518 } else {
519 this.$message({
520 showClose: true,
521 message: res.message,
522 type: "error",
523 });
524 }
525 });
526 } else {
527 return false;
528 }
529 });
530 },
449 }, 531 },
450 }, 532 };
451 };
452 </script> 533 </script>
453 <style scoped lang="scss"> 534 <style scoped lang="scss">
454 @import "~@/styles/public.scss"; 535 @import "~@/styles/public.scss";
455 @import "~@/styles/slxx/slxx.scss"; 536 @import "~@/styles/slxx/slxx.scss";
456 </style> 537 </style>
......
...@@ -13,7 +13,9 @@ ...@@ -13,7 +13,9 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="145px"> 16 label-width="169px"
17 inline-message
18 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
19 补录信息 21 补录信息
...@@ -38,39 +40,65 @@ ...@@ -38,39 +40,65 @@
38 </el-row> 40 </el-row>
39 <div class="slxx_title title-block"> 41 <div class="slxx_title title-block">
40 抵押不动产情况 42 抵押不动产情况
41 <div class="triangle"></div> 43 <div class="triangle"></div>
42 </div> 44 </div>
43 <el-row :gutter="10"> 45 <el-row :gutter="10">
44 <el-col :span="8"> 46 <el-col :span="8">
45 <el-form-item label="抵押不动产信息："> 47 <el-form-item label="抵押不动产信息：">
46 <select-table v-model="ruleForm.ztQlxx" :table-width="550" :tableData="ztQlxxList" 48 <select-table
47 :props="props" @change="ztQlxxchange"> 49 v-model="ruleForm.ztQlxx"
48 <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> 50 :table-width="550"
49 <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> 51 :tableData="ztQlxxList"
50 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 52 :props="props"
51 <el-table-column prop="mjmc" label="面积"></el-table-column> 53 @change="ztQlxxchange"
52 <el-table-column prop="ytmc" label="用途"></el-table-column> 54 >
53 <el-table-column prop="zl" label="坐落"></el-table-column> 55 <el-table-column
54 </select-table> 56 prop="qllxmc"
55 </el-form-item> 57 width="130"
56 </el-col> 58 label="权利类型"
59 ></el-table-column>
60 <el-table-column
61 prop="bdcqzh"
62 width="160"
63 label="不动产权证书"
64 ></el-table-column>
65 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
66 <el-table-column prop="mjmc" label="面积"></el-table-column>
67 <el-table-column prop="ytmc" label="用途"></el-table-column>
68 <el-table-column prop="zl" label="坐落"></el-table-column>
69 </select-table>
70 </el-form-item>
71 </el-col>
57 72
58 <el-col :span="8" v-if="ssqlxxshow"> 73 <el-col :span="8" v-if="ssqlxxshow">
59 <el-form-item label="上手权利信息："> 74 <el-form-item label="上手权利信息：">
60 <select-table v-model="ruleForm.ssQlxx" :table-width="550" :tableData="ssQlxxList" 75 <select-table
61 :props="props" @change="ssQlxxchange"> 76 v-model="ruleForm.ssQlxx"
62 <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> 77 :table-width="550"
63 <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> 78 :tableData="ssQlxxList"
64 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 79 :props="props"
65 <el-table-column prop="mjmc" label="面积"></el-table-column> 80 @change="ssQlxxchange"
66 <el-table-column prop="ytmc" label="用途"></el-table-column> 81 >
67 <el-table-column prop="zl" label="坐落"></el-table-column> 82 <el-table-column
68 </select-table> 83 prop="qllxmc"
69 </el-form-item> 84 width="130"
70 </el-col> 85 label="权利类型"
71 </el-row> 86 ></el-table-column>
87 <el-table-column
88 prop="bdcqzh"
89 width="160"
90 label="不动产权证书"
91 ></el-table-column>
92 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
93 <el-table-column prop="mjmc" label="面积"></el-table-column>
94 <el-table-column prop="ytmc" label="用途"></el-table-column>
95 <el-table-column prop="zl" label="坐落"></el-table-column>
96 </select-table>
97 </el-form-item>
98 </el-col>
99 </el-row>
72 100
73 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 101 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
74 <el-col :span="8"> 102 <el-col :span="8">
75 <el-form-item label="权利人："> 103 <el-form-item label="权利人：">
76 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> 104 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
...@@ -87,7 +115,7 @@ ...@@ -87,7 +115,7 @@
87 </el-form-item> 115 </el-form-item>
88 </el-col> 116 </el-col>
89 </el-row> 117 </el-row>
90 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 118 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
91 <el-col :span="8"> 119 <el-col :span="8">
92 <el-form-item label="权利类型："> 120 <el-form-item label="权利类型：">
93 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> 121 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
...@@ -104,7 +132,7 @@ ...@@ -104,7 +132,7 @@
104 </el-form-item> 132 </el-form-item>
105 </el-col> 133 </el-col>
106 </el-row> 134 </el-row>
107 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 135 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
108 <el-col :span="8"> 136 <el-col :span="8">
109 <el-form-item label="不动产单元号："> 137 <el-form-item label="不动产单元号：">
110 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> 138 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
...@@ -125,85 +153,32 @@ ...@@ -125,85 +153,32 @@
125 抵押权信息 153 抵押权信息
126 <div class="triangle"></div> 154 <div class="triangle"></div>
127 </div> 155 </div>
156
128 <el-row :gutter="10"> 157 <el-row :gutter="10">
129 <el-col :span="8">
130 <el-form-item label="抵押方式：">
131 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
132 <el-radio-group v-model="ruleForm.diyaq.dyfs">
133 <el-radio label="1">一般抵押</el-radio>
134 <el-radio label="2">最高额抵押</el-radio>
135 </el-radio-group>
136 </el-form-item>
137 </el-col>
138 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
139 <el-form-item label="最高债权额">
140 <div style="display: flex">
141 <el-input
142 v-model="ruleForm.diyaq.zgzqse"
143 style="width: 500%"
144 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
145 <el-select v-model="ruleForm.diyaq.jedw">
146 <el-option
147 v-for="item in dictData['A57']"
148 :key="item.dcode"
149 :label="item.dname"
150 :value="item.dcode"></el-option>
151 </el-select>
152 </div>
153 </el-form-item>
154 </el-col>
155 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
156 <el-form-item label="被担保主债权数额">
157 <div style="display: flex">
158 <el-input
159 v-model="ruleForm.diyaq.bdbzzqse"
160 style="width: 500%"
161 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
162 <el-select v-model="ruleForm.diyaq.jedw">
163 <el-option
164 v-for="item in dictData['A57']"
165 :key="item.dcode"
166 :label="item.dname"
167 :value="item.dcode"></el-option>
168 </el-select>
169 </div>
170 </el-form-item>
171 </el-col>
172 </el-row>
173 <el-row :gutter="10">
174 <el-col :span="8"> 158 <el-col :span="8">
175 <el-form-item label="不动产单元号："> 159 <el-form-item label="不动产单元号：">
176 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 160 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
177 </el-form-item> 161 </el-form-item>
178 </el-col> 162 </el-col>
179 <el-col :span="8"> 163 <el-col :span="8">
180 <el-form-item label="业务号：">
181 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
182 </el-form-item>
183 </el-col>
184 <el-col :span="8">
185 <el-form-item label="上手业务号：">
186 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
187 </el-form-item>
188 </el-col>
189 </el-row>
190 <el-row :gutter="10">
191 <el-col :span="8">
192 <el-form-item label="权利类型："> 164 <el-form-item label="权利类型：">
193 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 165 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
194 </el-form-item> 166 </el-form-item>
195 </el-col> 167 </el-col>
196 <el-col :span="8"> 168 <el-col :span="8">
197 <el-form-item label="登记类型："> 169 <el-form-item label="登记类型：">
198 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 170 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
199 <el-option 171 <el-option
200 v-for="item in djlxlist" 172 v-for="item in djlxlist"
201 :key="item.dcode" 173 :key="item.dcode"
202 :label="item.dname" 174 :label="item.dname"
203 :value="item.dcode"></el-option> 175 :value="item.dcode"
176 ></el-option>
204 </el-select> 177 </el-select>
205 </el-form-item> 178 </el-form-item>
206 </el-col> 179 </el-col>
180 </el-row>
181 <el-row :gutter="10">
207 <el-col :span="8"> 182 <el-col :span="8">
208 <el-form-item label="权属状态："> 183 <el-form-item label="权属状态：">
209 <el-select v-model="ruleForm.qlxx.qszt"> 184 <el-select v-model="ruleForm.qlxx.qszt">
...@@ -211,52 +186,201 @@ ...@@ -211,52 +186,201 @@
211 v-for="item in qsztlist" 186 v-for="item in qsztlist"
212 :key="item.dcode" 187 :key="item.dcode"
213 :label="item.dname" 188 :label="item.dname"
214 :value="item.dcode"></el-option> 189 :value="item.dcode"
190 ></el-option>
215 </el-select> 191 </el-select>
216 </el-form-item> 192 </el-form-item>
217 </el-col> 193 </el-col>
218 <el-col :span="8"> 194 <el-col :span="8">
219 <el-form-item label="不动产坐落："> 195 <el-form-item label="业务号：">
220 <el-input v-model="ruleForm.qlxx.zl"></el-input> 196 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
221 </el-form-item>
222 </el-col>
223 <el-col :span="8">
224 <el-form-item label="不动产权证号：">
225 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
226 </el-form-item> 197 </el-form-item>
227 </el-col> 198 </el-col>
228 <el-col :span="8"> 199 <el-col :span="8">
229 <el-form-item label="区县代码："> 200 <el-form-item label="上手业务号：">
230 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 201 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
231 </el-form-item> 202 </el-form-item>
232 </el-col> 203 </el-col>
204 </el-row>
205 <el-row :gutter="10">
233 <el-col :span="8"> 206 <el-col :span="8">
234 <el-form-item label="登记机构："> 207 <el-form-item label="抵押金额类型：">
235 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 208 <el-radio-group v-model="ruleForm.diyaq.dyjelx">
209 <el-radio label="0">独立抵押金额</el-radio>
210 <el-radio label="1">整体抵押金额</el-radio>
211 </el-radio-group>
236 </el-form-item> 212 </el-form-item>
237 </el-col> 213 </el-col>
238 <el-col :span="8"> 214 <el-col :span="8">
239 <el-form-item label="登簿人："> 215 <el-form-item label="抵押方式：">
240 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 216 <el-radio-group v-model="ruleForm.diyaq.dyfs">
217 <el-radio label="1">一般抵押</el-radio>
218 <el-radio label="2">最高额抵押</el-radio>
219 </el-radio-group>
241 </el-form-item> 220 </el-form-item>
242 </el-col> 221 </el-col>
243 <el-col :span="8"> 222 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
244 <el-form-item label="登记时间："> 223 <el-form-item label="最高债权额：">
245 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 224 <div style="display: flex">
225 <el-input
226 v-model="ruleForm.diyaq.zgzqse"
227 style="width: 500%"
228 oninput="value=value.replace(/[^\d.]/g,'')"
229 ></el-input>
230 <el-select v-model="ruleForm.diyaq.jedw">
231 <el-option
232 v-for="item in dictData['A57']"
233 :key="item.dcode"
234 :label="item.dname"
235 :value="item.dcode"
236 ></el-option>
237 </el-select>
238 </div>
246 </el-form-item> 239 </el-form-item>
247 </el-col> 240 </el-col>
248 <el-col :span="8"> 241 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
249 <el-form-item label="登记原因："> 242 <el-form-item label="被担保主债权数额：">
250 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 243 <div style="display: flex">
244 <el-input
245 v-model="ruleForm.diyaq.bdbzzqse"
246 style="width: 500%"
247 oninput="value=value.replace(/[^\d.]/g,'')"
248 ></el-input>
249 <el-select v-model="ruleForm.diyaq.jedw">
250 <el-option
251 v-for="item in dictData['A57']"
252 :key="item.dcode"
253 :label="item.dname"
254 :value="item.dcode"
255 ></el-option>
256 </el-select>
257 </div>
251 </el-form-item> 258 </el-form-item>
252 </el-col> 259 </el-col>
260 </el-row>
261 <el-col :span="8">
262 <el-form-item label="抵押面积：">
263 <div style="display: flex">
264 <el-input
265 v-model="ruleForm.diyaq.dymj"
266 style="width: 500%"
267 oninput="value=value.replace(/[^\d.]/g,'')"
268 ></el-input>
269 <el-select v-model="ruleForm.diyaq.mjdw">
270 <el-option
271 v-for="item in dictData['A7']"
272 :key="item.dcode"
273 :label="item.dname"
274 :value="item.dcode"
275 ></el-option>
276 </el-select>
277 </div>
278 </el-form-item>
279 </el-col>
280 <el-col :span="8">
281 <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules">
282 <el-date-picker
283 v-model="ruleForm.diyaq.zwlxqssj"
284 type="date"
285 placeholder="选择日期"
286 value-format="yyyy/MM/dd HH:mm:ss"
287 format="yyyy/MM/dd"
288 >
289 </el-date-picker>
290 </el-form-item>
291 </el-col>
292 <el-col :span="8">
293 <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules">
294 <el-date-picker
295 v-model="ruleForm.diyaq.zwlxjssj"
296 type="date"
297 placeholder="选择日期"
298 value-format="yyyy/MM/dd HH:mm:ss"
299 format="yyyy/MM/dd"
300 >
301 </el-date-picker>
302 </el-form-item>
303 </el-col>
304 <el-col :span="8">
305 <el-form-item label="在建建筑物坐落：">
306 <el-input v-model="ruleForm.qlxx.zl"></el-input>
307 </el-form-item>
308 </el-col>
309 <!-- <el-col :span="8">
310 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
311 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
312 </el-form-item>
313 </el-col> -->
314 <el-col :span="8">
315 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
316 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
317 </el-form-item>
318 </el-col>
319 <el-col :span="8">
320 <el-form-item label="在建建筑物抵押范围：">
321 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
322 </el-form-item>
323 </el-col>
253 324
254 <el-col :span="8"> 325 <el-col :span="8">
255 <el-form-item label="抵押金额类型："> 326 <el-form-item label="担保范围：">
256 <el-input v-model="ruleForm.diyaq.dyjelx"></el-input> 327 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
257 </el-form-item> 328 </el-form-item>
258 </el-col> 329 </el-col>
259 <el-col :span="8"> 330 <el-col :span="8">
331 <el-form-item label="债务履行期限(确定期间)：">
332 <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
333 </el-form-item>
334 </el-col>
335
336 <el-col :span="8">
337 <el-form-item label="最高债权确定事实和数额：">
338 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
339 </el-form-item>
340 </el-col>
341 <el-col :span="8">
342 <el-form-item label="是否限制转移约定">
343 <el-select v-model="ruleForm.diyaq.sfczjzhxz">
344 <el-option
345 v-for="item in dictData['A6']"
346 :key="item.dcode"
347 :label="item.dname"
348 :value="item.dcode"
349 >
350 </el-option>
351 </el-select>
352 </el-form-item>
353 </el-col>
354 <el-col :span="8">
355 <el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
356 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
357 </el-form-item>
358 </el-col>
359
360 <el-col :span="8">
361 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
362 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
363 </el-form-item>
364 </el-col>
365 <el-col :span="8">
366 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
367 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
368 </el-form-item>
369 </el-col>
370 <el-col :span="8">
371 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
372 <el-date-picker
373 v-model="ruleForm.qlxx.djsj"
374 type="date"
375 placeholder="选择日期"
376 value-format="yyyy/MM/dd HH:mm:ss"
377 format="yyyy/MM/dd"
378 >
379 </el-date-picker>
380 </el-form-item>
381 </el-col>
382
383 <!-- <el-col :span="8">
260 <el-form-item label="是否预告登记："> 384 <el-form-item label="是否预告登记：">
261 <el-select v-model="ruleForm.diyaq.sfygdj"> 385 <el-select v-model="ruleForm.diyaq.sfygdj">
262 <el-option 386 <el-option
...@@ -266,96 +390,51 @@ ...@@ -266,96 +390,51 @@
266 :value="item.dcode"></el-option> 390 :value="item.dcode"></el-option>
267 </el-select> 391 </el-select>
268 </el-form-item> 392 </el-form-item>
269 </el-col> 393 </el-col> -->
270 <el-col :span="8"> 394 <!-- <el-col :span="8">
271 <el-form-item label="在建建筑物坐落："> 395 <el-form-item label="在建建筑物坐落：">
272 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> 396 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
273 </el-form-item> 397 </el-form-item>
274 </el-col> 398 </el-col> -->
275 <el-col :span="8">
276 <el-form-item label="在建建筑物抵押范围：">
277 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
278 </el-form-item>
279 </el-col>
280 <el-col :span="8">
281 <el-form-item label="抵押面积：">
282 <div style="display: flex">
283 <el-input
284 v-model="ruleForm.diyaq.dymj"
285 style="width: 500%"
286 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
287 <el-select v-model="ruleForm.diyaq.mjdw">
288 <el-option
289 v-for="item in dictData['A7']"
290 :key="item.dcode"
291 :label="item.dname"
292 :value="item.dcode"></el-option>
293 </el-select>
294 </div>
295 </el-form-item>
296 </el-col>
297 399
298 <el-col :span="8"> 400 <el-col :span="24">
299 <el-form-item label="担保范围"> 401 <el-form-item label="登记原因：">
300 <el-input v-model="ruleForm.diyaq.dbfw"></el-input> 402 <el-input v-model="ruleForm.qlxx.djyy"></el-input>
301 </el-form-item> 403 </el-form-item>
302 </el-col> 404 </el-col>
303 <el-col :span="8"> 405 <el-col :span="24">
304 <el-form-item label="债务履行期限（债务确定期间）"> 406 <el-form-item label="附记：">
305 <el-input v-model="ruleForm.diyaq.dyqx"></el-input> 407 <el-input v-model="ruleForm.diyaq.fj"></el-input>
306 </el-form-item> 408 </el-form-item>
307 </el-col> 409 </el-col>
308 <el-col :span="8"> 410 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
309 <el-form-item label="债务履行起始时间"> 411 <el-form-item label="注销抵押业务号：">
310 <el-input v-model="ruleForm.diyaq.zwlxqssj"></el-input> 412 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
311 </el-form-item> 413 </el-form-item>
312 </el-col> 414 </el-col>
313 <el-col :span="8"> 415
314 <el-form-item label="债务履行结束时间"> 416 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
315 <el-input v-model="ruleForm.diyaq.zwlxjssj"></el-input> 417 <el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules">
316 </el-form-item> 418 <el-date-picker
317 </el-col> 419 v-model="ruleForm.qlxx.zxsj"
318 <el-col :span="8"> 420 type="date"
319 <el-form-item label="最高债权确定事实和数额"> 421 placeholder="选择日期"
320 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> 422 value-format="yyyy/MM/dd HH:mm:ss"
321 </el-form-item> 423 format="yyyy/MM/dd"
322 </el-col> 424 >
323 <el-col :span="8"> 425 </el-date-picker>
324 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定"> 426 </el-form-item>
325 <el-input v-model="ruleForm.diyaq.sfzqfsbh"></el-input> 427 </el-col>
326 </el-form-item> 428 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
327 </el-col> 429 <el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules">
328 <el-col :span="8"> 430 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
329 <el-form-item label="不动产登记证明号"> 431 </el-form-item>
330 <el-input v-model="ruleForm.diyaq.bdcdjzmh"></el-input> 432 </el-col>
331 </el-form-item> 433 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
332 </el-col> 434 <el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules">
333 <el-col :span="8"> 435 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
334 <el-form-item label="注销抵押业务号"> 436 </el-form-item>
335 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> 437 </el-col>
336 </el-form-item>
337 </el-col>
338 <el-col :span="8">
339 <el-form-item label="注销抵押原因">
340 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
341 </el-form-item>
342 </el-col>
343 <el-col :span="8">
344 <el-form-item label="注销时间">
345 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
346 </el-form-item>
347 </el-col>
348 <el-col :span="8">
349 <el-form-item label="注销登簿人">
350 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
351 </el-form-item>
352 </el-col>
353 <el-col :span="24">
354 <el-form-item label="附记：">
355 <el-input v-model="ruleForm.diyaq.fj"></el-input>
356 </el-form-item>
357 </el-col>
358 </el-row>
359 <div class="slxx_title title-block"> 438 <div class="slxx_title title-block">
360 权利人信息 439 权利人信息
361 <div class="triangle"></div> 440 <div class="triangle"></div>
...@@ -376,9 +455,10 @@ ...@@ -376,9 +455,10 @@
376 :tableData="ruleForm.qlrData" 455 :tableData="ruleForm.qlrData"
377 @upDateQlrxxList="upDateQlrxxList" 456 @upDateQlrxxList="upDateQlrxxList"
378 :key="key" 457 :key="key"
379 :gyfs="ruleForm.qlxx.gyfs" /> 458 :gyfs="ruleForm.qlxx.gyfs"
459 />
380 460
381 <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0"> 461 <div v-if="ruleForm.ywrData">
382 <div class="slxx_title title-block"> 462 <div class="slxx_title title-block">
383 义务人信息 463 义务人信息
384 <div class="triangle"></div> 464 <div class="triangle"></div>
...@@ -400,199 +480,227 @@ ...@@ -400,199 +480,227 @@
400 </div> 480 </div>
401 </template> 481 </template>
402 <script> 482 <script>
403 import { mapGetters } from "vuex"; 483 import { mapGetters } from "vuex";
404 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; 484 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
405 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 485 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
406 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 486 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
407 import selectTable from "@/components/selectTable/index.vue"; 487 import selectTable from "@/components/selectTable/index.vue";
408 import tdytTable from "@/views/workflow/components/tdytTable"; 488 import tdytTable from "@/views/workflow/components/tdytTable";
409 export default { 489 export default {
410 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 490 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
411 computed: { 491 computed: {
412 ...mapGetters(["dictData", "flag"]), 492 ...mapGetters(["dictData", "flag"]),
413 }, 493 },
414 data () { 494 data() {
415 return { 495 return {
416 props: { 496 props: {
417 label: "bdcqzh", 497 label: "bdcqzh",
418 value: "bdcdyid" 498 value: "bdcdyid",
499 },
500 //表单是否可操作
501 propsParam: this.$attrs,
502 key: 0,
503 isShow: false,
504 disabled: true,
505 ssqlxxshow: true,
506 czrOptions: [],
507 ruleForm: {},
508 // 权属状态
509 qsztlist: [
510 {
511 dcode: "1",
512 dname: "现势",
513 },
514 {
515 dcode: "2",
516 dname: "历史",
517 },
518 ],
519 // 登记类型
520 djlxlist: [
521 {
522 dcode: "100",
523 dname: "首次登记",
524 },
525 {
526 dcode: "200",
527 dname: "转移登记",
528 },
529 {
530 dcode: "300",
531 dname: "变更登记",
532 },
533 {
534 dcode: "500",
535 dname: "更正登记",
419 }, 536 },
420 //表单是否可操作
421 propsParam: this.$attrs,
422 key: 0,
423 isShow: false,
424 disabled: true,
425 ssqlxxshow:true,
426 czrOptions: [],
427 ruleForm: {},
428 //传递参数
429 rules: {},
430 // 权属状态
431 qsztlist: [
432 {
433 dcode: "1",
434 dname: "现势",
435 },
436 {
437 dcode: "2",
438 dname: "历史",
439 },
440 ],
441 // 登记类型
442 djlxlist: [
443 {
444 dcode: "100",
445 dname: "首次登记",
446 },
447 {
448 dcode: "200",
449 dname: "转移登记",
450 },
451 {
452 dcode: "300",
453 dname: "变更登记",
454 },
455 {
456 dcode: "500",
457 dname: "更正登记",
458 },
459 537
460 { 538 {
461 dcode: "901", 539 dcode: "901",
462 dname: "补证", 540 dname: "补证",
463 }, 541 },
464 { 542 {
465 dcode: "902", 543 dcode: "902",
466 dname: "换证", 544 dname: "换证",
467 }, 545 },
546 ],
547 ssQlxxList: [],
548 ztQlxxList: [],
549 rules: {
550 bdcqzhrules: [
551 { required: true, message: "不动产登记证明号", trigger: "blur" },
552 ],
553 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
554 zwlxqssjrules: [
555 { required: true, message: "债务履行起始时间", trigger: "blur" },
556 ],
557 zwlxjssjrules: [
558 { required: true, message: "债务履行结束时间", trigger: "blur" },
468 ], 559 ],
469 ssQlxxList: [],
470 ztQlxxList: [],
471 };
472 },
473 created () {
474 this.loadData();
475 },
476
477 methods: {
478 ztQlxxchange (val) {
479 this.ruleForm.ztQlxx = val
480 },
481 ssQlxxchange (val) {
482 this.ruleForm.ssQlxx = val
483 this.ruleForm.qlxx.ssywh=val.ssywh
484 },
485 djlxchange(val){
486
487 if(val==null||val==100){
488 this.ssqlxxshow=false
489 }else{
490 this.ssqlxxshow=true
491 }
492 560
561 zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }],
562 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
563 zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }],
564 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
565 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
566 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
493 }, 567 },
494 loadData () { 568 };
495 this.propsParam.isEdit = this.$parent.isEdit; 569 },
496 init(this.propsParam).then((res) => { 570 created() {
497 if (res.code == 200) { 571 this.loadData();
498 this.ruleForm = res.result; 572 },
499 this.isShow = true;
500 let djlx= this.ruleForm.qlxx.djlx
501 if(djlx==null||djlx==100){
502 this.ssqlxxshow=false
503 }
504
505 573
574 methods: {
575 ztQlxxchange(val) {
576 this.ruleForm.ztQlxx = val;
577 },
578 ssQlxxchange(val) {
579 this.ruleForm.ssQlxx = val;
580 this.ruleForm.qlxx.ssywh = val.ssywh;
581 },
582 djlxchange(val) {
583 if (val == null || val == 100) {
584 this.ssqlxxshow = false;
585 } else {
586 this.ssqlxxshow = true;
587 }
588 },
589 loadData() {
590 this.propsParam.isEdit = this.$parent.isEdit;
591 init(this.propsParam).then((res) => {
592 if (res.code == 200) {
593 this.ruleForm = res.result;
594 this.isShow = true;
595 let djlx = this.ruleForm.qlxx.djlx;
596 if (djlx == null || djlx == 100) {
597 this.ssqlxxshow = false;
506 } 598 }
507 });
508 //获取主体信息
509 getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => {
510 if (res.code == 200) {
511 this.ssQlxxList = res.result;
512 }
513 });
514 //获取上手信息
515 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
516 if (res.code == 200) {
517 this.ztQlxxList = res.result;
518 }
519 });
520 },
521 // 更新土地用途信息
522 upDateTdytxxList (val) {
523 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
524 this.key++;
525 },
526 // 更新权利人信息
527 upDateQlrxxList (val) {
528 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
529 this.czrOptions = this.ruleForm.qlrData;
530 this.key++;
531 },
532 // 更新义务人信息
533 upDateYwrxxList (val) {
534 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
535 this.key++;
536 },
537 onSubmit () {
538 if (this.ruleForm.qlrData.length == 0) {
539 this.$message({
540 showClose: true,
541 message: "请确认权利人信息",
542 type: "error",
543 });
544 return false;
545 } 599 }
546 600 });
547 if (this.ruleForm.qlxx.gyfs == "0") { 601 //获取主体信息
548 if (this.ruleForm.qlrData.length > 1) { 602 getSsQlxx({
603 bdcdyid: this.propsParam.bdcdyid,
604 qllx: this.propsParam.qllx,
605 }).then((res) => {
606 if (res.code == 200) {
607 this.ssQlxxList = res.result;
608 }
609 });
610 //获取上手信息
611 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
612 if (res.code == 200) {
613 this.ztQlxxList = res.result;
614 }
615 });
616 },
617 // 更新土地用途信息
618 upDateTdytxxList(val) {
619 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
620 this.key++;
621 },
622 // 更新权利人信息
623 upDateQlrxxList(val) {
624 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
625 this.czrOptions = this.ruleForm.qlrData;
626 this.key++;
627 },
628 // 更新义务人信息
629 upDateYwrxxList(val) {
630 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
631 this.key++;
632 },
633 onSubmit() {
634 this.$refs.ruleForm.validate((valid) => {
635 if (valid) {
636 if (this.ruleForm.qlrData.length == 0) {
549 this.$message({ 637 this.$message({
550 showClose: true, 638 showClose: true,
551 message: "共有方式：单独所有，权利人只能是一个人", 639 message: "请确认权利人信息",
552 type: "error", 640 type: "error",
553 }); 641 });
554 return false; 642 return false;
555 } 643 }
556 this.ruleForm.qlrData[0].sfczr = "1"; 644
557 } 645 if (this.ruleForm.qlxx.gyfs == "0") {
558 if (this.ruleForm.qlxx.gyfs == "1") { 646 if (this.ruleForm.qlrData.length > 1) {
559 //是否分别持证 647 this.$message({
560 if (this.ruleForm.qlxx.sqfbcz == "1") { 648 showClose: true,
561 //是 649 message: "共有方式：单独所有，权利人只能是一个人",
562 this.ruleForm.qlrData.forEach((item, index) => { 650 type: "error",
563 item.sfczr = "1"; 651 });
564 }); 652 return false;
565 } else { 653 }
566 this.ruleForm.qlrData.forEach((item, index) => { 654 this.ruleForm.qlrData[0].sfczr = "1";
567 if (item.zjh == this.ruleForm.czr) { 655 }
656 if (this.ruleForm.qlxx.gyfs == "1") {
657 //是否分别持证
658 if (this.ruleForm.qlxx.sqfbcz == "1") {
659 //是
660 this.ruleForm.qlrData.forEach((item, index) => {
568 item.sfczr = "1"; 661 item.sfczr = "1";
569 } else { 662 });
570 item.sfczr = "0"; 663 } else {
571 } 664 this.ruleForm.qlrData.forEach((item, index) => {
572 }) 665 if (item.zjh == this.ruleForm.czr) {
666 item.sfczr = "1";
667 } else {
668 item.sfczr = "0";
669 }
670 });
671 }
573 } 672 }
673 save(this.ruleForm).then((res) => {
674 if (res.code === 200) {
675 this.$message({
676 showClose: true,
677 message: "保存成功！",
678 type: "success",
679 });
680 this.$store.dispatch("user/refreshPage", true);
681 } else {
682 this.$message({
683 showClose: true,
684 message: res.message,
685 type: "error",
686 });
687 }
688 });
689 } else {
690 return false;
574 } 691 }
575 save(this.ruleForm).then((res) => { 692 });
576 if (res.code === 200) { 693 },
577 this.$message({ 694 },
578 showClose: true, 695 };
579 message: "保存成功！",
580 type: "success",
581 });
582 this.$store.dispatch("user/refreshPage", true);
583 } else {
584 this.$message({
585 showClose: true,
586 message: res.message,
587 type: "error",
588 });
589 }
590 })
591 }
592 }
593 };
594 </script> 696 </script>
595 <style scoped lang="scss"> 697 <style scoped lang="scss">
596 @import "~@/styles/public.scss"; 698 @import "~@/styles/public.scss";
597 @import "~@/styles/slxx/slxx.scss"; 699 @import "~@/styles/slxx/slxx.scss";
700 .el-date-editor.el-input {
701 width: 100%;
702 }
703 .el-table__row {
704 height: 30px !important;
705 }
598 </style> 706 </style>
......
...@@ -13,7 +13,9 @@ ...@@ -13,7 +13,9 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="145px"> 16 inline-message
17 label-width="150px"
18 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
19 补录信息 21 补录信息
...@@ -71,7 +73,12 @@ ...@@ -71,7 +73,12 @@
71 <el-col :span="8"> 73 <el-col :span="8">
72 <el-form-item label="登记类型："> 74 <el-form-item label="登记类型：">
73 <el-select v-model="ruleForm.qlxx.djlx"> 75 <el-select v-model="ruleForm.qlxx.djlx">
74 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 76 <el-option
77 v-for="item in djlxlist"
78 :key="item.dcode"
79 :label="item.dname"
80 :value="item.dcode"
81 >
75 </el-option> 82 </el-option>
76 </el-select> 83 </el-select>
77 </el-form-item> 84 </el-form-item>
...@@ -82,27 +89,27 @@ ...@@ -82,27 +89,27 @@
82 </el-form-item> 89 </el-form-item>
83 </el-col> 90 </el-col>
84 <el-col :span="8"> 91 <el-col :span="8">
85 <el-form-item label="不动产权证号："> 92 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
86 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 93 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
87 </el-form-item> 94 </el-form-item>
88 </el-col> 95 </el-col>
89 <el-col :span="8"> 96 <el-col :span="8">
90 <el-form-item label="区县代码："> 97 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
91 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 98 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
92 </el-form-item> 99 </el-form-item>
93 </el-col> 100 </el-col>
94 <el-col :span="8"> 101 <el-col :span="8">
95 <el-form-item label="登记机构："> 102 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
96 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 103 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
97 </el-form-item> 104 </el-form-item>
98 </el-col> 105 </el-col>
99 <el-col :span="8"> 106 <el-col :span="8">
100 <el-form-item label="登簿人："> 107 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
101 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 108 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
102 </el-form-item> 109 </el-form-item>
103 </el-col> 110 </el-col>
104 <el-col :span="8"> 111 <el-col :span="8">
105 <el-form-item label="登记时间："> 112 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
106 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 113 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
107 </el-form-item> 114 </el-form-item>
108 </el-col> 115 </el-col>
...@@ -113,7 +120,8 @@ ...@@ -113,7 +120,8 @@
113 v-for="item in qsztlist" 120 v-for="item in qsztlist"
114 :key="item.dcode" 121 :key="item.dcode"
115 :label="item.dname" 122 :label="item.dname"
116 :value="item.dcode"> 123 :value="item.dcode"
124 >
117 </el-option> 125 </el-option>
118 </el-select> 126 </el-select>
119 </el-form-item> 127 </el-form-item>
...@@ -121,95 +129,86 @@ ...@@ -121,95 +129,86 @@
121 129
122 <el-col :span="8"> 130 <el-col :span="8">
123 <el-form-item label="供地役不动产单元号："> 131 <el-form-item label="供地役不动产单元号：">
124 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 132 <el-input v-model="ruleForm.qlxx.gydbdcbyh"></el-input>
125 </el-form-item> 133 </el-form-item>
126 </el-col> <el-col :span="8"> 134 </el-col>
135 <el-col :span="8">
127 <el-form-item label="供役地权利人："> 136 <el-form-item label="供役地权利人：">
128 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 137 <el-input v-model="ruleForm.qlxx.gydqlr"></el-input>
129 </el-form-item> 138 </el-form-item>
130 </el-col> <el-col :span="8"> 139 </el-col>
140 <el-col :span="8">
131 <el-form-item label="供役地权利人证件种类"> 141 <el-form-item label="供役地权利人证件种类">
132 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 142 <el-select v-model="ruleForm.qlxx.gydqlrzjzl">
143 <el-option
144 v-for="item in dictData['A30']"
145 :key="item.dcode"
146 :label="item.dname"
147 :value="item.dcode"
148 ></el-option>
149 </el-select>
133 </el-form-item> 150 </el-form-item>
134 </el-col> <el-col :span="8"> 151 </el-col>
152 <el-col :span="8">
135 <el-form-item label="供役地权利人证件号"> 153 <el-form-item label="供役地权利人证件号">
136 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 154 <el-input v-model="ruleForm.qlxx.gydqlrzjh"></el-input>
137 </el-form-item> 155 </el-form-item>
138 </el-col> <el-col :span="8"> 156 </el-col>
157 <el-col :span="8">
139 <el-form-item label="需役地不动产单元号"> 158 <el-form-item label="需役地不动产单元号">
140 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 159 <el-input v-model="ruleForm.qlxx.xydbdcdyh"></el-input>
141 </el-form-item> 160 </el-form-item>
142 </el-col> <el-col :span="8"> 161 </el-col>
162 <el-col :span="8">
143 <el-form-item label="需役地坐落"> 163 <el-form-item label="需役地坐落">
144 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 164 <el-input v-model="ruleForm.qlxx.yxdzl"></el-input>
145 </el-form-item> 165 </el-form-item>
146 </el-col> <el-col :span="8"> 166 </el-col>
167 <el-col :span="8">
147 <el-form-item label="需役地权利人"> 168 <el-form-item label="需役地权利人">
148 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 169 <el-input v-model="ruleForm.qlxx.xydqlr"></el-input>
149 </el-form-item> 170 </el-form-item>
150 </el-col> <el-col :span="8"> 171 </el-col>
172 <el-col :span="8">
151 <el-form-item label="需役地权利人证件种类："> 173 <el-form-item label="需役地权利人证件种类：">
152 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 174 <el-select v-model="ruleForm.qlxx.xydqlrzjzl">
175 <el-option
176 v-for="item in dictData['A30']"
177 :key="item.dcode"
178 :label="item.dname"
179 :value="item.dcode"
180 ></el-option>
181 </el-select>
153 </el-form-item> 182 </el-form-item>
154 </el-col> <el-col :span="8"> 183 </el-col>
184 <el-col :span="8">
155 <el-form-item label="需役地权利人证件号："> 185 <el-form-item label="需役地权利人证件号：">
156 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 186 <el-input v-model="ruleForm.qlxx.xydqlrzjh"></el-input>
157 </el-form-item> 187 </el-form-item>
158 </el-col> <el-col :span="8"> 188 </el-col>
189 <el-col :span="8">
159 <el-form-item label="地役权内容："> 190 <el-form-item label="地役权内容：">
160 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 191 <el-input v-model="ruleForm.qlxx.dyqnr"></el-input>
161 </el-form-item> 192 </el-form-item>
162 </el-col> <el-col :span="8"> 193 </el-col>
194 <el-col :span="8">
163 <el-form-item label="不动产登记证明号："> 195 <el-form-item label="不动产登记证明号：">
164 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 196 <el-input v-model="ruleForm.qlxx.bdcdjzmh"></el-input>
165 </el-form-item> 197 </el-form-item>
166 </el-col> <el-col :span="8"> 198 </el-col>
199 <el-col :span="8">
167 <el-form-item label="权利起始时间"> 200 <el-form-item label="权利起始时间">
168 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 201 <el-input v-model="ruleForm.qlxx.qlqssj"></el-input>
169 </el-form-item> 202 </el-form-item>
170 </el-col> <el-col :span="8"> 203 </el-col>
204 <el-col :span="8">
171 <el-form-item label="权利结束时间"> 205 <el-form-item label="权利结束时间">
172 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 206 <el-input v-model="ruleForm.qlxx.qljssj"></el-input>
173 </el-form-item> 207 </el-form-item>
174 </el-col> <el-col :span="8"> 208 </el-col>
209 <el-col :span="8">
175 <el-form-item label="权利期限"> 210 <el-form-item label="权利期限">
176 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 211 <el-input v-model="ruleForm.qlxx.qlqx"></el-input>
177 </el-form-item>
178 </el-col> <el-col :span="8">
179 <el-form-item label="登记时间：">
180 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
181 </el-form-item>
182 </el-col> <el-col :span="8">
183 <el-form-item label="登记时间：">
184 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
185 </el-form-item>
186 </el-col> <el-col :span="8">
187 <el-form-item label="登记时间：">
188 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
189 </el-form-item>
190 </el-col> <el-col :span="8">
191 <el-form-item label="登记时间：">
192 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
193 </el-form-item>
194 </el-col> <el-col :span="8">
195 <el-form-item label="登记时间：">
196 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
197 </el-form-item>
198 </el-col> <el-col :span="8">
199 <el-form-item label="登记时间：">
200 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
201 </el-form-item>
202 </el-col> <el-col :span="8">
203 <el-form-item label="登记时间：">
204 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
205 </el-form-item>
206 </el-col> <el-col :span="8">
207 <el-form-item label="登记时间：">
208 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
209 </el-form-item>
210 </el-col> <el-col :span="8">
211 <el-form-item label="登记时间：">
212 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
213 </el-form-item> 212 </el-form-item>
214 </el-col> 213 </el-col>
215 <el-col :span="24"> 214 <el-col :span="24">
...@@ -225,8 +224,7 @@ ...@@ -225,8 +224,7 @@
225 <el-row :gutter="10"> 224 <el-row :gutter="10">
226 <el-col :span="12"> 225 <el-col :span="12">
227 <el-form-item label="共有方式："> 226 <el-form-item label="共有方式：">
228 <el-radio-group 227 <el-radio-group v-model="ruleForm.qlxx.gyqk">
229 v-model="ruleForm.qlxx.gyqk">
230 <el-radio label="0">单独所有</el-radio> 228 <el-radio label="0">单独所有</el-radio>
231 <el-radio label="1">共同共有</el-radio> 229 <el-radio label="1">共同共有</el-radio>
232 <el-radio label="2">按份所有</el-radio> 230 <el-radio label="2">按份所有</el-radio>
...@@ -239,7 +237,8 @@ ...@@ -239,7 +237,8 @@
239 :tableData="ruleForm.qlrData" 237 :tableData="ruleForm.qlrData"
240 @upDateQlrxxList="upDateQlrxxList" 238 @upDateQlrxxList="upDateQlrxxList"
241 :key="key" 239 :key="key"
242 :gyfs="ruleForm.qlxx.gyfs" /> 240 :gyfs="ruleForm.qlxx.gyfs"
241 />
243 242
244 <div> 243 <div>
245 <div class="slxx_title title-block"> 244 <div class="slxx_title title-block">
...@@ -250,7 +249,8 @@ ...@@ -250,7 +249,8 @@
250 v-if="ruleForm.ywrData" 249 v-if="ruleForm.ywrData"
251 :tableData="ruleForm.ywrData" 250 :tableData="ruleForm.ywrData"
252 :key="key" 251 :key="key"
253 @upDateQlrxxList="upDateYwrxxList" /> 252 @upDateQlrxxList="upDateYwrxxList"
253 />
254 </div> 254 </div>
255 </div> 255 </div>
256 <el-row class="btn"> 256 <el-row class="btn">
...@@ -262,130 +262,172 @@ ...@@ -262,130 +262,172 @@
262 </div> 262 </div>
263 </template> 263 </template>
264 <script> 264 <script>
265 import { mapGetters } from "vuex"; 265 import { mapGetters } from "vuex";
266 import { init, save } from "@/api/djbbl.js"; 266 import { init, save } from "@/api/djbbl.js";
267 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 267 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
268 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 268 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
269 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 269 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
270 import tdytTable from "@/views/workflow/components/tdytTable"; 270 import tdytTable from "@/views/workflow/components/tdytTable";
271 export default { 271 export default {
272 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 272 components: { qlrCommonTable, ywrCommonTable, tdytTable },
273 computed: { 273 computed: {
274 ...mapGetters(["dictData", "flag"]), 274 ...mapGetters(["dictData", "flag"]),
275 },
276 data() {
277 return {
278 //表单是否可操作
279 propsParam: this.$attrs,
280 key: 0,
281 isShow: false,
282 disabled: true,
283 czrOptions: [],
284 ruleForm: {},
285 // 登记类型
286 djlxlist: [
287 {
288 dcode: "100",
289 dname: "首次登记",
290 },
291 {
292 dcode: "200",
293 dname: "转移登记",
294 },
295 {
296 dcode: "300",
297 dname: "变更登记",
298 },
299 {
300 dcode: "500",
301 dname: "更正登记",
302 },
303
304 {
305 dcode: "901",
306 dname: "补证",
307 },
308 {
309 dcode: "902",
310 dname: "换证",
311 },
312 ],
313 // 权属状态
314 qsztlist: [
315 {
316 dcode: "1",
317 dname: "现势",
318 },
319 {
320 dcode: "2",
321 dname: "历史",
322 },
323 ],
324 //传递参数\
325 rules: {
326 bdcqzhrules:[
327 { required: true, message: "不动产登记证明号", trigger: "change" },
328 ],
329 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
330 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
331 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
332 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
333 },
334 };
335 },
336 created() {
337 this.loadData();
338 },
339 mounted() {},
340 methods: {
341 loadData() {
342 this.propsParam.isEdit = this.$parent.isEdit;
343 init(this.propsParam).then((res) => {
344 if (res.code == 200) {
345 this.ruleForm = res.result;
346 this.isShow = true;
347 }
348 });
349 },
350 // 更新土地用途信息
351 upDateTdytxxList(val) {
352 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
353 this.key++;
275 }, 354 },
276 data () { 355 // 更新权利人信息
277 return { 356 upDateQlrxxList(val) {
278 //表单是否可操作 357 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
279 propsParam: this.$attrs, 358 this.czrOptions = this.ruleForm.qlrData;
280 key: 0, 359 this.key++;
281 isShow: false,
282 disabled: true,
283 czrOptions: [],
284 ruleForm: {},
285 // 权属状态
286 qsztlist: [
287 {
288 dcode: "1",
289 dname: "现势",
290 },
291 {
292 dcode: "2",
293 dname: "历史",
294 },
295 ],
296 //传递参数\
297 rules: {},
298 };
299 }, 360 },
300 created () { 361 // 更新义务人信息
301 this.loadData(); 362 upDateYwrxxList(val) {
363 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
364 this.key++;
302 }, 365 },
303 mounted () { }, 366 onSubmit() {
304 methods: { 367 this.$refs.ruleForm.validate((valid) => {
305 loadData () { 368 if (valid) {
306 this.propsParam.isEdit=this.$parent.isEdit 369 if (this.ruleForm.qlrData.length == 0) {
307 init(this.propsParam).then((res) => { 370 this.$message({
308 if (res.code == 200) { 371 showClose: true,
309 this.ruleForm = res.result; 372 message: "请确认权利人信息",
310 this.isShow = true; 373 type: "error",
311 }
312 }); 374 });
313 }, 375 return false;
314 // 更新土地用途信息 376 }
315 upDateTdytxxList (val) { 377
316 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 378 if (this.ruleForm.qlxx.gyfs == "0") {
317 this.key++; 379 if (this.ruleForm.qlrData.length > 1) {
318 },
319 // 更新权利人信息
320 upDateQlrxxList (val) {
321 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
322 this.czrOptions = this.ruleForm.qlrData;
323 this.key++;
324 },
325 // 更新义务人信息
326 upDateYwrxxList (val) {
327 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
328 this.key++;
329 },
330 onSubmit () {
331 if (this.ruleForm.qlrData.length == 0) {
332 this.$message({ 380 this.$message({
333 showClose: true, 381 showClose: true,
334 message: "请确认权利人信息", 382 message: "共有方式：单独所有，权利人只能是一个人",
335 type: "error", 383 type: "error",
336 }); 384 });
337 return false; 385 return false;
338 } 386 }
339 387 this.ruleForm.qlrData[0].sfczr = "1";
340 if (this.ruleForm.qlxx.gyfs == "0") { 388 }
341 if (this.ruleForm.qlrData.length > 1) { 389 if (this.ruleForm.qlxx.gyfs == "1") {
342 this.$message({ 390 //是否分别持证
343 showClose: true, 391 if (this.ruleForm.qlxx.sqfbcz == "1") {
344 message: "共有方式：单独所有，权利人只能是一个人", 392 //是
345 type: "error", 393 this.ruleForm.qlrData.forEach((item, index) => {
346 }); 394 item.sfczr = "1";
347 return false; 395 });
348 } 396 } else {
349 this.ruleForm.qlrData[0].sfczr = "1"; 397 this.ruleForm.qlrData.forEach((item, index) => {
350 } 398 if (item.zjh == this.ruleForm.czr) {
351 if (this.ruleForm.qlxx.gyfs == "1") {
352 //是否分别持证
353 if (this.ruleForm.qlxx.sqfbcz == "1") {
354 //是
355 this.ruleForm.qlrData.forEach((item, index) => {
356 item.sfczr = "1"; 399 item.sfczr = "1";
357 }); 400 } else {
358 } else { 401 item.sfczr = "0";
359 this.ruleForm.qlrData.forEach((item, index) => { 402 }
360 if (item.zjh == this.ruleForm.czr) { 403 });
361 item.sfczr = "1";
362 } else {
363 item.sfczr = "0";
364 }
365 });
366 }
367 } 404 }
368 save(this.ruleForm).then((res) => { 405 }
369 if (res.code === 200) { 406 save(this.ruleForm).then((res) => {
370 this.$message({ 407 if (res.code === 200) {
371 showClose: true, 408 this.$message({
372 message: "保存成功！", 409 showClose: true,
373 type: "success", 410 message: "保存成功！",
374 }); 411 type: "success",
375 this.$store.dispatch("user/refreshPage", true); 412 });
376 } else { 413 this.$store.dispatch("user/refreshPage", true);
377 this.$message({ 414 } else {
378 showClose: true, 415 this.$message({
379 message: res.message, 416 showClose: true,
380 type: "error", 417 message: res.message,
381 }); 418 type: "error",
382 } 419 });
383 }); 420 }
384 }, 421 });
422 } else {
423 return false;
424 }
425 });
385 }, 426 },
386 }; 427 },
428 };
387 </script> 429 </script>
388 <style scoped lang="scss"> 430 <style scoped lang="scss">
389 @import "~@/styles/public.scss"; 431 @import "~@/styles/public.scss";
390 @import "~@/styles/slxx/slxx.scss"; 432 @import "~@/styles/slxx/slxx.scss";
391 </style> 433 </style>
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 inline-message
16 label-width="145px" 17 label-width="145px"
17 > 18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
...@@ -392,7 +393,6 @@ export default { ...@@ -392,7 +393,6 @@ export default {
392 mounted() {}, 393 mounted() {},
393 methods: { 394 methods: {
394 loadData() { 395 loadData() {
395 console.log("房屋", this.propsParam);
396 this.propsParam.isEdit=this.$parent.isEdit 396 this.propsParam.isEdit=this.$parent.isEdit
397 init(this.propsParam).then((res) => { 397 init(this.propsParam).then((res) => {
398 if (res.code == 200) { 398 if (res.code == 200) {
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 inline-message
16 label-width="145px" 17 label-width="145px"
17 > 18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-06-25 15:52:42
5 :show-message="false"
5 --> 6 -->
6 <template> 7 <template>
7 <!-- 受理信息 --> 8 <!-- 受理信息 -->
...@@ -13,6 +14,7 @@ ...@@ -13,6 +14,7 @@
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
15 :inline="flag" 16 :inline="flag"
17 inline-message
16 label-width="145px" 18 label-width="145px"
17 > 19 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
...@@ -73,7 +75,7 @@ ...@@ -73,7 +75,7 @@
73 <el-form-item label="登记类型："> 75 <el-form-item label="登记类型：">
74 <el-select v-model="ruleForm.qlxx.djlx"> 76 <el-select v-model="ruleForm.qlxx.djlx">
75 <el-option 77 <el-option
76 v-for="item in dictData['A21']" 78 v-for="item in djlxlist"
77 :key="item.dcode" 79 :key="item.dcode"
78 :label="item.dname" 80 :label="item.dname"
79 :value="item.dcode" 81 :value="item.dcode"
...@@ -88,27 +90,27 @@ ...@@ -88,27 +90,27 @@
88 </el-form-item> 90 </el-form-item>
89 </el-col> 91 </el-col>
90 <el-col :span="8"> 92 <el-col :span="8">
91 <el-form-item label="不动产权证号："> 93 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
92 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 94 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
93 </el-form-item> 95 </el-form-item>
94 </el-col> 96 </el-col>
95 <el-col :span="8"> 97 <el-col :span="8">
96 <el-form-item label="区县代码："> 98 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
97 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 99 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
98 </el-form-item> 100 </el-form-item>
99 </el-col> 101 </el-col>
100 <el-col :span="8"> 102 <el-col :span="8">
101 <el-form-item label="登记机构："> 103 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
102 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 104 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
103 </el-form-item> 105 </el-form-item>
104 </el-col> 106 </el-col>
105 <el-col :span="8"> 107 <el-col :span="8">
106 <el-form-item label="登簿人："> 108 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
107 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 109 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
108 </el-form-item> 110 </el-form-item>
109 </el-col> 111 </el-col>
110 <el-col :span="8"> 112 <el-col :span="8">
111 <el-form-item label="登记时间："> 113 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
112 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 114 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
113 </el-form-item> 115 </el-form-item>
114 </el-col> 116 </el-col>
...@@ -277,7 +279,7 @@ ...@@ -277,7 +279,7 @@
277 :gyfs="ruleForm.qlxx.gyfs" 279 :gyfs="ruleForm.qlxx.gyfs"
278 /> 280 />
279 281
280 <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0"> 282 <div v-if="ruleForm.ywrData">
281 <div class="slxx_title title-block"> 283 <div class="slxx_title title-block">
282 义务人信息 284 义务人信息
283 <div class="triangle"></div> 285 <div class="triangle"></div>
...@@ -318,6 +320,34 @@ export default { ...@@ -318,6 +320,34 @@ export default {
318 disabled: true, 320 disabled: true,
319 czrOptions: [], 321 czrOptions: [],
320 ruleForm: {}, 322 ruleForm: {},
323 // 登记类型
324 djlxlist: [
325 {
326 dcode: "100",
327 dname: "首次登记",
328 },
329 {
330 dcode: "200",
331 dname: "转移登记",
332 },
333 {
334 dcode: "300",
335 dname: "变更登记",
336 },
337 {
338 dcode: "500",
339 dname: "更正登记",
340 },
341
342 {
343 dcode: "901",
344 dname: "补证",
345 },
346 {
347 dcode: "902",
348 dname: "换证",
349 },
350 ],
321 // 权属状态 351 // 权属状态
322 qsztlist: [ 352 qsztlist: [
323 { 353 {
...@@ -330,7 +360,15 @@ export default { ...@@ -330,7 +360,15 @@ export default {
330 }, 360 },
331 ], 361 ],
332 //传递参数\ 362 //传递参数\
333 rules: {}, 363 rules: {
364 bdcqzhrules:[
365 { required: true, message: "不动产权证号：", trigger: "change" },
366 ],
367 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
368 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
369 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
370 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
371 },
334 }; 372 };
335 }, 373 },
336 created() { 374 created() {
...@@ -339,7 +377,6 @@ export default { ...@@ -339,7 +377,6 @@ export default {
339 mounted() {}, 377 mounted() {},
340 methods: { 378 methods: {
341 loadData() { 379 loadData() {
342 console.log("预告登记", this.propsParam);
343 this.propsParam.isEdit=this.$parent.isEdit 380 this.propsParam.isEdit=this.$parent.isEdit
344 init(this.propsParam).then((res) => { 381 init(this.propsParam).then((res) => {
345 if (res.code == 200) { 382 if (res.code == 200) {
...@@ -365,6 +402,8 @@ export default { ...@@ -365,6 +402,8 @@ export default {
365 this.key++; 402 this.key++;
366 }, 403 },
367 onSubmit() { 404 onSubmit() {
405 this.$refs.ruleForm.validate((valid) => {
406 if (valid) {
368 if (this.ruleForm.qlrData.length == 0) { 407 if (this.ruleForm.qlrData.length == 0) {
369 this.$message({ 408 this.$message({
370 showClose: true, 409 showClose: true,
...@@ -418,6 +457,10 @@ export default { ...@@ -418,6 +457,10 @@ export default {
418 }); 457 });
419 } 458 }
420 }); 459 });
460 } else {
461 return false;
462 }
463 });
421 }, 464 },
422 }, 465 },
423 }; 466 };
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 inline-message
16 label-width="145px" 17 label-width="145px"
17 > 18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
...@@ -69,11 +70,11 @@ ...@@ -69,11 +70,11 @@
69 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 70 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
70 </el-form-item> 71 </el-form-item>
71 </el-col> --> 72 </el-col> -->
72 <!-- <el-col :span="8"> 73 <el-col :span="8">
73 <el-form-item label="登记类型："> 74 <el-form-item label="登记类型：">
74 <el-select v-model="ruleForm.qlxx.djlx"> 75 <el-select v-model="ruleForm.qlxx.djlx">
75 <el-option 76 <el-option
76 v-for="item in dictData['A21']" 77 v-for="item in djlxlist"
77 :key="item.dcode" 78 :key="item.dcode"
78 :label="item.dname" 79 :label="item.dname"
79 :value="item.dcode" 80 :value="item.dcode"
...@@ -81,34 +82,34 @@ ...@@ -81,34 +82,34 @@
81 </el-option> 82 </el-option>
82 </el-select> 83 </el-select>
83 </el-form-item> 84 </el-form-item>
84 </el-col> --> 85 </el-col>
85 <!-- <el-col :span="8"> 86 <!-- <el-col :span="8">
86 <el-form-item label="不动产坐落："> 87 <el-form-item label="不动产坐落：">
87 <el-input v-model="ruleForm.qlxx.zl"></el-input> 88 <el-input v-model="ruleForm.qlxx.zl"></el-input>
88 </el-form-item> 89 </el-form-item>
89 </el-col> --> 90 </el-col> -->
90 <!-- <el-col :span="8"> 91 <el-col :span="8">
91 <el-form-item label="不动产权证号："> 92 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
92 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 93 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
93 </el-form-item> 94 </el-form-item>
94 </el-col> --> 95 </el-col>
95 <el-col :span="8"> 96 <el-col :span="8">
96 <el-form-item label="区县代码："> 97 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
97 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 98 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
98 </el-form-item> 99 </el-form-item>
99 </el-col> 100 </el-col>
100 <el-col :span="8"> 101 <el-col :span="8">
101 <el-form-item label="登记机构："> 102 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
102 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 103 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
103 </el-form-item> 104 </el-form-item>
104 </el-col> 105 </el-col>
105 <el-col :span="8"> 106 <el-col :span="8">
106 <el-form-item label="登簿人："> 107 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
107 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 108 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
108 </el-form-item> 109 </el-form-item>
109 </el-col> 110 </el-col>
110 <el-col :span="8"> 111 <el-col :span="8">
111 <el-form-item label="登记时间："> 112 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
112 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 113 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
113 </el-form-item> 114 </el-form-item>
114 </el-col> 115 </el-col>
...@@ -189,7 +190,7 @@ ...@@ -189,7 +190,7 @@
189 :key="key" 190 :key="key"
190 :gyfs="ruleForm.qlxx.gyfs" 191 :gyfs="ruleForm.qlxx.gyfs"
191 /> 192 />
192 <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0"> 193 <div v-if="ruleForm.ywrData">
193 <div class="slxx_title title-block"> 194 <div class="slxx_title title-block">
194 义务人信息 195 义务人信息
195 <div class="triangle"></div> 196 <div class="triangle"></div>
...@@ -202,7 +203,8 @@ ...@@ -202,7 +203,8 @@
202 /> 203 />
203 </div> 204 </div>
204 </div> 205 </div>
205 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 206 <!-- <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> -->
207 <el-row class="btn">
206 <el-form-item> 208 <el-form-item>
207 <el-button type="primary" @click="onSubmit">保存</el-button> 209 <el-button type="primary" @click="onSubmit">保存</el-button>
208 </el-form-item> 210 </el-form-item>
...@@ -230,6 +232,34 @@ export default { ...@@ -230,6 +232,34 @@ export default {
230 disabled: true, 232 disabled: true,
231 czrOptions: [], 233 czrOptions: [],
232 ruleForm: {}, 234 ruleForm: {},
235 // 登记类型
236 djlxlist: [
237 {
238 dcode: "100",
239 dname: "首次登记",
240 },
241 {
242 dcode: "200",
243 dname: "转移登记",
244 },
245 {
246 dcode: "300",
247 dname: "变更登记",
248 },
249 {
250 dcode: "500",
251 dname: "更正登记",
252 },
253
254 {
255 dcode: "901",
256 dname: "补证",
257 },
258 {
259 dcode: "902",
260 dname: "换证",
261 },
262 ],
233 // 权属状态 263 // 权属状态
234 qsztlist: [ 264 qsztlist: [
235 { 265 {
...@@ -242,7 +272,15 @@ export default { ...@@ -242,7 +272,15 @@ export default {
242 }, 272 },
243 ], 273 ],
244 //传递参数\ 274 //传递参数\
245 rules: {}, 275 rules: {
276 bdcqzhrules:[
277 { required: true, message: "不动产权证号：", trigger: "change" },
278 ],
279 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
280 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
281 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
282 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
283 },
246 }; 284 };
247 }, 285 },
248 created() { 286 created() {
...@@ -251,7 +289,6 @@ export default { ...@@ -251,7 +289,6 @@ export default {
251 mounted() {}, 289 mounted() {},
252 methods: { 290 methods: {
253 loadData() { 291 loadData() {
254 console.log("异议登记", this.propsParam);
255 this.propsParam.isEdit=this.$parent.isEdit 292 this.propsParam.isEdit=this.$parent.isEdit
256 init(this.propsParam).then((res) => { 293 init(this.propsParam).then((res) => {
257 if (res.code == 200) { 294 if (res.code == 200) {
...@@ -277,6 +314,8 @@ export default { ...@@ -277,6 +314,8 @@ export default {
277 this.key++; 314 this.key++;
278 }, 315 },
279 onSubmit() { 316 onSubmit() {
317 this.$refs.ruleForm.validate((valid) => {
318 if (valid) {
280 if (this.ruleForm.qlrData.length == 0) { 319 if (this.ruleForm.qlrData.length == 0) {
281 this.$message({ 320 this.$message({
282 showClose: true, 321 showClose: true,
...@@ -330,6 +369,10 @@ export default { ...@@ -330,6 +369,10 @@ export default {
330 }); 369 });
331 } 370 }
332 }); 371 });
372 } else {
373 return false;
374 }
375 });
333 }, 376 },
334 }, 377 },
335 }; 378 };
......
...@@ -22,19 +22,32 @@ ...@@ -22,19 +22,32 @@
22 :class="[ 22 :class="[
23 row.qszt == '2' ? 'lishi' : '', 23 row.qszt == '2' ? 'lishi' : '',
24 row.qszt == '0' ? 'linshi' : '', 24 row.qszt == '0' ? 'linshi' : '',
25 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 25
26 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 26 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
27 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
27 ]"> 31 ]">
28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 32 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 33 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
31 </div> 35 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 36 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
33 正在办理 37 失效
34 </div> 38 </div>
35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 39 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
36 有效 40 有效
37 </div> 41 </div>
42 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
43 正在补录
44 </div>
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
46 正在申请
47 </div>
48 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
49 正在注销
50 </div>
38 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> 51 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
39 52
40 <span v-else>{{ row[item.prop] }}</span> 53 <span v-else>{{ row[item.prop] }}</span>
......
...@@ -24,8 +24,11 @@ ...@@ -24,8 +24,11 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button 34 <el-button
...@@ -37,12 +40,21 @@ ...@@ -37,12 +40,21 @@
37 icon="el-icon-edit-outline" 40 icon="el-icon-edit-outline"
38 @click="editDialog(row, 'D')">删除</el-button> 41 @click="editDialog(row, 'D')">删除</el-button>
39 </div> 42 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
41 正在办理 44 失效
42 </div> 45 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 46 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效 47 有效
45 </div> 48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
50 正在补录
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
53 正在申请
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
56 正在注销
57 </div>
46 <span v-if="item.prop == 'qszt'"> 58 <span v-if="item.prop == 'qszt'">
47 {{ getQsztName(row[item.prop]) }} 59 {{ getQsztName(row[item.prop]) }}
48 </span> 60 </span>
......
...@@ -24,19 +24,31 @@ ...@@ -24,19 +24,31 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
33 </div> 36 </div>
34 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
35 正在办理 38 失效
36 </div> 39 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 40 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效 41 有效
39 </div> 42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
44 正在补录
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
47 正在申请
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
50 正在注销
51 </div>
40 <span v-if="item.prop == 'qszt'"> 52 <span v-if="item.prop == 'qszt'">
41 {{ getQsztName(row[item.prop]) }} 53 {{ getQsztName(row[item.prop]) }}
42 </span> 54 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -71,11 +83,12 @@ ...@@ -71,11 +83,12 @@
71 }, 83 },
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 if(this.$parent.addRepairRecord){ 86 if (this.$parent.addRepairRecord) {
75 this.columns.unshift({prop:"cz", 87 this.columns.unshift({
76 label:"操作" 88 prop: "cz",
77 }) 89 label: "操作"
78 } 90 })
91 }
79 getJsydsyqList({ 92 getJsydsyqList({
80 bdcdyid: this.propsParam.bdcdyid, 93 bdcdyid: this.propsParam.bdcdyid,
81 qllx: this.propsParam.qllx, 94 qllx: this.propsParam.qllx,
...@@ -113,14 +126,14 @@ ...@@ -113,14 +126,14 @@
113 } 126 }
114 return name; 127 return name;
115 }, 128 },
116 // 新增一条补录信息 129 // 新增一条补录信息
117 editDialog(row,del){ 130 editDialog (row, del) {
118 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 131 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
119 confirmButtonText: '确定', 132 confirmButtonText: '确定',
120 cancelButtonText: '取消', 133 cancelButtonText: '取消',
121 type: 'warning' 134 type: 'warning'
122 }).then(() => { 135 }).then(() => {
123 this.$parent.addRepairRecord(row,del) 136 this.$parent.addRepairRecord(row, del)
124 137
125 this.$message({ 138 this.$message({
126 type: 'success', 139 type: 'success',
......
...@@ -24,8 +24,11 @@ ...@@ -24,8 +24,11 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button 34 <el-button
...@@ -37,12 +40,21 @@ ...@@ -37,12 +40,21 @@
37 icon="el-icon-edit-outline" 40 icon="el-icon-edit-outline"
38 @click="editDialog(row, 'D')">删除</el-button> 41 @click="editDialog(row, 'D')">删除</el-button>
39 </div> 42 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
41 正在办理 44 失效
42 </div> 45 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 46 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效 47 有效
45 </div> 48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
50 正在补录
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
53 正在申请
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
56 正在注销
57 </div>
46 <span v-if="item.prop == 'qszt'"> 58 <span v-if="item.prop == 'qszt'">
47 {{ getQsztName(row[item.prop]) }} 59 {{ getQsztName(row[item.prop]) }}
48 </span> 60 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -72,11 +84,12 @@ ...@@ -72,11 +84,12 @@
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 86
75 if(this.$parent.addRepairRecord){ 87 if (this.$parent.addRepairRecord) {
76 this.columns.unshift({prop:"cz", 88 this.columns.unshift({
77 label:"操作" 89 prop: "cz",
78 }) 90 label: "操作"
79 } 91 })
92 }
80 getJsydsyqList({ 93 getJsydsyqList({
81 bdcdyid: this.propsParam.bdcdyid, 94 bdcdyid: this.propsParam.bdcdyid,
82 qllx: this.propsParam.qllx, 95 qllx: this.propsParam.qllx,
...@@ -114,14 +127,14 @@ ...@@ -114,14 +127,14 @@
114 } 127 }
115 return name; 128 return name;
116 }, 129 },
117 // 新增一条补录信息 130 // 新增一条补录信息
118 editDialog(row,del){ 131 editDialog (row, del) {
119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 132 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
120 confirmButtonText: '确定', 133 confirmButtonText: '确定',
121 cancelButtonText: '取消', 134 cancelButtonText: '取消',
122 type: 'warning' 135 type: 'warning'
123 }).then(() => { 136 }).then(() => {
124 this.$parent.addRepairRecord(row,del) 137 this.$parent.addRepairRecord(row, del)
125 138
126 this.$message({ 139 this.$message({
127 type: 'success', 140 type: 'success',
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 row.qlzt == '3' ? 'linshiIcon' : '',
24 row.qlzt == '2' ? 'linshiIcon' : '',
25 row.qlzt == '1' ? 'xianshiIcon' : '',
26 row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -50,15 +62,27 @@ ...@@ -50,15 +62,27 @@
50 <td v-for="(row, index) in tableData" :key="index" :class="[ 62 <td v-for="(row, index) in tableData" :key="index" :class="[
51 row.qszt == '2' ? 'lishi' : '', 63 row.qszt == '2' ? 'lishi' : '',
52 row.qszt == '0' ? 'linshi' : '', 64 row.qszt == '0' ? 'linshi' : '',
53 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 65 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
54 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 66 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
67 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
68 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
69 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
55 ]"> 70 ]">
56 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
57 正在办理 72 失效
58 </div> 73 </div>
59 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 74 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
60 有效 75 有效
61 </div> 76 </div>
77 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
78 正在补录
79 </div>
80 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
81 正在申请
82 </div>
83 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
84 正在注销
85 </div>
62 <span v-if="item.prop == 'qszt'"> 86 <span v-if="item.prop == 'qszt'">
63 {{ getQsztName(row[item.prop]) }} 87 {{ getQsztName(row[item.prop]) }}
64 </span> 88 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -72,11 +84,12 @@ ...@@ -72,11 +84,12 @@
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 86
75 if(this.$parent.addRepairRecord){ 87 if (this.$parent.addRepairRecord) {
76 this.columns.unshift({prop:"cz", 88 this.columns.unshift({
77 label:"操作" 89 prop: "cz",
78 }) 90 label: "操作"
79 } 91 })
92 }
80 getTdsyqList({ 93 getTdsyqList({
81 bdcdyid: this.propsParam.bdcdyid, 94 bdcdyid: this.propsParam.bdcdyid,
82 qllx: this.propsParam.qllx, 95 qllx: this.propsParam.qllx,
...@@ -114,14 +127,14 @@ ...@@ -114,14 +127,14 @@
114 } 127 }
115 return name; 128 return name;
116 }, 129 },
117 // 新增一条补录信息 130 // 新增一条补录信息
118 editDialog(row,del){ 131 editDialog (row, del) {
119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 132 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
120 confirmButtonText: '确定', 133 confirmButtonText: '确定',
121 cancelButtonText: '取消', 134 cancelButtonText: '取消',
122 type: 'warning' 135 type: 'warning'
123 }).then(() => { 136 }).then(() => {
124 this.$parent.addRepairRecord(row,del) 137 this.$parent.addRepairRecord(row, del)
125 138
126 this.$message({ 139 this.$message({
127 type: 'success', 140 type: 'success',
......
...@@ -18,19 +18,31 @@ ...@@ -18,19 +18,31 @@
18 <td v-for="(row, index) in tableData" :key="index" :class="[ 18 <td v-for="(row, index) in tableData" :key="index" :class="[
19 row.qszt == '2' ? 'lishi' : '', 19 row.qszt == '2' ? 'lishi' : '',
20 row.qszt == '0' ? 'linshi' : '', 20 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 21 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
22 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
23 ]"> 26 ]">
24 <div class="setbut" v-if="item.prop == 'cz'"> 27 <div class="setbut" v-if="item.prop == 'cz'">
25 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 28 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
27 </div> 30 </div>
28 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 31 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
29 正在办理 32 失效
30 </div> 33 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 34 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
32 有效 35 有效
33 </div> 36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
38 正在补录
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
41 正在申请
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
44 正在注销
45 </div>
34 <span v-if="item.prop == 'qszt'"> 46 <span v-if="item.prop == 'qszt'">
35 {{ getQsztName(row[item.prop]) }} 47 {{ getQsztName(row[item.prop]) }}
36 </span> 48 </span>
......
...@@ -18,19 +18,31 @@ ...@@ -18,19 +18,31 @@
18 <td v-for="(row, index) in tableData" :key="index" :class="[ 18 <td v-for="(row, index) in tableData" :key="index" :class="[
19 row.qszt == '2' ? 'lishi' : '', 19 row.qszt == '2' ? 'lishi' : '',
20 row.qszt == '0' ? 'linshi' : '', 20 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 21 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
22 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
23 ]"> 26 ]">
24 <div class="setbut" v-if="item.prop == 'cz'"> 27 <div class="setbut" v-if="item.prop == 'cz'">
25 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 28 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
27 </div> 30 </div>
28 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 31 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
29 正在办理 32 失效
30 </div> 33 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 34 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
32 有效 35 有效
33 </div> 36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
38 正在补录
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
41 正在申请
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
44 正在注销
45 </div>
34 <span v-if="item.prop == 'qszt'"> 46 <span v-if="item.prop == 'qszt'">
35 {{ getQsztName(row[item.prop]) }} 47 {{ getQsztName(row[item.prop]) }}
36 </span> 48 </span>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-16 10:38:23 4 * @LastEditTime: 2023-06-16 10:38:23
5 --> 5 -->
......
...@@ -209,4 +209,7 @@ export default { ...@@ -209,4 +209,7 @@ export default {
209 border: none !important; 209 border: none !important;
210 210
211 } 211 }
212 .el-date-editor.el-input{
213 width: 100%;
214 }
212 </style> 215 </style>
......
...@@ -117,10 +117,6 @@ ...@@ -117,10 +117,6 @@
117 data () { 117 data () {
118 return { 118 return {
119 queryForm: { 119 queryForm: {
120 ywly: "",
121 qllx: "",
122 djlx: "",
123 ywh: "",
124 }, 120 },
125 searchForm: { 121 searchForm: {
126 ywlymc: "", 122 ywlymc: "",
......