Skip to content

bdc / bdcdj-web

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

style:登记薄

1 parent d92a9f9f
Inline Side-by-side
Showing 12 changed files with 469 additions and 315 deletions
...@@ -450,4 +450,33 @@ aside { ...@@ -450,4 +450,33 @@ aside {
450 top: 0; 450 top: 0;
451 right: 0; 451 right: 0;
452 transform: rotate(-90deg); 452 transform: rotate(-90deg);
453 }
454
455 // 正在注销
456 .zhuxiaoIcon {
457 position: relative;
458
459 .icon {
460 position: absolute;
461 top: 9px;
462 right: 5px;
463 transform: rotate(45deg);
464 color: #fff;
465 font-size: 12px;
466 z-index: 10;
467 }
468 }
469
470 .zhuxiaoIcon::after {
471 content: "";
472 display: block;
473 width: 0;
474 height: 0;
475 border-width: 0px 0px 55px 55px;
476 border-style: none solid solid;
477 border-color: transparent transparent red;
478 position: absolute;
479 top: 0;
480 right: 0;
481 transform: rotate(-90deg);
453 } 482 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -14,8 +14,7 @@ ...@@ -14,8 +14,7 @@
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="145px" 16 label-width="145px"
17 inline-message 17 inline-message>
18 >
19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
20 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
21 补录信息 20 补录信息
...@@ -50,22 +49,18 @@ ...@@ -50,22 +49,18 @@
50 :table-width="550" 49 :table-width="550"
51 :tableData="ztQlxxList" 50 :tableData="ztQlxxList"
52 :props="props" 51 :props="props"
53 @change="ztQlxxchange" 52 @change="ztQlxxchange">
54 >
55 <el-table-column 53 <el-table-column
56 prop="qllxmc" 54 prop="qllxmc"
57 width="130" 55 width="130"
58 label="权利类型" 56 label="权利类型"></el-table-column>
59 ></el-table-column>
60 <el-table-column 57 <el-table-column
61 prop="bdcqzh" 58 prop="bdcqzh"
62 width="160" 59 width="160"
63 label="不动产权证书" 60 label="不动产权证书"></el-table-column>
64 ></el-table-column>
65 <el-table-column 61 <el-table-column
66 prop="qlrmc" 62 prop="qlrmc"
67 label="被执行人" 63 label="被执行人"></el-table-column>
68 ></el-table-column>
69 <el-table-column prop="mjmc" label="面积"></el-table-column> 64 <el-table-column prop="mjmc" label="面积"></el-table-column>
70 <el-table-column prop="ytmc" label="用途"></el-table-column> 65 <el-table-column prop="ytmc" label="用途"></el-table-column>
71 <el-table-column prop="zl" label="坐落"></el-table-column> 66 <el-table-column prop="zl" label="坐落"></el-table-column>
...@@ -80,18 +75,15 @@ ...@@ -80,18 +75,15 @@
80 :table-width="550" 75 :table-width="550"
81 :tableData="ssQlxxList" 76 :tableData="ssQlxxList"
82 :props="props" 77 :props="props"
83 @change="ssQlxxchange" 78 @change="ssQlxxchange">
84 >
85 <el-table-column 79 <el-table-column
86 prop="qllxmc" 80 prop="qllxmc"
87 width="130" 81 width="130"
88 label="权利类型" 82 label="权利类型"></el-table-column>
89 ></el-table-column>
90 <el-table-column 83 <el-table-column
91 prop="bdcqzh" 84 prop="bdcqzh"
92 width="160" 85 width="160"
93 label="不动产权证书" 86 label="不动产权证书"></el-table-column>
94 ></el-table-column>
95 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 87 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
96 <el-table-column prop="mjmc" label="面积"></el-table-column> 88 <el-table-column prop="mjmc" label="面积"></el-table-column>
97 <el-table-column prop="ytmc" label="用途"></el-table-column> 89 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -124,7 +116,7 @@ ...@@ -124,7 +116,7 @@
124 </el-form-item> 116 </el-form-item>
125 </el-col> 117 </el-col>
126 <el-col :span="8"> 118 <el-col :span="8">
127 <el-form-item label="不动产权证号：" > 119 <el-form-item label="不动产权证号：">
128 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> 120 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
129 </el-form-item> 121 </el-form-item>
130 </el-col> 122 </el-col>
...@@ -185,8 +177,7 @@ ...@@ -185,8 +177,7 @@
185 v-for="item in sfbxflist" 177 v-for="item in sfbxflist"
186 :key="item.dcode" 178 :key="item.dcode"
187 :label="item.dname" 179 :label="item.dname"
188 :value="item.dcode" 180 :value="item.dcode"></el-option>
189 ></el-option>
190 </el-select> 181 </el-select>
191 </el-form-item> 182 </el-form-item>
192 </el-col> 183 </el-col>
...@@ -202,8 +193,7 @@ ...@@ -202,8 +193,7 @@
202 v-for="item in qsztlist" 193 v-for="item in qsztlist"
203 :key="item.dcode" 194 :key="item.dcode"
204 :label="item.dname" 195 :label="item.dname"
205 :value="item.dcode" 196 :value="item.dcode"></el-option>
206 ></el-option>
207 </el-select> 197 </el-select>
208 </el-form-item> 198 </el-form-item>
209 </el-col> 199 </el-col>
...@@ -224,8 +214,7 @@ ...@@ -224,8 +214,7 @@
224 v-for="item in dictData['A32']" 214 v-for="item in dictData['A32']"
225 :key="item.dcode" 215 :key="item.dcode"
226 :label="item.dname" 216 :label="item.dname"
227 :value="item.dcode" 217 :value="item.dcode"></el-option>
228 ></el-option>
229 </el-select> 218 </el-select>
230 </el-form-item> 219 </el-form-item>
231 </el-col> 220 </el-col>
...@@ -321,227 +310,227 @@ ...@@ -321,227 +310,227 @@
321 </div> 310 </div>
322 </template> 311 </template>
323 <script> 312 <script>
324 import { mapGetters } from "vuex"; 313 import { mapGetters } from "vuex";
325 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; 314 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
326 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 315 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
327 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 316 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
328 import tdytTable from "@/views/workflow/components/tdytTable"; 317 import tdytTable from "@/views/workflow/components/tdytTable";
329 import selectTable from "@/components/selectTable/index.vue"; 318 import selectTable from "@/components/selectTable/index.vue";
330 export default { 319 export default {
331 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 320 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
332 computed: { 321 computed: {
333 ...mapGetters(["dictData", "flag"]), 322 ...mapGetters(["dictData", "flag"]),
334 }, 323 },
335 data() { 324 data () {
336 return { 325 return {
337 //表单是否可操作 326 //表单是否可操作
338 props: { 327 props: {
339 label: "bdcqzh", 328 label: "bdcqzh",
340 value: "bdcdyid", 329 value: "bdcdyid",
341 },
342 propsParam: this.$attrs,
343 key: 0,
344 isShow: false,
345 ssqlxxshow: true,
346 disabled: true,
347 czrOptions: [],
348 ruleForm: {},
349 rules: {},
350 // 登记类型
351 djlxlist: [
352 {
353 dcode: "100",
354 dname: "首次登记",
355 },
356 {
357 dcode: "200",
358 dname: "转移登记",
359 },
360 {
361 dcode: "300",
362 dname: "变更登记",
363 },
364 {
365 dcode: "500",
366 dname: "更正登记",
367 }, 330 },
331 propsParam: this.$attrs,
332 key: 0,
333 isShow: false,
334 ssqlxxshow: true,
335 disabled: true,
336 czrOptions: [],
337 ruleForm: {},
338 rules: {},
339 // 登记类型
340 djlxlist: [
341 {
342 dcode: "100",
343 dname: "首次登记",
344 },
345 {
346 dcode: "200",
347 dname: "转移登记",
348 },
349 {
350 dcode: "300",
351 dname: "变更登记",
352 },
353 {
354 dcode: "500",
355 dname: "更正登记",
356 },
368 357
369 { 358 {
370 dcode: "901", 359 dcode: "901",
371 dname: "补证", 360 dname: "补证",
372 }, 361 },
373 { 362 {
374 dcode: "902", 363 dcode: "902",
375 dname: "换证", 364 dname: "换证",
376 }, 365 },
377 ], 366 ],
378 367
379 // 权属状态 368 // 权属状态
380 qsztlist: [ 369 qsztlist: [
381 { 370 {
382 dcode: "1", 371 dcode: "1",
383 dname: "现势", 372 dname: "现势",
384 }, 373 },
385 { 374 {
386 dcode: "2", 375 dcode: "2",
387 dname: "历史", 376 dname: "历史",
388 }, 377 },
389 ], 378 ],
390 // 是否被续封 379 // 是否被续封
391 sfbxflist: [ 380 sfbxflist: [
392 { 381 {
393 dcode: "0", 382 dcode: "0",
394 dname: "否", 383 dname: "否",
395 }, 384 },
396 { 385 {
397 dcode: "1", 386 dcode: "1",
398 dname: "是", 387 dname: "是",
399 }, 388 },
400 ], 389 ],
401 //传递参数\ 390 //传递参数\
402 391
403 ssQlxxList: [], 392 ssQlxxList: [],
404 ztQlxxList: [], 393 ztQlxxList: [],
405 rules: { 394 rules: {
406 bdcqzh: [ 395 bdcqzh: [
407 { required: true, message: "不动产登记证明号", trigger: "change" }, 396 { required: true, message: "不动产登记证明号", trigger: "blur" },
408 ], 397 ],
409 qxdm: [{ required: true, message: "区县代码", trigger: "blur" }], 398 qxdm: [{ required: true, message: "区县代码", trigger: "blur" }],
410 djjg: [{ required: true, message: "登记机构", trigger: "change" }], 399 djjg: [{ required: true, message: "登记机构", trigger: "blur" }],
411 dbr: [{ required: true, message: "登簿人", trigger: "blur" }], 400 dbr: [{ required: true, message: "登簿人", trigger: "blur" }],
412 djsj: [{ required: true, message: "登记时间", trigger: "change" }], 401 djsj: [{ required: true, message: "登记时间", trigger: "blur" }],
413 }, 402 },
414 }; 403 };
415 },
416 created() {
417 this.loadData();
418 },
419 mounted() {},
420 methods: {
421 ztQlxxchange(val) {
422 this.ruleForm.ztQlxx = val;
423 },
424 ssQlxxchange(val) {
425 this.ruleForm.ssQlxx = val;
426 this.ruleForm.qlxx.ssywh = val.ssywh;
427 }, 404 },
428 djlxchange(val) { 405 created () {
429 if (val == null || val == 100) { 406 this.loadData();
430 this.ssqlxxshow = false;
431 } else {
432 this.ssqlxxshow = true;
433 }
434 }, 407 },
435 loadData() { 408 mounted () { },
436 this.propsParam.isEdit = this.$parent.isEdit; 409 methods: {
437 init(this.propsParam).then((res) => { 410 ztQlxxchange (val) {
438 if (res.code == 200) { 411 this.ruleForm.ztQlxx = val;
439 this.ruleForm = res.result; 412 },
440 this.isShow = true; 413 ssQlxxchange (val) {
441 let djlx = this.ruleForm.qlxx.djlx; 414 this.ruleForm.ssQlxx = val;
442 if (djlx == null || djlx == 100) { 415 this.ruleForm.qlxx.ssywh = val.ssywh;
443 this.ssqlxxshow = false; 416 },
444 } 417 djlxchange (val) {
445 } 418 if (val == null || val == 100) {
446 }); 419 this.ssqlxxshow = false;
447 //获取主体信息 420 } else {
448 getSsQlxx({ 421 this.ssqlxxshow = true;
449 bdcdyid: this.propsParam.bdcdyid,
450 qllx: this.propsParam.qllx,
451 }).then((res) => {
452 if (res.code == 200) {
453 this.ssQlxxList = res.result;
454 }
455 });
456 //获取上手信息
457 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
458 if (res.code == 200) {
459 this.ztQlxxList = res.result;
460 } 422 }
461 }); 423 },
462 }, 424 loadData () {
463 // 更新土地用途信息 425 this.propsParam.isEdit = this.$parent.isEdit;
464 upDateTdytxxList(val) { 426 init(this.propsParam).then((res) => {
465 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 427 if (res.code == 200) {
466 this.key++; 428 this.ruleForm = res.result;
467 }, 429 this.isShow = true;
468 // 更新权利人信息 430 let djlx = this.ruleForm.qlxx.djlx;
469 upDateQlrxxList(val) { 431 if (djlx == null || djlx == 100) {
470 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 432 this.ssqlxxshow = false;
471 this.czrOptions = this.ruleForm.qlrData; 433 }
472 this.key++;
473 },
474 // 更新义务人信息
475 upDateYwrxxList(val) {
476 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
477 this.key++;
478 },
479 onSubmit() {
480 this.$refs.ruleForm.validate((valid) => {
481 console.log("valid", valid);
482 if (valid) {
483 if (this.ruleForm.qlrData.length == 0) {
484 this.$message({
485 showClose: true,
486 message: "请确认权利人信息",
487 type: "error",
488 });
489 return false;
490 } 434 }
491 435 });
492 if (this.ruleForm.qlxx.gyfs == "0") { 436 //获取主体信息
493 if (this.ruleForm.qlrData.length > 1) { 437 getSsQlxx({
438 bdcdyid: this.propsParam.bdcdyid,
439 qllx: this.propsParam.qllx,
440 }).then((res) => {
441 if (res.code == 200) {
442 this.ssQlxxList = res.result;
443 }
444 });
445 //获取上手信息
446 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
447 if (res.code == 200) {
448 this.ztQlxxList = res.result;
449 }
450 });
451 },
452 // 更新土地用途信息
453 upDateTdytxxList (val) {
454 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
455 this.key++;
456 },
457 // 更新权利人信息
458 upDateQlrxxList (val) {
459 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
460 this.czrOptions = this.ruleForm.qlrData;
461 this.key++;
462 },
463 // 更新义务人信息
464 upDateYwrxxList (val) {
465 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
466 this.key++;
467 },
468 onSubmit () {
469 this.$refs.ruleForm.validate((valid) => {
470 console.log("valid", valid);
471 if (valid) {
472 if (this.ruleForm.qlrData.length == 0) {
494 this.$message({ 473 this.$message({
495 showClose: true, 474 showClose: true,
496 message: "共有方式：单独所有，权利人只能是一个人", 475 message: "请确认权利人信息",
497 type: "error", 476 type: "error",
498 }); 477 });
499 return false; 478 return false;
500 } 479 }
501 this.ruleForm.qlrData[0].sfczr = "1"; 480
502 } 481 if (this.ruleForm.qlxx.gyfs == "0") {
503 if (this.ruleForm.qlxx.gyfs == "1") { 482 if (this.ruleForm.qlrData.length > 1) {
504 //是否分别持证 483 this.$message({
505 if (this.ruleForm.qlxx.sqfbcz == "1") { 484 showClose: true,
506 //是 485 message: "共有方式：单独所有，权利人只能是一个人",
507 this.ruleForm.qlrData.forEach((item, index) => { 486 type: "error",
508 item.sfczr = "1"; 487 });
509 }); 488 return false;
510 } else { 489 }
511 this.ruleForm.qlrData.forEach((item, index) => { 490 this.ruleForm.qlrData[0].sfczr = "1";
512 if (item.zjh == this.ruleForm.czr) { 491 }
492 if (this.ruleForm.qlxx.gyfs == "1") {
493 //是否分别持证
494 if (this.ruleForm.qlxx.sqfbcz == "1") {
495 //是
496 this.ruleForm.qlrData.forEach((item, index) => {
513 item.sfczr = "1"; 497 item.sfczr = "1";
514 } else { 498 });
515 item.sfczr = "0"; 499 } else {
516 } 500 this.ruleForm.qlrData.forEach((item, index) => {
517 }); 501 if (item.zjh == this.ruleForm.czr) {
502 item.sfczr = "1";
503 } else {
504 item.sfczr = "0";
505 }
506 });
507 }
518 } 508 }
509 save(this.ruleForm).then((res) => {
510 if (res.code === 200) {
511 this.$message({
512 showClose: true,
513 message: "保存成功！",
514 type: "success",
515 });
516 this.$store.dispatch("user/refreshPage", true);
517 } else {
518 this.$message({
519 showClose: true,
520 message: res.message,
521 type: "error",
522 });
523 }
524 });
525 } else {
526 return false;
519 } 527 }
520 save(this.ruleForm).then((res) => { 528 });
521 if (res.code === 200) { 529 },
522 this.$message({
523 showClose: true,
524 message: "保存成功！",
525 type: "success",
526 });
527 this.$store.dispatch("user/refreshPage", true);
528 } else {
529 this.$message({
530 showClose: true,
531 message: res.message,
532 type: "error",
533 });
534 }
535 });
536 } else {
537 return false;
538 }
539 });
540 }, 530 },
541 }, 531 };
542 };
543 </script> 532 </script>
544 <style scoped lang="scss"> 533 <style scoped lang="scss">
545 @import "~@/styles/public.scss"; 534 @import "~@/styles/public.scss";
546 @import "~@/styles/slxx/slxx.scss"; 535 @import "~@/styles/slxx/slxx.scss";
547 </style> 536 </style>
......
...@@ -22,19 +22,32 @@ ...@@ -22,19 +22,32 @@
22 :class="[ 22 :class="[
23 row.qszt == '2' ? 'lishi' : '', 23 row.qszt == '2' ? 'lishi' : '',
24 row.qszt == '0' ? 'linshi' : '', 24 row.qszt == '0' ? 'linshi' : '',
25 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 25
26 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 26 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
27 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
27 ]"> 31 ]">
28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 32 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 33 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
31 </div> 35 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 36 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
33 正在办理 37 失效
34 </div> 38 </div>
35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 39 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
36 有效 40 有效
37 </div> 41 </div>
42 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
43 正在补录
44 </div>
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
46 正在申请
47 </div>
48 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
49 正在注销
50 </div>
38 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> 51 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
39 52
40 <span v-else>{{ row[item.prop] }}</span> 53 <span v-else>{{ row[item.prop] }}</span>
......
...@@ -24,8 +24,11 @@ ...@@ -24,8 +24,11 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button 34 <el-button
...@@ -37,12 +40,21 @@ ...@@ -37,12 +40,21 @@
37 icon="el-icon-edit-outline" 40 icon="el-icon-edit-outline"
38 @click="editDialog(row, 'D')">删除</el-button> 41 @click="editDialog(row, 'D')">删除</el-button>
39 </div> 42 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
41 正在办理 44 失效
42 </div> 45 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 46 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效 47 有效
45 </div> 48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
50 正在补录
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
53 正在申请
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
56 正在注销
57 </div>
46 <span v-if="item.prop == 'qszt'"> 58 <span v-if="item.prop == 'qszt'">
47 {{ getQsztName(row[item.prop]) }} 59 {{ getQsztName(row[item.prop]) }}
48 </span> 60 </span>
......
...@@ -24,19 +24,31 @@ ...@@ -24,19 +24,31 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
33 </div> 36 </div>
34 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
35 正在办理 38 失效
36 </div> 39 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 40 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效 41 有效
39 </div> 42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
44 正在补录
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
47 正在申请
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
50 正在注销
51 </div>
40 <span v-if="item.prop == 'qszt'"> 52 <span v-if="item.prop == 'qszt'">
41 {{ getQsztName(row[item.prop]) }} 53 {{ getQsztName(row[item.prop]) }}
42 </span> 54 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -71,11 +83,12 @@ ...@@ -71,11 +83,12 @@
71 }, 83 },
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 if(this.$parent.addRepairRecord){ 86 if (this.$parent.addRepairRecord) {
75 this.columns.unshift({prop:"cz", 87 this.columns.unshift({
76 label:"操作" 88 prop: "cz",
77 }) 89 label: "操作"
78 } 90 })
91 }
79 getJsydsyqList({ 92 getJsydsyqList({
80 bdcdyid: this.propsParam.bdcdyid, 93 bdcdyid: this.propsParam.bdcdyid,
81 qllx: this.propsParam.qllx, 94 qllx: this.propsParam.qllx,
...@@ -113,14 +126,14 @@ ...@@ -113,14 +126,14 @@
113 } 126 }
114 return name; 127 return name;
115 }, 128 },
116 // 新增一条补录信息 129 // 新增一条补录信息
117 editDialog(row,del){ 130 editDialog (row, del) {
118 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 131 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
119 confirmButtonText: '确定', 132 confirmButtonText: '确定',
120 cancelButtonText: '取消', 133 cancelButtonText: '取消',
121 type: 'warning' 134 type: 'warning'
122 }).then(() => { 135 }).then(() => {
123 this.$parent.addRepairRecord(row,del) 136 this.$parent.addRepairRecord(row, del)
124 137
125 this.$message({ 138 this.$message({
126 type: 'success', 139 type: 'success',
......
...@@ -24,8 +24,11 @@ ...@@ -24,8 +24,11 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button 34 <el-button
...@@ -37,12 +40,21 @@ ...@@ -37,12 +40,21 @@
37 icon="el-icon-edit-outline" 40 icon="el-icon-edit-outline"
38 @click="editDialog(row, 'D')">删除</el-button> 41 @click="editDialog(row, 'D')">删除</el-button>
39 </div> 42 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
41 正在办理 44 失效
42 </div> 45 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 46 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效 47 有效
45 </div> 48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
50 正在补录
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
53 正在申请
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
56 正在注销
57 </div>
46 <span v-if="item.prop == 'qszt'"> 58 <span v-if="item.prop == 'qszt'">
47 {{ getQsztName(row[item.prop]) }} 59 {{ getQsztName(row[item.prop]) }}
48 </span> 60 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -72,11 +84,12 @@ ...@@ -72,11 +84,12 @@
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 86
75 if(this.$parent.addRepairRecord){ 87 if (this.$parent.addRepairRecord) {
76 this.columns.unshift({prop:"cz", 88 this.columns.unshift({
77 label:"操作" 89 prop: "cz",
78 }) 90 label: "操作"
79 } 91 })
92 }
80 getJsydsyqList({ 93 getJsydsyqList({
81 bdcdyid: this.propsParam.bdcdyid, 94 bdcdyid: this.propsParam.bdcdyid,
82 qllx: this.propsParam.qllx, 95 qllx: this.propsParam.qllx,
...@@ -114,14 +127,14 @@ ...@@ -114,14 +127,14 @@
114 } 127 }
115 return name; 128 return name;
116 }, 129 },
117 // 新增一条补录信息 130 // 新增一条补录信息
118 editDialog(row,del){ 131 editDialog (row, del) {
119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 132 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
120 confirmButtonText: '确定', 133 confirmButtonText: '确定',
121 cancelButtonText: '取消', 134 cancelButtonText: '取消',
122 type: 'warning' 135 type: 'warning'
123 }).then(() => { 136 }).then(() => {
124 this.$parent.addRepairRecord(row,del) 137 this.$parent.addRepairRecord(row, del)
125 138
126 this.$message({ 139 this.$message({
127 type: 'success', 140 type: 'success',
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 row.qlzt == '3' ? 'linshiIcon' : '',
24 row.qlzt == '2' ? 'linshiIcon' : '',
25 row.qlzt == '1' ? 'xianshiIcon' : '',
26 row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -50,15 +62,27 @@ ...@@ -50,15 +62,27 @@
50 <td v-for="(row, index) in tableData" :key="index" :class="[ 62 <td v-for="(row, index) in tableData" :key="index" :class="[
51 row.qszt == '2' ? 'lishi' : '', 63 row.qszt == '2' ? 'lishi' : '',
52 row.qszt == '0' ? 'linshi' : '', 64 row.qszt == '0' ? 'linshi' : '',
53 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 65 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
54 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 66 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
67 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
68 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
69 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
55 ]"> 70 ]">
56 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
57 正在办理 72 失效
58 </div> 73 </div>
59 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 74 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
60 有效 75 有效
61 </div> 76 </div>
77 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
78 正在补录
79 </div>
80 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
81 正在申请
82 </div>
83 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
84 正在注销
85 </div>
62 <span v-if="item.prop == 'qszt'"> 86 <span v-if="item.prop == 'qszt'">
63 {{ getQsztName(row[item.prop]) }} 87 {{ getQsztName(row[item.prop]) }}
64 </span> 88 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -72,11 +84,12 @@ ...@@ -72,11 +84,12 @@
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 86
75 if(this.$parent.addRepairRecord){ 87 if (this.$parent.addRepairRecord) {
76 this.columns.unshift({prop:"cz", 88 this.columns.unshift({
77 label:"操作" 89 prop: "cz",
78 }) 90 label: "操作"
79 } 91 })
92 }
80 getTdsyqList({ 93 getTdsyqList({
81 bdcdyid: this.propsParam.bdcdyid, 94 bdcdyid: this.propsParam.bdcdyid,
82 qllx: this.propsParam.qllx, 95 qllx: this.propsParam.qllx,
...@@ -114,14 +127,14 @@ ...@@ -114,14 +127,14 @@
114 } 127 }
115 return name; 128 return name;
116 }, 129 },
117 // 新增一条补录信息 130 // 新增一条补录信息
118 editDialog(row,del){ 131 editDialog (row, del) {
119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 132 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
120 confirmButtonText: '确定', 133 confirmButtonText: '确定',
121 cancelButtonText: '取消', 134 cancelButtonText: '取消',
122 type: 'warning' 135 type: 'warning'
123 }).then(() => { 136 }).then(() => {
124 this.$parent.addRepairRecord(row,del) 137 this.$parent.addRepairRecord(row, del)
125 138
126 this.$message({ 139 this.$message({
127 type: 'success', 140 type: 'success',
......
...@@ -18,19 +18,31 @@ ...@@ -18,19 +18,31 @@
18 <td v-for="(row, index) in tableData" :key="index" :class="[ 18 <td v-for="(row, index) in tableData" :key="index" :class="[
19 row.qszt == '2' ? 'lishi' : '', 19 row.qszt == '2' ? 'lishi' : '',
20 row.qszt == '0' ? 'linshi' : '', 20 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 21 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
22 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
23 ]"> 26 ]">
24 <div class="setbut" v-if="item.prop == 'cz'"> 27 <div class="setbut" v-if="item.prop == 'cz'">
25 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 28 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
27 </div> 30 </div>
28 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 31 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
29 正在办理 32 失效
30 </div> 33 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 34 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
32 有效 35 有效
33 </div> 36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
38 正在补录
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
41 正在申请
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
44 正在注销
45 </div>
34 <span v-if="item.prop == 'qszt'"> 46 <span v-if="item.prop == 'qszt'">
35 {{ getQsztName(row[item.prop]) }} 47 {{ getQsztName(row[item.prop]) }}
36 </span> 48 </span>
......
...@@ -18,19 +18,31 @@ ...@@ -18,19 +18,31 @@
18 <td v-for="(row, index) in tableData" :key="index" :class="[ 18 <td v-for="(row, index) in tableData" :key="index" :class="[
19 row.qszt == '2' ? 'lishi' : '', 19 row.qszt == '2' ? 'lishi' : '',
20 row.qszt == '0' ? 'linshi' : '', 20 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 21 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
22 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
23 ]"> 26 ]">
24 <div class="setbut" v-if="item.prop == 'cz'"> 27 <div class="setbut" v-if="item.prop == 'cz'">
25 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 28 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
27 </div> 30 </div>
28 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 31 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
29 正在办理 32 失效
30 </div> 33 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 34 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
32 有效 35 有效
33 </div> 36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
38 正在补录
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
41 正在申请
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
44 正在注销
45 </div>
34 <span v-if="item.prop == 'qszt'"> 46 <span v-if="item.prop == 'qszt'">
35 {{ getQsztName(row[item.prop]) }} 47 {{ getQsztName(row[item.prop]) }}
36 </span> 48 </span>
......