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 271 additions and 117 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
......
...@@ -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,18 +310,18 @@ ...@@ -321,18 +310,18 @@
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: {
...@@ -404,35 +393,35 @@ export default { ...@@ -404,35 +393,35 @@ export default {
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 }, 404 },
416 created() { 405 created () {
417 this.loadData(); 406 this.loadData();
418 }, 407 },
419 mounted() {}, 408 mounted () { },
420 methods: { 409 methods: {
421 ztQlxxchange(val) { 410 ztQlxxchange (val) {
422 this.ruleForm.ztQlxx = val; 411 this.ruleForm.ztQlxx = val;
423 }, 412 },
424 ssQlxxchange(val) { 413 ssQlxxchange (val) {
425 this.ruleForm.ssQlxx = val; 414 this.ruleForm.ssQlxx = val;
426 this.ruleForm.qlxx.ssywh = val.ssywh; 415 this.ruleForm.qlxx.ssywh = val.ssywh;
427 }, 416 },
428 djlxchange(val) { 417 djlxchange (val) {
429 if (val == null || val == 100) { 418 if (val == null || val == 100) {
430 this.ssqlxxshow = false; 419 this.ssqlxxshow = false;
431 } else { 420 } else {
432 this.ssqlxxshow = true; 421 this.ssqlxxshow = true;
433 } 422 }
434 }, 423 },
435 loadData() { 424 loadData () {
436 this.propsParam.isEdit = this.$parent.isEdit; 425 this.propsParam.isEdit = this.$parent.isEdit;
437 init(this.propsParam).then((res) => { 426 init(this.propsParam).then((res) => {
438 if (res.code == 200) { 427 if (res.code == 200) {
...@@ -461,22 +450,22 @@ export default { ...@@ -461,22 +450,22 @@ export default {
461 }); 450 });
462 }, 451 },
463 // 更新土地用途信息 452 // 更新土地用途信息
464 upDateTdytxxList(val) { 453 upDateTdytxxList (val) {
465 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 454 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
466 this.key++; 455 this.key++;
467 }, 456 },
468 // 更新权利人信息 457 // 更新权利人信息
469 upDateQlrxxList(val) { 458 upDateQlrxxList (val) {
470 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 459 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
471 this.czrOptions = this.ruleForm.qlrData; 460 this.czrOptions = this.ruleForm.qlrData;
472 this.key++; 461 this.key++;
473 }, 462 },
474 // 更新义务人信息 463 // 更新义务人信息
475 upDateYwrxxList(val) { 464 upDateYwrxxList (val) {
476 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 465 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
477 this.key++; 466 this.key++;
478 }, 467 },
479 onSubmit() { 468 onSubmit () {
480 this.$refs.ruleForm.validate((valid) => { 469 this.$refs.ruleForm.validate((valid) => {
481 console.log("valid", valid); 470 console.log("valid", valid);
482 if (valid) { 471 if (valid) {
...@@ -539,9 +528,9 @@ export default { ...@@ -539,9 +528,9 @@ export default {
539 }); 528 });
540 }, 529 },
541 }, 530 },
542 }; 531 };
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,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>
......