style:申请单元列表
Showing
4 changed files
with
47 additions
and
76 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-28 08:44:31 | 4 | * @LastEditTime: 2023-08-30 13:59:09 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -194,7 +194,6 @@ | ... | @@ -194,7 +194,6 @@ |
194 | }); | 194 | }); |
195 | }); | 195 | }); |
196 | }, | 196 | }, |
197 | //批量按钮点击事件 | ||
198 | /** | 197 | /** |
199 | * @description: 批量按钮点击事件 | 198 | * @description: 批量按钮点击事件 |
200 | * @author: renchao | 199 | * @author: renchao |
... | @@ -203,9 +202,7 @@ | ... | @@ -203,9 +202,7 @@ |
203 | this.currentSelectProps.batchOperation = true; | 202 | this.currentSelectProps.batchOperation = true; |
204 | this.activeIndex = "-1"; | 203 | this.activeIndex = "-1"; |
205 | this.$parent.stepForm(0); | 204 | this.$parent.stepForm(0); |
206 | |||
207 | }, | 205 | }, |
208 | //批量操作 | ||
209 | /** | 206 | /** |
210 | * @description: 批量操作 | 207 | * @description: 批量操作 |
211 | * @author: renchao | 208 | * @author: renchao |
... | @@ -216,7 +213,6 @@ | ... | @@ -216,7 +213,6 @@ |
216 | dataList: this.unitData, | 213 | dataList: this.unitData, |
217 | }, '50%', true) | 214 | }, '50%', true) |
218 | }, | 215 | }, |
219 | //申请单元点击事件 | ||
220 | /** | 216 | /** |
221 | * @description: 申请单元点击事件 | 217 | * @description: 申请单元点击事件 |
222 | * @param {*} index | 218 | * @param {*} index | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-09 14:54:20 | 4 | * @LastEditTime: 2023-08-30 14:03:05 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -132,7 +132,6 @@ | ... | @@ -132,7 +132,6 @@ |
132 | * @author: renchao | 132 | * @author: renchao |
133 | */ | 133 | */ |
134 | getCurrentSelectProps (val) { | 134 | getCurrentSelectProps (val) { |
135 | console.log(val, 'valvalvalval'); | ||
136 | this.currentSelectProps = val | 135 | this.currentSelectProps = val |
137 | getZdInfo(val.bdcdyid).then(res => { | 136 | getZdInfo(val.bdcdyid).then(res => { |
138 | this.bsmZd = res?.result[0]?.bsmZd | 137 | this.bsmZd = res?.result[0]?.bsmZd |
... | @@ -158,7 +157,6 @@ | ... | @@ -158,7 +157,6 @@ |
158 | unClaimTask(this.bsmSlsq, this.bestepid); | 157 | unClaimTask(this.bsmSlsq, this.bestepid); |
159 | } | 158 | } |
160 | }, | 159 | }, |
161 | //申请单元点击事件 | ||
162 | /** | 160 | /** |
163 | * @description: 申请单元点击事件 | 161 | * @description: 申请单元点击事件 |
164 | * @param {*} index | 162 | * @param {*} index |
... | @@ -167,7 +165,7 @@ | ... | @@ -167,7 +165,7 @@ |
167 | stepForm (index) { | 165 | stepForm (index) { |
168 | getStepFormInfo(this.currentSelectProps).then((res) => { | 166 | getStepFormInfo(this.currentSelectProps).then((res) => { |
169 | if (res.code === 200) { | 167 | if (res.code === 200) { |
170 | this.fresh++; | 168 | // this.fresh++; |
171 | //获取单元对应的所有表单信息 | 169 | //获取单元对应的所有表单信息 |
172 | this.tabList = res.result; | 170 | this.tabList = res.result; |
173 | //默认加载第一个表单信息 | 171 | //默认加载第一个表单信息 | ... | ... |
... | @@ -2,13 +2,9 @@ | ... | @@ -2,13 +2,9 @@ |
2 | /* | 2 | /* |
3 | * @Description: | 3 | * @Description: |
4 | * @Autor: renchao | 4 | * @Autor: renchao |
5 | * @LastEditTime: 2023-08-02 14:08:27 | 5 | * @LastEditTime: 2023-08-30 13:51:05 |
6 | */ | 6 | */ |
7 | export default { | 7 | export default { |
8 | data () { | ||
9 | return { | ||
10 | } | ||
11 | }, | ||
12 | watch: { | 8 | watch: { |
13 | 'ruleForm.sldy.gyfs': { | 9 | 'ruleForm.sldy.gyfs': { |
14 | handler: function (val, oldVal) { | 10 | handler: function (val, oldVal) { |
... | @@ -22,5 +18,5 @@ export default { | ... | @@ -22,5 +18,5 @@ export default { |
22 | }, | 18 | }, |
23 | immediate: true | 19 | immediate: true |
24 | } | 20 | } |
25 | }, | 21 | } |
26 | } | 22 | } | ... | ... |
... | @@ -8,8 +8,7 @@ | ... | @@ -8,8 +8,7 @@ |
8 | ref="ruleForm" | 8 | ref="ruleForm" |
9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
10 | :inline="flag" | 10 | :inline="flag" |
11 | label-width="120px" | 11 | label-width="120px"> |
12 | > | ||
13 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 12 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
14 | <div class="slxx_title title-block"> | 13 | <div class="slxx_title title-block"> |
15 | 申请业务信息 | 14 | 申请业务信息 |
... | @@ -135,8 +134,7 @@ | ... | @@ -135,8 +134,7 @@ |
135 | <el-form-item label="是否存在禁止或限制:"> | 134 | <el-form-item label="是否存在禁止或限制:"> |
136 | <el-input | 135 | <el-input |
137 | v-model="ruleForm.ygdj.sfczjzhxz" | 136 | v-model="ruleForm.ygdj.sfczjzhxz" |
138 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" | 137 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> |
139 | ></el-input> | ||
140 | </el-form-item> | 138 | </el-form-item> |
141 | </el-col> | 139 | </el-col> |
142 | <el-col :span="8"> | 140 | <el-col :span="8"> |
... | @@ -144,19 +142,16 @@ | ... | @@ -144,19 +142,16 @@ |
144 | <div class="flex"> | 142 | <div class="flex"> |
145 | <el-input | 143 | <el-input |
146 | v-model="ruleForm.ygdj.qdjg" | 144 | v-model="ruleForm.ygdj.qdjg" |
147 | :disabled="!viewEdit" | 145 | :disabled="!viewEdit"></el-input> |
148 | ></el-input> | ||
149 | <el-select | 146 | <el-select |
150 | v-model="ruleForm.ygdj.jedw" | 147 | v-model="ruleForm.ygdj.jedw" |
151 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit" |
152 | style="width: 68px" | 149 | style="width: 68px"> |
153 | > | ||
154 | <el-option | 150 | <el-option |
155 | v-for="item in dictData['A57']" | 151 | v-for="item in dictData['A57']" |
156 | :key="item.dcode" | 152 | :key="item.dcode" |
157 | :label="item.dname" | 153 | :label="item.dname" |
158 | :value="item.dcode" | 154 | :value="item.dcode"></el-option> |
159 | ></el-option> | ||
160 | </el-select> | 155 | </el-select> |
161 | </div> | 156 | </div> |
162 | </el-form-item> | 157 | </el-form-item> |
... | @@ -166,8 +161,7 @@ | ... | @@ -166,8 +161,7 @@ |
166 | <el-date-picker | 161 | <el-date-picker |
167 | v-model="ruleForm.ygdj.zwlxqssj" | 162 | v-model="ruleForm.ygdj.zwlxqssj" |
168 | :disabled="!viewEdit" | 163 | :disabled="!viewEdit" |
169 | type="date" | 164 | type="date"></el-date-picker> |
170 | ></el-date-picker> | ||
171 | </el-form-item> | 165 | </el-form-item> |
172 | </el-col> | 166 | </el-col> |
173 | <el-col :span="8"> | 167 | <el-col :span="8"> |
... | @@ -175,8 +169,7 @@ | ... | @@ -175,8 +169,7 @@ |
175 | <el-date-picker | 169 | <el-date-picker |
176 | v-model="ruleForm.ygdj.zwlxjssj" | 170 | v-model="ruleForm.ygdj.zwlxjssj" |
177 | :disabled="!viewEdit" | 171 | :disabled="!viewEdit" |
178 | type="date" | 172 | type="date"></el-date-picker> |
179 | ></el-date-picker> | ||
180 | </el-form-item> | 173 | </el-form-item> |
181 | </el-col> | 174 | </el-col> |
182 | </el-row> | 175 | </el-row> |
... | @@ -185,8 +178,7 @@ | ... | @@ -185,8 +178,7 @@ |
185 | <el-form-item label="担保范围:"> | 178 | <el-form-item label="担保范围:"> |
186 | <el-input | 179 | <el-input |
187 | v-model="ruleForm.ygdj.dbfw" | 180 | v-model="ruleForm.ygdj.dbfw" |
188 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit" | 181 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> |
189 | ></el-input> | ||
190 | </el-form-item> | 182 | </el-form-item> |
191 | </el-col> | 183 | </el-col> |
192 | </el-row> | 184 | </el-row> |
... | @@ -198,8 +190,7 @@ | ... | @@ -198,8 +190,7 @@ |
198 | maxlength="500" | 190 | maxlength="500" |
199 | show-word-limit | 191 | show-word-limit |
200 | v-model="ruleForm.ygdj.fj" | 192 | v-model="ruleForm.ygdj.fj" |
201 | :disabled="!viewEdit" | 193 | :disabled="!viewEdit"></el-input> |
202 | ></el-input> | ||
203 | </el-form-item> | 194 | </el-form-item> |
204 | </el-col> | 195 | </el-col> |
205 | </el-row> | 196 | </el-row> |
... | @@ -212,8 +203,7 @@ | ... | @@ -212,8 +203,7 @@ |
212 | <el-form-item label="共有方式:"> | 203 | <el-form-item label="共有方式:"> |
213 | <el-radio-group | 204 | <el-radio-group |
214 | :disabled="!viewEdit" | 205 | :disabled="!viewEdit" |
215 | v-model="ruleForm.sldy.gyfs" | 206 | v-model="ruleForm.sldy.gyfs"> |
216 | > | ||
217 | <el-radio label="0">单独所有</el-radio> | 207 | <el-radio label="0">单独所有</el-radio> |
218 | <el-radio label="1">共同共有</el-radio> | 208 | <el-radio label="1">共同共有</el-radio> |
219 | <el-radio label="2">按份所有</el-radio> | 209 | <el-radio label="2">按份所有</el-radio> |
... | @@ -226,8 +216,7 @@ | ... | @@ -226,8 +216,7 @@ |
226 | <el-radio-group | 216 | <el-radio-group |
227 | v-model="ruleForm.sldy.sqfbcz" | 217 | v-model="ruleForm.sldy.sqfbcz" |
228 | :disabled="!viewEdit" | 218 | :disabled="!viewEdit" |
229 | @input="updaterow()" | 219 | @input="updaterow()"> |
230 | > | ||
231 | <el-radio :label="1">是</el-radio> | 220 | <el-radio :label="1">是</el-radio> |
232 | <el-radio :label="0">否</el-radio> | 221 | <el-radio :label="0">否</el-radio> |
233 | </el-radio-group> | 222 | </el-radio-group> |
... | @@ -235,20 +224,17 @@ | ... | @@ -235,20 +224,17 @@ |
235 | </el-col> | 224 | </el-col> |
236 | <el-col | 225 | <el-col |
237 | :span="6" | 226 | :span="6" |
238 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 227 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
239 | > | ||
240 | <el-form-item label="持证人:"> | 228 | <el-form-item label="持证人:"> |
241 | <el-select | 229 | <el-select |
242 | v-model="czr" | 230 | v-model="czr" |
243 | placeholder="持证人" | 231 | placeholder="持证人" |
244 | :disabled="!viewEdit" | 232 | :disabled="!viewEdit"> |
245 | > | ||
246 | <el-option | 233 | <el-option |
247 | v-for="item in czrOptions" | 234 | v-for="item in czrOptions" |
248 | :key="item.zjh" | 235 | :key="item.zjh" |
249 | :label="item.sqrmc" | 236 | :label="item.sqrmc" |
250 | :value="item.zjh" | 237 | :value="item.zjh"></el-option> |
251 | ></el-option> | ||
252 | </el-select> | 238 | </el-select> |
253 | </el-form-item> | 239 | </el-form-item> |
254 | </el-col> | 240 | </el-col> |
... | @@ -257,8 +243,7 @@ | ... | @@ -257,8 +243,7 @@ |
257 | @upDateQlrxxList="upDateQlrxxList" | 243 | @upDateQlrxxList="upDateQlrxxList" |
258 | :tableData="ruleForm.qlrList" | 244 | :tableData="ruleForm.qlrList" |
259 | :disabled="viewEdit" | 245 | :disabled="viewEdit" |
260 | :gyfs="ruleForm.sldy.gyfs" | 246 | :gyfs="ruleForm.sldy.gyfs" /> |
261 | /> | ||
262 | <div class="slxx_title title-block"> | 247 | <div class="slxx_title title-block"> |
263 | 义务人信息 | 248 | 义务人信息 |
264 | <div class="triangle"></div> | 249 | <div class="triangle"></div> |
... | @@ -267,8 +252,7 @@ | ... | @@ -267,8 +252,7 @@ |
267 | @upDateQlrxxList="upDateYwrxxList" | 252 | @upDateQlrxxList="upDateYwrxxList" |
268 | :tableData="ruleForm.ywrList" | 253 | :tableData="ruleForm.ywrList" |
269 | :disabled="viewEdit" | 254 | :disabled="viewEdit" |
270 | :gyfs="ruleForm.sldy.gyfs" | 255 | :gyfs="ruleForm.sldy.gyfs" /> |
271 | /> | ||
272 | <div class="slxx_title title-block"> | 256 | <div class="slxx_title title-block"> |
273 | 登记原因 | 257 | 登记原因 |
274 | <div class="triangle"></div> | 258 | <div class="triangle"></div> |
... | @@ -282,8 +266,7 @@ | ... | @@ -282,8 +266,7 @@ |
282 | maxlength="500" | 266 | maxlength="500" |
283 | show-word-limit | 267 | show-word-limit |
284 | :disabled="!viewEdit" | 268 | :disabled="!viewEdit" |
285 | v-model="ruleForm.ygdj.djyy" | 269 | v-model="ruleForm.ygdj.djyy"></el-input> |
286 | ></el-input> | ||
287 | </el-form-item> | 270 | </el-form-item> |
288 | </el-col> | 271 | </el-col> |
289 | </el-row> | 272 | </el-row> |
... | @@ -297,13 +280,13 @@ | ... | @@ -297,13 +280,13 @@ |
297 | </div> | 280 | </div> |
298 | </template> | 281 | </template> |
299 | <script> | 282 | <script> |
300 | import ywmix from "@/views/ywbl/mixin/index"; | 283 | import ywmix from "@/views/ywbl/mixin/index"; |
301 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 284 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
302 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; | 285 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; |
303 | import { mapGetters } from "vuex"; | 286 | import { mapGetters } from "vuex"; |
304 | export default { | 287 | export default { |
305 | mixins: [ywmix], | 288 | mixins: [ywmix], |
306 | created() { | 289 | created () { |
307 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
308 | this.propsParam = this.$attrs; | 291 | this.propsParam = this.$attrs; |
309 | var formdata = new FormData(); | 292 | var formdata = new FormData(); |
... | @@ -315,6 +298,7 @@ export default { | ... | @@ -315,6 +298,7 @@ export default { |
315 | formdata.append("isEdit", this.viewEdit); | 298 | formdata.append("isEdit", this.viewEdit); |
316 | Init(formdata).then((res) => { | 299 | Init(formdata).then((res) => { |
317 | if (res.code === 200 && res.result) { | 300 | if (res.code === 200 && res.result) { |
301 | console.log(res.result, 'res.result'); | ||
318 | that.ruleForm = res.result; | 302 | that.ruleForm = res.result; |
319 | this.czrOptions = this.ruleForm.qlrList; | 303 | this.czrOptions = this.ruleForm.qlrList; |
320 | this.ruleForm.qlrList.forEach((item) => { | 304 | this.ruleForm.qlrList.forEach((item) => { |
... | @@ -322,17 +306,15 @@ export default { | ... | @@ -322,17 +306,15 @@ export default { |
322 | this.czr = item.sqrmc; | 306 | this.czr = item.sqrmc; |
323 | } | 307 | } |
324 | }); | 308 | }); |
325 | setTimeout(() => { | 309 | that.loading = false |
326 | that.loading = false; | ||
327 | }, 300); | ||
328 | } | 310 | } |
329 | }); | 311 | }) |
330 | }, | 312 | }, |
331 | components: { qlrCommonTable }, | 313 | components: { qlrCommonTable }, |
332 | computed: { | 314 | computed: { |
333 | ...mapGetters(["dictData", "flag"]), | 315 | ...mapGetters(["dictData", "flag"]) |
334 | }, | 316 | }, |
335 | data() { | 317 | data () { |
336 | return { | 318 | return { |
337 | //表单是否可操作 | 319 | //表单是否可操作 |
338 | viewEdit: true, | 320 | viewEdit: true, |
... | @@ -344,8 +326,8 @@ export default { | ... | @@ -344,8 +326,8 @@ export default { |
344 | ruleForm: {}, | 326 | ruleForm: {}, |
345 | //传递参数 | 327 | //传递参数 |
346 | propsParam: this.$attrs, | 328 | propsParam: this.$attrs, |
347 | rules: {}, | 329 | rules: {} |
348 | }; | 330 | } |
349 | }, | 331 | }, |
350 | methods: { | 332 | methods: { |
351 | /** | 333 | /** |
... | @@ -353,7 +335,7 @@ export default { | ... | @@ -353,7 +335,7 @@ export default { |
353 | * @param {*} val | 335 | * @param {*} val |
354 | * @author: renchao | 336 | * @author: renchao |
355 | */ | 337 | */ |
356 | upDateQlrxxList(val) { | 338 | upDateQlrxxList (val) { |
357 | this.ruleForm.qlrList = _.cloneDeep(val); | 339 | this.ruleForm.qlrList = _.cloneDeep(val); |
358 | this.czrOptions = this.ruleForm.qlrList; | 340 | this.czrOptions = this.ruleForm.qlrList; |
359 | }, | 341 | }, |
... | @@ -362,23 +344,22 @@ export default { | ... | @@ -362,23 +344,22 @@ export default { |
362 | * @param {*} val | 344 | * @param {*} val |
363 | * @author: renchao | 345 | * @author: renchao |
364 | */ | 346 | */ |
365 | upDateYwrxxList(val) { | 347 | upDateYwrxxList (val) { |
366 | this.ruleForm.ywrList = _.cloneDeep(val); | 348 | this.ruleForm.ywrList = _.cloneDeep(val); |
367 | }, | 349 | }, |
368 | // 是否持证人变化 | ||
369 | /** | 350 | /** |
370 | * @description: 是否持证人变化 | 351 | * @description: 是否持证人变化 |
371 | * @param {*} val | 352 | * @param {*} val |
372 | * @author: renchao | 353 | * @author: renchao |
373 | */ | 354 | */ |
374 | updaterow() { | 355 | updaterow () { |
375 | this.czr = ""; | 356 | this.czr = ""; |
376 | }, | 357 | }, |
377 | /** | 358 | /** |
378 | * @description: onSubmit | 359 | * @description: onSubmit |
379 | * @author: renchao | 360 | * @author: renchao |
380 | */ | 361 | */ |
381 | onSubmit() { | 362 | onSubmit () { |
382 | let that = this; | 363 | let that = this; |
383 | if (this.ruleForm.qlrList.length == 0) { | 364 | if (this.ruleForm.qlrList.length == 0) { |
384 | this.$message({ | 365 | this.$message({ |
... | @@ -445,15 +426,15 @@ export default { | ... | @@ -445,15 +426,15 @@ export default { |
445 | this.$message({ | 426 | this.$message({ |
446 | showClose: true, | 427 | showClose: true, |
447 | message: res.message, | 428 | message: res.message, |
448 | type: "error", | 429 | type: "error" |
449 | }); | 430 | }) |
431 | } | ||
432 | }) | ||
433 | } | ||
434 | } | ||
450 | } | 435 | } |
451 | }); | ||
452 | }, | ||
453 | }, | ||
454 | }; | ||
455 | </script> | 436 | </script> |
456 | <style scoped lang="scss"> | 437 | <style scoped lang="scss"> |
457 | @import "~@/styles/public.scss"; | 438 | @import "~@/styles/public.scss"; |
458 | @import "~@/styles/slxx/slxx.scss"; | 439 | @import "~@/styles/slxx/slxx.scss"; |
459 | </style> | 440 | </style> | ... | ... |
-
Please register or sign in to post a comment