修改审批意见移动
Showing
4 changed files
with
10 additions
and
508 deletions
1 | <!-- | ||
2 | * @Description: 审批意见 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-08-16 14:39:55 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="spyj loadingtext"> | ||
8 | <div class="box"> | ||
9 | <div class="spyj_title"> | ||
10 | <div class="righttitle">审批表</div> | ||
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="ruleForm'" | ||
18 | > | ||
19 | <div class="spyj_form"> | ||
20 | <div class="item_left"> | ||
21 | <div class="right">{{ item.jdmc }}意见</div> | ||
22 | </div> | ||
23 | <div class="item_right"> | ||
24 | <el-row> | ||
25 | <el-col :span="24"> | ||
26 | <el-form-item | ||
27 | label-width="0" | ||
28 | class="opinion_item" | ||
29 | > | ||
30 | <el-input | ||
31 | :disabled="!viewEdit || item.show" | ||
32 | type="textarea" | ||
33 | :rows="4" | ||
34 | class="opinion" | ||
35 | placeholder="请输入审批意见" | ||
36 | v-model="item.shyj" | ||
37 | ></el-input> | ||
38 | <el-button | ||
39 | class="opinion_btn" | ||
40 | @click="commonOpinion(index)" | ||
41 | :disabled="!viewEdit|| item.show" | ||
42 | >常用意见</el-button | ||
43 | > | ||
44 | </el-form-item> | ||
45 | </el-col> | ||
46 | </el-row> | ||
47 | <el-row> | ||
48 | <el-col :span="16"> | ||
49 | <el-form-item label="审查人"> | ||
50 | {{ item.shryxm }} | ||
51 | </el-form-item> | ||
52 | </el-col> | ||
53 | <el-col :span="8"> | ||
54 | <el-form-item disabled label="审核时间" :key="refresh"> | ||
55 | {{ item.shjssj }} | ||
56 | </el-form-item> | ||
57 | </el-col> | ||
58 | </el-row> | ||
59 | </div> | ||
60 | </div> | ||
61 | </el-form> | ||
62 | </div> | ||
63 | <div class="submit_button" v-if="viewEdit"> | ||
64 | <el-button type="primary" :disabled="shows" @click="onSubmit()" | ||
65 | >保存</el-button | ||
66 | > | ||
67 | </div> | ||
68 | </div> | ||
69 | <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> | ||
70 | </div> | ||
71 | </template> | ||
72 | <script> | ||
73 | import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js"; | ||
74 | import { mapGetters } from "vuex"; | ||
75 | import { getNewDatesh } from "@/utils/util"; | ||
76 | export default { | ||
77 | computed: { | ||
78 | ...mapGetters(["userData", "yjsqOptions", "userInfo"]), | ||
79 | }, | ||
80 | data() { | ||
81 | return { | ||
82 | isNoData: false, | ||
83 | currentindex: 0, | ||
84 | bsmSlsq: "", | ||
85 | refresh: 10, | ||
86 | viewEdit: false, | ||
87 | bsmSlsq: this.$route.query.bsmSlsq, | ||
88 | bestepid: this.$route.query.bestepid, | ||
89 | propsParam: {}, | ||
90 | tableData: [], | ||
91 | falg: false, | ||
92 | falg1: false, | ||
93 | jdmc: "", | ||
94 | indexdqlc: 0, | ||
95 | shows: false, | ||
96 | }; | ||
97 | }, | ||
98 | |||
99 | watch: { | ||
100 | yjsqOptions: { | ||
101 | handler(val) { | ||
102 | this.add(val); | ||
103 | }, | ||
104 | deep: true, | ||
105 | immediate: true, | ||
106 | }, | ||
107 | }, | ||
108 | created() {}, | ||
109 | mounted() { | ||
110 | this.propsParam = this.$attrs; | ||
111 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
112 | this.getShList(); | ||
113 | |||
114 | switch (this.$parent.dqhj) { | ||
115 | case "cs": | ||
116 | this.indexdqlc = 0; | ||
117 | this.jdmc = "初审"; | ||
118 | break; | ||
119 | case "fs": | ||
120 | this.indexdqlc = 1; | ||
121 | this.jdmc = "复审"; | ||
122 | break; | ||
123 | case "hd": | ||
124 | this.indexdqlc = 2; | ||
125 | this.jdmc = "核定"; | ||
126 | break; | ||
127 | } | ||
128 | }, | ||
129 | methods: { | ||
130 | /** | ||
131 | * @description: getShList | ||
132 | * @param {*} obj | ||
133 | * @author: renchao | ||
134 | */ | ||
135 | getShList() { | ||
136 | this.$startLoading(); | ||
137 | var formdata = new FormData(); | ||
138 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | ||
139 | formdata.append("bestepid", this.$route.query.bestepid); | ||
140 | |||
141 | getSpyjList(formdata).then((res) => { | ||
142 | this.$endLoading(); | ||
143 | if (res.code === 200 && res.result) { | ||
144 | this.$nextTick(() => { | ||
145 | this.tableData = res.result; | ||
146 | if (this.shows) { | ||
147 | this.shows = false; | ||
148 | } | ||
149 | |||
150 | var index = this.tableData.findIndex( | ||
151 | (item) => item.jddm === this.$parent.dqhj | ||
152 | ); | ||
153 | if (index == -1) { | ||
154 | switch (this.$parent.dqhj) { | ||
155 | case "cs": | ||
156 | this.tableData.push({ jdmc: "初审", jddm: "cs", sxh: 1 }); | ||
157 | break; | ||
158 | case "fs": | ||
159 | this.tableData.push({ jdmc: "复审", jddm: "fs", sxh: 2 }); | ||
160 | break; | ||
161 | case "hd": | ||
162 | this.tableData.push({ jdmc: "核定", jddm: "hd", sxh: 3 }); | ||
163 | break; | ||
164 | } | ||
165 | } | ||
166 | this.tableData.forEach((item) => { | ||
167 | item.show = true; | ||
168 | if (this.$parent.dqhj == item.jddm) { | ||
169 | item["stepid"] = this.$route.query.bestepid; | ||
170 | item.shjssj = getNewDatesh(); | ||
171 | item.shkssj = getNewDatesh(); | ||
172 | item["shryxm"] = this.userInfo.name; | ||
173 | item["userid"] = this.userInfo.id; | ||
174 | item.show = false; | ||
175 | } | ||
176 | }); | ||
177 | }); | ||
178 | } | ||
179 | }); | ||
180 | }, | ||
181 | /** | ||
182 | * @description: judgment | ||
183 | * @param {*} obj | ||
184 | * @author: renchao | ||
185 | */ | ||
186 | judgment(obj) {}, | ||
187 | /** | ||
188 | * @description: onSubmit | ||
189 | * @author: renchao | ||
190 | */ | ||
191 | onSubmit() { | ||
192 | |||
193 | this.tableData.forEach((item, index) => { | ||
194 | item["bsmBusiness"] = this.propsParam.bsmBusiness; | ||
195 | item["czjg"] = "1"; | ||
196 | }); | ||
197 | var index = this.tableData.findIndex( | ||
198 | (item) => item.shyj === null||item.shyj === "" | ||
199 | ); | ||
200 | if(index==-1){ | ||
201 | this.shows = true; | ||
202 | saveSpyjBySlsq(this.tableData).then((res) => { | ||
203 | if (res.code === 200) { | ||
204 | this.$message.success("保存成功"); | ||
205 | this.refresh += 1; | ||
206 | this.getShList(); | ||
207 | } else { | ||
208 | this.$message.error(res.message); | ||
209 | } | ||
210 | }); | ||
211 | }else{ | ||
212 | this.$message.error("意见不能为空"); | ||
213 | } | ||
214 | |||
215 | }, | ||
216 | //打开常用意见列表弹窗 | ||
217 | /** | ||
218 | * @description: 打开常用意见列表弹窗 | ||
219 | * @param {*} index | ||
220 | * @author: renchao | ||
221 | */ | ||
222 | commonOpinion(index) { | ||
223 | this.currentindex = index; | ||
224 | this.$popupDialog( | ||
225 | "常用意见", | ||
226 | "workflow/components/dialog/commonOpinion", | ||
227 | {}, | ||
228 | "70%", | ||
229 | true | ||
230 | ); | ||
231 | }, | ||
232 | /** | ||
233 | * @description: add | ||
234 | * @param {*} val | ||
235 | * @author: renchao | ||
236 | */ | ||
237 | add(val) { | ||
238 | if (val != "") { | ||
239 | this.$set(this.tableData[this.currentindex], "shyj", val); | ||
240 | } | ||
241 | }, | ||
242 | }, | ||
243 | }; | ||
244 | </script> | ||
245 | <style scoped lang="scss"> | ||
246 | @import "~@/styles/mixin.scss"; | ||
247 | |||
248 | .spyj { | ||
249 | width: 100%; | ||
250 | height: 100%; | ||
251 | background-color: #f5f5f5; | ||
252 | padding: 5px; | ||
253 | .box { | ||
254 | overflow-x: auto; | ||
255 | width: 100%; | ||
256 | height: 95%; | ||
257 | background: #fff; | ||
258 | text-align: center; | ||
259 | padding: 4px; | ||
260 | overflow-y: scroll; | ||
261 | padding-top: 20px; | ||
262 | padding: 20px 40px; | ||
263 | .spyj_title { | ||
264 | width: 100%; | ||
265 | height: 80px; | ||
266 | border: 1px solid $borderColor; | ||
267 | background-color: #eceef2; | ||
268 | display: flex; | ||
269 | } | ||
270 | .leftadd { | ||
271 | width: 3%; | ||
272 | height: 100%; | ||
273 | display: flex; | ||
274 | font-size: 14px; | ||
275 | text-indent: 20px; | ||
276 | align-items: center; | ||
277 | border: 1px solid $borderColor; | ||
278 | } | ||
279 | .righttitle { | ||
280 | width: 80%; | ||
281 | height: 100%; | ||
282 | line-height: 80px; | ||
283 | border: 1px solid $borderColor; | ||
284 | margin: auto; | ||
285 | font-size: 22px; | ||
286 | font-weight: 400; | ||
287 | } | ||
288 | } | ||
289 | |||
290 | /deep/.el-form-item { | ||
291 | margin-bottom: 0; | ||
292 | } | ||
293 | |||
294 | .bottom10 { | ||
295 | margin-bottom: 15px; | ||
296 | } | ||
297 | |||
298 | .spyj_form { | ||
299 | display: flex; | ||
300 | border: 1px solid $borderColor; | ||
301 | |||
302 | .item_left { | ||
303 | width: 150px; | ||
304 | background-color: #f8f8fa; | ||
305 | color: #606266; | ||
306 | display: flex; | ||
307 | font-size: 14px; | ||
308 | text-indent: 50px; | ||
309 | align-items: center; | ||
310 | border-right: 1px solid $borderColor; | ||
311 | } | ||
312 | |||
313 | .item_right { | ||
314 | flex: 1; | ||
315 | width: 100%; | ||
316 | |||
317 | /deep/.el-form-item__label { | ||
318 | background-color: #f8f8fa; | ||
319 | } | ||
320 | /deep/.el-form-item__content { | ||
321 | display: block; | ||
322 | text-align: left; | ||
323 | } | ||
324 | .opinion_item { | ||
325 | /deep/.el-form-item__error { | ||
326 | margin-top: -16px !important; | ||
327 | left: 3px; | ||
328 | } | ||
329 | border-bottom: 1px solid $borderColor; | ||
330 | } | ||
331 | |||
332 | .opinion { | ||
333 | position: relative; | ||
334 | font-size: 14px; | ||
335 | |||
336 | /deep/.el-textarea__inner { | ||
337 | border: none; | ||
338 | } | ||
339 | } | ||
340 | |||
341 | .opinion_btn { | ||
342 | position: absolute; | ||
343 | right: 15px; | ||
344 | bottom: 10px; | ||
345 | } | ||
346 | } | ||
347 | } | ||
348 | |||
349 | .submit_button { | ||
350 | text-align: center; | ||
351 | margin: 15px 0; | ||
352 | } | ||
353 | |||
354 | .el-date-editor.el-input { | ||
355 | width: 100%; | ||
356 | } | ||
357 | } | ||
358 | </style> |
... | @@ -8,146 +8,6 @@ | ... | @@ -8,146 +8,6 @@ |
8 | * @param {*} tabName | 8 | * @param {*} tabName |
9 | * @author: renchao | 9 | * @author: renchao |
10 | */ | 10 | */ |
11 | // export function getForm(tabName) { | ||
12 | // let form; | ||
13 | // if (tabName == 0) return | ||
14 | // switch (tabName) { | ||
15 | // //土地所有权 | ||
16 | // case "tdsyqslxx": | ||
17 | // form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue"); | ||
18 | // break; | ||
19 | // //建设用地、宅基地 | ||
20 | // case "jsydsyqslxx100": | ||
21 | // case "jsydsyqslxx300": | ||
22 | // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); | ||
23 | // break; | ||
24 | // //土地承包经营权 | ||
25 | // case "tdcbjyqslxx100": | ||
26 | // form = require("@/views/ywbl/slsqxx/tdcbjyq/slxx.vue"); | ||
27 | // break; | ||
28 | // //房屋多幢 | ||
29 | // case "fwsyqdzslxx": | ||
30 | // form = require("@/views/ywbl/slsqxx/fdcq1/slxx.vue"); | ||
31 | // break; | ||
32 | // //房屋独幢 | ||
33 | // case "fwsyqslxx100": | ||
34 | // case "fwsyqslxx200": | ||
35 | // case "fwsyqslxx400": | ||
36 | // case "fwsyqslxx300": | ||
37 | // form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); | ||
38 | // break; | ||
39 | // //房屋独幢(批量) | ||
40 | // case "plfdcq2": | ||
41 | // form = require("@/views/ywbl/slsqxx/fdcq2/batchSlxx.vue"); | ||
42 | // break; | ||
43 | // //林地使用权 | ||
44 | // case "lqslxx": | ||
45 | // form = require("@/views/ywbl/slsqxx/lqslxx"); | ||
46 | // break; | ||
47 | // //森林林木使用权 | ||
48 | // case "sllmslxx": | ||
49 | // form = require("@/views/ywbl/slsqxx/sllmslxx"); | ||
50 | // break; | ||
51 | // //农用地使用权 | ||
52 | // case "nydsyqslxx100": | ||
53 | // case "nydsyqslxx200": | ||
54 | // form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); | ||
55 | // break; | ||
56 | // //查封登记 | ||
57 | // case "tdslxxCfdj": | ||
58 | // form = require("@/views/ywbl/slsqxx/cfdj/slxx.vue"); | ||
59 | // break; | ||
60 | // //查封登记(批量) | ||
61 | // case "plslxxCfdj": | ||
62 | // form = require("@/views/ywbl/slsqxx/cfdj/batchSlxx.vue"); | ||
63 | // break; | ||
64 | // //抵押权 | ||
65 | // case "diyaqSlxx": | ||
66 | // form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); | ||
67 | // break; | ||
68 | // //抵押权(批量) | ||
69 | // case "batchDiyaq": | ||
70 | // form = require("@/views/ywbl/slsqxx/diyaq/batchSlxx.vue"); | ||
71 | // break; | ||
72 | // //预告买卖登记 | ||
73 | // case "ygmm100": | ||
74 | // case "ygmm300": | ||
75 | // form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); | ||
76 | // break; | ||
77 | // //预告抵押登记 | ||
78 | // case "ygdy100": | ||
79 | // case "ygdy300": | ||
80 | // form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue"); | ||
81 | // break; | ||
82 | // //在建工程抵押权 | ||
83 | // case "zjgcdyqSlxx": | ||
84 | // form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); | ||
85 | // break; | ||
86 | // //在建工程抵押权(批量) | ||
87 | // case "batchZjgcdyq": | ||
88 | // form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue"); | ||
89 | // break; | ||
90 | // case "clxx"://材料信息 | ||
91 | // form = require("@/views/workflow/components/clxx/clxxUnify.vue"); | ||
92 | // break; | ||
93 | // case "spyj"://审批意见 | ||
94 | // form = require("@/views/workflow/components/spyj.vue"); | ||
95 | // break; | ||
96 | // case "swxx"://税务信息 | ||
97 | // form = require("@/views/workflow/components/swxx.vue"); | ||
98 | // break; | ||
99 | // case "sfxx"://收费信息 | ||
100 | // form = require("@/views/workflow/components/sfxx.vue"); | ||
101 | // break; | ||
102 | // case "sdqxx"://水电气信息 | ||
103 | // form = require("@/views/workflow/components/sdqxx.vue"); | ||
104 | // break; | ||
105 | // case "zdjbxx"://宗地基本信息 | ||
106 | // form = require("@/views/registerBook/zdjbxx.vue"); | ||
107 | // break; | ||
108 | // case "szxx"://缮证信息 | ||
109 | // form = require("@/views/workflow/components/szxx.vue"); | ||
110 | // break; | ||
111 | // case "fzxx"://发证信息 | ||
112 | // form = require("@/views/workflow/components/fzxx.vue"); | ||
113 | // break; | ||
114 | // case "zdjbxxImg"://宗地图 | ||
115 | // form = require("@/views/workflow/components/zdt.vue"); | ||
116 | // break; | ||
117 | // case "cfdjxx": | ||
118 | // form = require("@/views/registerBook/cfdj.vue"); | ||
119 | // break; | ||
120 | // case "tdsyqQlxx": | ||
121 | // form = require("@/views/registerBook/tdsyq.vue"); | ||
122 | // break; | ||
123 | // case "jsydsyqQlxx": | ||
124 | // form = require("@/views/registerBook/jsydsyq.vue"); | ||
125 | // break; | ||
126 | // case "nydsyqQlxx": | ||
127 | // form = require("@/views/registerBook/nydsyq.vue"); | ||
128 | // break; | ||
129 | // case "fdcq1Qlxx": | ||
130 | // form = require("@/views/registerBook/fdcq1.vue"); | ||
131 | // break; | ||
132 | // case "fdcq2Qlxx": | ||
133 | // form = require("@/views/registerBook/fdcq2.vue"); | ||
134 | // break; | ||
135 | // case "lqQlxx": | ||
136 | // form = require("@/views/registerBook/ldsyq.vue"); | ||
137 | // break; | ||
138 | // case "diyaqQlxx": | ||
139 | // form = require("@/views/registerBook/diyaq.vue"); | ||
140 | // break; | ||
141 | // case "ygdjQlxx": | ||
142 | // form = require("@/views/registerBook/ygdj.vue"); | ||
143 | // break; | ||
144 | // default://默认地址404空页面 | ||
145 | // form = require("@/views/error-page/404.vue"); | ||
146 | // break; | ||
147 | // } | ||
148 | // return (r) => require.ensure([], () => r(form)); | ||
149 | // } | ||
150 | |||
151 | export function getForm(tabName) { | 11 | export function getForm(tabName) { |
152 | let form; | 12 | let form; |
153 | if (tabName == 0) return | 13 | if (tabName == 0) return |
... | @@ -231,7 +91,7 @@ export function getForm(tabName) { | ... | @@ -231,7 +91,7 @@ export function getForm(tabName) { |
231 | form = require("@/views/workflow/components/clxx/clxxUnify.vue"); | 91 | form = require("@/views/workflow/components/clxx/clxxUnify.vue"); |
232 | break; | 92 | break; |
233 | case "spyj"://审批意见 | 93 | case "spyj"://审批意见 |
234 | form = require("@/views/workflow/components/spyj.vue"); | 94 | form = require("@/views/workflow/main/spyj"); |
235 | break; | 95 | break; |
236 | case "swxx"://税务信息 | 96 | case "swxx"://税务信息 |
237 | form = require("@/views/workflow/components/swxx.vue"); | 97 | form = require("@/views/workflow/components/swxx.vue"); | ... | ... |
... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
58 | import { ywPopupDialog } from "@/utils/popup.js"; | 58 | import { ywPopupDialog } from "@/utils/popup.js"; |
59 | import { datas, sendThis } from "../javascript/selectH.js"; | 59 | import { datas, sendThis } from "../javascript/selectH.js"; |
60 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 60 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
61 | import { selectHQjdc } from "@/api/ywsq.js"; | 61 | // import { selectHQjdc } from "@/api/ywsq.js"; |
62 | import { startTogetherFlow, againAddSldy } from "@/api/workFlow.js"; | 62 | import { startTogetherFlow, againAddSldy } from "@/api/workFlow.js"; |
63 | export default { | 63 | export default { |
64 | mixins: [ywsqTable, jump], | 64 | mixins: [ywsqTable, jump], |
... | @@ -89,14 +89,14 @@ | ... | @@ -89,14 +89,14 @@ |
89 | queryClick () { | 89 | queryClick () { |
90 | this.$startLoading(); | 90 | this.$startLoading(); |
91 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 91 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
92 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | 92 | // selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { |
93 | this.$endLoading(); | 93 | // this.$endLoading(); |
94 | if (res.code === 200) { | 94 | // if (res.code === 200) { |
95 | let { total, records } = res.result; | 95 | // let { total, records } = res.result; |
96 | this.tableData.total = total; | 96 | // this.tableData.total = total; |
97 | this.tableData.data = records; | 97 | // this.tableData.data = records; |
98 | } | 98 | // } |
99 | }); | 99 | // }); |
100 | }, | 100 | }, |
101 | /** | 101 | /** |
102 | * @description: submitForm | 102 | * @description: submitForm | ... | ... |
-
Please register or sign in to post a comment