新增补录信息逻辑修改
Showing
13 changed files
with
474 additions
and
257 deletions
... | @@ -30,12 +30,13 @@ | ... | @@ -30,12 +30,13 @@ |
30 | :key="index" | 30 | :key="index" |
31 | > | 31 | > |
32 | <div> | 32 | <div> |
33 | <p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | 33 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> |
34 | <p v-else >{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | ||
35 | |||
34 | <!-- <p class="title-detail">{{ item.zl }}</p> --> | 36 | <!-- <p class="title-detail">{{ item.zl }}</p> --> |
35 | </div> | 37 | </div> |
36 | <i | 38 | <i |
37 | class="el-icon-delete" | 39 | class="el-icon-delete" |
38 | v-if="supplementarylist.length > 1" | ||
39 | @click.stop="handleDel(item)" | 40 | @click.stop="handleDel(item)" |
40 | ></i> | 41 | ></i> |
41 | </el-menu-item> | 42 | </el-menu-item> |
... | @@ -120,7 +121,7 @@ export default { | ... | @@ -120,7 +121,7 @@ export default { |
120 | }, | 121 | }, |
121 | methods: { | 122 | methods: { |
122 | //读取申请单元信息 | 123 | //读取申请单元信息 |
123 | loadBdcdylist() { | 124 | loadBdcdylist(add) { |
124 | var formdata = new FormData(); | 125 | var formdata = new FormData(); |
125 | formdata.append("bsmSlsq", this.bsmSlsq); | 126 | formdata.append("bsmSlsq", this.bsmSlsq); |
126 | formdata.append("bestepid", this.bestepid); | 127 | formdata.append("bestepid", this.bestepid); |
... | @@ -128,6 +129,9 @@ export default { | ... | @@ -128,6 +129,9 @@ export default { |
128 | if (res.code === 200 && res.result) { | 129 | if (res.code === 200 && res.result) { |
129 | this.currentSelectProps = res.result[0]; | 130 | this.currentSelectProps = res.result[0]; |
130 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
132 | if(add){ | ||
133 | this.$parent.getQllxByBdcdyid() | ||
134 | } | ||
131 | } | 135 | } |
132 | }); | 136 | }); |
133 | this.getleftMenubl(); | 137 | this.getleftMenubl(); |
... | @@ -136,6 +140,7 @@ export default { | ... | @@ -136,6 +140,7 @@ export default { |
136 | getleftMenubl(row) { | 140 | getleftMenubl(row) { |
137 | leftMenubl(this.bsmSlsq).then((res) => { | 141 | leftMenubl(this.bsmSlsq).then((res) => { |
138 | this.supplementarylist = res.result; | 142 | this.supplementarylist = res.result; |
143 | console.log("this.supplementarylist",this.supplementarylist); | ||
139 | if(row){ | 144 | if(row){ |
140 | this.supplementarylist.forEach((item,index) => { | 145 | this.supplementarylist.forEach((item,index) => { |
141 | if(item.bsmRepair==row.bsmRepair){ | 146 | if(item.bsmRepair==row.bsmRepair){ | ... | ... |
... | @@ -136,7 +136,7 @@ export default { | ... | @@ -136,7 +136,7 @@ export default { |
136 | 136 | ||
137 | // break; | 137 | // break; |
138 | case "B5": | 138 | case "B5": |
139 | this.getQllxByBdcdyid() | 139 | this.$refs.Menu.loadBdcdylist("add") |
140 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) | 140 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) |
141 | 141 | ||
142 | 142 | ... | ... |
... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
102 | } | 102 | } |
103 | 103 | ||
104 | .animation-map-drawer { | 104 | .animation-map-drawer { |
105 | width: 260px; | 105 | width: 290px; |
106 | height: calc(100% - 80px); | 106 | height: calc(100% - 80px); |
107 | } | 107 | } |
108 | 108 | ||
... | @@ -226,4 +226,4 @@ | ... | @@ -226,4 +226,4 @@ |
226 | position: absolute; | 226 | position: absolute; |
227 | left: 0; | 227 | left: 0; |
228 | bottom: 0; | 228 | bottom: 0; |
229 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
229 | } | ... | ... |
... | @@ -130,7 +130,8 @@ export default { | ... | @@ -130,7 +130,8 @@ export default { |
130 | 130 | ||
131 | methods: { | 131 | methods: { |
132 | getQllxByBdcdyid() { | 132 | getQllxByBdcdyid() { |
133 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 133 | if(this.currentSelectProps.bdcdyid){ |
134 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
134 | (res) => { | 135 | (res) => { |
135 | if (res.code === 200) { | 136 | if (res.code === 200) { |
136 | this.$refs.qllxlist.qllxlistdata = res.result; | 137 | this.$refs.qllxlist.qllxlistdata = res.result; |
... | @@ -138,6 +139,8 @@ export default { | ... | @@ -138,6 +139,8 @@ export default { |
138 | } | 139 | } |
139 | } | 140 | } |
140 | ); | 141 | ); |
142 | } | ||
143 | |||
141 | }, | 144 | }, |
142 | // 获取右侧选项卡 | 145 | // 获取右侧选项卡 |
143 | getCurrentSelectProps(val) { | 146 | getCurrentSelectProps(val) { |
... | @@ -223,17 +226,21 @@ export default { | ... | @@ -223,17 +226,21 @@ export default { |
223 | }, | 226 | }, |
224 | 227 | ||
225 | // 增加补录记录 | 228 | // 增加补录记录 |
226 | addRepairRecord(row) { | 229 | addRepairRecord(row,del) { |
227 | let from = { | 230 | let from = { |
228 | bsmQlxx: "", | 231 | bsmQlxx: "", |
229 | bsmSlsq: this.bsmSlsq, | 232 | bsmSlsq: this.bsmSlsq, |
230 | bsmSldy: this.currentSelectProps.bsmSldy, | 233 | bsmSldy: this.currentSelectProps.bsmSldy, |
231 | operate: "C", | 234 | operate: "C", |
232 | qllx: this.currentSelectProps.qllx, | 235 | qllx: "", |
233 | }; | 236 | }; |
234 | if (row) { | 237 | if (row) { |
235 | from.bsmQlxx = row.bsmQlxx; | 238 | from.bsmQlxx = row.bsmQlxx; |
236 | from.operate = row.bsmQlxx ? "U" : " C"; | 239 | if(del){ |
240 | from.operate = del; | ||
241 | }else{ | ||
242 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
243 | } | ||
237 | from.qllx = row.qllx; | 244 | from.qllx = row.qllx; |
238 | } | 245 | } |
239 | addRepairRecord(from).then((res) => { | 246 | addRepairRecord(from).then((res) => { | ... | ... |
... | @@ -24,6 +24,10 @@ | ... | @@ -24,6 +24,10 @@ |
24 | row.qszt == '0' ? 'linshi' : '', | 24 | row.qszt == '0' ? 'linshi' : '', |
25 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', | 25 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', |
26 | ]"> | 26 | ]"> |
27 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
28 | <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,'D')">删除</el-button> | ||
30 | </div> | ||
27 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> | 31 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> |
28 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 32 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
29 | 33 | ||
... | @@ -62,6 +66,9 @@ | ... | @@ -62,6 +66,9 @@ |
62 | }, | 66 | }, |
63 | methods: { | 67 | methods: { |
64 | loadData () { | 68 | loadData () { |
69 | if (this.$parent.addRepairRecord) { | ||
70 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
71 | } | ||
65 | getCfdjList({ | 72 | getCfdjList({ |
66 | bdcdyid: this.propsParam.bdcdyid, | 73 | bdcdyid: this.propsParam.bdcdyid, |
67 | qllx: this.propsParam.qllx, | 74 | qllx: this.propsParam.qllx, |
... | @@ -106,6 +113,28 @@ | ... | @@ -106,6 +113,28 @@ |
106 | } | 113 | } |
107 | return name; | 114 | return name; |
108 | }, | 115 | }, |
116 | // 新增一条补录信息 | ||
117 | editDialog(row, del) { | ||
118 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
119 | confirmButtonText: "确定", | ||
120 | cancelButtonText: "取消", | ||
121 | type: "warning", | ||
122 | }) | ||
123 | .then(() => { | ||
124 | this.$parent.addRepairRecord(row, del); | ||
125 | |||
126 | this.$message({ | ||
127 | type: "success", | ||
128 | message: "补录成功!", | ||
129 | }); | ||
130 | }) | ||
131 | .catch(() => { | ||
132 | this.$message({ | ||
133 | type: "info", | ||
134 | message: "取消编辑", | ||
135 | }); | ||
136 | }); | ||
137 | }, | ||
109 | }, | 138 | }, |
110 | }; | 139 | }; |
111 | </script> | 140 | </script> | ... | ... |
... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
5 | {{ title }} | 5 | {{ title }} |
6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
9 | v-for="item in qsztList" | ||
10 | :key="item.value" | ||
11 | :label="item.value" | ||
12 | >{{ item.label }}</el-checkbox | ||
13 | > | ||
9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
10 | </div> | 15 | </div> |
11 | </div> | 16 | </div> |
... | @@ -15,14 +20,28 @@ | ... | @@ -15,14 +20,28 @@ |
15 | <td> | 20 | <td> |
16 | {{ item.label }} | 21 | {{ item.label }} |
17 | </td> | 22 | </td> |
18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
23 | <div class="setbut" v-if="item.prop == 'cz'"> | 28 | row.qszt == '0' ? 'linshi' : '', |
24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 30 | ]" |
31 | > | ||
32 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
33 | <el-button | ||
34 | type="text" | ||
35 | icon="el-icon-edit-outline" | ||
36 | @click="editDialog(row)" | ||
37 | >编辑</el-button | ||
38 | > | ||
39 | <el-button | ||
40 | type="text" | ||
41 | icon="el-icon-edit-outline" | ||
42 | @click="editDialog(row, 'D')" | ||
43 | >删除</el-button | ||
44 | > | ||
26 | </div> | 45 | </div> |
27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
28 | 正在办理 | 47 | 正在办理 |
... | @@ -42,71 +61,96 @@ | ... | @@ -42,71 +61,96 @@ |
42 | </template> | 61 | </template> |
43 | 62 | ||
44 | <script> | 63 | <script> |
45 | import { datas } from "./qlxxFormData.js"; | 64 | import { datas } from "./qlxxFormData.js"; |
46 | import { getSjlx } from "@/utils/dictionary.js"; | 65 | import { getSjlx } from "@/utils/dictionary.js"; |
47 | import { getDiyaqList } from "@/api/registerBook.js"; | 66 | import { getDiyaqList } from "@/api/registerBook.js"; |
48 | export default { | 67 | export default { |
49 | data () { | 68 | data() { |
50 | return { | 69 | return { |
51 | title: "抵押权登记信息", | 70 | title: "抵押权登记信息", |
52 | qsztList: datas.columns().qsztList, | 71 | qsztList: datas.columns().qsztList, |
53 | checkList: datas.columns().checkList, | 72 | checkList: datas.columns().checkList, |
54 | //传递参数 | 73 | //传递参数 |
55 | propsParam: this.$attrs, | 74 | propsParam: this.$attrs, |
56 | //列表数据 | 75 | //列表数据 |
57 | tableData: [], | 76 | tableData: [], |
58 | //空列值个数 | 77 | //空列值个数 |
59 | emptycolNum: datas.columns().emptycolNum, | 78 | emptycolNum: datas.columns().emptycolNum, |
60 | //列名称对象 | 79 | //列名称对象 |
61 | columns: datas.columns().DYAQ, | 80 | columns: datas.columns().DYAQ, |
62 | }; | 81 | }; |
63 | }, | 82 | }, |
64 | created () { | 83 | created() { |
65 | this.loadData(); | 84 | this.loadData(); |
66 | }, | 85 | }, |
67 | methods: { | 86 | methods: { |
68 | loadData () { | 87 | loadData() { |
69 | getDiyaqList({ | 88 | if (this.$parent.addRepairRecord) { |
70 | bdcdyid: this.propsParam.bdcdyid, | 89 | this.columns.unshift({ prop: "cz", label: "操作" }); |
71 | qllx: this.propsParam.qllx, | 90 | } |
72 | qszt: this.checkList, | 91 | getDiyaqList({ |
73 | }).then((res) => { | 92 | bdcdyid: this.propsParam.bdcdyid, |
74 | if (res.code === 200) { | 93 | qllx: this.propsParam.qllx, |
75 | this.tableData = res.result; | 94 | qszt: this.checkList, |
76 | this.tableData.forEach(item => { | 95 | }).then((res) => { |
77 | item.sjlx = getSjlx(item.sjlx) | 96 | if (res.code === 200) { |
78 | }) | 97 | this.tableData = res.result; |
79 | if (this.tableData.length < datas.columns().emptycolNum) { | 98 | this.tableData.forEach((item) => { |
80 | this.emptycolNum = | 99 | item.sjlx = getSjlx(item.sjlx); |
81 | datas.columns().emptycolNum - this.tableData.length; | 100 | }); |
82 | } else { | 101 | if (this.tableData.length < datas.columns().emptycolNum) { |
83 | this.emptycolNum = 0; | 102 | this.emptycolNum = |
84 | } | 103 | datas.columns().emptycolNum - this.tableData.length; |
104 | } else { | ||
105 | this.emptycolNum = 0; | ||
85 | } | 106 | } |
86 | }); | ||
87 | }, | ||
88 | checkChange () { | ||
89 | if (this.checkList.length === 0) { | ||
90 | this.tableData = []; | ||
91 | this.emptycolNum = datas.columns().emptycolNum; | ||
92 | } else { | ||
93 | this.loadData(); | ||
94 | } | 107 | } |
95 | }, | 108 | }); |
96 | getQsztName (code) { | 109 | }, |
97 | let name = ""; | 110 | checkChange() { |
98 | for (let item of this.qsztList) { | 111 | if (this.checkList.length === 0) { |
99 | if (item.value == code) { | 112 | this.tableData = []; |
100 | name = item.label; | 113 | this.emptycolNum = datas.columns().emptycolNum; |
101 | break; | 114 | } else { |
102 | } | 115 | this.loadData(); |
116 | } | ||
117 | }, | ||
118 | getQsztName(code) { | ||
119 | let name = ""; | ||
120 | for (let item of this.qsztList) { | ||
121 | if (item.value == code) { | ||
122 | name = item.label; | ||
123 | break; | ||
103 | } | 124 | } |
104 | return name; | 125 | } |
105 | }, | 126 | return name; |
127 | }, | ||
128 | // 新增一条补录信息 | ||
129 | editDialog(row, del) { | ||
130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
131 | confirmButtonText: "确定", | ||
132 | cancelButtonText: "取消", | ||
133 | type: "warning", | ||
134 | }) | ||
135 | .then(() => { | ||
136 | this.$parent.addRepairRecord(row, del); | ||
137 | |||
138 | this.$message({ | ||
139 | type: "success", | ||
140 | message: "补录成功!", | ||
141 | }); | ||
142 | }) | ||
143 | .catch(() => { | ||
144 | this.$message({ | ||
145 | type: "info", | ||
146 | message: "取消编辑", | ||
147 | }); | ||
148 | }); | ||
106 | }, | 149 | }, |
107 | }; | 150 | }, |
151 | }; | ||
108 | </script> | 152 | </script> |
109 | 153 | ||
110 | <style lang="scss" scoped> | 154 | <style lang="scss" scoped> |
111 | @import "./qlxxCommon.scss"; | 155 | @import "./qlxxCommon.scss"; |
112 | </style> | 156 | </style> | ... | ... |
... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
5 | {{ title }} | 5 | {{ title }} |
6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
9 | v-for="item in qsztList" | ||
10 | :key="item.value" | ||
11 | :label="item.value" | ||
12 | >{{ item.label }}</el-checkbox | ||
13 | > | ||
9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
10 | </div> | 15 | </div> |
11 | </div> | 16 | </div> |
... | @@ -15,14 +20,18 @@ | ... | @@ -15,14 +20,18 @@ |
15 | <td> | 20 | <td> |
16 | {{ item.label }} | 21 | {{ item.label }} |
17 | </td> | 22 | </td> |
18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
23 | <div class="setbut" v-if="item.prop == 'cz'"> | 28 | row.qszt == '0' ? 'linshi' : '', |
29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
30 | ]" | ||
31 | > | ||
32 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
24 | <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> |
25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
26 | </div> | 35 | </div> |
27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
28 | 正在办理 | 37 | 正在办理 |
... | @@ -42,71 +51,96 @@ | ... | @@ -42,71 +51,96 @@ |
42 | </template> | 51 | </template> |
43 | 52 | ||
44 | <script> | 53 | <script> |
45 | import { datas } from "./qlxxFormData.js"; | 54 | import { datas } from "./qlxxFormData.js"; |
46 | import { getSjlx } from "@/utils/dictionary.js"; | 55 | import { getSjlx } from "@/utils/dictionary.js"; |
47 | import { getDiyiqList } from "@/api/registerBook.js"; | 56 | import { getDiyiqList } from "@/api/registerBook.js"; |
48 | export default { | 57 | export default { |
49 | data () { | 58 | data() { |
50 | return { | 59 | return { |
51 | title: "地役权登记信息", | 60 | title: "地役权登记信息", |
52 | qsztList: datas.columns().qsztList, | 61 | qsztList: datas.columns().qsztList, |
53 | checkList: datas.columns().checkList, | 62 | checkList: datas.columns().checkList, |
54 | //传递参数 | 63 | //传递参数 |
55 | propsParam: this.$attrs, | 64 | propsParam: this.$attrs, |
56 | //列表数据 | 65 | //列表数据 |
57 | tableData: [], | 66 | tableData: [], |
58 | //空列值个数 | 67 | //空列值个数 |
59 | emptycolNum: datas.columns().emptycolNum, | 68 | emptycolNum: datas.columns().emptycolNum, |
60 | //列名称对象 | 69 | //列名称对象 |
61 | columns: datas.columns().DYIQ, | 70 | columns: datas.columns().DYIQ, |
62 | }; | 71 | }; |
63 | }, | 72 | }, |
64 | created () { | 73 | created() { |
65 | this.loadData(); | 74 | this.loadData(); |
66 | }, | 75 | }, |
67 | methods: { | 76 | methods: { |
68 | loadData () { | 77 | loadData() { |
69 | getDiyiqList({ | 78 | if (this.$parent.addRepairRecord) { |
70 | bdcdyid: this.propsParam.bdcdyid, | 79 | this.columns.unshift({ prop: "cz", label: "操作" }); |
71 | qllx: this.propsParam.qllx, | 80 | } |
72 | qszt: this.checkList, | 81 | getDiyiqList({ |
73 | }).then((res) => { | 82 | bdcdyid: this.propsParam.bdcdyid, |
74 | if (res.code === 200) { | 83 | qllx: this.propsParam.qllx, |
75 | this.tableData = res.result; | 84 | qszt: this.checkList, |
76 | this.tableData.forEach(item => { | 85 | }).then((res) => { |
77 | item.sjlx = getSjlx(item.sjlx) | 86 | if (res.code === 200) { |
78 | }) | 87 | this.tableData = res.result; |
79 | if (this.tableData.length < datas.columns().emptycolNum) { | 88 | this.tableData.forEach((item) => { |
80 | this.emptycolNum = | 89 | item.sjlx = getSjlx(item.sjlx); |
81 | datas.columns().emptycolNum - this.tableData.length; | 90 | }); |
82 | } else { | 91 | if (this.tableData.length < datas.columns().emptycolNum) { |
83 | this.emptycolNum = 0; | 92 | this.emptycolNum = |
84 | } | 93 | datas.columns().emptycolNum - this.tableData.length; |
94 | } else { | ||
95 | this.emptycolNum = 0; | ||
85 | } | 96 | } |
86 | }); | ||
87 | }, | ||
88 | checkChange () { | ||
89 | if (this.checkList.length === 0) { | ||
90 | this.tableData = []; | ||
91 | this.emptycolNum = datas.columns().emptycolNum; | ||
92 | } else { | ||
93 | this.loadData(); | ||
94 | } | 97 | } |
95 | }, | 98 | }); |
96 | getQsztName (code) { | 99 | }, |
97 | let name = ""; | 100 | checkChange() { |
98 | for (let item of this.qsztList) { | 101 | if (this.checkList.length === 0) { |
99 | if (item.value == code) { | 102 | this.tableData = []; |
100 | name = item.label; | 103 | this.emptycolNum = datas.columns().emptycolNum; |
101 | break; | 104 | } else { |
102 | } | 105 | this.loadData(); |
106 | } | ||
107 | }, | ||
108 | getQsztName(code) { | ||
109 | let name = ""; | ||
110 | for (let item of this.qsztList) { | ||
111 | if (item.value == code) { | ||
112 | name = item.label; | ||
113 | break; | ||
103 | } | 114 | } |
104 | return name; | 115 | } |
105 | }, | 116 | return name; |
117 | }, | ||
118 | // 新增一条补录信息 | ||
119 | editDialog(row, del) { | ||
120 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
121 | confirmButtonText: "确定", | ||
122 | cancelButtonText: "取消", | ||
123 | type: "warning", | ||
124 | }) | ||
125 | .then(() => { | ||
126 | this.$parent.addRepairRecord(row, del); | ||
127 | |||
128 | this.$message({ | ||
129 | type: "success", | ||
130 | message: "补录成功!", | ||
131 | }); | ||
132 | }) | ||
133 | .catch(() => { | ||
134 | this.$message({ | ||
135 | type: "info", | ||
136 | message: "取消编辑", | ||
137 | }); | ||
138 | }); | ||
106 | }, | 139 | }, |
107 | }; | 140 | }, |
141 | }; | ||
108 | </script> | 142 | </script> |
109 | 143 | ||
110 | <style lang="scss" scoped> | 144 | <style lang="scss" scoped> |
111 | @import "./qlxxCommon.scss"; | 145 | @import "./qlxxCommon.scss"; |
112 | </style> | 146 | </style> | ... | ... |
... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
24 | ]"> | 24 | ]"> |
25 | <div class="setbut" v-if="item.prop == 'cz'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'"> |
26 | <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)">编辑</el-button> |
27 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
28 | </div> | 28 | </div> |
29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
30 | 正在办理 | 30 | 正在办理 |
... | @@ -113,6 +113,27 @@ | ... | @@ -113,6 +113,27 @@ |
113 | } | 113 | } |
114 | return name; | 114 | return name; |
115 | }, | 115 | }, |
116 | // 新增一条补录信息 | ||
117 | editDialog(row,del){ | ||
118 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
119 | confirmButtonText: '确定', | ||
120 | cancelButtonText: '取消', | ||
121 | type: 'warning' | ||
122 | }).then(() => { | ||
123 | this.$parent.addRepairRecord(row,del) | ||
124 | |||
125 | this.$message({ | ||
126 | type: 'success', | ||
127 | message: '补录成功!' | ||
128 | }); | ||
129 | }).catch(() => { | ||
130 | this.$message({ | ||
131 | type: 'info', | ||
132 | message: '取消编辑' | ||
133 | }); | ||
134 | }); | ||
135 | |||
136 | }, | ||
116 | }, | 137 | }, |
117 | }; | 138 | }; |
118 | </script> | 139 | </script> | ... | ... |
... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
5 | {{ title }} | 5 | {{ title }} |
6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
9 | v-for="item in qsztList" | ||
10 | :key="item.value" | ||
11 | :label="item.value" | ||
12 | >{{ item.label }}</el-checkbox | ||
13 | > | ||
9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
10 | </div> | 15 | </div> |
11 | </div> | 16 | </div> |
... | @@ -15,14 +20,28 @@ | ... | @@ -15,14 +20,28 @@ |
15 | <td> | 20 | <td> |
16 | {{ item.label }} | 21 | {{ item.label }} |
17 | </td> | 22 | </td> |
18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
28 | row.qszt == '0' ? 'linshi' : '', | ||
29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
30 | ]" | ||
31 | > | ||
23 | <div class="setbut" v-if="item.prop == 'cz'"> | 32 | <div class="setbut" v-if="item.prop == 'cz'"> |
24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 33 | <el-button |
25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 34 | type="text" |
35 | icon="el-icon-edit-outline" | ||
36 | @click="editDialog(row)" | ||
37 | >编辑</el-button | ||
38 | > | ||
39 | <el-button | ||
40 | type="text" | ||
41 | icon="el-icon-edit-outline" | ||
42 | @click="editDialog(row, 'D')" | ||
43 | >删除</el-button | ||
44 | > | ||
26 | </div> | 45 | </div> |
27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
28 | 正在办理 | 47 | 正在办理 |
... | @@ -42,71 +61,96 @@ | ... | @@ -42,71 +61,96 @@ |
42 | </template> | 61 | </template> |
43 | 62 | ||
44 | <script> | 63 | <script> |
45 | import { datas } from "./qlxxFormData.js"; | 64 | import { datas } from "./qlxxFormData.js"; |
46 | import { getSjlx } from "@/utils/dictionary.js"; | 65 | import { getSjlx } from "@/utils/dictionary.js"; |
47 | import { getFdcq2List } from "@/api/registerBook.js"; | 66 | import { getFdcq2List } from "@/api/registerBook.js"; |
48 | export default { | 67 | export default { |
49 | data () { | 68 | data() { |
50 | return { | 69 | return { |
51 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 70 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
52 | qsztList: datas.columns().qsztList, | 71 | qsztList: datas.columns().qsztList, |
53 | checkList: datas.columns().checkList, | 72 | checkList: datas.columns().checkList, |
54 | //传递参数 | 73 | //传递参数 |
55 | propsParam: this.$attrs, | 74 | propsParam: this.$attrs, |
56 | //列表数据 | 75 | //列表数据 |
57 | tableData: [], | 76 | tableData: [], |
58 | //空列值个数 | 77 | //空列值个数 |
59 | emptycolNum: datas.columns().emptycolNum, | 78 | emptycolNum: datas.columns().emptycolNum, |
60 | //列名称对象 | 79 | //列名称对象 |
61 | columns: datas.columns().FDCQ2, | 80 | columns: datas.columns().FDCQ2, |
62 | }; | 81 | }; |
63 | }, | 82 | }, |
64 | created () { | 83 | created() { |
65 | this.loadData(); | 84 | this.loadData(); |
66 | }, | 85 | }, |
67 | methods: { | 86 | methods: { |
68 | loadData () { | 87 | loadData() { |
69 | getFdcq2List({ | 88 | if (this.$parent.addRepairRecord) { |
70 | bdcdyid: this.propsParam.bdcdyid, | 89 | this.columns.unshift({ prop: "cz", label: "操作" }); |
71 | qllx: this.propsParam.qllx, | 90 | } |
72 | qszt: this.checkList, | 91 | getFdcq2List({ |
73 | }).then((res) => { | 92 | bdcdyid: this.propsParam.bdcdyid, |
74 | if (res.code === 200) { | 93 | qllx: this.propsParam.qllx, |
75 | this.tableData = res.result; | 94 | qszt: this.checkList, |
76 | this.tableData.forEach(item => { | 95 | }).then((res) => { |
77 | item.sjlx = getSjlx(item.sjlx) | 96 | if (res.code === 200) { |
78 | }) | 97 | this.tableData = res.result; |
79 | if (this.tableData.length < datas.columns().emptycolNum) { | 98 | this.tableData.forEach((item) => { |
80 | this.emptycolNum = | 99 | item.sjlx = getSjlx(item.sjlx); |
81 | datas.columns().emptycolNum - this.tableData.length; | 100 | }); |
82 | } else { | 101 | if (this.tableData.length < datas.columns().emptycolNum) { |
83 | this.emptycolNum = 0; | 102 | this.emptycolNum = |
84 | } | 103 | datas.columns().emptycolNum - this.tableData.length; |
104 | } else { | ||
105 | this.emptycolNum = 0; | ||
85 | } | 106 | } |
86 | }); | ||
87 | }, | ||
88 | checkChange () { | ||
89 | if (this.checkList.length === 0) { | ||
90 | this.tableData = []; | ||
91 | this.emptycolNum = datas.columns().emptycolNum; | ||
92 | } else { | ||
93 | this.loadData(); | ||
94 | } | 107 | } |
95 | }, | 108 | }); |
96 | getQsztName (code) { | 109 | }, |
97 | let name = ""; | 110 | checkChange() { |
98 | for (let item of this.qsztList) { | 111 | if (this.checkList.length === 0) { |
99 | if (item.value == code) { | 112 | this.tableData = []; |
100 | name = item.label; | 113 | this.emptycolNum = datas.columns().emptycolNum; |
101 | break; | 114 | } else { |
102 | } | 115 | this.loadData(); |
116 | } | ||
117 | }, | ||
118 | getQsztName(code) { | ||
119 | let name = ""; | ||
120 | for (let item of this.qsztList) { | ||
121 | if (item.value == code) { | ||
122 | name = item.label; | ||
123 | break; | ||
103 | } | 124 | } |
104 | return name; | 125 | } |
105 | }, | 126 | return name; |
127 | }, | ||
128 | // 新增一条补录信息 | ||
129 | editDialog(row, del) { | ||
130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
131 | confirmButtonText: "确定", | ||
132 | cancelButtonText: "取消", | ||
133 | type: "warning", | ||
134 | }) | ||
135 | .then(() => { | ||
136 | this.$parent.addRepairRecord(row, del); | ||
137 | |||
138 | this.$message({ | ||
139 | type: "success", | ||
140 | message: "补录成功!", | ||
141 | }); | ||
142 | }) | ||
143 | .catch(() => { | ||
144 | this.$message({ | ||
145 | type: "info", | ||
146 | message: "取消编辑", | ||
147 | }); | ||
148 | }); | ||
106 | }, | 149 | }, |
107 | }; | 150 | }, |
151 | }; | ||
108 | </script> | 152 | </script> |
109 | 153 | ||
110 | <style lang="scss" scoped> | 154 | <style lang="scss" scoped> |
111 | @import "./qlxxCommon.scss"; | 155 | @import "./qlxxCommon.scss"; |
112 | </style> | 156 | </style> | ... | ... |
... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
24 | ]"> | 24 | ]"> |
25 | <div class="setbut" v-if="item.prop == 'cz'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'"> |
26 | <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)">编辑</el-button> |
27 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
28 | </div> | 28 | </div> |
29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
30 | 正在办理 | 30 | 正在办理 |
... | @@ -71,6 +71,7 @@ | ... | @@ -71,6 +71,7 @@ |
71 | }, | 71 | }, |
72 | methods: { | 72 | methods: { |
73 | loadData () { | 73 | loadData () { |
74 | |||
74 | if(this.$parent.addRepairRecord){ | 75 | if(this.$parent.addRepairRecord){ |
75 | this.columns.unshift({prop:"cz", | 76 | this.columns.unshift({prop:"cz", |
76 | label:"操作" | 77 | label:"操作" |
... | @@ -113,6 +114,27 @@ | ... | @@ -113,6 +114,27 @@ |
113 | } | 114 | } |
114 | return name; | 115 | return name; |
115 | }, | 116 | }, |
117 | // 新增一条补录信息 | ||
118 | editDialog(row,del){ | ||
119 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
120 | confirmButtonText: '确定', | ||
121 | cancelButtonText: '取消', | ||
122 | type: 'warning' | ||
123 | }).then(() => { | ||
124 | this.$parent.addRepairRecord(row,del) | ||
125 | |||
126 | this.$message({ | ||
127 | type: 'success', | ||
128 | message: '补录成功!' | ||
129 | }); | ||
130 | }).catch(() => { | ||
131 | this.$message({ | ||
132 | type: 'info', | ||
133 | message: '取消编辑' | ||
134 | }); | ||
135 | }); | ||
136 | |||
137 | }, | ||
116 | }, | 138 | }, |
117 | }; | 139 | }; |
118 | </script> | 140 | </script> | ... | ... |
... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
24 | ]"> | 24 | ]"> |
25 | <div class="setbut" v-if="item.prop == 'cz'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'"> |
26 | <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)">编辑</el-button> |
27 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
28 | </div> | 28 | </div> |
29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
30 | 正在办理 | 30 | 正在办理 |
... | @@ -142,6 +142,27 @@ | ... | @@ -142,6 +142,27 @@ |
142 | } | 142 | } |
143 | return name; | 143 | return name; |
144 | }, | 144 | }, |
145 | // 新增一条补录信息 | ||
146 | editDialog(row,del){ | ||
147 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
148 | confirmButtonText: '确定', | ||
149 | cancelButtonText: '取消', | ||
150 | type: 'warning' | ||
151 | }).then(() => { | ||
152 | this.$parent.addRepairRecord(row,del) | ||
153 | |||
154 | this.$message({ | ||
155 | type: 'success', | ||
156 | message: '补录成功!' | ||
157 | }); | ||
158 | }).catch(() => { | ||
159 | this.$message({ | ||
160 | type: 'info', | ||
161 | message: '取消编辑' | ||
162 | }); | ||
163 | }); | ||
164 | |||
165 | }, | ||
145 | }, | 166 | }, |
146 | }; | 167 | }; |
147 | </script> | 168 | </script> | ... | ... |
... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
22 | ]"> | 22 | ]"> |
23 | <div class="setbut" v-if="item.prop == 'cz'"> | 23 | <div class="setbut" v-if="item.prop == 'cz'"> |
24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
26 | </div> | 26 | </div> |
27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
28 | 正在办理 | 28 | 正在办理 |
... | @@ -105,6 +105,27 @@ export default { | ... | @@ -105,6 +105,27 @@ export default { |
105 | } | 105 | } |
106 | return name; | 106 | return name; |
107 | }, | 107 | }, |
108 | // 新增一条补录信息 | ||
109 | editDialog(row,del){ | ||
110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
111 | confirmButtonText: '确定', | ||
112 | cancelButtonText: '取消', | ||
113 | type: 'warning' | ||
114 | }).then(() => { | ||
115 | this.$parent.addRepairRecord(row,del) | ||
116 | |||
117 | this.$message({ | ||
118 | type: 'success', | ||
119 | message: '补录成功!' | ||
120 | }); | ||
121 | }).catch(() => { | ||
122 | this.$message({ | ||
123 | type: 'info', | ||
124 | message: '取消编辑' | ||
125 | }); | ||
126 | }); | ||
127 | |||
128 | }, | ||
108 | }, | 129 | }, |
109 | }; | 130 | }; |
110 | </script> | 131 | </script> | ... | ... |
... | @@ -20,6 +20,10 @@ | ... | @@ -20,6 +20,10 @@ |
20 | row.qszt == '0' ? 'linshi' : '', | 20 | row.qszt == '0' ? 'linshi' : '', |
21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
22 | ]"> | 22 | ]"> |
23 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
26 | </div> | ||
23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
24 | 正在办理 | 28 | 正在办理 |
25 | </div> | 29 | </div> |
... | @@ -100,14 +104,14 @@ export default { | ... | @@ -100,14 +104,14 @@ export default { |
100 | } | 104 | } |
101 | return name; | 105 | return name; |
102 | }, | 106 | }, |
103 | // 编辑 | 107 | // 新增一条补录信息 |
104 | editDialog(row){ | 108 | editDialog(row,del){ |
105 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
106 | confirmButtonText: '确定', | 110 | confirmButtonText: '确定', |
107 | cancelButtonText: '取消', | 111 | cancelButtonText: '取消', |
108 | type: 'warning' | 112 | type: 'warning' |
109 | }).then(() => { | 113 | }).then(() => { |
110 | this.$parent.addRepairRecord(row) | 114 | this.$parent.addRepairRecord(row,del) |
111 | 115 | ||
112 | this.$message({ | 116 | this.$message({ |
113 | type: 'success', | 117 | type: 'success', |
... | @@ -120,42 +124,7 @@ export default { | ... | @@ -120,42 +124,7 @@ export default { |
120 | }); | 124 | }); |
121 | }); | 125 | }); |
122 | 126 | ||
123 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
124 | // datalist:this.columns, | ||
125 | // data: row, | ||
126 | |||
127 | // }) | ||
128 | |||
129 | }, | 127 | }, |
130 | // 删除 | ||
131 | deleteDialog(row){ | ||
132 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
133 | confirmButtonText: '确定', | ||
134 | cancelButtonText: '取消', | ||
135 | type: 'warning' | ||
136 | }).then(() => { | ||
137 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
138 | // deleteClmx(bsmClmx).then(res => { | ||
139 | // if (res.code == 200) { | ||
140 | // that.$emit('updateList', res.result) | ||
141 | // that.$message({ | ||
142 | // message: '删除成功!', | ||
143 | // type: 'success' | ||
144 | // }) | ||
145 | // } | ||
146 | // }) | ||
147 | this.$message({ | ||
148 | type: 'success', | ||
149 | message: '删除成功!' | ||
150 | }); | ||
151 | }).catch(() => { | ||
152 | this.$message({ | ||
153 | type: 'info', | ||
154 | message: '已取消删除' | ||
155 | }); | ||
156 | }); | ||
157 | |||
158 | } | ||
159 | }, | 128 | }, |
160 | }; | 129 | }; |
161 | </script> | 130 | </script> | ... | ... |
-
Please register or sign in to post a comment