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 971 additions and 486 deletions
...@@ -451,3 +451,32 @@ aside { ...@@ -451,3 +451,32 @@ aside {
451 right: 0; 451 right: 0;
452 transform: rotate(-90deg); 452 transform: rotate(-90deg);
453 } 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);
482 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -219,3 +219,6 @@ ...@@ -219,3 +219,6 @@
219 } 219 }
220 } 220 }
221 </script> 221 </script>
222 <style scoped lang="scss">
223
224 </style>
......
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 补录信息
...@@ -43,12 +44,24 @@ ...@@ -43,12 +44,24 @@
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"
53 @change="ztQlxxchange">
54 <el-table-column
55 prop="qllxmc"
56 width="130"
57 label="权利类型"></el-table-column>
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>
52 <el-table-column prop="mjmc" label="面积"></el-table-column> 65 <el-table-column prop="mjmc" label="面积"></el-table-column>
53 <el-table-column prop="ytmc" label="用途"></el-table-column> 66 <el-table-column prop="ytmc" label="用途"></el-table-column>
54 <el-table-column prop="zl" label="坐落"></el-table-column> 67 <el-table-column prop="zl" label="坐落"></el-table-column>
...@@ -56,12 +69,22 @@ ...@@ -56,12 +69,22 @@
56 </el-form-item> 69 </el-form-item>
57 </el-col> 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"
78 :props="props"
79 @change="ssQlxxchange">
80 <el-table-column
81 prop="qllxmc"
82 width="130"
83 label="权利类型"></el-table-column>
84 <el-table-column
85 prop="bdcqzh"
86 width="160"
87 label="不动产权证书"></el-table-column>
65 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 88 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
66 <el-table-column prop="mjmc" label="面积"></el-table-column> 89 <el-table-column prop="mjmc" label="面积"></el-table-column>
67 <el-table-column prop="ytmc" label="用途"></el-table-column> 90 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -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>
257
230 <el-col :span="8"> 258 <el-col :span="8">
231 <el-form-item label="解封业务号"> 259 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
232 <el-input v-model="ruleForm.cfdj.jfywh"></el-input> 260 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
233 </el-form-item> 261 </el-form-item>
234 </el-col> 262 </el-col>
235 <el-col :span="8"> 263 <el-col :span="8">
236 <el-form-item label="解封机关"> 264 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
237 <el-input v-model="ruleForm.cfdj.jfjg"></el-input> 265 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
238 </el-form-item> 266 </el-form-item>
239 </el-col> 267 </el-col>
240 <el-col :span="8"> 268 <el-col :span="24">
241 <el-form-item label="解封文件"> 269 <el-form-item label="附记：">
242 <el-input v-model="ruleForm.cfdj.jfwj"></el-input> 270 <el-input v-model="ruleForm.cfdj.fj"></el-input>
243 </el-form-item> 271 </el-form-item>
244 </el-col> 272 </el-col>
245 <el-col :span="8"> 273 </el-row>
246 <el-form-item label="解封文号"> 274 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
247 <el-input v-model="ruleForm.cfdj.jfwh"></el-input> 275 <el-form-item label="解封业务号：">
276 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
248 </el-form-item> 277 </el-form-item>
249 </el-col> 278 </el-col>
250 <el-col :span="8"> 279 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
251 <el-form-item label="解封登簿人"> 280 <el-form-item label="解封机关：">
252 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input> 281 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
253 </el-form-item> 282 </el-form-item>
254 </el-col> 283 </el-col>
255 <el-col :span="8"> 284 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
256 <el-form-item label="解封登记时间"> 285 <el-form-item label="解封文件：">
257 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input> 286 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
258 </el-form-item> 287 </el-form-item>
259 </el-col> 288 </el-col>
260 <el-col :span="8"> 289 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
261 <el-form-item label="登簿人："> 290 <el-form-item label="解封文号：">
262 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 291 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
263 </el-form-item> 292 </el-form-item>
264 </el-col> 293 </el-col>
265 <el-col :span="8"> 294 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
266 <el-form-item label="登记时间："> 295 <el-form-item label="解封登簿人：">
267 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 296 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
268 </el-form-item> 297 </el-form-item>
269 </el-col> 298 </el-col>
270 </el-row> 299 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
271 <div class="slxx_title title-block"> 300 <el-form-item label="解封登记时间：">
272 权利人信息 301 <el-input v-model="ruleForm.cfdj.jfdjsj"></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> 302 </el-form-item>
285 </el-col> 303 </el-col>
286 </el-row>
287 <qlrCommonTable
288 :tableData="ruleForm.qlrData"
289 @upDateQlrxxList="upDateQlrxxList"
290 :key="key"
291 :gyfs="ruleForm.qlxx.gyfs"
292 />
293
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 //表单是否可操作
328 props: {
329 label: "bdcqzh",
330 value: "bdcdyid",
331 },
318 propsParam: this.$attrs, 332 propsParam: this.$attrs,
319 key: 0, 333 key: 0,
320 isShow: false, 334 isShow: false,
321 ssqlxxshow:true, 335 ssqlxxshow: true,
322 disabled: true, 336 disabled: true,
323 czrOptions: [], 337 czrOptions: [],
324 ruleForm: {}, 338 ruleForm: {},
325 //传递参数\
326 rules: {}, 339 rules: {},
327 props: { 340 // 登记类型
328 label: "bdcqzh", 341 djlxlist: [
329 value: "bdcdyid" 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: "补证",
330 }, 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
331 ssQlxxList: [], 393 ssQlxxList: [],
332 ztQlxxList: [], 394 ztQlxxList: [],
395 rules: {
396 bdcqzh: [
397 { required: true, message: "不动产登记证明号", trigger: "blur" },
398 ],
399 qxdm: [{ required: true, message: "区县代码", trigger: "blur" }],
400 djjg: [{ required: true, message: "登记机构", trigger: "blur" }],
401 dbr: [{ required: true, message: "登簿人", trigger: "blur" }],
402 djsj: [{ required: true, message: "登记时间", trigger: "blur" }],
403 },
333 }; 404 };
334 }, 405 },
335 created() { 406 created () {
336 this.loadData(); 407 this.loadData();
337 }, 408 },
338 mounted() {}, 409 mounted () { },
339 methods: { 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;
363 } 434 }
364 } 435 }
365 }); 436 });
366 //获取主体信息 437 //获取主体信息
367 getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => { 438 getSsQlxx({
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 }
...@@ -377,22 +451,25 @@ export default { ...@@ -377,22 +451,25 @@ export default {
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 () {
470 this.$refs.ruleForm.validate((valid) => {
471 console.log("valid", valid);
472 if (valid) {
396 if (this.ruleForm.qlrData.length == 0) { 473 if (this.ruleForm.qlrData.length == 0) {
397 this.$message({ 474 this.$message({
398 showClose: true, 475 showClose: true,
...@@ -446,11 +523,15 @@ export default { ...@@ -446,11 +523,15 @@ export default {
446 }); 523 });
447 } 524 }
448 }); 525 });
526 } else {
527 return false;
528 }
529 });
449 }, 530 },
450 }, 531 },
451 }; 532 };
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 补录信息
...@@ -43,10 +45,23 @@ ...@@ -43,10 +45,23 @@
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"
52 :props="props"
53 @change="ztQlxxchange"
54 >
55 <el-table-column
56 prop="qllxmc"
57 width="130"
58 label="权利类型"
59 ></el-table-column>
60 <el-table-column
61 prop="bdcqzh"
62 width="160"
63 label="不动产权证书"
64 ></el-table-column>
50 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 65 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
51 <el-table-column prop="mjmc" label="面积"></el-table-column> 66 <el-table-column prop="mjmc" label="面积"></el-table-column>
52 <el-table-column prop="ytmc" label="用途"></el-table-column> 67 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -57,10 +72,23 @@ ...@@ -57,10 +72,23 @@
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"
79 :props="props"
80 @change="ssQlxxchange"
81 >
82 <el-table-column
83 prop="qllxmc"
84 width="130"
85 label="权利类型"
86 ></el-table-column>
87 <el-table-column
88 prop="bdcqzh"
89 width="160"
90 label="不动产权证书"
91 ></el-table-column>
64 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 92 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
65 <el-table-column prop="mjmc" label="面积"></el-table-column> 93 <el-table-column prop="mjmc" label="面积"></el-table-column>
66 <el-table-column prop="ytmc" label="用途"></el-table-column> 94 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -70,7 +98,7 @@ ...@@ -70,7 +98,7 @@
70 </el-col> 98 </el-col>
71 </el-row> 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,55 +153,42 @@ ...@@ -125,55 +153,42 @@
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"> 158 <el-col :span="8">
130 <el-form-item label="抵押方式："> 159 <el-form-item label="不动产单元号：">
131 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> --> 160 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></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> 161 </el-form-item>
137 </el-col> 162 </el-col>
138 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 163 <el-col :span="8">
139 <el-form-item label="最高债权额"> 164 <el-form-item label="权利类型：">
140 <div style="display: flex"> 165 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
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> 166 </el-form-item>
154 </el-col> 167 </el-col>
155 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 168 <el-col :span="8">
156 <el-form-item label="被担保主债权数额"> 169 <el-form-item label="登记类型：">
157 <div style="display: flex"> 170 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
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 171 <el-option
164 v-for="item in dictData['A57']" 172 v-for="item in djlxlist"
165 :key="item.dcode" 173 :key="item.dcode"
166 :label="item.dname" 174 :label="item.dname"
167 :value="item.dcode"></el-option> 175 :value="item.dcode"
176 ></el-option>
168 </el-select> 177 </el-select>
169 </div>
170 </el-form-item> 178 </el-form-item>
171 </el-col> 179 </el-col>
172 </el-row> 180 </el-row>
173 <el-row :gutter="10"> 181 <el-row :gutter="10">
174 <el-col :span="8"> 182 <el-col :span="8">
175 <el-form-item label="不动产单元号："> 183 <el-form-item label="权属状态：">
176 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 184 <el-select v-model="ruleForm.qlxx.qszt">
185 <el-option
186 v-for="item in qsztlist"
187 :key="item.dcode"
188 :label="item.dname"
189 :value="item.dcode"
190 ></el-option>
191 </el-select>
177 </el-form-item> 192 </el-form-item>
178 </el-col> 193 </el-col>
179 <el-col :span="8"> 194 <el-col :span="8">
...@@ -189,173 +204,237 @@ ...@@ -189,173 +204,237 @@
189 </el-row> 204 </el-row>
190 <el-row :gutter="10"> 205 <el-row :gutter="10">
191 <el-col :span="8"> 206 <el-col :span="8">
192 <el-form-item label="权利类型："> 207 <el-form-item label="抵押金额类型：">
193 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></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>
194 </el-form-item> 212 </el-form-item>
195 </el-col> 213 </el-col>
196 <el-col :span="8"> 214 <el-col :span="8">
197 <el-form-item label="登记类型："> 215 <el-form-item label="抵押方式：">
198 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 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>
220 </el-form-item>
221 </el-col>
222 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
223 <el-form-item label="最高债权额：">
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">
199 <el-option 231 <el-option
200 v-for="item in djlxlist" 232 v-for="item in dictData['A57']"
201 :key="item.dcode" 233 :key="item.dcode"
202 :label="item.dname" 234 :label="item.dname"
203 :value="item.dcode"></el-option> 235 :value="item.dcode"
236 ></el-option>
204 </el-select> 237 </el-select>
238 </div>
205 </el-form-item> 239 </el-form-item>
206 </el-col> 240 </el-col>
207 <el-col :span="8"> 241 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
208 <el-form-item label="权属状态："> 242 <el-form-item label="被担保主债权数额：">
209 <el-select v-model="ruleForm.qlxx.qszt"> 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">
210 <el-option 250 <el-option
211 v-for="item in qsztlist" 251 v-for="item in dictData['A57']"
212 :key="item.dcode" 252 :key="item.dcode"
213 :label="item.dname" 253 :label="item.dname"
214 :value="item.dcode"></el-option> 254 :value="item.dcode"
255 ></el-option>
215 </el-select> 256 </el-select>
257 </div>
216 </el-form-item> 258 </el-form-item>
217 </el-col> 259 </el-col>
260 </el-row>
218 <el-col :span="8"> 261 <el-col :span="8">
219 <el-form-item label="不动产坐落："> 262 <el-form-item label="抵押面积：">
220 <el-input v-model="ruleForm.qlxx.zl"></el-input> 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>
221 </el-form-item> 278 </el-form-item>
222 </el-col> 279 </el-col>
223 <el-col :span="8"> 280 <el-col :span="8">
224 <el-form-item label="不动产权证号："> 281 <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules">
225 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 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>
226 </el-form-item> 290 </el-form-item>
227 </el-col> 291 </el-col>
228 <el-col :span="8"> 292 <el-col :span="8">
229 <el-form-item label="区县代码："> 293 <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules">
230 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 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>
231 </el-form-item> 302 </el-form-item>
232 </el-col> 303 </el-col>
233 <el-col :span="8"> 304 <el-col :span="8">
234 <el-form-item label="登记机构："> 305 <el-form-item label="在建建筑物坐落：">
235 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 306 <el-input v-model="ruleForm.qlxx.zl"></el-input>
236 </el-form-item> 307 </el-form-item>
237 </el-col> 308 </el-col>
238 <el-col :span="8"> 309 <!-- <el-col :span="8">
239 <el-form-item label="登簿人："> 310 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
240 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 311 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
241 </el-form-item> 312 </el-form-item>
242 </el-col> 313 </el-col> -->
243 <el-col :span="8"> 314 <el-col :span="8">
244 <el-form-item label="登记时间："> 315 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
245 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 316 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
246 </el-form-item> 317 </el-form-item>
247 </el-col> 318 </el-col>
248 <el-col :span="8"> 319 <el-col :span="8">
249 <el-form-item label="登记原因："> 320 <el-form-item label="在建建筑物抵押范围：">
250 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 321 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
251 </el-form-item> 322 </el-form-item>
252 </el-col> 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>
258 </el-col>
259 <el-col :span="8">
260 <el-form-item label="是否预告登记：">
261 <el-select v-model="ruleForm.diyaq.sfygdj">
262 <el-option
263 v-for="item in dictData['A6']"
264 :key="item.dcode"
265 :label="item.dname"
266 :value="item.dcode"></el-option>
267 </el-select>
268 </el-form-item> 328 </el-form-item>
269 </el-col> 329 </el-col>
270 <el-col :span="8"> 330 <el-col :span="8">
271 <el-form-item label="在建建筑物坐落："> 331 <el-form-item label="债务履行期限(确定期间)：">
272 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> 332 <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
273 </el-form-item> 333 </el-form-item>
274 </el-col> 334 </el-col>
335
275 <el-col :span="8"> 336 <el-col :span="8">
276 <el-form-item label="在建建筑物抵押范围："> 337 <el-form-item label="最高债权确定事实和数额：">
277 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> 338 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
278 </el-form-item> 339 </el-form-item>
279 </el-col> 340 </el-col>
280 <el-col :span="8"> 341 <el-col :span="8">
281 <el-form-item label="抵押面积："> 342 <el-form-item label="是否限制转移约定">
282 <div style="display: flex"> 343 <el-select v-model="ruleForm.diyaq.sfczjzhxz">
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 344 <el-option
289 v-for="item in dictData['A7']" 345 v-for="item in dictData['A6']"
290 :key="item.dcode" 346 :key="item.dcode"
291 :label="item.dname" 347 :label="item.dname"
292 :value="item.dcode"></el-option> 348 :value="item.dcode"
349 >
350 </el-option>
293 </el-select> 351 </el-select>
294 </div>
295 </el-form-item> 352 </el-form-item>
296 </el-col> 353 </el-col>
297
298 <el-col :span="8"> 354 <el-col :span="8">
299 <el-form-item label="担保范围"> 355 <el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
300 <el-input v-model="ruleForm.diyaq.dbfw"></el-input> 356 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
301 </el-form-item> 357 </el-form-item>
302 </el-col> 358 </el-col>
359
303 <el-col :span="8"> 360 <el-col :span="8">
304 <el-form-item label="债务履行期限（债务确定期间）"> 361 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
305 <el-input v-model="ruleForm.diyaq.dyqx"></el-input> 362 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
306 </el-form-item> 363 </el-form-item>
307 </el-col> 364 </el-col>
308 <el-col :span="8"> 365 <el-col :span="8">
309 <el-form-item label="债务履行起始时间"> 366 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
310 <el-input v-model="ruleForm.diyaq.zwlxqssj"></el-input> 367 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
311 </el-form-item> 368 </el-form-item>
312 </el-col> 369 </el-col>
313 <el-col :span="8"> 370 <el-col :span="8">
314 <el-form-item label="债务履行结束时间"> 371 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
315 <el-input v-model="ruleForm.diyaq.zwlxjssj"></el-input> 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>
316 </el-form-item> 380 </el-form-item>
317 </el-col> 381 </el-col>
318 <el-col :span="8"> 382
319 <el-form-item label="最高债权确定事实和数额"> 383 <!-- <el-col :span="8">
320 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> 384 <el-form-item label="是否预告登记：">
385 <el-select v-model="ruleForm.diyaq.sfygdj">
386 <el-option
387 v-for="item in dictData['A6']"
388 :key="item.dcode"
389 :label="item.dname"
390 :value="item.dcode"></el-option>
391 </el-select>
321 </el-form-item> 392 </el-form-item>
322 </el-col> 393 </el-col> -->
323 <el-col :span="8"> 394 <!-- <el-col :span="8">
324 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定"> 395 <el-form-item label="在建建筑物坐落：">
325 <el-input v-model="ruleForm.diyaq.sfzqfsbh"></el-input> 396 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
326 </el-form-item> 397 </el-form-item>
327 </el-col> 398 </el-col> -->
328 <el-col :span="8"> 399
329 <el-form-item label="不动产登记证明号"> 400 <el-col :span="24">
330 <el-input v-model="ruleForm.diyaq.bdcdjzmh"></el-input> 401 <el-form-item label="登记原因：">
402 <el-input v-model="ruleForm.qlxx.djyy"></el-input>
331 </el-form-item> 403 </el-form-item>
332 </el-col> 404 </el-col>
333 <el-col :span="8"> 405 <el-col :span="24">
334 <el-form-item label="注销抵押业务号"> 406 <el-form-item label="附记：">
335 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> 407 <el-input v-model="ruleForm.diyaq.fj"></el-input>
336 </el-form-item> 408 </el-form-item>
337 </el-col> 409 </el-col>
338 <el-col :span="8"> 410 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
339 <el-form-item label="注销抵押原因"> 411 <el-form-item label="注销抵押业务号：">
340 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> 412 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
341 </el-form-item> 413 </el-form-item>
342 </el-col> 414 </el-col>
343 <el-col :span="8"> 415
344 <el-form-item label="注销时间"> 416 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
345 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 417 <el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules">
418 <el-date-picker
419 v-model="ruleForm.qlxx.zxsj"
420 type="date"
421 placeholder="选择日期"
422 value-format="yyyy/MM/dd HH:mm:ss"
423 format="yyyy/MM/dd"
424 >
425 </el-date-picker>
346 </el-form-item> 426 </el-form-item>
347 </el-col> 427 </el-col>
348 <el-col :span="8"> 428 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
349 <el-form-item label="注销登簿人"> 429 <el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules">
350 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 430 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
351 </el-form-item> 431 </el-form-item>
352 </el-col> 432 </el-col>
353 <el-col :span="24"> 433 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
354 <el-form-item label="附记："> 434 <el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules">
355 <el-input v-model="ruleForm.diyaq.fj"></el-input> 435 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
356 </el-form-item> 436 </el-form-item>
357 </el-col> 437 </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,33 +480,31 @@ ...@@ -400,33 +480,31 @@
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",
419 }, 499 },
420 //表单是否可操作 500 //表单是否可操作
421 propsParam: this.$attrs, 501 propsParam: this.$attrs,
422 key: 0, 502 key: 0,
423 isShow: false, 503 isShow: false,
424 disabled: true, 504 disabled: true,
425 ssqlxxshow:true, 505 ssqlxxshow: true,
426 czrOptions: [], 506 czrOptions: [],
427 ruleForm: {}, 507 ruleForm: {},
428 //传递参数
429 rules: {},
430 // 权属状态 508 // 权属状态
431 qsztlist: [ 509 qsztlist: [
432 { 510 {
...@@ -468,45 +546,63 @@ ...@@ -468,45 +546,63 @@
468 ], 546 ],
469 ssQlxxList: [], 547 ssQlxxList: [],
470 ztQlxxList: [], 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" },
559 ],
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" }],
567 },
471 }; 568 };
472 }, 569 },
473 created () { 570 created() {
474 this.loadData(); 571 this.loadData();
475 }, 572 },
476 573
477 methods: { 574 methods: {
478 ztQlxxchange (val) { 575 ztQlxxchange(val) {
479 this.ruleForm.ztQlxx = val 576 this.ruleForm.ztQlxx = val;
480 }, 577 },
481 ssQlxxchange (val) { 578 ssQlxxchange(val) {
482 this.ruleForm.ssQlxx = val 579 this.ruleForm.ssQlxx = val;
483 this.ruleForm.qlxx.ssywh=val.ssywh 580 this.ruleForm.qlxx.ssywh = val.ssywh;
484 }, 581 },
485 djlxchange(val){ 582 djlxchange(val) {
486 583 if (val == null || val == 100) {
487 if(val==null||val==100){ 584 this.ssqlxxshow = false;
488 this.ssqlxxshow=false 585 } else {
489 }else{ 586 this.ssqlxxshow = true;
490 this.ssqlxxshow=true
491 } 587 }
492
493 }, 588 },
494 loadData () { 589 loadData() {
495 this.propsParam.isEdit = this.$parent.isEdit; 590 this.propsParam.isEdit = this.$parent.isEdit;
496 init(this.propsParam).then((res) => { 591 init(this.propsParam).then((res) => {
497 if (res.code == 200) { 592 if (res.code == 200) {
498 this.ruleForm = res.result; 593 this.ruleForm = res.result;
499 this.isShow = true; 594 this.isShow = true;
500 let djlx= this.ruleForm.qlxx.djlx 595 let djlx = this.ruleForm.qlxx.djlx;
501 if(djlx==null||djlx==100){ 596 if (djlx == null || djlx == 100) {
502 this.ssqlxxshow=false 597 this.ssqlxxshow = false;
503 } 598 }
504
505
506 } 599 }
507 }); 600 });
508 //获取主体信息 601 //获取主体信息
509 getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => { 602 getSsQlxx({
603 bdcdyid: this.propsParam.bdcdyid,
604 qllx: this.propsParam.qllx,
605 }).then((res) => {
510 if (res.code == 200) { 606 if (res.code == 200) {
511 this.ssQlxxList = res.result; 607 this.ssQlxxList = res.result;
512 } 608 }
...@@ -519,22 +615,24 @@ ...@@ -519,22 +615,24 @@
519 }); 615 });
520 }, 616 },
521 // 更新土地用途信息 617 // 更新土地用途信息
522 upDateTdytxxList (val) { 618 upDateTdytxxList(val) {
523 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 619 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
524 this.key++; 620 this.key++;
525 }, 621 },
526 // 更新权利人信息 622 // 更新权利人信息
527 upDateQlrxxList (val) { 623 upDateQlrxxList(val) {
528 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 624 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
529 this.czrOptions = this.ruleForm.qlrData; 625 this.czrOptions = this.ruleForm.qlrData;
530 this.key++; 626 this.key++;
531 }, 627 },
532 // 更新义务人信息 628 // 更新义务人信息
533 upDateYwrxxList (val) { 629 upDateYwrxxList(val) {
534 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 630 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
535 this.key++; 631 this.key++;
536 }, 632 },
537 onSubmit () { 633 onSubmit() {
634 this.$refs.ruleForm.validate((valid) => {
635 if (valid) {
538 if (this.ruleForm.qlrData.length == 0) { 636 if (this.ruleForm.qlrData.length == 0) {
539 this.$message({ 637 this.$message({
540 showClose: true, 638 showClose: true,
...@@ -569,7 +667,7 @@ ...@@ -569,7 +667,7 @@
569 } else { 667 } else {
570 item.sfczr = "0"; 668 item.sfczr = "0";
571 } 669 }
572 }) 670 });
573 } 671 }
574 } 672 }
575 save(this.ruleForm).then((res) => { 673 save(this.ruleForm).then((res) => {
...@@ -587,12 +685,22 @@ ...@@ -587,12 +685,22 @@
587 type: "error", 685 type: "error",
588 }); 686 });
589 } 687 }
590 }) 688 });
591 } 689 } else {
690 return false;
592 } 691 }
593 }; 692 });
693 },
694 },
695 };
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,18 +262,18 @@ ...@@ -262,18 +262,18 @@
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 }, 275 },
276 data () { 276 data() {
277 return { 277 return {
278 //表单是否可操作 278 //表单是否可操作
279 propsParam: this.$attrs, 279 propsParam: this.$attrs,
...@@ -282,6 +282,34 @@ ...@@ -282,6 +282,34 @@
282 disabled: true, 282 disabled: true,
283 czrOptions: [], 283 czrOptions: [],
284 ruleForm: {}, 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 ],
285 // 权属状态 313 // 权属状态
286 qsztlist: [ 314 qsztlist: [
287 { 315 {
...@@ -294,16 +322,24 @@ ...@@ -294,16 +322,24 @@
294 }, 322 },
295 ], 323 ],
296 //传递参数\ 324 //传递参数\
297 rules: {}, 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 },
298 }; 334 };
299 }, 335 },
300 created () { 336 created() {
301 this.loadData(); 337 this.loadData();
302 }, 338 },
303 mounted () { }, 339 mounted() {},
304 methods: { 340 methods: {
305 loadData () { 341 loadData() {
306 this.propsParam.isEdit=this.$parent.isEdit 342 this.propsParam.isEdit = this.$parent.isEdit;
307 init(this.propsParam).then((res) => { 343 init(this.propsParam).then((res) => {
308 if (res.code == 200) { 344 if (res.code == 200) {
309 this.ruleForm = res.result; 345 this.ruleForm = res.result;
...@@ -312,22 +348,24 @@ ...@@ -312,22 +348,24 @@
312 }); 348 });
313 }, 349 },
314 // 更新土地用途信息 350 // 更新土地用途信息
315 upDateTdytxxList (val) { 351 upDateTdytxxList(val) {
316 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 352 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
317 this.key++; 353 this.key++;
318 }, 354 },
319 // 更新权利人信息 355 // 更新权利人信息
320 upDateQlrxxList (val) { 356 upDateQlrxxList(val) {
321 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 357 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
322 this.czrOptions = this.ruleForm.qlrData; 358 this.czrOptions = this.ruleForm.qlrData;
323 this.key++; 359 this.key++;
324 }, 360 },
325 // 更新义务人信息 361 // 更新义务人信息
326 upDateYwrxxList (val) { 362 upDateYwrxxList(val) {
327 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 363 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
328 this.key++; 364 this.key++;
329 }, 365 },
330 onSubmit () { 366 onSubmit() {
367 this.$refs.ruleForm.validate((valid) => {
368 if (valid) {
331 if (this.ruleForm.qlrData.length == 0) { 369 if (this.ruleForm.qlrData.length == 0) {
332 this.$message({ 370 this.$message({
333 showClose: true, 371 showClose: true,
...@@ -381,11 +419,15 @@ ...@@ -381,11 +419,15 @@
381 }); 419 });
382 } 420 }
383 }); 421 });
422 } else {
423 return false;
424 }
425 });
384 }, 426 },
385 }, 427 },
386 }; 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,9 +83,10 @@ ...@@ -71,9 +83,10 @@
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",
89 label: "操作"
77 }) 90 })
78 } 91 }
79 getJsydsyqList({ 92 getJsydsyqList({
...@@ -114,13 +127,13 @@ ...@@ -114,13 +127,13 @@
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,9 +84,10 @@ ...@@ -72,9 +84,10 @@
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",
90 label: "操作"
78 }) 91 })
79 } 92 }
80 getJsydsyqList({ 93 getJsydsyqList({
...@@ -115,13 +128,13 @@ ...@@ -115,13 +128,13 @@
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,9 +84,10 @@ ...@@ -72,9 +84,10 @@
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",
90 label: "操作"
78 }) 91 })
79 } 92 }
80 getTdsyqList({ 93 getTdsyqList({
...@@ -115,13 +128,13 @@ ...@@ -115,13 +128,13 @@
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>
......
...@@ -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: "",
......