Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
18 changed files
with
285 additions
and
127 deletions
... | @@ -12,6 +12,7 @@ const getters = { | ... | @@ -12,6 +12,7 @@ const getters = { |
12 | token: state => state.user.token, | 12 | token: state => state.user.token, |
13 | avatar: state => state.user.avatar, | 13 | avatar: state => state.user.avatar, |
14 | name: state => state.user.name, | 14 | name: state => state.user.name, |
15 | userInfo: state => state.user.userInfo, | ||
15 | userData: state => state.user.userData, | 16 | userData: state => state.user.userData, |
16 | permission_routes: state => state.permission.routes, | 17 | permission_routes: state => state.permission.routes, |
17 | addRoutes: state => state.permission.addRoutes, | 18 | addRoutes: state => state.permission.addRoutes, | ... | ... |
... | @@ -4,8 +4,10 @@ | ... | @@ -4,8 +4,10 @@ |
4 | * @LastEditTime: 2023-07-28 15:45:21 | 4 | * @LastEditTime: 2023-07-28 15:45:21 |
5 | */ | 5 | */ |
6 | import { getUserInfo } from '@/api/user' | 6 | import { getUserInfo } from '@/api/user' |
7 | import { log } from 'bpmn-js-token-simulation' | ||
7 | const state = { | 8 | const state = { |
8 | name: '', | 9 | name: '', |
10 | userInfo:{}, | ||
9 | avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', | 11 | avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', |
10 | isRefresh: false, | 12 | isRefresh: false, |
11 | // 业务流程刷新 | 13 | // 业务流程刷新 |
... | @@ -14,8 +16,10 @@ const state = { | ... | @@ -14,8 +16,10 @@ const state = { |
14 | const mutations = { | 16 | const mutations = { |
15 | SET_NAME: (state, data) => { | 17 | SET_NAME: (state, data) => { |
16 | state.name = data.loginName | 18 | state.name = data.loginName |
19 | state.userInfo = data | ||
17 | }, | 20 | }, |
18 | REFRESH: (state, data) => { | 21 | REFRESH: (state, data) => { |
22 | |||
19 | state.isRefresh = data | 23 | state.isRefresh = data |
20 | }, | 24 | }, |
21 | SETWORKFRESH: (state, data) => { | 25 | SETWORKFRESH: (state, data) => { | ... | ... |
... | @@ -29,6 +29,7 @@ | ... | @@ -29,6 +29,7 @@ |
29 | <div> | 29 | <div> |
30 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> | 30 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> |
31 | <p v-else>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | 31 | <p v-else>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> |
32 | <div class="ywh">(业务号:{{ item.blywh}})</div> | ||
32 | </div> | 33 | </div> |
33 | <i class="el-icon-delete" @click.stop="handleDel(item)" v-if="delel"></i> | 34 | <i class="el-icon-delete" @click.stop="handleDel(item)" v-if="delel"></i> |
34 | </el-menu-item> | 35 | </el-menu-item> |
... | @@ -75,6 +76,7 @@ | ... | @@ -75,6 +76,7 @@ |
75 | qllx: this.$route.query.qllx, | 76 | qllx: this.$route.query.qllx, |
76 | // 默认选中 | 77 | // 默认选中 |
77 | activeIndex: "0", | 78 | activeIndex: "0", |
79 | clickindex:"", | ||
78 | // 折叠 | 80 | // 折叠 |
79 | isShowdrawer: true, | 81 | isShowdrawer: true, |
80 | delel: true, | 82 | delel: true, |
... | @@ -138,7 +140,6 @@ | ... | @@ -138,7 +140,6 @@ |
138 | * @author: renchao | 140 | * @author: renchao |
139 | */ | 141 | */ |
140 | getleftMenubl (row) { | 142 | getleftMenubl (row) { |
141 | |||
142 | leftMenubl(this.bsmSlsq).then((res) => { | 143 | leftMenubl(this.bsmSlsq).then((res) => { |
143 | this.supplementarylist = res.result; | 144 | this.supplementarylist = res.result; |
144 | if (row) { | 145 | if (row) { |
... | @@ -149,6 +150,10 @@ | ... | @@ -149,6 +150,10 @@ |
149 | this.unitClick(index) | 150 | this.unitClick(index) |
150 | } | 151 | } |
151 | }) | 152 | }) |
153 | if(row=="change"){ | ||
154 | this.unitClick(this.clickindex) | ||
155 | |||
156 | } | ||
152 | }else{ | 157 | }else{ |
153 | if (this.supplementarylist.length) { | 158 | if (this.supplementarylist.length) { |
154 | this.unitClick(0) | 159 | this.unitClick(0) |
... | @@ -183,6 +188,7 @@ | ... | @@ -183,6 +188,7 @@ |
183 | * @author: renchao | 188 | * @author: renchao |
184 | */ | 189 | */ |
185 | unitClick (index) { | 190 | unitClick (index) { |
191 | this.clickindex=index | ||
186 | this.currentSelectProps = this.supplementarylist[index]; | 192 | this.currentSelectProps = this.supplementarylist[index]; |
187 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 193 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
188 | }, | 194 | }, |
... | @@ -317,7 +323,11 @@ | ... | @@ -317,7 +323,11 @@ |
317 | color: red; | 323 | color: red; |
318 | line-height: 22px; | 324 | line-height: 22px; |
319 | } | 325 | } |
326 | .ywh{ | ||
327 | font-size: 12px; | ||
328 | } | ||
320 | .el-icon-delete { | 329 | .el-icon-delete { |
330 | margin-top: 10px; | ||
321 | margin-right: 3px; | 331 | margin-right: 3px; |
322 | // background-color: saddlebrown; | 332 | // background-color: saddlebrown; |
323 | height: 27px; | 333 | height: 27px; | ... | ... |
... | @@ -47,7 +47,11 @@ | ... | @@ -47,7 +47,11 @@ |
47 | </div> | 47 | </div> |
48 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
49 | <el-col :span="8"> | 49 | <el-col :span="8"> |
50 | <el-form-item label="查封不动产权信息:" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> | 50 | <el-form-item |
51 | label="查封不动产权信息:" | ||
52 | prop="ztQlxx.bdcqzh" | ||
53 | :rules="rules.ztQlxxrules" | ||
54 | > | ||
51 | <select-table | 55 | <select-table |
52 | v-model="ruleForm.ztQlxx" | 56 | v-model="ruleForm.ztQlxx" |
53 | :table-width="550" | 57 | :table-width="550" |
... | @@ -165,7 +169,11 @@ | ... | @@ -165,7 +169,11 @@ |
165 | </el-form-item> | 169 | </el-form-item> |
166 | </el-col> | 170 | </el-col> |
167 | <el-col :span="8"> | 171 | <el-col :span="8"> |
168 | <el-form-item label="业务号:"> | 172 | <el-form-item |
173 | label="业务号:" | ||
174 | prop="qlxx.ywh" | ||
175 | :rules="rules.ywhrules" | ||
176 | > | ||
169 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 177 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
170 | </el-form-item> | 178 | </el-form-item> |
171 | </el-col> | 179 | </el-col> |
... | @@ -182,9 +190,11 @@ | ... | @@ -182,9 +190,11 @@ |
182 | </el-form-item> | 190 | </el-form-item> |
183 | </el-col> | 191 | </el-col> |
184 | <el-col :span="8"> | 192 | <el-col :span="8"> |
185 | <el-form-item label="是否被续封:" | 193 | <el-form-item |
194 | label="是否被续封:" | ||
186 | prop="cfdj.sfbxf" | 195 | prop="cfdj.sfbxf" |
187 | :rules="rules.sfbxfrules"> | 196 | :rules="rules.sfbxfrules" |
197 | > | ||
188 | <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> | 198 | <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> |
189 | <el-option | 199 | <el-option |
190 | v-for="item in sfbxflist" | 200 | v-for="item in sfbxflist" |
... | @@ -478,7 +488,10 @@ export default { | ... | @@ -478,7 +488,10 @@ export default { |
478 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 488 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
479 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 489 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
480 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 490 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
481 | sfbxfrules: [{ required: true, message: "是否被续封", trigger: "change" }], | 491 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
492 | sfbxfrules: [ | ||
493 | { required: true, message: "是否被续封", trigger: "change" }, | ||
494 | ], | ||
482 | }, | 495 | }, |
483 | }; | 496 | }; |
484 | }, | 497 | }, |
... | @@ -620,6 +633,7 @@ export default { | ... | @@ -620,6 +633,7 @@ export default { |
620 | message: "保存成功!", | 633 | message: "保存成功!", |
621 | type: "success", | 634 | type: "success", |
622 | }); | 635 | }); |
636 | this.$parent.changeywh() | ||
623 | this.$store.dispatch("user/refreshPage", true); | 637 | this.$store.dispatch("user/refreshPage", true); |
624 | } else { | 638 | } else { |
625 | this.$message({ | 639 | this.$message({ | ... | ... |
... | @@ -792,6 +792,7 @@ export default { | ... | @@ -792,6 +792,7 @@ export default { |
792 | message: "保存成功!", | 792 | message: "保存成功!", |
793 | type: "success", | 793 | type: "success", |
794 | }); | 794 | }); |
795 | this.$parent.changeywh() | ||
795 | this.$store.dispatch("user/refreshPage", true); | 796 | this.$store.dispatch("user/refreshPage", true); |
796 | } else { | 797 | } else { |
797 | this.$message({ | 798 | this.$message({ | ... | ... |
... | @@ -676,6 +676,7 @@ export default { | ... | @@ -676,6 +676,7 @@ export default { |
676 | message: "保存成功!", | 676 | message: "保存成功!", |
677 | type: "success", | 677 | type: "success", |
678 | }); | 678 | }); |
679 | this.$parent.changeywh() | ||
679 | this.$store.dispatch("user/refreshPage", true); | 680 | this.$store.dispatch("user/refreshPage", true); |
680 | } else { | 681 | } else { |
681 | this.$message({ | 682 | this.$message({ | ... | ... |
... | @@ -561,7 +561,6 @@ | ... | @@ -561,7 +561,6 @@ |
561 | this.ssqlxxshow = true; | 561 | this.ssqlxxshow = true; |
562 | } | 562 | } |
563 | }, | 563 | }, |
564 | |||
565 | /** | 564 | /** |
566 | * @description: loadData | 565 | * @description: loadData |
567 | * @author: renchao | 566 | * @author: renchao |
... | @@ -699,6 +698,7 @@ | ... | @@ -699,6 +698,7 @@ |
699 | message: "保存成功!", | 698 | message: "保存成功!", |
700 | type: "success", | 699 | type: "success", |
701 | }); | 700 | }); |
701 | this.$parent.changeywh() | ||
702 | this.$store.dispatch("user/refreshPage", true); | 702 | this.$store.dispatch("user/refreshPage", true); |
703 | } else { | 703 | } else { |
704 | this.$message({ | 704 | this.$message({ | ... | ... |
... | @@ -539,6 +539,7 @@ export default { | ... | @@ -539,6 +539,7 @@ export default { |
539 | message: "保存成功!", | 539 | message: "保存成功!", |
540 | type: "success", | 540 | type: "success", |
541 | }); | 541 | }); |
542 | this.$parent.changeywh() | ||
542 | this.$store.dispatch("user/refreshPage", true); | 543 | this.$store.dispatch("user/refreshPage", true); |
543 | } else { | 544 | } else { |
544 | this.$message({ | 545 | this.$message({ | ... | ... |
... | @@ -650,6 +650,7 @@ export default { | ... | @@ -650,6 +650,7 @@ export default { |
650 | message: "保存成功!", | 650 | message: "保存成功!", |
651 | type: "success", | 651 | type: "success", |
652 | }); | 652 | }); |
653 | this.$parent.changeywh() | ||
653 | this.$store.dispatch("user/refreshPage", true); | 654 | this.$store.dispatch("user/refreshPage", true); |
654 | } else { | 655 | } else { |
655 | this.$message({ | 656 | this.$message({ | ... | ... |
... | @@ -719,6 +719,7 @@ export default { | ... | @@ -719,6 +719,7 @@ export default { |
719 | message: "保存成功!", | 719 | message: "保存成功!", |
720 | type: "success", | 720 | type: "success", |
721 | }); | 721 | }); |
722 | this.$parent.changeywh() | ||
722 | this.$store.dispatch("user/refreshPage", true); | 723 | this.$store.dispatch("user/refreshPage", true); |
723 | } else { | 724 | } else { |
724 | this.$message({ | 725 | this.$message({ | ... | ... |
... | @@ -618,6 +618,7 @@ export default { | ... | @@ -618,6 +618,7 @@ export default { |
618 | message: "保存成功!", | 618 | message: "保存成功!", |
619 | type: "success", | 619 | type: "success", |
620 | }); | 620 | }); |
621 | this.$parent.changeywh() | ||
621 | this.$store.dispatch("user/refreshPage", true); | 622 | this.$store.dispatch("user/refreshPage", true); |
622 | } else { | 623 | } else { |
623 | this.$message({ | 624 | this.$message({ | ... | ... |
... | @@ -616,6 +616,7 @@ export default { | ... | @@ -616,6 +616,7 @@ export default { |
616 | message: "保存成功!", | 616 | message: "保存成功!", |
617 | type: "success", | 617 | type: "success", |
618 | }); | 618 | }); |
619 | this.$parent.changeywh() | ||
619 | this.$store.dispatch("user/refreshPage", true); | 620 | this.$store.dispatch("user/refreshPage", true); |
620 | } else { | 621 | } else { |
621 | this.$message({ | 622 | this.$message({ | ... | ... |
... | @@ -275,7 +275,7 @@ export default { | ... | @@ -275,7 +275,7 @@ export default { |
275 | height: 100%; | 275 | height: 100%; |
276 | line-height: 80px; | 276 | line-height: 80px; |
277 | border: 1px solid $borderColor; | 277 | border: 1px solid $borderColor; |
278 | text-align: center; | 278 | margin: auto; |
279 | font-size: 22px; | 279 | font-size: 22px; |
280 | font-weight: 400; | 280 | font-weight: 400; |
281 | } | 281 | } | ... | ... |
... | @@ -262,13 +262,9 @@ export default { | ... | @@ -262,13 +262,9 @@ export default { |
262 | getFromRouter(tabname) { | 262 | getFromRouter(tabname) { |
263 | this.componentTag = getForm(tabname); | 263 | this.componentTag = getForm(tabname); |
264 | }, | 264 | }, |
265 | // closefp () { | 265 | changeywh () { |
266 | // this.splitScreen = this.splitScreen ? false : true; | 266 | this.$refs.Menu.getleftMenubl("change"); |
267 | // this.$store.dispatch("app/set1tScreen", this.splitScreen); | 267 | }, |
268 | // this.getFromRouter(this.tabList[0].value); | ||
269 | // this.clxxForm = getForm(this.tabList[1].value); | ||
270 | // this.tabName = this.tabList[0].value | ||
271 | // }, | ||
272 | // 增加补录记录 | 268 | // 增加补录记录 |
273 | /** | 269 | /** |
274 | * @description: 增加补录记录 | 270 | * @description: 增加补录记录 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description :宗地基本信息 | 2 | * @Description :宗地基本信息 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-05-24 15:08:51 | 4 | * @LastEditTime : 2023-07-31 17:21:56 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="tableDivCss"> | 7 | <div class="tableDivCss"> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | </tr> | 11 | </tr> |
12 | <tr> | 12 | <tr> |
13 | <td>单位</td> | 13 | <td>单位</td> |
14 | <td colspan="4">{{ zdjbxx.mjdw | dictionary('A7') }}</td> | 14 | <td colspan="4">{{ zdjbxx.mjdw | dictionary("A7") }}</td> |
15 | </tr> | 15 | </tr> |
16 | <tr> | 16 | <tr> |
17 | <td>不动产类型</td> | 17 | <td>不动产类型</td> |
... | @@ -25,10 +25,10 @@ | ... | @@ -25,10 +25,10 @@ |
25 | <td rowspan="8">土地状况</td> | 25 | <td rowspan="8">土地状况</td> |
26 | </tr> | 26 | </tr> |
27 | <tr> | 27 | <tr> |
28 | <td style="width:15%">宗地面积</td> | 28 | <td style="width: 15%">宗地面积</td> |
29 | <td style="width:30%">{{ zdjbxx.zdmj }}m²</td> | 29 | <td style="width: 30%">{{ zdjbxx.zdmj }}m²</td> |
30 | <td style="width:15%">用途</td> | 30 | <td style="width: 15%">用途</td> |
31 | <td style="width:30%">{{ zdjbxx.ghytmc }}</td> | 31 | <td style="width: 30%">{{ zdjbxx.yt | dicyt("tdyt") }}</td> |
32 | </tr> | 32 | </tr> |
33 | <tr> | 33 | <tr> |
34 | <td>等级</td> | 34 | <td>等级</td> |
... | @@ -44,7 +44,7 @@ | ... | @@ -44,7 +44,7 @@ |
44 | </tr> | 44 | </tr> |
45 | <tr> | 45 | <tr> |
46 | <td>权利设定方式</td> | 46 | <td>权利设定方式</td> |
47 | <td>{{zdjbxx.qlsdfs | dictionary('A10')}}</td> | 47 | <td>{{ zdjbxx.qlsdfs | dictionary("A10") }}</td> |
48 | <td>容积率</td> | 48 | <td>容积率</td> |
49 | <td>{{ zdjbxx.rjl }}</td> | 49 | <td>{{ zdjbxx.rjl }}</td> |
50 | </tr> | 50 | </tr> |
... | @@ -111,7 +111,6 @@ | ... | @@ -111,7 +111,6 @@ |
111 | <td class="bhqkTh">{{ item.label }}</td> | 111 | <td class="bhqkTh">{{ item.label }}</td> |
112 | </tr> | 112 | </tr> |
113 | </table> --> | 113 | </table> --> |
114 | |||
115 | </tr> | 114 | </tr> |
116 | 115 | ||
117 | <tr v-if="showGroup"> | 116 | <tr v-if="showGroup"> |
... | @@ -126,17 +125,16 @@ | ... | @@ -126,17 +125,16 @@ |
126 | <td>{{ zdbhqks[0].djsj }}</td> | 125 | <td>{{ zdbhqks[0].djsj }}</td> |
127 | <td>{{ zdbhqks[0].dbr }}</td> | 126 | <td>{{ zdbhqks[0].dbr }}</td> |
128 | </tr> --> | 127 | </tr> --> |
129 | |||
130 | </table> | 128 | </table> |
131 | </div> | 129 | </div> |
132 | </template> | 130 | </template> |
133 | 131 | ||
134 | <script> | 132 | <script> |
135 | import store from '@/store/index.js' | 133 | import store from "@/store/index.js"; |
136 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; | 134 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; |
137 | 135 | ||
138 | export default { | 136 | export default { |
139 | data () { | 137 | data() { |
140 | return { | 138 | return { |
141 | bhqkColumns: [ | 139 | bhqkColumns: [ |
142 | { | 140 | { |
... | @@ -177,26 +175,53 @@ | ... | @@ -177,26 +175,53 @@ |
177 | zdbhqks: [], | 175 | zdbhqks: [], |
178 | propsParam: this.$attrs, | 176 | propsParam: this.$attrs, |
179 | showGroup: false, | 177 | showGroup: false, |
180 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"] | 178 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], |
181 | } | 179 | foundItemaa: {}, |
180 | foundItemaaa: {}, | ||
181 | }; | ||
182 | }, | 182 | }, |
183 | filters: { | 183 | filters: { |
184 | dictionary: function (value, param) { | 184 | dictionary: function (value, param) { |
185 | const foundItem = store.getters.dictData[param].find(item => item.dcode === String(value)) | 185 | const foundItem = store.getters.dictData[param].find( |
186 | (item) => item.dcode === String(value) | ||
187 | ); | ||
186 | if (foundItem) { | 188 | if (foundItem) { |
187 | return foundItem.dname | 189 | return foundItem.dname; |
190 | } | ||
191 | }, | ||
192 | dicyt: function (value, param) { | ||
193 | const res = store.getters.dictData[param].filter((item) => { | ||
194 | if (item.dcode === String(value)) { | ||
195 | return item; | ||
196 | } else { | ||
197 | if (item.children.length) { | ||
198 | const res2 = item.children.filter((items) => { | ||
199 | if (items.dcode === String(value)) { | ||
200 | return items; | ||
201 | } | ||
202 | }); | ||
203 | if (res2.length) { | ||
204 | return res2; | ||
205 | |||
206 | } | ||
207 | |||
208 | } | ||
188 | } | 209 | } |
210 | }); | ||
211 | if (res[0]) { | ||
212 | return res[0].dname | ||
189 | } | 213 | } |
190 | }, | 214 | }, |
191 | created () { | 215 | }, |
192 | this.loadData() | 216 | created() { |
217 | this.loadData(); | ||
193 | }, | 218 | }, |
194 | methods: { | 219 | methods: { |
195 | /** | 220 | /** |
196 | * @description: loadData | 221 | * @description: loadData |
197 | * @author: renchao | 222 | * @author: renchao |
198 | */ | 223 | */ |
199 | loadData () { | 224 | loadData() { |
200 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 225 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
201 | if (res.code === 200) { | 226 | if (res.code === 200) { |
202 | this.zdjbxx = res.result.zdjbxx; | 227 | this.zdjbxx = res.result.zdjbxx; |
... | @@ -205,11 +230,11 @@ | ... | @@ -205,11 +230,11 @@ |
205 | this.showGroup = true; | 230 | this.showGroup = true; |
206 | } | 231 | } |
207 | } | 232 | } |
208 | }) | 233 | }); |
209 | } | 234 | }, |
210 | } | 235 | }, |
211 | } | 236 | }; |
212 | </script> | 237 | </script> |
213 | <style lang="scss" scoped> | 238 | <style lang="scss" scoped> |
214 | @import "~@/styles/tablecss.scss"; | 239 | @import "~@/styles/tablecss.scss"; |
215 | </style> | 240 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 功能:审批意见 | 2 | * @Description: 审批意见 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-20 09:52:48 | 4 | * @LastEditTime: 2023-05-17 10:41:24 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class='spyj loadingtext'> | 7 | <div class="spyj loadingtext"> |
8 | <div class="box"> | 8 | <div class="box"> |
9 | <b class="spyj_title">审批表</b> | 9 | <div class="spyj_title"> |
10 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 10 | <div class="righttitle">审批表</div> |
11 | <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> | 11 | </div> |
12 | |||
13 | <div v-for="(item, index) in tableData" :key="index"> | ||
14 | <el-form | ||
15 | :model="tableData[index]" | ||
16 | label-width="120px" | ||
17 | ref="ruleFormRef'" | ||
18 | > | ||
19 | <div class="spyj_form"> | ||
12 | <div class="item_left"> | 20 | <div class="item_left"> |
13 | {{ item.jdmc }}意见 | 21 | <div class="right">{{ jdmc }}意见</div> |
14 | </div> | 22 | </div> |
15 | <div class="item_right"> | 23 | <div class="item_right"> |
16 | <el-row> | 24 | <el-row> |
17 | <el-col :span="24"> | 25 | <el-col :span="24"> |
18 | <el-form-item label-width="0" class="opinion_item" prop="shyj"> | 26 | <el-form-item label-width="0" class="opinion_item"> |
19 | <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" | 27 | <el-input |
20 | v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input> | 28 | :disabled="!ableOperation" |
21 | <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true"> | 29 | type="textarea" |
22 | </el-input> | 30 | :rows="4" |
23 | <el-button class="opinion_btn" @click="commonOpinion" | 31 | class="opinion" |
24 | v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button> | 32 | placeholder="请输入审批意见" |
33 | v-model="item.shyj" | ||
34 | ></el-input> | ||
35 | <el-button | ||
36 | class="opinion_btn" | ||
37 | @click="commonOpinion(index)" | ||
38 | v-if="ableOperation" | ||
39 | >常用意见</el-button | ||
40 | > | ||
25 | </el-form-item> | 41 | </el-form-item> |
26 | </el-col> | 42 | </el-col> |
27 | </el-row> | 43 | </el-row> |
28 | <el-row> | 44 | <el-row> |
29 | <el-col :span="16"> | 45 | <el-col :span="16"> |
30 | <el-form-item label="审查人" prop="shryxm"> | 46 | <el-form-item label="审查人"> |
31 | {{ item.shryxm }} | 47 | <el-input |
48 | :disabled="!ableOperation" | ||
49 | v-model="item.shryxm" | ||
50 | ></el-input> | ||
32 | </el-form-item> | 51 | </el-form-item> |
33 | </el-col> | 52 | </el-col> |
34 | <el-col :span="8"> | 53 | <el-col :span="8"> |
35 | <el-form-item label="审核时间" prop="shjssj" :key="refresh"> | 54 | <el-form-item class="sjxzq" label="审核时间"> |
36 | {{ item.shjssj }} | 55 | <el-date-picker |
56 | :disabled="!ableOperation" | ||
57 | v-model="item.shjssj" | ||
58 | type="date" | ||
59 | placeholder="选择日期" | ||
60 | value-format="yyyy-MM-dd HH:mm:ss" | ||
61 | format="yyyy-MM-dd" | ||
62 | > | ||
63 | </el-date-picker> | ||
37 | </el-form-item> | 64 | </el-form-item> |
38 | </el-col> | 65 | </el-col> |
39 | </el-row> | 66 | </el-row> |
40 | </div> | 67 | </div> |
41 | </div> | 68 | </div> |
69 | </el-form> | ||
70 | </div> | ||
42 | <div class="submit_button" v-if="ableOperation"> | 71 | <div class="submit_button" v-if="ableOperation"> |
43 | <el-button type="primary" @click="onSubmit">保存</el-button> | 72 | <el-button type="primary" @click="onSubmit()">保存</el-button> |
44 | </div> | 73 | </div> |
45 | </el-form> | ||
46 | </div> | 74 | </div> |
47 | <el-empty v-if="isNoData" description="暂无数据"></el-empty> | 75 | <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> |
48 | </div> | 76 | </div> |
49 | </template> | 77 | </template> |
50 | <script> | 78 | <script> |
51 | import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/opinion.js"; | 79 | import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js"; |
52 | import { mapGetters } from 'vuex' | 80 | import { mapGetters } from "vuex"; |
53 | export default { | 81 | export default { |
54 | computed: { | 82 | computed: { |
55 | ...mapGetters(['userData', 'yjsqOptions']) | 83 | ...mapGetters(["userData", "yjsqOptions", "userInfo"]), |
56 | }, | 84 | }, |
57 | data () { | 85 | data() { |
58 | return { | 86 | return { |
59 | isNoData: false, | 87 | isNoData: false, |
60 | bsmSlsq: '', | 88 | currentindex: 0, |
61 | //刷新值 | 89 | bsmSlsq: "", |
62 | refresh: 10, | 90 | ableOperation: false, |
63 | ableOperation: true, | ||
64 | bsmSlsq: this.$route.query.bsmSlsq, | 91 | bsmSlsq: this.$route.query.bsmSlsq, |
65 | bestepid: this.$route.query.bestepid, | 92 | bestepid: this.$route.query.bestepid, |
66 | ruleForm: {}, | 93 | propsParam: {}, |
67 | rules: { | ||
68 | shyj: [ | ||
69 | { required: true, message: '请输入审批意见', trigger: 'blur' } | ||
70 | ], | ||
71 | }, | ||
72 | tableData: [], | 94 | tableData: [], |
73 | propsParam: {} | 95 | falg: false, |
74 | } | 96 | falg1: false, |
97 | jdmc: "", | ||
98 | indexdqlc: 0, | ||
99 | }; | ||
75 | }, | 100 | }, |
101 | |||
76 | watch: { | 102 | watch: { |
77 | yjsqOptions: { | 103 | yjsqOptions: { |
78 | handler (val) { | 104 | handler(val) { |
79 | this.ruleForm.shyj = val | 105 | console.log("val", val); |
106 | this.add(val); | ||
80 | }, | 107 | }, |
81 | deep: true, | 108 | deep: true, |
82 | immediate: true | 109 | immediate: true, |
83 | }, | 110 | }, |
84 | }, | 111 | }, |
85 | mounted () { | 112 | created() {}, |
86 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 113 | mounted() { |
87 | this.list(); | 114 | this.propsParam = this.$attrs; |
115 | console.log("this.$parent.dqhj", this.$parent.dqhj); | ||
116 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | ||
117 | // this.ableOperation = this.$parent.ableOperation; | ||
118 | this.getShList(); | ||
119 | |||
120 | switch (this.$parent.dqhj) { | ||
121 | case "cs": | ||
122 | this.indexdqlc = 0; | ||
123 | this.jdmc = "初审"; | ||
124 | break; | ||
125 | case "fs": | ||
126 | this.indexdqlc = 1; | ||
127 | this.jdmc = "复审"; | ||
128 | break; | ||
129 | case "hd": | ||
130 | this.indexdqlc = 2; | ||
131 | this.jdmc = "核定"; | ||
132 | break; | ||
133 | } | ||
88 | }, | 134 | }, |
89 | methods: { | 135 | methods: { |
90 | //审批意见数据初始化 | ||
91 | /** | 136 | /** |
92 | * @description: 审批意见数据初始化 | 137 | * @description: getShList |
138 | * @param {*} obj | ||
93 | * @author: renchao | 139 | * @author: renchao |
94 | */ | 140 | */ |
95 | list () { | 141 | getShList() { |
96 | let that = this | 142 | let that = this; |
97 | this.$startLoading() | 143 | this.$startLoading(); |
144 | console.log(this.userInfo); | ||
98 | var formdata = new FormData(); | 145 | var formdata = new FormData(); |
99 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | 146 | formdata.append("bsmBusiness",this.$parent.bsmSlsq); |
100 | formdata.append("bestepid", this.$route.query.bestepid); | 147 | formdata.append("bestepid", this.$route.query.bestepid); |
148 | |||
101 | getSpyjList(formdata).then((res) => { | 149 | getSpyjList(formdata).then((res) => { |
102 | this.$endLoading() | 150 | this.$endLoading(); |
103 | if (res.code === 200 && res.result) { | 151 | if (res.code === 200 && res.result) { |
104 | this.tableData = res.result ? res.result : [] | 152 | this.tableData = res.result; |
105 | if (res.result.length == 0) { | 153 | if (this.tableData.length == 0) { |
106 | that.isNoData = true | 154 | this.tableData.push({ jdmc: "初审" }); |
107 | } | 155 | } |
108 | this.ruleForm = res.result[res.result.length - 1] | 156 | console.log("this.tableData", this.tableData); |
109 | } | 157 | } |
110 | }) | 158 | }); |
111 | }, | 159 | }, |
112 | /** | 160 | /** |
161 | * @description: judgment | ||
162 | * @param {*} obj | ||
163 | * @author: renchao | ||
164 | */ | ||
165 | judgment(obj) {}, | ||
166 | /** | ||
113 | * @description: onSubmit | 167 | * @description: onSubmit |
114 | * @author: renchao | 168 | * @author: renchao |
115 | */ | 169 | */ |
116 | onSubmit () { | 170 | onSubmit() { |
117 | this.ruleForm.bsmSlsq = this.bsmSlsq | 171 | this.tableData.forEach((item, index) => { |
118 | this.ruleForm.bestepid = this.bestepid | 172 | item["bsmSlsq"] = this.$parent.bsmSlsq; |
119 | saveSpyjBySlsq(this.ruleForm).then(res => { | 173 | item["bestepid"] = this.$parent.bestepid; |
174 | item["shryxm"] = this.userInfo.name; | ||
175 | item["userid"] = this.userInfo.id; | ||
176 | item["jddm"] = this.$parent.dqhj; | ||
177 | item["jdmc"] = this.jdmc; | ||
178 | item["shjssj"] = item.shkssj; | ||
179 | item["czjg"] = "1"; | ||
180 | item["stepid"] = "1"; | ||
181 | |||
182 | }); | ||
183 | console.log("this.tableData", this.tableData); | ||
184 | saveSpyjBySlsq(this.tableData).then((res) => { | ||
120 | if (res.code === 200) { | 185 | if (res.code === 200) { |
121 | this.$message.success("保存成功") | 186 | this.$message.success("保存成功"); |
122 | this.refresh += 1 | 187 | this.refresh += 1; |
123 | } else { | 188 | } else { |
124 | this.$message.error(res.message) | 189 | this.$message.error(res.message); |
125 | } | 190 | } |
126 | }) | 191 | }); |
192 | // } else { | ||
193 | // return false; | ||
194 | // } | ||
127 | }, | 195 | }, |
128 | //打开常用意见列表弹窗 | 196 | //打开常用意见列表弹窗 |
129 | /** | 197 | /** |
130 | * @description: 打开常用意见列表弹窗 | 198 | * @description: 打开常用意见列表弹窗 |
199 | * @param {*} index | ||
131 | * @author: renchao | 200 | * @author: renchao |
132 | */ | 201 | */ |
133 | commonOpinion () { | 202 | commonOpinion(index) { |
134 | this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true) | 203 | this.currentindex = index; |
204 | this.$popupDialog( | ||
205 | "常用意见", | ||
206 | "workflow/components/dialog/commonOpinion", | ||
207 | {}, | ||
208 | "70%", | ||
209 | true | ||
210 | ); | ||
135 | }, | 211 | }, |
136 | //使用常用意见 | ||
137 | /** | 212 | /** |
138 | * @description: 使用常用意见 | 213 | * @description: add |
214 | * @param {*} val | ||
139 | * @author: renchao | 215 | * @author: renchao |
140 | */ | 216 | */ |
141 | useOpinion (opinion) { | 217 | add(val) { |
142 | this.ruleForm.shyj = opinion | 218 | if (val != "") { |
143 | } | 219 | this.$set(this.tableData[this.currentindex], "shyj", val); |
144 | } | ||
145 | } | 220 | } |
221 | }, | ||
222 | }, | ||
223 | }; | ||
146 | </script> | 224 | </script> |
147 | <style scoped lang='scss'> | 225 | <style scoped lang="scss"> |
148 | @import "~@/styles/mixin.scss"; | 226 | @import "~@/styles/mixin.scss"; |
149 | 227 | ||
150 | .spyj { | 228 | .spyj { |
151 | width: 100%; | 229 | width: 100%; |
152 | height: 100%; | 230 | height: 100%; |
153 | background-color: #f5f5f5; | 231 | background-color: #f5f5f5; |
... | @@ -162,16 +240,31 @@ | ... | @@ -162,16 +240,31 @@ |
162 | overflow-y: scroll; | 240 | overflow-y: scroll; |
163 | padding-top: 20px; | 241 | padding-top: 20px; |
164 | padding: 20px 40px; | 242 | padding: 20px 40px; |
165 | } | ||
166 | .spyj_title { | 243 | .spyj_title { |
167 | line-height: 68px; | 244 | width: 100%; |
245 | height: 80px; | ||
168 | border: 1px solid $borderColor; | 246 | border: 1px solid $borderColor; |
169 | text-align: center; | 247 | background-color: #eceef2; |
248 | display: flex; | ||
249 | } | ||
250 | .leftadd { | ||
251 | width: 3%; | ||
252 | height: 100%; | ||
253 | display: flex; | ||
254 | font-size: 14px; | ||
255 | text-indent: 20px; | ||
256 | align-items: center; | ||
257 | border: 1px solid $borderColor; | ||
258 | } | ||
259 | .righttitle { | ||
260 | width: 80%; | ||
261 | height: 100%; | ||
262 | line-height: 80px; | ||
263 | border: 1px solid $borderColor; | ||
264 | margin: auto; | ||
170 | font-size: 22px; | 265 | font-size: 22px; |
171 | font-weight: 400; | 266 | font-weight: 400; |
172 | background-color: #eceef2; | 267 | } |
173 | display: block; | ||
174 | border-bottom: none; | ||
175 | } | 268 | } |
176 | 269 | ||
177 | /deep/.el-form-item { | 270 | /deep/.el-form-item { |
... | @@ -192,7 +285,7 @@ | ... | @@ -192,7 +285,7 @@ |
192 | color: #606266; | 285 | color: #606266; |
193 | display: flex; | 286 | display: flex; |
194 | font-size: 14px; | 287 | font-size: 14px; |
195 | text-indent: 80px; | 288 | text-indent: 50px; |
196 | align-items: center; | 289 | align-items: center; |
197 | border-right: 1px solid $borderColor; | 290 | border-right: 1px solid $borderColor; |
198 | } | 291 | } |
... | @@ -207,14 +300,12 @@ | ... | @@ -207,14 +300,12 @@ |
207 | /deep/.el-form-item__content { | 300 | /deep/.el-form-item__content { |
208 | display: block; | 301 | display: block; |
209 | text-align: left; | 302 | text-align: left; |
210 | text-indent: 10px; | ||
211 | } | 303 | } |
212 | .opinion_item { | 304 | .opinion_item { |
213 | /deep/.el-form-item__error { | 305 | /deep/.el-form-item__error { |
214 | margin-top: -16px !important; | 306 | margin-top: -16px !important; |
215 | left: 3px; | 307 | left: 3px; |
216 | } | 308 | } |
217 | |||
218 | border-bottom: 1px solid $borderColor; | 309 | border-bottom: 1px solid $borderColor; |
219 | } | 310 | } |
220 | 311 | ||
... | @@ -239,5 +330,9 @@ | ... | @@ -239,5 +330,9 @@ |
239 | text-align: center; | 330 | text-align: center; |
240 | margin: 15px 0; | 331 | margin: 15px 0; |
241 | } | 332 | } |
333 | |||
334 | .el-date-editor.el-input { | ||
335 | width: 100%; | ||
242 | } | 336 | } |
337 | } | ||
243 | </style> | 338 | </style> | ... | ... |
... | @@ -73,8 +73,9 @@ | ... | @@ -73,8 +73,9 @@ |
73 | * @author: renchao | 73 | * @author: renchao |
74 | */ | 74 | */ |
75 | onSubmit () { | 75 | onSubmit () { |
76 | console.log(this.formData.bsmSlsq); | 76 | if(!this.outstepopinion){ |
77 | console.log(this.selectItem); | 77 | this.$message.error("请填写退回意见"); |
78 | }else{ | ||
78 | sendBackTask({ | 79 | sendBackTask({ |
79 | bsmSlsq: this.formData.bsmSlsq, | 80 | bsmSlsq: this.formData.bsmSlsq, |
80 | backNodeList: [this.selectItem], | 81 | backNodeList: [this.selectItem], |
... | @@ -92,6 +93,7 @@ | ... | @@ -92,6 +93,7 @@ |
92 | this.$emit("input", false); | 93 | this.$emit("input", false); |
93 | }, 1000); | 94 | }, 1000); |
94 | }); | 95 | }); |
96 | } | ||
95 | }, | 97 | }, |
96 | /** | 98 | /** |
97 | * @description: changeSelectItem | 99 | * @description: changeSelectItem | ... | ... |
... | @@ -35,7 +35,8 @@ export default { | ... | @@ -35,7 +35,8 @@ export default { |
35 | //批量按钮名称 | 35 | //批量按钮名称 |
36 | batchButtonName: '', | 36 | batchButtonName: '', |
37 | // 受理申请信息 | 37 | // 受理申请信息 |
38 | slsq: {} | 38 | slsq: {}, |
39 | dqhj:"" | ||
39 | } | 40 | } |
40 | }, | 41 | }, |
41 | mounted () { | 42 | mounted () { |
... | @@ -57,6 +58,9 @@ export default { | ... | @@ -57,6 +58,9 @@ export default { |
57 | stepExpandInfo(formdata).then((res) => { | 58 | stepExpandInfo(formdata).then((res) => { |
58 | if (res.code === 200) { | 59 | if (res.code === 200) { |
59 | this.leftButtonList = res.result.button; | 60 | this.leftButtonList = res.result.button; |
61 | if (res.result.properties&&res.result.properties.length) { | ||
62 | this.dqhj = res.result.properties[0].value | ||
63 | } | ||
60 | this.rightButtonList = res.result.operation; | 64 | this.rightButtonList = res.result.operation; |
61 | this.slsq = res.result.slsq | 65 | this.slsq = res.result.slsq |
62 | } | 66 | } | ... | ... |
-
Please register or sign in to post a comment