Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
63 changed files
with
1546 additions
and
809 deletions
... | @@ -23,7 +23,9 @@ | ... | @@ -23,7 +23,9 @@ |
23 | "node-sass": "^4.14.1", | 23 | "node-sass": "^4.14.1", |
24 | "normalize.css": "7.0.0", | 24 | "normalize.css": "7.0.0", |
25 | "nprogress": "0.2.0", | 25 | "nprogress": "0.2.0", |
26 | "print-js": "^1.6.0", | ||
26 | "qrcode": "^1.5.3", | 27 | "qrcode": "^1.5.3", |
28 | "sortablejs": "^1.15.0", | ||
27 | "vue": "2.6.10", | 29 | "vue": "2.6.10", |
28 | "vue-json-editor": "^1.4.3", | 30 | "vue-json-editor": "^1.4.3", |
29 | "vue-print-nb": "^1.7.5", | 31 | "vue-print-nb": "^1.7.5", | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: 企业银行接口 | 2 | * @Description: 企业银行接口 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-11 10:19:36 | 4 | * @LastEditTime: 2023-09-12 08:35:25 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
... | @@ -81,3 +81,20 @@ export function deleteFile (bsmFile) { | ... | @@ -81,3 +81,20 @@ export function deleteFile (bsmFile) { |
81 | } | 81 | } |
82 | }) | 82 | }) |
83 | } | 83 | } |
84 | |||
85 | /** | ||
86 | * @description: 移动 | ||
87 | * @param {*} bsmFile | ||
88 | * @param {*} direction | ||
89 | * @author: renchao | ||
90 | */ | ||
91 | export function move (bsmFile, direction) { | ||
92 | return request({ | ||
93 | url: SERVER.SERVERAPI + '/rest/sys/company/move', | ||
94 | method: 'get', | ||
95 | params: { | ||
96 | bsmFile: bsmFile, | ||
97 | direction: direction | ||
98 | } | ||
99 | }) | ||
100 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -16,6 +16,7 @@ import Loading from '@/components/Loading/index.js'; | ... | @@ -16,6 +16,7 @@ import Loading from '@/components/Loading/index.js'; |
16 | import '@riophae/vue-treeselect/dist/vue-treeselect.css' | 16 | import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
17 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' | 17 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' |
18 | import Print from 'vue-print-nb' | 18 | import Print from 'vue-print-nb' |
19 | import printJS from 'print-js' | ||
19 | Vue.use(Print); | 20 | Vue.use(Print); |
20 | Vue.mixin(mixin); | 21 | Vue.mixin(mixin); |
21 | Vue.use(Loading.directive); | 22 | Vue.use(Loading.directive); |
... | @@ -27,7 +28,6 @@ Vue.prototype.$x2js = new x2js() | ... | @@ -27,7 +28,6 @@ Vue.prototype.$x2js = new x2js() |
27 | // 全局加载 | 28 | // 全局加载 |
28 | Vue.prototype.$startLoading = startLoadingAddCount | 29 | Vue.prototype.$startLoading = startLoadingAddCount |
29 | Vue.prototype.$endLoading = endLoadingSubCount | 30 | Vue.prototype.$endLoading = endLoadingSubCount |
30 | |||
31 | // 弹框 | 31 | // 弹框 |
32 | import { popupDialog, popupCacel } from "./utils/popup.js"; | 32 | import { popupDialog, popupCacel } from "./utils/popup.js"; |
33 | // 全局加载 | 33 | // 全局加载 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-07 16:09:13 | 4 | * @LastEditTime: 2023-09-13 09:10:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> | 11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> |
12 | <i class="el-icon-arrow-right"></i> | 12 | <i class="el-icon-arrow-right"></i> |
13 | </div> | 13 | </div> |
14 | <div class="img-list-wrap"> | 14 | <div class="img-list-wrap" v-Loading="loading"> |
15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> | 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> |
16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> |
17 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | 17 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" |
... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
36 | <div v-if="ableOperation" class="pl-5"> | 36 | <div v-if="ableOperation" class="pl-5"> |
37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> | 37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button> |
38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | 38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> |
39 | </div> | 39 | </div> |
40 | </div> | 40 | </div> |
... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
73 | }, | 73 | }, |
74 | data () { | 74 | data () { |
75 | return { | 75 | return { |
76 | loading: false, | ||
76 | key: 0, | 77 | key: 0, |
77 | isScan: false, | 78 | isScan: false, |
78 | // 打开高拍仪 | 79 | // 打开高拍仪 |
... | @@ -125,19 +126,21 @@ | ... | @@ -125,19 +126,21 @@ |
125 | handleOpenScan () { | 126 | handleOpenScan () { |
126 | this.isScan = !this.isScan | 127 | this.isScan = !this.isScan |
127 | if (this.isScan) { | 128 | if (this.isScan) { |
129 | this.loading = true | ||
128 | this.$message({ | 130 | this.$message({ |
129 | message: '正在启动程序请稍等', | 131 | message: '正在启动程序请稍等', |
130 | type: 'success' | 132 | type: 'success' |
131 | }) | 133 | }) |
132 | setTimeout(() => { | 134 | setTimeout(() => { |
133 | this.scanTitle = '关闭高拍仪' | 135 | this.scanTitle = '关闭高拍仪' |
136 | this.loading = false | ||
134 | }, 4000) | 137 | }, 4000) |
135 | } else { | 138 | } else { |
136 | this.scanTitle = '打开高拍仪' | 139 | this.scanTitle = '打开高拍仪' |
137 | } | 140 | } |
138 | }, | 141 | }, |
139 | // 左右移动 | 142 | // 左右移动 |
140 | handleMove(direction) { | 143 | handleMove (direction) { |
141 | 144 | ||
142 | }, | 145 | }, |
143 | /** | 146 | /** |
... | @@ -270,6 +273,9 @@ | ... | @@ -270,6 +273,9 @@ |
270 | } | 273 | } |
271 | formData.append("bsmSj", this.previewImg.bsmSj); | 274 | formData.append("bsmSj", this.previewImg.bsmSj); |
272 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | 275 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); |
276 | if (this.previewImg.imgList.length > 0) { | ||
277 | formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh); | ||
278 | } | ||
273 | uploadBatch(formData).then((res) => { | 279 | uploadBatch(formData).then((res) => { |
274 | if (res.code == 200) { | 280 | if (res.code == 200) { |
275 | this.$emit('updateList', res.result) | 281 | this.$emit('updateList', res.result) | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:42:01 | 4 | * @LastEditTime: 2023-09-12 13:26:13 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
8 | <!-- 表单部分 --> | ||
9 | <div class="from-clues-header"> | 8 | <div class="from-clues-header"> |
10 | <el-form ref="queryForm" label-width="180px" v-if="this.formData.obj"> | 9 | <el-form ref="queryForm" label-width="180px" v-if="this.formData.obj"> |
11 | <el-form-item label="下一环节名称:"> | 10 | <el-form-item label="下一环节名称:"> |
... | @@ -27,24 +26,21 @@ | ... | @@ -27,24 +26,21 @@ |
27 | v-model="shyj" | 26 | v-model="shyj" |
28 | placeholder="请输入审批意见" | 27 | placeholder="请输入审批意见" |
29 | type="textarea" | 28 | type="textarea" |
30 | :rows="4" | 29 | :rows="4"></el-input> |
31 | ></el-input> | 30 | </div> |
31 | <div style="text-align:center"> | ||
32 | <el-button @click="cancelBack">取消转出</el-button> | ||
33 | <el-button type="primary" @click="submitForm">确定转出</el-button> | ||
32 | </div> | 34 | </div> |
33 | |||
34 | <!-- <el-button class="opinion_btn" @click="commonOpinion">常用意见</el-button> --> | ||
35 | <el-button style="float: right" @click="cancelBack">取消转出</el-button> | ||
36 | <el-button type="primary" @click="submitForm" style="float: right" | ||
37 | >确定转出</el-button | ||
38 | > | ||
39 | </div> | 35 | </div> |
40 | </div> | 36 | </div> |
41 | </template> | 37 | </template> |
42 | 38 | ||
43 | <script> | 39 | <script> |
44 | import { completeTask, getNextLinkInfo } from "@/api/workFlow.js"; | 40 | import { completeTask, getNextLinkInfo } from "@/api/workFlow.js"; |
45 | import { popupCacel } from "@/utils/popup.js"; | 41 | import { popupCacel } from "@/utils/popup.js"; |
46 | import { mapGetters } from "vuex"; | 42 | import { mapGetters } from "vuex"; |
47 | export default { | 43 | export default { |
48 | computed: { | 44 | computed: { |
49 | }, | 45 | }, |
50 | props: { | 46 | props: { |
... | @@ -54,7 +50,7 @@ export default { | ... | @@ -54,7 +50,7 @@ export default { |
54 | }, | 50 | }, |
55 | }, | 51 | }, |
56 | 52 | ||
57 | data() { | 53 | data () { |
58 | return { | 54 | return { |
59 | queryForm: {}, | 55 | queryForm: {}, |
60 | shyj: "", | 56 | shyj: "", |
... | @@ -63,14 +59,14 @@ export default { | ... | @@ -63,14 +59,14 @@ export default { |
63 | 59 | ||
64 | watch: { | 60 | watch: { |
65 | yjsqOptions: { | 61 | yjsqOptions: { |
66 | handler(val) { | 62 | handler (val) { |
67 | this.add(val.opinion); | 63 | this.add(val.opinion); |
68 | }, | 64 | }, |
69 | deep: true, | 65 | deep: true, |
70 | immediate: true, | 66 | immediate: true, |
71 | }, | 67 | }, |
72 | }, | 68 | }, |
73 | mounted() { | 69 | mounted () { |
74 | // this.queryForm= this.queryForm.obj | 70 | // this.queryForm= this.queryForm.obj |
75 | }, | 71 | }, |
76 | methods: { | 72 | methods: { |
... | @@ -78,16 +74,16 @@ export default { | ... | @@ -78,16 +74,16 @@ export default { |
78 | * @description: submitForm | 74 | * @description: submitForm |
79 | * @author: renchao | 75 | * @author: renchao |
80 | */ | 76 | */ |
81 | commonOpinion() { | 77 | commonOpinion () { |
82 | this.$popup('常用意见',"workflow/components/dialog/commonOpinion",{ | 78 | this.$popup('常用意见', "workflow/components/dialog/commonOpinion", { |
83 | title:"常用意见", | 79 | title: "常用意见", |
84 | width: '75%', // 初始化75% 不需要改的话 可以直接不要 | 80 | width: '75%', // 初始化75% 不需要改的话 可以直接不要 |
85 | formData:{}, // 父组件传给子组件的参数 | 81 | formData: {}, // 父组件传给子组件的参数 |
86 | cancel: function () {}, //取消事件的回调 没有按钮可以不需要 | 82 | cancel: function () { }, //取消事件的回调 没有按钮可以不需要 |
87 | confirm: function () {} //确认事件的回调 没有按钮可以不需要 | 83 | confirm: function () { } //确认事件的回调 没有按钮可以不需要 |
88 | }) | 84 | }) |
89 | }, | 85 | }, |
90 | submitForm() { | 86 | submitForm () { |
91 | this.queryForm = { | 87 | this.queryForm = { |
92 | bsmSlsq: this.formData.bsmSlsq, | 88 | bsmSlsq: this.formData.bsmSlsq, |
93 | shyj: this.shyj, | 89 | shyj: this.shyj, |
... | @@ -123,7 +119,7 @@ export default { | ... | @@ -123,7 +119,7 @@ export default { |
123 | * @param {*} val | 119 | * @param {*} val |
124 | * @author: renchao | 120 | * @author: renchao |
125 | */ | 121 | */ |
126 | add(val) { | 122 | add (val) { |
127 | if (val != "") { | 123 | if (val != "") { |
128 | this.shyj; | 124 | this.shyj; |
129 | } | 125 | } |
... | @@ -133,27 +129,27 @@ export default { | ... | @@ -133,27 +129,27 @@ export default { |
133 | * @description: closeDialog | 129 | * @description: closeDialog |
134 | * @author: renchao | 130 | * @author: renchao |
135 | */ | 131 | */ |
136 | cancelBack() { | 132 | cancelBack () { |
137 | popupCacel(); | 133 | popupCacel(); |
138 | }, | 134 | }, |
139 | }, | 135 | }, |
140 | }; | 136 | }; |
141 | </script> | 137 | </script> |
142 | <style scoped lang="scss"> | 138 | <style scoped lang="scss"> |
143 | @import "~@/styles/mixin.scss"; | 139 | @import "~@/styles/mixin.scss"; |
144 | .el-button { | 140 | .el-button { |
145 | margin-top: 20px; | 141 | margin-top: 20px; |
146 | margin-right: 10px; | 142 | margin-right: 10px; |
147 | } | 143 | } |
148 | 144 | ||
149 | .opinion { | 145 | .opinion { |
150 | position: relative; | 146 | position: relative; |
151 | font-size: 14px; | 147 | font-size: 14px; |
152 | } | 148 | } |
153 | 149 | ||
154 | .opinion_btn { | 150 | .opinion_btn { |
155 | position: absolute; | 151 | position: absolute; |
156 | right: 35px; | 152 | right: 35px; |
157 | bottom: 80px; | 153 | bottom: 80px; |
158 | } | 154 | } |
159 | </style> | 155 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-22 16:27:42 | 4 | * @LastEditTime: 2023-09-11 16:37:36 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -479,7 +479,6 @@ | ... | @@ -479,7 +479,6 @@ |
479 | }, | 479 | }, |
480 | }; | 480 | }; |
481 | }, | 481 | }, |
482 | created () { }, | ||
483 | mounted () { | 482 | mounted () { |
484 | this.loadData(); | 483 | this.loadData(); |
485 | this.ableOperation = this.$parent.ableOperation; | 484 | this.ableOperation = this.$parent.ableOperation; |
... | @@ -495,7 +494,6 @@ | ... | @@ -495,7 +494,6 @@ |
495 | this.ruleForm.qlxx.ssywh = val.ywh; | 494 | this.ruleForm.qlxx.ssywh = val.ywh; |
496 | this.ssQlxxchangediolog(val); | 495 | this.ssQlxxchangediolog(val); |
497 | }, | 496 | }, |
498 | // 弹框事件 | ||
499 | /** | 497 | /** |
500 | * @description: 弹框事件 | 498 | * @description: 弹框事件 |
501 | * @param {*} val | 499 | * @param {*} val |
... | @@ -600,7 +598,6 @@ | ... | @@ -600,7 +598,6 @@ |
600 | } | 598 | } |
601 | }); | 599 | }); |
602 | }, | 600 | }, |
603 | // 更新土地用途信息 | ||
604 | /** | 601 | /** |
605 | * @description: 更新土地用途信息 | 602 | * @description: 更新土地用途信息 |
606 | * @param {*} val | 603 | * @param {*} val |
... | @@ -610,16 +607,16 @@ | ... | @@ -610,16 +607,16 @@ |
610 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 607 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
611 | this.key++; | 608 | this.key++; |
612 | }, | 609 | }, |
613 | // 更新权利人信息 | ||
614 | /** | 610 | /** |
615 | * @description: 更新权利人信息 | 611 | * @description: 更新权利人信息 |
616 | * @param {*} val | 612 | * @param {*} val |
617 | * @author: renchao | 613 | * @author: renchao |
618 | */ | 614 | */ |
619 | upDateQlrxxList (val) { | 615 | upDateQlrxxList (val) { |
616 | if (!_.isEqual(val, this.ruleForm.qlrData)) { | ||
620 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 617 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
621 | this.czrOptions = this.ruleForm.qlrData; | 618 | this.czrOptions = this.ruleForm.qlrData; |
622 | this.key++; | 619 | } |
623 | }, | 620 | }, |
624 | // 更新义务人信息 | 621 | // 更新义务人信息 |
625 | /** | 622 | /** | ... | ... |
... | @@ -523,16 +523,19 @@ | ... | @@ -523,16 +523,19 @@ |
523 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 523 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
524 | this.key++; | 524 | this.key++; |
525 | }, | 525 | }, |
526 | // 更新权利人信息 | ||
527 | /** | 526 | /** |
528 | * @description: 更新权利人信息 | 527 | * @description: 更新权利人信息 |
529 | * @param {*} val | 528 | * @param {*} val |
530 | * @author: renchao | 529 | * @author: renchao |
531 | */ | 530 | */ |
532 | upDateQlrxxList (val) { | 531 | upDateQlrxxList (val) { |
532 | if (!_.isEqual(val, this.ruleForm.qlrData)) { | ||
533 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 533 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
534 | this.czrOptions = this.ruleForm.qlrData; | 534 | this.czrOptions = this.ruleForm.qlrData; |
535 | this.key++; | 535 | } |
536 | if (this.ruleForm.qlrData.length == 0) { | ||
537 | this.czr = '' | ||
538 | } | ||
536 | }, | 539 | }, |
537 | // 保存 | 540 | // 保存 |
538 | /** | 541 | /** | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-22 16:27:48 | 4 | * @LastEditTime: 2023-09-11 16:38:51 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -631,15 +631,16 @@ | ... | @@ -631,15 +631,16 @@ |
631 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 631 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
632 | this.key++; | 632 | this.key++; |
633 | }, | 633 | }, |
634 | // 更新权利人信息 | ||
635 | /** | 634 | /** |
636 | * @description: 更新权利人信息 | 635 | * @description: 更新权利人信息 |
637 | * @param {*} val | 636 | * @param {*} val |
638 | * @author: renchao | 637 | * @author: renchao |
639 | */ | 638 | */ |
640 | upDateQlrxxList (val) { | 639 | upDateQlrxxList (val) { |
640 | if (!_.isEqual(val, this.ruleForm.qlrData)) { | ||
641 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 641 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
642 | this.key++; | 642 | this.czrOptions = this.ruleForm.qlrData; |
643 | } | ||
643 | }, | 644 | }, |
644 | /** | 645 | /** |
645 | * @description: onSubmit | 646 | * @description: onSubmit | ... | ... |
... | @@ -51,6 +51,25 @@ | ... | @@ -51,6 +51,25 @@ |
51 | </el-col> | 51 | </el-col> |
52 | </el-row> | 52 | </el-row> |
53 | <el-row> | 53 | <el-row> |
54 | <el-col :span="12"> | ||
55 | <el-form-item label="接口类型:" prop="requestType"> | ||
56 | <el-input v-model="ruleForm.requestType"></el-input> | ||
57 | </el-form-item> | ||
58 | </el-col> | ||
59 | <el-col :span="12"> | ||
60 | <el-form-item label="接口模块:" prop="requestModule"> | ||
61 | <el-input v-model="ruleForm.requestModule"></el-input> | ||
62 | </el-form-item> | ||
63 | </el-col> | ||
64 | </el-row> | ||
65 | <el-row> | ||
66 | <el-col :span="24"> | ||
67 | <el-form-item label="接口参数:" prop="requestParams"> | ||
68 | <el-input v-model="ruleForm.requestParams" type="textarea" :rows="4"></el-input> | ||
69 | </el-form-item> | ||
70 | </el-col> | ||
71 | </el-row> | ||
72 | <el-row> | ||
54 | <el-col :span="24"> | 73 | <el-col :span="24"> |
55 | <el-form-item label="接口描述:" prop="interfaceDescription"> | 74 | <el-form-item label="接口描述:" prop="interfaceDescription"> |
56 | <el-input v-model="ruleForm.interfaceDescription" type="textarea" :rows="4"></el-input> | 75 | <el-input v-model="ruleForm.interfaceDescription" type="textarea" :rows="4"></el-input> |
... | @@ -91,6 +110,9 @@ | ... | @@ -91,6 +110,9 @@ |
91 | interfaceMethod: '', | 110 | interfaceMethod: '', |
92 | interfaceType: '', | 111 | interfaceType: '', |
93 | interfaceKey: '', | 112 | interfaceKey: '', |
113 | requestParams: '', | ||
114 | requestType: '', | ||
115 | requestModule: '', | ||
94 | }, | 116 | }, |
95 | rules: { | 117 | rules: { |
96 | interfaceCode: [ | 118 | interfaceCode: [ | ... | ... |
... | @@ -45,6 +45,11 @@ | ... | @@ -45,6 +45,11 @@ |
45 | }) | 45 | }) |
46 | }, | 46 | }, |
47 | methods: { | 47 | methods: { |
48 | /** | ||
49 | * @description: handleSelectBdcdyh | ||
50 | * @param {*} val | ||
51 | * @author: renchao | ||
52 | */ | ||
48 | handleSelectBdcdyh (val) { | 53 | handleSelectBdcdyh (val) { |
49 | this.$emit('getBdcdyh', val); | 54 | this.$emit('getBdcdyh', val); |
50 | } | 55 | } | ... | ... |
... | @@ -6,12 +6,14 @@ | ... | @@ -6,12 +6,14 @@ |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxcfdj" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
10 | </div> | 10 | </div> |
11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
12 | <div class="title"> | 12 | <div class="title"> |
13 | {{ title }} | 13 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()" |
15 | >打印</el-button | ||
16 | > | ||
15 | <div class="checkbox"> | 17 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 19 | <el-checkbox |
... | @@ -125,6 +127,7 @@ export default { | ... | @@ -125,6 +127,7 @@ export default { |
125 | emptycolNum: datas.columns().emptycolNum, | 127 | emptycolNum: datas.columns().emptycolNum, |
126 | //列名称对象 | 128 | //列名称对象 |
127 | columns: datas.columns().CFDJ, | 129 | columns: datas.columns().CFDJ, |
130 | render: false, | ||
128 | }; | 131 | }; |
129 | }, | 132 | }, |
130 | created() { | 133 | created() { |
... | @@ -132,6 +135,35 @@ export default { | ... | @@ -132,6 +135,35 @@ export default { |
132 | }, | 135 | }, |
133 | methods: { | 136 | methods: { |
134 | /** | 137 | /** |
138 | * @description: openPrint | ||
139 | * @author: miaofang | ||
140 | */ | ||
141 | openPrint() { | ||
142 | this.render = true; | ||
143 | setTimeout(() => { | ||
144 | this.prinsss(); | ||
145 | }, 100); | ||
146 | }, | ||
147 | /** | ||
148 | * @description: prinsss | ||
149 | * @author: miaofang | ||
150 | */ | ||
151 | prinsss() { | ||
152 | printJS({ | ||
153 | printable: "boxcfdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
154 | type: "html", | ||
155 | maxWidth: 800, // 最大宽度 | ||
156 | font_size: "", // 不设置则使用默认字体大小 | ||
157 | style: `@font-face { | ||
158 | font-family: "STZHONGS"; | ||
159 | src: url(${window.ttf}) format("truetype"); | ||
160 | }`, | ||
161 | // 继承原来的所有样式 | ||
162 | targetStyles: ["*"], | ||
163 | }); | ||
164 | this.render=false | ||
165 | }, | ||
166 | /** | ||
135 | * @description: loadData | 167 | * @description: loadData |
136 | * @author: renchao | 168 | * @author: renchao |
137 | */ | 169 | */ | ... | ... |
... | @@ -5,18 +5,27 @@ | ... | @@ -5,18 +5,27 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div id="box"> | 7 | <div id="box"> |
8 | <div class="tbalede" v-for="(el, indexx) in datass" :key="indexx" style="page-break-after: always"> | 8 | <div |
9 | class="tbalede" | ||
10 | v-for="(el, indexx) in datass" | ||
11 | :key="indexx" | ||
12 | style="page-break-after: always" | ||
13 | > | ||
9 | <div class="title">{{ title }}</div> | 14 | <div class="title">{{ title }}</div> |
10 | <table class="xxTable"> | 15 | <table class="xxTable"> |
11 | <tr v-for="(item) in columns" :key="item.name"> | 16 | <tr v-for="item in columns" :key="item.name"> |
12 | <td> | 17 | <td> |
13 | {{ item.despriction }} | 18 | {{ item.despriction }} |
14 | </td> | 19 | </td> |
15 | <td v-for="(row, index) in el" :key="index+'2'"> | 20 | <td v-for="(row, index) in el" :key="index + '2'"> |
16 | {{ row[item.name] }} | 21 | {{ row[item.name] }} |
17 | </td> | 22 | </td> |
18 | 23 | ||
19 | <td v-show="el.emptycolNum" v-for="count in emptycolNum" :key="count"></td> | 24 | <td |
25 | v-show="el.emptycolNum" | ||
26 | v-for="count in emptycolNum" | ||
27 | :key="count" | ||
28 | ></td> | ||
20 | </tr> | 29 | </tr> |
21 | </table> | 30 | </table> |
22 | </div> | 31 | </div> |
... | @@ -32,13 +41,12 @@ export default { | ... | @@ -32,13 +41,12 @@ export default { |
32 | data() { | 41 | data() { |
33 | return { | 42 | return { |
34 | title: this.$parent.title, | 43 | title: this.$parent.title, |
35 | checkList: datas.columns().checkList, | ||
36 | //列表数据 | 44 | //列表数据 |
37 | //空列值个数 | 45 | //空列值个数 |
38 | emptycolNum:3, | 46 | emptycolNum: 4, |
39 | //列名称对象 | 47 | //列名称对象 |
40 | columns: [], | 48 | columns: [], |
41 | datass:[], | 49 | datass: [], |
42 | }; | 50 | }; |
43 | }, | 51 | }, |
44 | props: { | 52 | props: { |
... | @@ -50,46 +58,53 @@ export default { | ... | @@ -50,46 +58,53 @@ export default { |
50 | type: Array, | 58 | type: Array, |
51 | default: () => [], | 59 | default: () => [], |
52 | }, | 60 | }, |
61 | render:{ | ||
62 | type: Boolean, | ||
63 | default: false, | ||
64 | } | ||
53 | }, | 65 | }, |
54 | created() { | 66 | created() {}, |
55 | }, | ||
56 | watch: { | 67 | watch: { |
57 | tableData: { | 68 | tableData: { |
58 | handler (newValue, oldValue) { | 69 | handler(newValue, oldValue) { |
59 | this.tableData=newValue | 70 | this.tableData = newValue; |
60 | this.loadData() | 71 | }, |
61 | }, | 72 | }, |
73 | render: { | ||
74 | handler(newValue, oldValue) { | ||
75 | if(newValue){ | ||
76 | this.loadData(); | ||
62 | } | 77 | } |
63 | }, | 78 | }, |
79 | }, | ||
80 | immediate: true, | ||
81 | deep: true, | ||
82 | }, | ||
64 | methods: { | 83 | methods: { |
65 | /** | 84 | /** |
66 | * @description: loadData | 85 | * @description: loadData |
67 | * @author: renchao | 86 | * @author: miaofang |
68 | */ | 87 | */ |
69 | loadData() { | 88 | loadData() { |
70 | getFieldListByQlxx({ | 89 | getFieldListByQlxx({ |
71 | qllx: this.propsParam.qllx | 90 | qllx: this.propsParam.qllx, |
72 | }).then((res) => { | 91 | }).then((res) => { |
73 | if (res.code === 200) { | 92 | if (res.code === 200) { |
74 | this.columns = res.result; | 93 | this.columns = res.result; |
75 | |||
76 | } | 94 | } |
77 | }); | 95 | }); |
78 | 96 | if (this.tableData.length&&this.datass.length==0) { | |
79 | this.tableData.forEach((item) => { | 97 | for (let i = 0; i < this.tableData.length; i += 4) { |
80 | item.sjlx = getSjlx(item.sjlx); | 98 | this.datass.push(this.tableData.slice(i, i + 4)); |
81 | }) | ||
82 | for (let i = 0; i < this.tableData.length; i+=3) { | ||
83 | this.datass.push(this.tableData.slice(i,i+3)) | ||
84 | } | 99 | } |
85 | let num=this.datass[this.datass.length-1].length | 100 | let num = this.datass[this.datass.length - 1].length; |
86 | if (num < 3) { | 101 | if (num < 4) { |
87 | this.emptycolNum = | 102 | this.emptycolNum = 4 - num; |
88 | 3 - num; | 103 | this.datass[this.datass.length - 1].emptycolNum = true; |
89 | this.datass[this.datass.length-1].emptycolNum=true | ||
90 | } else { | 104 | } else { |
91 | this.emptycolNum = 0; | 105 | this.emptycolNum = 0; |
92 | } | 106 | } |
107 | } | ||
93 | }, | 108 | }, |
94 | }, | 109 | }, |
95 | }; | 110 | }; |
... | @@ -97,7 +112,7 @@ export default { | ... | @@ -97,7 +112,7 @@ export default { |
97 | 112 | ||
98 | <style lang="scss" scoped> | 113 | <style lang="scss" scoped> |
99 | .tbalede { | 114 | .tbalede { |
100 | width: 794px; | 115 | width: 100%; |
101 | // height: 1123px; | 116 | // height: 1123px; |
102 | margin: auto; | 117 | margin: auto; |
103 | .title { | 118 | .title { |
... | @@ -124,6 +139,17 @@ export default { | ... | @@ -124,6 +139,17 @@ export default { |
124 | min-width: 80px; | 139 | min-width: 80px; |
125 | padding: 5px; | 140 | padding: 5px; |
126 | } | 141 | } |
142 | td { | ||
143 | width: 20px!important; | ||
144 | word-break: break-all; | ||
145 | // /* 方法一:使用 word-break */ | ||
146 | // word-break: break-all; | ||
147 | // // /* 方法二:使用 white-space */ | ||
148 | // // white-space: pre-wrap; | ||
149 | // // /* 方法三:使用 overflow-wrap */ | ||
150 | // // overflow-wrap: break-word; | ||
151 | } | ||
152 | |||
127 | } | 153 | } |
128 | } | 154 | } |
129 | </style> | 155 | </style> | ... | ... |
... | @@ -6,12 +6,14 @@ | ... | @@ -6,12 +6,14 @@ |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxdiyaq" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
10 | </div> | 10 | </div> |
11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
12 | <div class="title"> | 12 | <div class="title"> |
13 | {{ title }} | 13 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()" |
15 | >打印</el-button | ||
16 | > | ||
15 | <div class="checkbox"> | 17 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 19 | <el-checkbox |
... | @@ -127,6 +129,7 @@ export default { | ... | @@ -127,6 +129,7 @@ export default { |
127 | emptycolNum: datas.columns().emptycolNum, | 129 | emptycolNum: datas.columns().emptycolNum, |
128 | //列名称对象 | 130 | //列名称对象 |
129 | columns: datas.columns().DYAQ, | 131 | columns: datas.columns().DYAQ, |
132 | render: false, | ||
130 | }; | 133 | }; |
131 | }, | 134 | }, |
132 | created() { | 135 | created() { |
... | @@ -134,6 +137,35 @@ export default { | ... | @@ -134,6 +137,35 @@ export default { |
134 | }, | 137 | }, |
135 | methods: { | 138 | methods: { |
136 | /** | 139 | /** |
140 | * @description: openPrint | ||
141 | * @author: miaofang | ||
142 | */ | ||
143 | openPrint() { | ||
144 | this.render = true; | ||
145 | setTimeout(() => { | ||
146 | this.prinsss(); | ||
147 | }, 100); | ||
148 | }, | ||
149 | /** | ||
150 | * @description: prinsss | ||
151 | * @author: miaofang | ||
152 | */ | ||
153 | prinsss() { | ||
154 | printJS({ | ||
155 | printable: "boxdiyaq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
156 | type: "html", | ||
157 | maxWidth: 800, // 最大宽度 | ||
158 | font_size: "", // 不设置则使用默认字体大小 | ||
159 | style: `@font-face { | ||
160 | font-family: "STZHONGS"; | ||
161 | src: url(${window.ttf}) format("truetype"); | ||
162 | }`, | ||
163 | // 继承原来的所有样式 | ||
164 | targetStyles: ["*"], | ||
165 | }); | ||
166 | this.render=false | ||
167 | }, | ||
168 | /** | ||
137 | * @description: loadData | 169 | * @description: loadData |
138 | * @author: renchao | 170 | * @author: renchao |
139 | */ | 171 | */ | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxdiyiq" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
10 | </div> | 10 | </div> |
11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
12 | <div class="title"> | 12 | <div class="title"> |
13 | {{ title }} | 13 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()" |
15 | >打印</el-button | ||
16 | > | ||
15 | <div class="checkbox"> | 17 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 18 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 19 | <el-checkbox |
... | @@ -127,15 +129,44 @@ export default { | ... | @@ -127,15 +129,44 @@ export default { |
127 | emptycolNum: datas.columns().emptycolNum, | 129 | emptycolNum: datas.columns().emptycolNum, |
128 | //列名称对象 | 130 | //列名称对象 |
129 | columns: datas.columns().DYIQ, | 131 | columns: datas.columns().DYIQ, |
132 | render: false, | ||
130 | }; | 133 | }; |
131 | }, | 134 | }, |
132 | created() { | 135 | created() { |
133 | this.loadData(); | 136 | this.loadData(); |
134 | }, | 137 | }, |
135 | methods: { | 138 | methods: { /** |
139 | * @description: openPrint | ||
140 | * @author: miaofang | ||
141 | */ | ||
142 | openPrint() { | ||
143 | this.render = true; | ||
144 | setTimeout(() => { | ||
145 | this.prinsss(); | ||
146 | }, 100); | ||
147 | }, | ||
148 | /** | ||
149 | * @description: prinsss | ||
150 | * @author: miaofang | ||
151 | */ | ||
152 | prinsss() { | ||
153 | printJS({ | ||
154 | printable: "boxdiyiq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
155 | type: "html", | ||
156 | maxWidth: 800, // 最大宽度 | ||
157 | font_size: "", // 不设置则使用默认字体大小 | ||
158 | style: `@font-face { | ||
159 | font-family: "STZHONGS"; | ||
160 | src: url(${window.ttf}) format("truetype"); | ||
161 | }`, | ||
162 | // 继承原来的所有样式 | ||
163 | targetStyles: ["*"], | ||
164 | }); | ||
165 | this.render=false | ||
166 | }, | ||
136 | /** | 167 | /** |
137 | * @description: loadData | 168 | * @description: loadData |
138 | * @author: renchao | 169 | * @author: miaofang |
139 | */ | 170 | */ |
140 | loadData() { | 171 | loadData() { |
141 | if (this.$parent.addRepairRecord) { | 172 | if (this.$parent.addRepairRecord) { |
... | @@ -164,7 +195,7 @@ export default { | ... | @@ -164,7 +195,7 @@ export default { |
164 | }, | 195 | }, |
165 | /** | 196 | /** |
166 | * @description: checkChange | 197 | * @description: checkChange |
167 | * @author: renchao | 198 | * @author: miaofang |
168 | */ | 199 | */ |
169 | checkChange() { | 200 | checkChange() { |
170 | if (this.checkList.length === 0) { | 201 | if (this.checkList.length === 0) { |
... | @@ -177,7 +208,7 @@ export default { | ... | @@ -177,7 +208,7 @@ export default { |
177 | /** | 208 | /** |
178 | * @description: getQsztName | 209 | * @description: getQsztName |
179 | * @param {*} code | 210 | * @param {*} code |
180 | * @author: renchao | 211 | * @author: miaofang |
181 | */ | 212 | */ |
182 | getQsztName(code) { | 213 | getQsztName(code) { |
183 | let name = ""; | 214 | let name = ""; |
... | @@ -194,7 +225,7 @@ export default { | ... | @@ -194,7 +225,7 @@ export default { |
194 | * @description: 新增一条补录信息 | 225 | * @description: 新增一条补录信息 |
195 | * @param {*} row | 226 | * @param {*} row |
196 | * @param {*} del | 227 | * @param {*} del |
197 | * @author: renchao | 228 | * @author: miaofang |
198 | */ | 229 | */ |
199 | editDialog(row, del) { | 230 | editDialog(row, del) { |
200 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 231 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
10 | id="boxfdcq" | ||
11 | :propsParam="propsParam" :tableData="tableData" :render="render"/> | ||
10 | </div> | 12 | </div> |
11 | <div class="tableBox"> | 13 | <div class="tableBox"> |
12 | <div class="title"> | 14 | <div class="title"> |
13 | {{ title }} | 15 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 16 | <el-button class="print" v-show="shows" @click="openPrint()" |
17 | >打印</el-button | ||
18 | > | ||
15 | <div class="checkbox"> | 19 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 20 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 21 | <el-checkbox |
... | @@ -121,7 +125,7 @@ | ... | @@ -121,7 +125,7 @@ |
121 | </template> | 125 | </template> |
122 | 126 | ||
123 | <script> | 127 | <script> |
124 | 128 | import printJS from "print-js"; | |
125 | import { datas } from "./qlxxFormData.js"; | 129 | import { datas } from "./qlxxFormData.js"; |
126 | import { getSjlx } from "@/utils/dictionary.js"; | 130 | import { getSjlx } from "@/utils/dictionary.js"; |
127 | import { getFdcq1List } from "@/api/djbDetail.js"; | 131 | import { getFdcq1List } from "@/api/djbDetail.js"; |
... | @@ -136,7 +140,7 @@ export default { | ... | @@ -136,7 +140,7 @@ export default { |
136 | id: "box", | 140 | id: "box", |
137 | //其他配置项, | 141 | //其他配置项, |
138 | }, | 142 | }, |
139 | shows:false, | 143 | shows: false, |
140 | title: "房地产权登记信息(多幢)", | 144 | title: "房地产权登记信息(多幢)", |
141 | qsztList: datas.columns().qsztList, | 145 | qsztList: datas.columns().qsztList, |
142 | checkList: datas.columns().checkList, | 146 | checkList: datas.columns().checkList, |
... | @@ -144,10 +148,13 @@ export default { | ... | @@ -144,10 +148,13 @@ export default { |
144 | propsParam: this.$attrs, | 148 | propsParam: this.$attrs, |
145 | //列表数据 | 149 | //列表数据 |
146 | tableData: [], | 150 | tableData: [], |
151 | // 异步传值 | ||
152 | datalist: [], | ||
147 | //空列值个数 | 153 | //空列值个数 |
148 | emptycolNum: datas.columns().emptycolNum, | 154 | emptycolNum: datas.columns().emptycolNum, |
149 | //列名称对象 | 155 | //列名称对象 |
150 | columns: datas.columns().FDCQ1, | 156 | columns: datas.columns().FDCQ1, |
157 | render: false, | ||
151 | }; | 158 | }; |
152 | }, | 159 | }, |
153 | created() { | 160 | created() { |
... | @@ -155,8 +162,37 @@ export default { | ... | @@ -155,8 +162,37 @@ export default { |
155 | }, | 162 | }, |
156 | methods: { | 163 | methods: { |
157 | /** | 164 | /** |
165 | * @description: openPrint | ||
166 | * @author: miaofang | ||
167 | */ | ||
168 | openPrint() { | ||
169 | this.render = true; | ||
170 | setTimeout(() => { | ||
171 | this.prinsss(); | ||
172 | }, 100); | ||
173 | }, | ||
174 | /** | ||
175 | * @description: prinsss | ||
176 | * @author: miaofang | ||
177 | */ | ||
178 | prinsss() { | ||
179 | printJS({ | ||
180 | printable: "boxfdcq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
181 | type: "html", | ||
182 | maxWidth: 800, // 最大宽度 | ||
183 | font_size: "", // 不设置则使用默认字体大小 | ||
184 | style: `@font-face { | ||
185 | font-family: "STZHONGS"; | ||
186 | src: url(${window.ttf}) format("truetype"); | ||
187 | }`, | ||
188 | // 继承原来的所有样式 | ||
189 | targetStyles: ["*"], | ||
190 | }); | ||
191 | this.render=false | ||
192 | }, | ||
193 | /** | ||
158 | * @description: loadData | 194 | * @description: loadData |
159 | * @author: renchao | 195 | * @author: miaofang |
160 | */ | 196 | */ |
161 | loadData() { | 197 | loadData() { |
162 | if (this.$parent.addRepairRecord) { | 198 | if (this.$parent.addRepairRecord) { |
... | @@ -169,7 +205,7 @@ export default { | ... | @@ -169,7 +205,7 @@ export default { |
169 | }).then((res) => { | 205 | }).then((res) => { |
170 | if (res.code === 200) { | 206 | if (res.code === 200) { |
171 | this.tableData = res.result; | 207 | this.tableData = res.result; |
172 | this.shows=this.tableData.length>0 | 208 | this.shows = this.tableData.length > 0; |
173 | this.tableData.forEach((item) => { | 209 | this.tableData.forEach((item) => { |
174 | item.sjlx = getSjlx(item.sjlx); | 210 | item.sjlx = getSjlx(item.sjlx); |
175 | }); | 211 | }); |
... | @@ -184,7 +220,7 @@ export default { | ... | @@ -184,7 +220,7 @@ export default { |
184 | }, | 220 | }, |
185 | /** | 221 | /** |
186 | * @description: checkChange | 222 | * @description: checkChange |
187 | * @author: renchao | 223 | * @author: miaofang |
188 | */ | 224 | */ |
189 | checkChange() { | 225 | checkChange() { |
190 | if (this.checkList.length === 0) { | 226 | if (this.checkList.length === 0) { |
... | @@ -197,7 +233,7 @@ export default { | ... | @@ -197,7 +233,7 @@ export default { |
197 | /** | 233 | /** |
198 | * @description: getQsztName | 234 | * @description: getQsztName |
199 | * @param {*} code | 235 | * @param {*} code |
200 | * @author: renchao | 236 | * @author: miaofang |
201 | */ | 237 | */ |
202 | getQsztName(code) { | 238 | getQsztName(code) { |
203 | let name = ""; | 239 | let name = ""; |
... | @@ -212,7 +248,7 @@ export default { | ... | @@ -212,7 +248,7 @@ export default { |
212 | /** | 248 | /** |
213 | * @description: judge | 249 | * @description: judge |
214 | * @param {*} lable | 250 | * @param {*} lable |
215 | * @author: renchao | 251 | * @author: miaofang |
216 | */ | 252 | */ |
217 | judge(label) { | 253 | judge(label) { |
218 | if ( | 254 | if ( |
... | @@ -230,7 +266,7 @@ export default { | ... | @@ -230,7 +266,7 @@ export default { |
230 | * @description: 新增一条补录信息 | 266 | * @description: 新增一条补录信息 |
231 | * @param {*} row | 267 | * @param {*} row |
232 | * @param {*} del | 268 | * @param {*} del |
233 | * @author: renchao | 269 | * @author: miaofang |
234 | */ | 270 | */ |
235 | editDialog(row, del) { | 271 | editDialog(row, del) { |
236 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 272 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
10 | id="boxfdcq" | ||
11 | :propsParam="propsParam" | ||
12 | :tableData="tableData" | ||
13 | :render="render" | ||
14 | /> | ||
10 | </div> | 15 | </div> |
11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
12 | <div class="title"> | 17 | <div class="title"> |
13 | {{ title }} | 18 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
20 | >打印</el-button | ||
21 | > | ||
15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 24 | <el-checkbox |
... | @@ -111,11 +118,8 @@ export default { | ... | @@ -111,11 +118,8 @@ export default { |
111 | }, | 118 | }, |
112 | data() { | 119 | data() { |
113 | return { | 120 | return { |
114 | printObj: { | 121 | |
115 | id: "box", | 122 | shows: false, |
116 | //其他配置项, | ||
117 | }, | ||
118 | shows:false, | ||
119 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 123 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
120 | qsztList: datas.columns().qsztList, | 124 | qsztList: datas.columns().qsztList, |
121 | checkList: datas.columns().checkList, | 125 | checkList: datas.columns().checkList, |
... | @@ -127,6 +131,7 @@ export default { | ... | @@ -127,6 +131,7 @@ export default { |
127 | emptycolNum: datas.columns().emptycolNum, | 131 | emptycolNum: datas.columns().emptycolNum, |
128 | //列名称对象 | 132 | //列名称对象 |
129 | columns: datas.columns().FDCQ2, | 133 | columns: datas.columns().FDCQ2, |
134 | render: false, | ||
130 | }; | 135 | }; |
131 | }, | 136 | }, |
132 | created() { | 137 | created() { |
... | @@ -134,8 +139,37 @@ export default { | ... | @@ -134,8 +139,37 @@ export default { |
134 | }, | 139 | }, |
135 | methods: { | 140 | methods: { |
136 | /** | 141 | /** |
142 | * @description: openPrint | ||
143 | * @author: miaofang | ||
144 | */ | ||
145 | openPrint() { | ||
146 | this.render = true; | ||
147 | setTimeout(() => { | ||
148 | this.prinsss(); | ||
149 | }, 100); | ||
150 | }, | ||
151 | /** | ||
152 | * @description: prinsss | ||
153 | * @author: miaofang | ||
154 | */ | ||
155 | prinsss() { | ||
156 | printJS({ | ||
157 | printable: "boxfdcq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
158 | type: "html", | ||
159 | maxWidth: 800, // 最大宽度 | ||
160 | font_size: "", // 不设置则使用默认字体大小 | ||
161 | style: `@font-face { | ||
162 | font-family: "STZHONGS"; | ||
163 | src: url(${window.ttf}) format("truetype"); | ||
164 | }`, | ||
165 | // 继承原来的所有样式 | ||
166 | targetStyles: ["*"], | ||
167 | }); | ||
168 | this.render = false | ||
169 | }, | ||
170 | /** | ||
137 | * @description: loadData | 171 | * @description: loadData |
138 | * @author: renchao | 172 | * @author: miaofang |
139 | */ | 173 | */ |
140 | loadData() { | 174 | loadData() { |
141 | if (this.$parent.addRepairRecord) { | 175 | if (this.$parent.addRepairRecord) { |
... | @@ -148,8 +182,7 @@ export default { | ... | @@ -148,8 +182,7 @@ export default { |
148 | }).then((res) => { | 182 | }).then((res) => { |
149 | if (res.code === 200) { | 183 | if (res.code === 200) { |
150 | this.tableData = res.result; | 184 | this.tableData = res.result; |
151 | this.shows=this.tableData.length>0 | 185 | this.shows = this.tableData.length > 0; |
152 | console.log("this.tableData111",this.tableData); | ||
153 | this.tableData.forEach((item) => { | 186 | this.tableData.forEach((item) => { |
154 | item.sjlx = getSjlx(item.sjlx); | 187 | item.sjlx = getSjlx(item.sjlx); |
155 | }); | 188 | }); |
... | @@ -164,7 +197,7 @@ export default { | ... | @@ -164,7 +197,7 @@ export default { |
164 | }, | 197 | }, |
165 | /** | 198 | /** |
166 | * @description: checkChange | 199 | * @description: checkChange |
167 | * @author: renchao | 200 | * @author: miaofang |
168 | */ | 201 | */ |
169 | checkChange() { | 202 | checkChange() { |
170 | if (this.checkList.length === 0) { | 203 | if (this.checkList.length === 0) { |
... | @@ -177,7 +210,7 @@ export default { | ... | @@ -177,7 +210,7 @@ export default { |
177 | /** | 210 | /** |
178 | * @description: getQsztName | 211 | * @description: getQsztName |
179 | * @param {*} code | 212 | * @param {*} code |
180 | * @author: renchao | 213 | * @author: miaofang |
181 | */ | 214 | */ |
182 | getQsztName(code) { | 215 | getQsztName(code) { |
183 | let name = ""; | 216 | let name = ""; |
... | @@ -194,7 +227,7 @@ export default { | ... | @@ -194,7 +227,7 @@ export default { |
194 | * @description: 新增一条补录信息 | 227 | * @description: 新增一条补录信息 |
195 | * @param {*} row | 228 | * @param {*} row |
196 | * @param {*} del | 229 | * @param {*} del |
197 | * @author: renchao | 230 | * @author: miaofang |
198 | */ | 231 | */ |
199 | editDialog(row, del) { | 232 | editDialog(row, del) { |
200 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 233 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
10 | id="boxjsydsyq" | ||
11 | :propsParam="propsParam" | ||
12 | :tableData="tableData" | ||
13 | :render="render" | ||
14 | /> | ||
10 | </div> | 15 | </div> |
11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
12 | <div class="title"> | 17 | <div class="title"> |
13 | {{ title }} | 18 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
20 | >打印</el-button | ||
21 | > | ||
15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 24 | <el-checkbox |
... | @@ -115,7 +122,7 @@ export default { | ... | @@ -115,7 +122,7 @@ export default { |
115 | id: "box", | 122 | id: "box", |
116 | //其他配置项, | 123 | //其他配置项, |
117 | }, | 124 | }, |
118 | shows:false, | 125 | shows: false, |
119 | title: "建设用地使用权、宅基地使用权登记信息", | 126 | title: "建设用地使用权、宅基地使用权登记信息", |
120 | qsztList: datas.columns().qsztList, | 127 | qsztList: datas.columns().qsztList, |
121 | checkList: datas.columns().checkList, | 128 | checkList: datas.columns().checkList, |
... | @@ -127,6 +134,7 @@ export default { | ... | @@ -127,6 +134,7 @@ export default { |
127 | emptycolNum: datas.columns().emptycolNum, | 134 | emptycolNum: datas.columns().emptycolNum, |
128 | //列名称对象 | 135 | //列名称对象 |
129 | columns: datas.columns().JSYDSYQ, | 136 | columns: datas.columns().JSYDSYQ, |
137 | render: false, | ||
130 | }; | 138 | }; |
131 | }, | 139 | }, |
132 | created() { | 140 | created() { |
... | @@ -134,11 +142,39 @@ export default { | ... | @@ -134,11 +142,39 @@ export default { |
134 | }, | 142 | }, |
135 | methods: { | 143 | methods: { |
136 | /** | 144 | /** |
145 | * @description: openPrint | ||
146 | * @author: miaofang | ||
147 | */ | ||
148 | openPrint() { | ||
149 | this.render = true; | ||
150 | setTimeout(() => { | ||
151 | this.prinsss(); | ||
152 | }, 100); | ||
153 | }, | ||
154 | /** | ||
155 | * @description: prinsss | ||
156 | * @author: miaofang | ||
157 | */ | ||
158 | prinsss() { | ||
159 | printJS({ | ||
160 | printable: "boxjsydsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
161 | type: "html", | ||
162 | maxWidth: 800, // 最大宽度 | ||
163 | font_size: "", // 不设置则使用默认字体大小 | ||
164 | style: `@font-face { | ||
165 | font-family: "STZHONGS"; | ||
166 | src: url(${window.ttf}) format("truetype"); | ||
167 | }`, | ||
168 | // 继承原来的所有样式 | ||
169 | targetStyles: ["*"], | ||
170 | }); | ||
171 | this.render=false | ||
172 | }, | ||
173 | /** | ||
137 | * @description: loadData | 174 | * @description: loadData |
138 | * @author: renchao | 175 | * @author: miaofang |
139 | */ | 176 | */ |
140 | loadData() { | 177 | loadData() { |
141 | |||
142 | getJsydsyqList({ | 178 | getJsydsyqList({ |
143 | bdcdyid: this.propsParam.bdcdyid, | 179 | bdcdyid: this.propsParam.bdcdyid, |
144 | qllx: this.propsParam.qllx, | 180 | qllx: this.propsParam.qllx, |
... | @@ -146,7 +182,7 @@ export default { | ... | @@ -146,7 +182,7 @@ export default { |
146 | }).then((res) => { | 182 | }).then((res) => { |
147 | if (res.code === 200) { | 183 | if (res.code === 200) { |
148 | this.tableData = res.result; | 184 | this.tableData = res.result; |
149 | this.shows=this.tableData.length>0 | 185 | this.shows = this.tableData.length > 0; |
150 | this.tableData.forEach((item) => { | 186 | this.tableData.forEach((item) => { |
151 | item.sjlx = getSjlx(item.sjlx); | 187 | item.sjlx = getSjlx(item.sjlx); |
152 | }); | 188 | }); |
... | @@ -161,7 +197,7 @@ export default { | ... | @@ -161,7 +197,7 @@ export default { |
161 | }, | 197 | }, |
162 | /** | 198 | /** |
163 | * @description: checkChange | 199 | * @description: checkChange |
164 | * @author: renchao | 200 | * @author: miaofang |
165 | */ | 201 | */ |
166 | checkChange() { | 202 | checkChange() { |
167 | if (this.checkList.length === 0) { | 203 | if (this.checkList.length === 0) { |
... | @@ -174,7 +210,7 @@ export default { | ... | @@ -174,7 +210,7 @@ export default { |
174 | /** | 210 | /** |
175 | * @description: getQsztName | 211 | * @description: getQsztName |
176 | * @param {*} code | 212 | * @param {*} code |
177 | * @author: renchao | 213 | * @author: miaofang |
178 | */ | 214 | */ |
179 | getQsztName(code) { | 215 | getQsztName(code) { |
180 | let name = ""; | 216 | let name = ""; |
... | @@ -191,7 +227,7 @@ export default { | ... | @@ -191,7 +227,7 @@ export default { |
191 | * @description: 新增一条补录信息 | 227 | * @description: 新增一条补录信息 |
192 | * @param {*} row | 228 | * @param {*} row |
193 | * @param {*} del | 229 | * @param {*} del |
194 | * @author: renchao | 230 | * @author: miaofang |
195 | */ | 231 | */ |
196 | editDialog(row, del) { | 232 | editDialog(row, del) { |
197 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 233 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
... | @@ -220,7 +256,7 @@ export default { | ... | @@ -220,7 +256,7 @@ export default { |
220 | 256 | ||
221 | <style lang="scss" scoped> | 257 | <style lang="scss" scoped> |
222 | @import "./qlxxCommon.scss"; | 258 | @import "./qlxxCommon.scss"; |
223 | .title { | 259 | .title { |
224 | position: relative; | 260 | position: relative; |
225 | .print { | 261 | .print { |
226 | // background-color: #0079fe; | 262 | // background-color: #0079fe; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
10 | id="boxldsyq" | ||
11 | :propsParam="propsParam" | ||
12 | :tableData="tableData" | ||
13 | :render="render" | ||
14 | /> | ||
10 | </div> | 15 | </div> |
11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
12 | <div class="title"> | 17 | <div class="title"> |
13 | {{ title }} | 18 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
20 | >打印</el-button | ||
21 | > | ||
15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 24 | <el-checkbox |
... | @@ -113,7 +120,7 @@ export default { | ... | @@ -113,7 +120,7 @@ export default { |
113 | id: "box", | 120 | id: "box", |
114 | //其他配置项, | 121 | //其他配置项, |
115 | }, | 122 | }, |
116 | shows:false, | 123 | shows: false, |
117 | title: "林权登记信息", | 124 | title: "林权登记信息", |
118 | qsztList: datas.columns().qsztList, | 125 | qsztList: datas.columns().qsztList, |
119 | checkList: datas.columns().checkList, | 126 | checkList: datas.columns().checkList, |
... | @@ -125,6 +132,7 @@ export default { | ... | @@ -125,6 +132,7 @@ export default { |
125 | emptycolNum: datas.columns().emptycolNum, | 132 | emptycolNum: datas.columns().emptycolNum, |
126 | //列名称对象 | 133 | //列名称对象 |
127 | columns: datas.columns().LDSYQ, | 134 | columns: datas.columns().LDSYQ, |
135 | render: false, | ||
128 | }; | 136 | }; |
129 | }, | 137 | }, |
130 | created() { | 138 | created() { |
... | @@ -132,8 +140,37 @@ export default { | ... | @@ -132,8 +140,37 @@ export default { |
132 | }, | 140 | }, |
133 | methods: { | 141 | methods: { |
134 | /** | 142 | /** |
143 | * @description: openPrint | ||
144 | * @author: miaofang | ||
145 | */ | ||
146 | openPrint() { | ||
147 | this.render = true; | ||
148 | setTimeout(() => { | ||
149 | this.prinsss(); | ||
150 | }, 100); | ||
151 | }, | ||
152 | /** | ||
153 | * @description: prinsss | ||
154 | * @author: miaofang | ||
155 | */ | ||
156 | prinsss() { | ||
157 | printJS({ | ||
158 | printable: "boxldsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
159 | type: "html", | ||
160 | maxWidth: 800, // 最大宽度 | ||
161 | font_size: "", // 不设置则使用默认字体大小 | ||
162 | style: `@font-face { | ||
163 | font-family: "STZHONGS"; | ||
164 | src: url(${window.ttf}) format("truetype"); | ||
165 | }`, | ||
166 | // 继承原来的所有样式 | ||
167 | targetStyles: ["*"], | ||
168 | }); | ||
169 | this.render=false | ||
170 | }, | ||
171 | /** | ||
135 | * @description: loadData | 172 | * @description: loadData |
136 | * @author: renchao | 173 | * @author: miaofang |
137 | */ | 174 | */ |
138 | loadData() { | 175 | loadData() { |
139 | if (this.$parent.addRepairRecord) { | 176 | if (this.$parent.addRepairRecord) { |
... | @@ -149,7 +186,7 @@ export default { | ... | @@ -149,7 +186,7 @@ export default { |
149 | }).then((res) => { | 186 | }).then((res) => { |
150 | if (res.code === 200) { | 187 | if (res.code === 200) { |
151 | this.tableData = res.result; | 188 | this.tableData = res.result; |
152 | this.shows=this.tableData.length>0 | 189 | this.shows = this.tableData.length > 0; |
153 | this.tableData.forEach((item) => { | 190 | this.tableData.forEach((item) => { |
154 | item.sjlx = getSjlx(item.sjlx); | 191 | item.sjlx = getSjlx(item.sjlx); |
155 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); | 192 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); |
... | @@ -167,7 +204,7 @@ export default { | ... | @@ -167,7 +204,7 @@ export default { |
167 | }, | 204 | }, |
168 | /** | 205 | /** |
169 | * @description: checkChange | 206 | * @description: checkChange |
170 | * @author: renchao | 207 | * @author: miaofang |
171 | */ | 208 | */ |
172 | checkChange() { | 209 | checkChange() { |
173 | if (this.checkList.length === 0) { | 210 | if (this.checkList.length === 0) { |
... | @@ -180,7 +217,7 @@ export default { | ... | @@ -180,7 +217,7 @@ export default { |
180 | /** | 217 | /** |
181 | * @description: getQsztName | 218 | * @description: getQsztName |
182 | * @param {*} code | 219 | * @param {*} code |
183 | * @author: renchao | 220 | * @author: miaofang |
184 | */ | 221 | */ |
185 | getQsztName(code) { | 222 | getQsztName(code) { |
186 | let name = ""; | 223 | let name = ""; |
... | @@ -197,7 +234,7 @@ export default { | ... | @@ -197,7 +234,7 @@ export default { |
197 | * @description: 新增一条补录信息 | 234 | * @description: 新增一条补录信息 |
198 | * @param {*} row | 235 | * @param {*} row |
199 | * @param {*} del | 236 | * @param {*} del |
200 | * @author: renchao | 237 | * @author: miaofang |
201 | */ | 238 | */ |
202 | editDialog(row, del) { | 239 | editDialog(row, del) { |
203 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 240 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
10 | id="boxnydsyq" | ||
11 | :propsParam="propsParam" | ||
12 | :tableData="tableData" | ||
13 | :render="render" | ||
14 | /> | ||
10 | </div> | 15 | </div> |
11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
12 | <div class="title"> | 17 | <div class="title"> |
13 | {{ title }} | 18 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
20 | >打印</el-button | ||
21 | > | ||
15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 24 | <el-checkbox |
... | @@ -162,7 +169,7 @@ export default { | ... | @@ -162,7 +169,7 @@ export default { |
162 | id: "box", | 169 | id: "box", |
163 | //其他配置项, | 170 | //其他配置项, |
164 | }, | 171 | }, |
165 | shows:false, | 172 | shows: false, |
166 | title: "农用地使用权登记信息", | 173 | title: "农用地使用权登记信息", |
167 | qsztList: datas.columns().qsztList, | 174 | qsztList: datas.columns().qsztList, |
168 | checkList: datas.columns().checkList, | 175 | checkList: datas.columns().checkList, |
... | @@ -174,6 +181,7 @@ export default { | ... | @@ -174,6 +181,7 @@ export default { |
174 | emptycolNum: datas.columns().emptycolNum, | 181 | emptycolNum: datas.columns().emptycolNum, |
175 | //列名称对象 | 182 | //列名称对象 |
176 | columns: datas.columns().NYDSYQ, | 183 | columns: datas.columns().NYDSYQ, |
184 | render: false, | ||
177 | }; | 185 | }; |
178 | }, | 186 | }, |
179 | created() { | 187 | created() { |
... | @@ -187,8 +195,37 @@ export default { | ... | @@ -187,8 +195,37 @@ export default { |
187 | }, | 195 | }, |
188 | methods: { | 196 | methods: { |
189 | /** | 197 | /** |
198 | * @description: openPrint | ||
199 | * @author: miaofang | ||
200 | */ | ||
201 | openPrint() { | ||
202 | this.render = true; | ||
203 | setTimeout(() => { | ||
204 | this.prinsss(); | ||
205 | }, 100); | ||
206 | }, | ||
207 | /** | ||
208 | * @description: prinsss | ||
209 | * @author: miaofang | ||
210 | */ | ||
211 | prinsss() { | ||
212 | printJS({ | ||
213 | printable: "boxnydsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
214 | type: "html", | ||
215 | maxWidth: 800, // 最大宽度 | ||
216 | font_size: "", // 不设置则使用默认字体大小 | ||
217 | style: `@font-face { | ||
218 | font-family: "STZHONGS"; | ||
219 | src: url(${window.ttf}) format("truetype"); | ||
220 | }`, | ||
221 | // 继承原来的所有样式 | ||
222 | targetStyles: ["*"], | ||
223 | }); | ||
224 | this.render=false | ||
225 | }, | ||
226 | /** | ||
190 | * @description: loadData | 227 | * @description: loadData |
191 | * @author: renchao | 228 | * @author: miaofang |
192 | */ | 229 | */ |
193 | loadData() { | 230 | loadData() { |
194 | if (this.$parent.addRepairRecord) { | 231 | if (this.$parent.addRepairRecord) { |
... | @@ -204,7 +241,7 @@ export default { | ... | @@ -204,7 +241,7 @@ export default { |
204 | }).then((res) => { | 241 | }).then((res) => { |
205 | if (res.code === 200) { | 242 | if (res.code === 200) { |
206 | this.tableData = res.result; | 243 | this.tableData = res.result; |
207 | this.shows=this.tableData.length>0 | 244 | this.shows = this.tableData.length > 0; |
208 | this.tableData.forEach((item) => { | 245 | this.tableData.forEach((item) => { |
209 | item.sjlx = getSjlx(item.sjlx); | 246 | item.sjlx = getSjlx(item.sjlx); |
210 | }); | 247 | }); |
... | @@ -219,7 +256,7 @@ export default { | ... | @@ -219,7 +256,7 @@ export default { |
219 | }, | 256 | }, |
220 | /** | 257 | /** |
221 | * @description: checkChange | 258 | * @description: checkChange |
222 | * @author: renchao | 259 | * @author: miaofang |
223 | */ | 260 | */ |
224 | checkChange() { | 261 | checkChange() { |
225 | if (this.checkList.length === 0) { | 262 | if (this.checkList.length === 0) { |
... | @@ -231,7 +268,7 @@ export default { | ... | @@ -231,7 +268,7 @@ export default { |
231 | }, | 268 | }, |
232 | /** | 269 | /** |
233 | * @description: getQsztName | 270 | * @description: getQsztName |
234 | * @author: renchao | 271 | * @author: miaofang |
235 | */ | 272 | */ |
236 | getQsztName(code) { | 273 | getQsztName(code) { |
237 | let name = ""; | 274 | let name = ""; |
... | @@ -248,7 +285,7 @@ export default { | ... | @@ -248,7 +285,7 @@ export default { |
248 | * @description: 新增一条补录信息 | 285 | * @description: 新增一条补录信息 |
249 | * @param {*} row | 286 | * @param {*} row |
250 | * @param {*} del | 287 | * @param {*} del |
251 | * @author: renchao | 288 | * @author: miaofang |
252 | */ | 289 | */ |
253 | editDialog(row, del) { | 290 | editDialog(row, del) { |
254 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 291 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
... | @@ -10,24 +10,33 @@ | ... | @@ -10,24 +10,33 @@ |
10 | --> | 10 | --> |
11 | <!-- | 11 | <!-- |
12 | * @Description: | 12 | * @Description: |
13 | * @Autor: renchao | 13 | * @Autor: miaofang |
14 | * @LastEditTime: 2023-08-11 15:33:53 | 14 | * @LastEditTime: 2023-08-11 15:33:53 |
15 | --> | 15 | --> |
16 | <template> | 16 | <template> |
17 | <div class="djxxTable"> | 17 | <div class="djxxTable"> |
18 | <div v-show="false"> | 18 | <div v-show="false"> |
19 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 19 | <printTemplate |
20 | id="boxsllmsyq" | ||
21 | :propsParam="propsParam" | ||
22 | :tableData="tableData" | ||
23 | :render="render" | ||
24 | /> | ||
20 | </div> | 25 | </div> |
21 | <div class="tableBox"> | 26 | <div class="tableBox"> |
22 | <div class="title"> | 27 | <div class="title"> |
23 | {{ title }} | 28 | {{ title }} |
24 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 29 | <el-button class="print" v-show="shows" @click="openPrint()" |
30 | >打印</el-button | ||
31 | > | ||
25 | <div class="checkbox"> | 32 | <div class="checkbox"> |
26 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 33 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
27 | <el-checkbox | 34 | <el-checkbox |
28 | v-for="item in qsztList" | 35 | v-for="item in qsztList" |
29 | :key="item.value" | 36 | :key="item.value" |
30 | :label="item.value">{{ item.label }}</el-checkbox> | 37 | :label="item.value" |
38 | >{{ item.label }}</el-checkbox | ||
39 | > | ||
31 | </el-checkbox-group> | 40 | </el-checkbox-group> |
32 | </div> | 41 | </div> |
33 | </div> | 42 | </div> |
... | @@ -47,33 +56,60 @@ | ... | @@ -47,33 +56,60 @@ |
47 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 56 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
48 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 57 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
49 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 58 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
50 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 59 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
51 | ]"> | 60 | ]" |
52 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 61 | > |
53 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 62 | <div |
54 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 63 | class="setbut" |
64 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
65 | > | ||
66 | <el-button | ||
67 | type="text" | ||
68 | icon="el-icon-edit-outline" | ||
69 | @click="editDialog(row)" | ||
70 | >编辑</el-button | ||
71 | > | ||
72 | <el-button | ||
73 | type="text" | ||
74 | icon="el-icon-edit-outline" | ||
75 | @click="editDialog(row, 'D')" | ||
76 | >删除</el-button | ||
77 | > | ||
78 | </div> | ||
79 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
80 | 有效 | ||
81 | </div> | ||
82 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
83 | 正在补录 | ||
84 | </div> | ||
85 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
86 | 正在申请 | ||
87 | </div> | ||
88 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
89 | 正在注销 | ||
55 | </div> | 90 | </div> |
56 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div> | ||
57 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div> | ||
58 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div> | ||
59 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div> | ||
60 | 91 | ||
61 | <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 92 | <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
62 | <span v-else>{{ row[item.prop] }}</span> --> | 93 | <span v-else>{{ row[item.prop] }}</span> --> |
63 | 94 | ||
64 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 95 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
65 | <span v-if="item.prop == 'qszt'"> | 96 | <span v-if="item.prop == 'qszt'"> |
66 | {{ getQsztName(row[item.prop]) }} | 97 | {{ getQsztName(row[item.prop]) }} |
67 | </span> | 98 | </span> |
68 | <span v-else>{{ row[item.prop] }}</span> | 99 | <span v-else>{{ row[item.prop] }}</span> |
69 | </p> | 100 | </p> |
70 | 101 | ||
71 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 102 | <el-tooltip |
103 | v-else | ||
104 | effect="dark" | ||
105 | :content="row[item.prop]" | ||
106 | placement="top" | ||
107 | popper-class="tooltip-width" | ||
108 | > | ||
72 | <span class="ellipsis-line"> | 109 | <span class="ellipsis-line"> |
73 | {{ row[item.prop] }} | 110 | {{ row[item.prop] }} |
74 | </span> | 111 | </span> |
75 | </el-tooltip> | 112 | </el-tooltip> |
76 | |||
77 | </td> | 113 | </td> |
78 | <td v-for="count in emptycolNum" :key="~count"></td> | 114 | <td v-for="count in emptycolNum" :key="~count"></td> |
79 | </tr> | 115 | </tr> |
... | @@ -84,9 +120,9 @@ | ... | @@ -84,9 +120,9 @@ |
84 | </template> | 120 | </template> |
85 | 121 | ||
86 | <script> | 122 | <script> |
87 | import { datas } from "./qlxxFormData.js"; | 123 | import { datas } from "./qlxxFormData.js"; |
88 | import { getSjlx } from "@/utils/dictionary.js"; | 124 | import { getSjlx } from "@/utils/dictionary.js"; |
89 | import { getLqList } from "@/api/djbDetail.js"; | 125 | import { getLqList } from "@/api/djbDetail.js"; |
90 | import printTemplate from "./components/printTemplate.vue"; | 126 | import printTemplate from "./components/printTemplate.vue"; |
91 | export default { | 127 | export default { |
92 | components: { | 128 | components: { |
... | @@ -98,7 +134,7 @@ export default { | ... | @@ -98,7 +134,7 @@ export default { |
98 | id: "box", | 134 | id: "box", |
99 | //其他配置项, | 135 | //其他配置项, |
100 | }, | 136 | }, |
101 | shows:false, | 137 | shows: false, |
102 | title: "林权登记信息", | 138 | title: "林权登记信息", |
103 | qsztList: datas.columns().qsztList, | 139 | qsztList: datas.columns().qsztList, |
104 | checkList: datas.columns().checkList, | 140 | checkList: datas.columns().checkList, |
... | @@ -110,17 +146,47 @@ export default { | ... | @@ -110,17 +146,47 @@ export default { |
110 | emptycolNum: datas.columns().emptycolNum, | 146 | emptycolNum: datas.columns().emptycolNum, |
111 | //列名称对象 | 147 | //列名称对象 |
112 | columns: datas.columns().LDSYQ, | 148 | columns: datas.columns().LDSYQ, |
149 | render: false, | ||
113 | }; | 150 | }; |
114 | }, | 151 | }, |
115 | created () { | 152 | created() { |
116 | this.loadData(); | 153 | this.loadData(); |
117 | }, | 154 | }, |
118 | methods: { | 155 | methods: { |
119 | /** | 156 | /** |
157 | * @description: openPrint | ||
158 | * @author: miaofang | ||
159 | */ | ||
160 | openPrint() { | ||
161 | this.render = true; | ||
162 | setTimeout(() => { | ||
163 | this.prinsss(); | ||
164 | }, 100); | ||
165 | }, | ||
166 | /** | ||
167 | * @description: prinsss | ||
168 | * @author: miaofang | ||
169 | */ | ||
170 | prinsss() { | ||
171 | printJS({ | ||
172 | printable: "boxsllmsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
173 | type: "html", | ||
174 | maxWidth: 800, // 最大宽度 | ||
175 | font_size: "", // 不设置则使用默认字体大小 | ||
176 | style: `@font-face { | ||
177 | font-family: "STZHONGS"; | ||
178 | src: url(${window.ttf}) format("truetype"); | ||
179 | }`, | ||
180 | // 继承原来的所有样式 | ||
181 | targetStyles: ["*"], | ||
182 | }); | ||
183 | this.render=false | ||
184 | }, | ||
185 | /** | ||
120 | * @description: loadData | 186 | * @description: loadData |
121 | * @author: renchao | 187 | * @author: miaofang |
122 | */ | 188 | */ |
123 | loadData () { | 189 | loadData() { |
124 | if (this.$parent.addRepairRecord) { | 190 | if (this.$parent.addRepairRecord) { |
125 | this.columns.unshift({ | 191 | this.columns.unshift({ |
126 | prop: "cz", | 192 | prop: "cz", |
... | @@ -134,7 +200,7 @@ export default { | ... | @@ -134,7 +200,7 @@ export default { |
134 | }).then((res) => { | 200 | }).then((res) => { |
135 | if (res.code === 200) { | 201 | if (res.code === 200) { |
136 | this.tableData = res.result; | 202 | this.tableData = res.result; |
137 | this.shows=this.tableData.length>0 | 203 | this.shows = this.tableData.length > 0; |
138 | this.tableData.forEach((item) => { | 204 | this.tableData.forEach((item) => { |
139 | item.sjlx = getSjlx(item.sjlx); | 205 | item.sjlx = getSjlx(item.sjlx); |
140 | }); | 206 | }); |
... | @@ -149,9 +215,9 @@ export default { | ... | @@ -149,9 +215,9 @@ export default { |
149 | }, | 215 | }, |
150 | /** | 216 | /** |
151 | * @description: checkChange | 217 | * @description: checkChange |
152 | * @author: renchao | 218 | * @author: miaofang |
153 | */ | 219 | */ |
154 | checkChange () { | 220 | checkChange() { |
155 | if (this.checkList.length === 0) { | 221 | if (this.checkList.length === 0) { |
156 | this.tableData = []; | 222 | this.tableData = []; |
157 | this.emptycolNum = datas.columns().emptycolNum; | 223 | this.emptycolNum = datas.columns().emptycolNum; |
... | @@ -162,9 +228,9 @@ export default { | ... | @@ -162,9 +228,9 @@ export default { |
162 | /** | 228 | /** |
163 | * @description: getQsztName | 229 | * @description: getQsztName |
164 | * @param {*} code | 230 | * @param {*} code |
165 | * @author: renchao | 231 | * @author: miaofang |
166 | */ | 232 | */ |
167 | getQsztName (code) { | 233 | getQsztName(code) { |
168 | let name = ""; | 234 | let name = ""; |
169 | for (let item of this.qsztList) { | 235 | for (let item of this.qsztList) { |
170 | if (item.value == code) { | 236 | if (item.value == code) { |
... | @@ -179,9 +245,9 @@ export default { | ... | @@ -179,9 +245,9 @@ export default { |
179 | * @description: 新增一条补录信息 | 245 | * @description: 新增一条补录信息 |
180 | * @param {*} row | 246 | * @param {*} row |
181 | * @param {*} del | 247 | * @param {*} del |
182 | * @author: renchao | 248 | * @author: miaofang |
183 | */ | 249 | */ |
184 | editDialog (row, del) { | 250 | editDialog(row, del) { |
185 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 251 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
186 | confirmButtonText: "确定", | 252 | confirmButtonText: "确定", |
187 | cancelButtonText: "取消", | 253 | cancelButtonText: "取消", |
... | @@ -203,12 +269,12 @@ export default { | ... | @@ -203,12 +269,12 @@ export default { |
203 | }); | 269 | }); |
204 | }, | 270 | }, |
205 | }, | 271 | }, |
206 | }; | 272 | }; |
207 | </script> | 273 | </script> |
208 | 274 | ||
209 | <style lang="scss" scoped> | 275 | <style lang="scss" scoped> |
210 | @import "./qlxxCommon.scss"; | 276 | @import "./qlxxCommon.scss"; |
211 | .title { | 277 | .title { |
212 | position: relative; | 278 | position: relative; |
213 | .print { | 279 | .print { |
214 | // background-color: #0079fe; | 280 | // background-color: #0079fe; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxtdsyq" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
10 | </div> | 10 | </div> |
11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
12 | <div class="title"> | 12 | <div class="title"> |
13 | {{ title }} | 13 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> |
15 | <div class="checkbox"> | 15 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 17 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> |
... | @@ -100,15 +100,37 @@ export default { | ... | @@ -100,15 +100,37 @@ export default { |
100 | emptycolNum: datas.columns().emptycolNum, | 100 | emptycolNum: datas.columns().emptycolNum, |
101 | //列名称对象 | 101 | //列名称对象 |
102 | columns: datas.columns().TDSYQ, | 102 | columns: datas.columns().TDSYQ, |
103 | render:false | ||
103 | }; | 104 | }; |
104 | }, | 105 | }, |
105 | created () { | 106 | created () { |
106 | this.loadData(); | 107 | this.loadData(); |
107 | }, | 108 | }, |
108 | methods: { | 109 | methods: { |
110 | openPrint(){ | ||
111 | this.render=true | ||
112 | setTimeout(() => { | ||
113 | this.prinsss() | ||
114 | }, 100) | ||
115 | }, | ||
116 | prinsss(){ | ||
117 | printJS({ | ||
118 | printable: "boxtdsyq", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
119 | type: "html", | ||
120 | maxWidth: 800, // 最大宽度 | ||
121 | font_size: "", // 不设置则使用默认字体大小 | ||
122 | style: `@font-face { | ||
123 | font-family: "STZHONGS"; | ||
124 | src: url(${window.ttf}) format("truetype"); | ||
125 | }`, | ||
126 | // 继承原来的所有样式 | ||
127 | targetStyles: ["*"] | ||
128 | }); | ||
129 | this.render=false | ||
130 | }, | ||
109 | /** | 131 | /** |
110 | * @description: loadData | 132 | * @description: loadData |
111 | * @author: renchao | 133 | * @author: miaofang |
112 | */ | 134 | */ |
113 | loadData () { | 135 | loadData () { |
114 | 136 | ||
... | @@ -140,7 +162,7 @@ export default { | ... | @@ -140,7 +162,7 @@ export default { |
140 | }, | 162 | }, |
141 | /** | 163 | /** |
142 | * @description: checkChange | 164 | * @description: checkChange |
143 | * @author: renchao | 165 | * @author: miaofang |
144 | */ | 166 | */ |
145 | checkChange () { | 167 | checkChange () { |
146 | if (this.checkList.length === 0) { | 168 | if (this.checkList.length === 0) { |
... | @@ -153,7 +175,7 @@ export default { | ... | @@ -153,7 +175,7 @@ export default { |
153 | /** | 175 | /** |
154 | * @description: getQsztName | 176 | * @description: getQsztName |
155 | * @param {*} code | 177 | * @param {*} code |
156 | * @author: renchao | 178 | * @author: miaofang |
157 | */ | 179 | */ |
158 | getQsztName (code) { | 180 | getQsztName (code) { |
159 | let name = ""; | 181 | let name = ""; |
... | @@ -170,7 +192,7 @@ export default { | ... | @@ -170,7 +192,7 @@ export default { |
170 | * @description: 新增一条补录信息 | 192 | * @description: 新增一条补录信息 |
171 | * @param {*} row | 193 | * @param {*} row |
172 | * @param {*} del | 194 | * @param {*} del |
173 | * @author: renchao | 195 | * @author: miaofang |
174 | */ | 196 | */ |
175 | editDialog (row, del) { | 197 | editDialog (row, del) { |
176 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 198 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate id="boxygdj" :propsParam="propsParam" :tableData="tableData" :render="render"/> |
10 | </div> | 10 | </div> |
11 | <div class="tableBox"> | 11 | <div class="tableBox"> |
12 | <div class="title"> | 12 | <div class="title"> |
13 | {{ title }} | 13 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 14 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> |
15 | <div class="checkbox"> | 15 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 16 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox | 17 | <el-checkbox |
... | @@ -108,10 +108,10 @@ export default { | ... | @@ -108,10 +108,10 @@ export default { |
108 | }, | 108 | }, |
109 | data() { | 109 | data() { |
110 | return { | 110 | return { |
111 | printObj: { | 111 | // printObj: { |
112 | id: "box", | 112 | // id: "box", |
113 | //其他配置项, | 113 | // //其他配置项, |
114 | }, | 114 | // }, |
115 | shows:false, | 115 | shows:false, |
116 | title: "预告登记信息", | 116 | title: "预告登记信息", |
117 | qsztList: datas.columns().qsztList, | 117 | qsztList: datas.columns().qsztList, |
... | @@ -124,15 +124,37 @@ export default { | ... | @@ -124,15 +124,37 @@ export default { |
124 | emptycolNum: datas.columns().emptycolNum, | 124 | emptycolNum: datas.columns().emptycolNum, |
125 | //列名称对象 | 125 | //列名称对象 |
126 | columns: datas.columns().YGDJ, | 126 | columns: datas.columns().YGDJ, |
127 | render:false | ||
127 | }; | 128 | }; |
128 | }, | 129 | }, |
129 | created() { | 130 | created() { |
130 | this.loadData(); | 131 | this.loadData(); |
131 | }, | 132 | }, |
132 | methods: { | 133 | methods: { |
134 | openPrint(){ | ||
135 | this.render=true | ||
136 | setTimeout(() => { | ||
137 | this.prinsss() | ||
138 | }, 100) | ||
139 | }, | ||
140 | prinsss(){ | ||
141 | printJS({ | ||
142 | printable: "boxygdj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
143 | type: "html", | ||
144 | maxWidth: 800, // 最大宽度 | ||
145 | font_size: "", // 不设置则使用默认字体大小 | ||
146 | style: `@font-face { | ||
147 | font-family: "STZHONGS"; | ||
148 | src: url(${window.ttf}) format("truetype"); | ||
149 | }`, | ||
150 | // 继承原来的所有样式 | ||
151 | targetStyles: ["*"] | ||
152 | }); | ||
153 | this.render=false | ||
154 | }, | ||
133 | /** | 155 | /** |
134 | * @description: loadData | 156 | * @description: loadData |
135 | * @author: renchao | 157 | * @author: miaofang |
136 | */ | 158 | */ |
137 | loadData() { | 159 | loadData() { |
138 | // 判断是否在登记簿补录调的子页面 | 160 | // 判断是否在登记簿补录调的子页面 |
... | @@ -165,7 +187,7 @@ export default { | ... | @@ -165,7 +187,7 @@ export default { |
165 | }, | 187 | }, |
166 | /** | 188 | /** |
167 | * @description: checkChange | 189 | * @description: checkChange |
168 | * @author: renchao | 190 | * @author: miaofang |
169 | */ | 191 | */ |
170 | checkChange() { | 192 | checkChange() { |
171 | if (this.checkList.length === 0) { | 193 | if (this.checkList.length === 0) { |
... | @@ -178,7 +200,7 @@ export default { | ... | @@ -178,7 +200,7 @@ export default { |
178 | /** | 200 | /** |
179 | * @description: getQsztName | 201 | * @description: getQsztName |
180 | * @param {*} code | 202 | * @param {*} code |
181 | * @author: renchao | 203 | * @author: miaofang |
182 | */ | 204 | */ |
183 | getQsztName(code) { | 205 | getQsztName(code) { |
184 | let name = ""; | 206 | let name = ""; |
... | @@ -195,7 +217,7 @@ export default { | ... | @@ -195,7 +217,7 @@ export default { |
195 | * @description: 新增一条补录信息 | 217 | * @description: 新增一条补录信息 |
196 | * @param {*} row | 218 | * @param {*} row |
197 | * @param {*} del | 219 | * @param {*} del |
198 | * @author: renchao | 220 | * @author: miaofang |
199 | */ | 221 | */ |
200 | editDialog(row, del) { | 222 | editDialog(row, del) { |
201 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 223 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-23 15:54:12 | 4 | * @LastEditTime: 2023-08-23 15:54:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
8 | <div v-show="false"> | 8 | <div v-show="false"> |
9 | <printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/> | 9 | <printTemplate |
10 | id="boxyydj" | ||
11 | :propsParam="propsParam" | ||
12 | :tableData="tableData" | ||
13 | :render="render" | ||
14 | /> | ||
10 | </div> | 15 | </div> |
11 | <div class="tableBox"> | 16 | <div class="tableBox"> |
12 | <div class="title"> | 17 | <div class="title"> |
13 | {{ title }} | 18 | {{ title }} |
14 | <el-button class="print" v-show="shows" v-print="printObj">打印</el-button> | 19 | <el-button class="print" v-show="shows" @click="openPrint()" |
20 | >打印</el-button | ||
21 | > | ||
15 | <div class="checkbox"> | 22 | <div class="checkbox"> |
16 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 23 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
17 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 24 | <el-checkbox |
25 | v-for="item in qsztList" | ||
26 | :key="item.value" | ||
27 | :label="item.value" | ||
28 | >{{ item.label }}</el-checkbox | ||
29 | > | ||
18 | </el-checkbox-group> | 30 | </el-checkbox-group> |
19 | </div> | 31 | </div> |
20 | </div> | 32 | </div> |
... | @@ -24,7 +36,10 @@ | ... | @@ -24,7 +36,10 @@ |
24 | <td> | 36 | <td> |
25 | {{ item.label }} | 37 | {{ item.label }} |
26 | </td> | 38 | </td> |
27 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 39 | <td |
40 | v-for="(row, index) in tableData" | ||
41 | :key="index" | ||
42 | :class="[ | ||
28 | row.qszt == '2' ? 'lishi' : '', | 43 | row.qszt == '2' ? 'lishi' : '', |
29 | row.qszt == '0' ? 'linshi' : '', | 44 | row.qszt == '0' ? 'linshi' : '', |
30 | row.qlzt == '4' ? 'linshi' : '', | 45 | row.qlzt == '4' ? 'linshi' : '', |
... | @@ -32,13 +47,24 @@ | ... | @@ -32,13 +47,24 @@ |
32 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | 47 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
33 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 48 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
34 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 49 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
35 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 50 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', |
36 | ]"> | 51 | ]" |
52 | > | ||
37 | <div class="setbut" v-if="item.prop == 'cz'"> | 53 | <div class="setbut" v-if="item.prop == 'cz'"> |
38 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 54 | <el-button |
39 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 55 | type="text" |
56 | icon="el-icon-edit-outline" | ||
57 | @click="editDialog(row)" | ||
58 | >编辑</el-button | ||
59 | > | ||
60 | <el-button | ||
61 | type="text" | ||
62 | icon="el-icon-edit-outline" | ||
63 | @click="editDialog(row, 'D')" | ||
64 | >删除</el-button | ||
65 | > | ||
40 | </div> | 66 | </div> |
41 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 67 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> |
42 | 有效 | 68 | 有效 |
43 | </div> | 69 | </div> |
44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 70 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> |
... | @@ -51,14 +77,20 @@ | ... | @@ -51,14 +77,20 @@ |
51 | 正在注销 | 77 | 正在注销 |
52 | </div> | 78 | </div> |
53 | 79 | ||
54 | <p v-if="!['djyy','fj'].includes(item.prop)"> | 80 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> |
55 | <span v-if="item.prop == 'qszt'"> | 81 | <span v-if="item.prop == 'qszt'"> |
56 | {{ getQsztName(row[item.prop]) }} | 82 | {{ getQsztName(row[item.prop]) }} |
57 | </span> | 83 | </span> |
58 | <span v-else>{{ row[item.prop] }}</span> | 84 | <span v-else>{{ row[item.prop] }}</span> |
59 | </p> | 85 | </p> |
60 | 86 | ||
61 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | 87 | <el-tooltip |
88 | v-else | ||
89 | effect="dark" | ||
90 | :content="row[item.prop]" | ||
91 | placement="top" | ||
92 | popper-class="tooltip-width" | ||
93 | > | ||
62 | <span class="ellipsis-line"> | 94 | <span class="ellipsis-line"> |
63 | {{ row[item.prop] }} | 95 | {{ row[item.prop] }} |
64 | </span> | 96 | </span> |
... | @@ -73,9 +105,9 @@ | ... | @@ -73,9 +105,9 @@ |
73 | </template> | 105 | </template> |
74 | 106 | ||
75 | <script> | 107 | <script> |
76 | import { datas } from "./qlxxFormData.js"; | 108 | import { datas } from "./qlxxFormData.js"; |
77 | import { getYydjList } from "@/api/djbDetail.js"; | 109 | import { getYydjList } from "@/api/djbDetail.js"; |
78 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 110 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
79 | import printTemplate from "./components/printTemplate.vue"; | 111 | import printTemplate from "./components/printTemplate.vue"; |
80 | export default { | 112 | export default { |
81 | components: { | 113 | components: { |
... | @@ -87,7 +119,7 @@ export default { | ... | @@ -87,7 +119,7 @@ export default { |
87 | id: "box", | 119 | id: "box", |
88 | //其他配置项, | 120 | //其他配置项, |
89 | }, | 121 | }, |
90 | shows:false, | 122 | shows: false, |
91 | title: "异议登记信息", | 123 | title: "异议登记信息", |
92 | qsztList: datas.columns().qsztList, | 124 | qsztList: datas.columns().qsztList, |
93 | checkList: datas.columns().checkList, | 125 | checkList: datas.columns().checkList, |
... | @@ -99,22 +131,44 @@ export default { | ... | @@ -99,22 +131,44 @@ export default { |
99 | emptycolNum: datas.columns().emptycolNum, | 131 | emptycolNum: datas.columns().emptycolNum, |
100 | //列名称对象 | 132 | //列名称对象 |
101 | columns: datas.columns().YYDJ, | 133 | columns: datas.columns().YYDJ, |
134 | render: false, | ||
102 | }; | 135 | }; |
103 | }, | 136 | }, |
104 | created () { | 137 | created() { |
105 | this.loadData(); | 138 | this.loadData(); |
106 | }, | 139 | }, |
107 | methods: { | 140 | methods: { |
141 | openPrint() { | ||
142 | this.render = true; | ||
143 | setTimeout(() => { | ||
144 | this.prinsss(); | ||
145 | }, 100); | ||
146 | }, | ||
147 | prinsss() { | ||
148 | printJS({ | ||
149 | printable: "boxyydj", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
150 | type: "html", | ||
151 | maxWidth: 800, // 最大宽度 | ||
152 | font_size: "", // 不设置则使用默认字体大小 | ||
153 | style: `@font-face { | ||
154 | font-family: "STZHONGS"; | ||
155 | src: url(${window.ttf}) format("truetype"); | ||
156 | }`, | ||
157 | // 继承原来的所有样式 | ||
158 | targetStyles: ["*"], | ||
159 | }); | ||
160 | this.render=false | ||
161 | }, | ||
108 | /** | 162 | /** |
109 | * @description: loadData | 163 | * @description: loadData |
110 | * @author: renchao | 164 | * @author: miaofang |
111 | */ | 165 | */ |
112 | loadData () { | 166 | loadData() { |
113 | if (this.$parent.addRepairRecord) { | 167 | if (this.$parent.addRepairRecord) { |
114 | this.columns.unshift({ | 168 | this.columns.unshift({ |
115 | prop: "cz", | 169 | prop: "cz", |
116 | label: "操作" | 170 | label: "操作", |
117 | }) | 171 | }); |
118 | } | 172 | } |
119 | getYydjList({ | 173 | getYydjList({ |
120 | bdcdyid: this.propsParam.bdcdyid, | 174 | bdcdyid: this.propsParam.bdcdyid, |
... | @@ -123,10 +177,10 @@ export default { | ... | @@ -123,10 +177,10 @@ export default { |
123 | }).then((res) => { | 177 | }).then((res) => { |
124 | if (res.code === 200) { | 178 | if (res.code === 200) { |
125 | this.tableData = res.result; | 179 | this.tableData = res.result; |
126 | this.shows=this.tableData.length>0 | 180 | this.shows = this.tableData.length > 0; |
127 | this.tableData.forEach((item) => { | 181 | this.tableData.forEach((item) => { |
128 | item.sjlx = getSjlx(item.sjlx); | 182 | item.sjlx = getSjlx(item.sjlx); |
129 | item.dybdclx = getDictLeabel(item.dybdclx, 'A27') | 183 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); |
130 | }); | 184 | }); |
131 | if (this.tableData.length < datas.columns().emptycolNum) { | 185 | if (this.tableData.length < datas.columns().emptycolNum) { |
132 | this.emptycolNum = | 186 | this.emptycolNum = |
... | @@ -139,9 +193,9 @@ export default { | ... | @@ -139,9 +193,9 @@ export default { |
139 | }, | 193 | }, |
140 | /** | 194 | /** |
141 | * @description: checkChange | 195 | * @description: checkChange |
142 | * @author: renchao | 196 | * @author: miaofang |
143 | */ | 197 | */ |
144 | checkChange () { | 198 | checkChange() { |
145 | if (this.checkList.length === 0) { | 199 | if (this.checkList.length === 0) { |
146 | this.tableData = []; | 200 | this.tableData = []; |
147 | this.emptycolNum = datas.columns().emptycolNum; | 201 | this.emptycolNum = datas.columns().emptycolNum; |
... | @@ -152,9 +206,9 @@ export default { | ... | @@ -152,9 +206,9 @@ export default { |
152 | /** | 206 | /** |
153 | * @description: getQsztName | 207 | * @description: getQsztName |
154 | * @param {*} code | 208 | * @param {*} code |
155 | * @author: renchao | 209 | * @author: miaofang |
156 | */ | 210 | */ |
157 | getQsztName (code) { | 211 | getQsztName(code) { |
158 | let name = ""; | 212 | let name = ""; |
159 | for (let item of this.qsztList) { | 213 | for (let item of this.qsztList) { |
160 | if (item.value == code) { | 214 | if (item.value == code) { |
... | @@ -169,35 +223,36 @@ export default { | ... | @@ -169,35 +223,36 @@ export default { |
169 | * @description: 新增一条补录信息 | 223 | * @description: 新增一条补录信息 |
170 | * @param {*} row | 224 | * @param {*} row |
171 | * @param {*} del | 225 | * @param {*} del |
172 | * @author: renchao | 226 | * @author: miaofang |
173 | */ | 227 | */ |
174 | editDialog (row, del) { | 228 | editDialog(row, del) { |
175 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 229 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
176 | confirmButtonText: '确定', | 230 | confirmButtonText: "确定", |
177 | cancelButtonText: '取消', | 231 | cancelButtonText: "取消", |
178 | type: 'warning' | 232 | type: "warning", |
179 | }).then(() => { | 233 | }) |
180 | this.$parent.addRepairRecord(row, del) | 234 | .then(() => { |
235 | this.$parent.addRepairRecord(row, del); | ||
181 | 236 | ||
182 | this.$message({ | 237 | this.$message({ |
183 | type: 'success', | 238 | type: "success", |
184 | message: '补录成功!' | 239 | message: "补录成功!", |
185 | }); | 240 | }); |
186 | }).catch(() => { | 241 | }) |
242 | .catch(() => { | ||
187 | this.$message({ | 243 | this.$message({ |
188 | type: 'info', | 244 | type: "info", |
189 | message: '取消编辑' | 245 | message: "取消编辑", |
190 | }); | 246 | }); |
191 | }); | 247 | }); |
192 | |||
193 | }, | 248 | }, |
194 | }, | 249 | }, |
195 | }; | 250 | }; |
196 | </script> | 251 | </script> |
197 | 252 | ||
198 | <style lang="scss" scoped> | 253 | <style lang="scss" scoped> |
199 | @import "./qlxxCommon.scss"; | 254 | @import "./qlxxCommon.scss"; |
200 | .title { | 255 | .title { |
201 | position: relative; | 256 | position: relative; |
202 | .print { | 257 | .print { |
203 | // background-color: #0079fe; | 258 | // background-color: #0079fe; | ... | ... |
... | @@ -222,6 +222,10 @@ export default { | ... | @@ -222,6 +222,10 @@ export default { |
222 | }, | 222 | }, |
223 | mounted() {}, | 223 | mounted() {}, |
224 | methods: { | 224 | methods: { |
225 | /** | ||
226 | * @description: handleSearch | ||
227 | * @author: renchao | ||
228 | */ | ||
225 | handleSearch() { | 229 | handleSearch() { |
226 | xydm(this.queryForm).then((res) => { | 230 | xydm(this.queryForm).then((res) => { |
227 | if (res.status == "OK") { | 231 | if (res.status == "OK") { | ... | ... |
... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
102 | </el-row> | 102 | </el-row> |
103 | </el-form> | 103 | </el-form> |
104 | <el-collapse class="modifycollapse" accordion> | 104 | <el-collapse class="modifycollapse" accordion> |
105 | <el-collapse-item title="登记类型" name="0" v-if="form.sqdjyw.sqfl=='2'"> | 105 | <el-collapse-item title="权利信息" name="0" v-if="form.sqdjyw.sqfl=='2'"> |
106 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> | 106 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> |
107 | </lb-table> | 107 | </lb-table> |
108 | </el-collapse-item> | 108 | </el-collapse-item> |
... | @@ -203,9 +203,9 @@ | ... | @@ -203,9 +203,9 @@ |
203 | */ | 203 | */ |
204 | init () { | 204 | init () { |
205 | this.tn = 0; | 205 | this.tn = 0; |
206 | if(this.formData.sqfl=="2"){ | 206 | if (this.formData.sqfl == "2") { |
207 | this.getDetail(this.formData.bsmSqyw); | 207 | this.getDetail(this.formData.bsmSqyw); |
208 | }else{ | 208 | } else { |
209 | getDjlxInfo(this.formData.bsmSqyw).then((res) => { | 209 | getDjlxInfo(this.formData.bsmSqyw).then((res) => { |
210 | let { result } = res; | 210 | let { result } = res; |
211 | this.djlxList = result ? result : []; | 211 | this.djlxList = result ? result : []; | ... | ... |
... | @@ -116,6 +116,11 @@ | ... | @@ -116,6 +116,11 @@ |
116 | this.$store.dispatch("user/refreshPage", false); | 116 | this.$store.dispatch("user/refreshPage", false); |
117 | }, | 117 | }, |
118 | //删除 | 118 | //删除 |
119 | /** | ||
120 | * @description: 删除 | ||
121 | * @param {*} item | ||
122 | * @author: renchao | ||
123 | */ | ||
119 | delNotice (item) { | 124 | delNotice (item) { |
120 | this.$confirm('是否确定删除', '提示', { | 125 | this.$confirm('是否确定删除', '提示', { |
121 | confirmButtonText: '确定', | 126 | confirmButtonText: '确定', |
... | @@ -138,6 +143,11 @@ | ... | @@ -138,6 +143,11 @@ |
138 | }); | 143 | }); |
139 | }, | 144 | }, |
140 | //发布 | 145 | //发布 |
146 | /** | ||
147 | * @description: 发布 | ||
148 | * @param {*} item | ||
149 | * @author: renchao | ||
150 | */ | ||
141 | toPublish (item) { | 151 | toPublish (item) { |
142 | this.$confirm('是否确定发布', '提示', { | 152 | this.$confirm('是否确定发布', '提示', { |
143 | confirmButtonText: '确定', | 153 | confirmButtonText: '确定', |
... | @@ -160,10 +170,19 @@ | ... | @@ -160,10 +170,19 @@ |
160 | }); | 170 | }); |
161 | }); | 171 | }); |
162 | }, | 172 | }, |
173 | /** | ||
174 | * @description: postMessage | ||
175 | * @author: renchao | ||
176 | */ | ||
163 | postMessage () { | 177 | postMessage () { |
164 | window.parent.postMessage({ update: true }, '*') | 178 | window.parent.postMessage({ update: true }, '*') |
165 | }, | 179 | }, |
166 | //取消发布 | 180 | //取消发布 |
181 | /** | ||
182 | * @description: 取消发布 | ||
183 | * @param {*} item | ||
184 | * @author: renchao | ||
185 | */ | ||
167 | toUnPublish (item) { | 186 | toUnPublish (item) { |
168 | this.$confirm('是否确定取消发布', '提示', { | 187 | this.$confirm('是否确定取消发布', '提示', { |
169 | confirmButtonText: '确定', | 188 | confirmButtonText: '确定', |
... | @@ -187,9 +206,19 @@ | ... | @@ -187,9 +206,19 @@ |
187 | }); | 206 | }); |
188 | }, | 207 | }, |
189 | //编辑通知 | 208 | //编辑通知 |
209 | /** | ||
210 | * @description: 编辑通知 | ||
211 | * @param {*} item | ||
212 | * @author: renchao | ||
213 | */ | ||
190 | editNotice (item) { | 214 | editNotice (item) { |
191 | this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": true, "edit": true }, "50%") | 215 | this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": true, "edit": true }, "50%") |
192 | }, | 216 | }, |
217 | /** | ||
218 | * @description: downloadFile | ||
219 | * @param {*} item | ||
220 | * @author: renchao | ||
221 | */ | ||
193 | downloadFile (item) { | 222 | downloadFile (item) { |
194 | const href = item.noticeFileUrl | 223 | const href = item.noticeFileUrl |
195 | window.open(href, '_blank'); | 224 | window.open(href, '_blank'); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-11 16:12:27 | 4 | * @LastEditTime: 2023-09-12 08:55:14 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -16,8 +16,8 @@ | ... | @@ -16,8 +16,8 @@ |
16 | 16 | ||
17 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> | 17 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> |
18 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> | 18 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> |
19 | <el-tab-pane label="企业信息" name="2"></el-tab-pane> | 19 | <el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane> |
20 | <el-tab-pane label="银行机构" name="3"></el-tab-pane> | 20 | <el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane> |
21 | </el-tabs> | 21 | </el-tabs> |
22 | 22 | ||
23 | <el-form | 23 | <el-form |
... | @@ -422,6 +422,9 @@ | ... | @@ -422,6 +422,9 @@ |
422 | watch: { | 422 | watch: { |
423 | value (val) { | 423 | value (val) { |
424 | this.myValue = _.cloneDeep(val) | 424 | this.myValue = _.cloneDeep(val) |
425 | if (val && Object.keys(this.details).length > 0) { | ||
426 | this.activeName = '1' | ||
427 | } | ||
425 | this.isShow = this.showButton | 428 | this.isShow = this.showButton |
426 | }, | 429 | }, |
427 | details: { | 430 | details: { |
... | @@ -432,7 +435,11 @@ | ... | @@ -432,7 +435,11 @@ |
432 | } | 435 | } |
433 | }, | 436 | }, |
434 | methods: { | 437 | methods: { |
435 | // 证件种类选择 | 438 | /** |
439 | * @description: 证件种类选择 | ||
440 | * @param {*} val | ||
441 | * @author: renchao | ||
442 | */ | ||
436 | handleZjzl (val) { | 443 | handleZjzl (val) { |
437 | if (['6', '7', '8'].includes(val)) { | 444 | if (['6', '7', '8'].includes(val)) { |
438 | this.isBz = true | 445 | this.isBz = true |
... | @@ -440,14 +447,16 @@ | ... | @@ -440,14 +447,16 @@ |
440 | this.isBz = false | 447 | this.isBz = false |
441 | } | 448 | } |
442 | }, | 449 | }, |
443 | // 信息备案 | 450 | /** |
451 | * @description: 信息备案 | ||
452 | * @author: renchao | ||
453 | */ | ||
444 | handleFilings () { | 454 | handleFilings () { |
445 | this.ruleForm.qymc = this.ruleForm.sqrmc | 455 | this.ruleForm.qymc = this.ruleForm.sqrmc |
446 | this.ruleForm.dwdz = this.ruleForm.txdz | 456 | this.ruleForm.dwdz = this.ruleForm.txdz |
447 | addQy(this.ruleForm).then(res => { | 457 | addQy(this.ruleForm).then(res => { |
448 | if (res.code == 200) { | 458 | if (res.code == 200) { |
449 | this.$message.success('备案成功') | 459 | this.$message.success('备案成功') |
450 | this.$refs['ruleForm'].resetFields(); | ||
451 | } else { | 460 | } else { |
452 | this.$message.error(res.message); | 461 | this.$message.error(res.message); |
453 | } | 462 | } |
... | @@ -474,6 +483,8 @@ | ... | @@ -474,6 +483,8 @@ |
474 | }, | 483 | }, |
475 | /** | 484 | /** |
476 | * @description:企业查询 | 485 | * @description:企业查询 |
486 | * @param {*} val | ||
487 | * @param {*} code | ||
477 | * @author: renchao | 488 | * @author: renchao |
478 | */ | 489 | */ |
479 | dicStatus (val, code) { | 490 | dicStatus (val, code) { |
... | @@ -488,6 +499,10 @@ | ... | @@ -488,6 +499,10 @@ |
488 | return name | 499 | return name |
489 | } | 500 | } |
490 | }, | 501 | }, |
502 | /** | ||
503 | * @description: handleSearchQY | ||
504 | * @author: renchao | ||
505 | */ | ||
491 | handleSearchQY () { | 506 | handleSearchQY () { |
492 | let data = { ...this.queryFormQY, ...this.pageData } | 507 | let data = { ...this.queryFormQY, ...this.pageData } |
493 | this.tableDataQy.data = [] | 508 | this.tableDataQy.data = [] |
... | @@ -504,15 +519,29 @@ | ... | @@ -504,15 +519,29 @@ |
504 | } | 519 | } |
505 | }) | 520 | }) |
506 | }, | 521 | }, |
522 | /** | ||
523 | * @description: handleQYCurrentChange | ||
524 | * @param {*} val | ||
525 | * @author: renchao | ||
526 | */ | ||
507 | handleQYCurrentChange (val) { | 527 | handleQYCurrentChange (val) { |
508 | this.pageData.currentPage = val | 528 | this.pageData.currentPage = val |
509 | this.handleSearchQY() | 529 | this.handleSearchQY() |
510 | }, | 530 | }, |
531 | /** | ||
532 | * @description: handlesQYSelect | ||
533 | * @param {*} val | ||
534 | * @author: renchao | ||
535 | */ | ||
511 | handlesQYSelect (val) { | 536 | handlesQYSelect (val) { |
512 | this.$emit("updateDetail", _.cloneDeep(val)); | 537 | this.$emit("updateDetail", _.cloneDeep(val)); |
513 | this.$emit("input", false); | 538 | this.$emit("input", false); |
514 | }, | 539 | }, |
515 | // 银行 | 540 | // 银行 |
541 | /** | ||
542 | * @description: 银行 | ||
543 | * @author: renchao | ||
544 | */ | ||
516 | handleSearchYH () { | 545 | handleSearchYH () { |
517 | let data = { ...this.queryFormYH, ...this.pageData } | 546 | let data = { ...this.queryFormYH, ...this.pageData } |
518 | this.tableDataYh.data = [] | 547 | this.tableDataYh.data = [] |
... | @@ -529,10 +558,20 @@ | ... | @@ -529,10 +558,20 @@ |
529 | } | 558 | } |
530 | }) | 559 | }) |
531 | }, | 560 | }, |
561 | /** | ||
562 | * @description: handleYHCurrentChange | ||
563 | * @param {*} val | ||
564 | * @author: renchao | ||
565 | */ | ||
532 | handleYHCurrentChange (val) { | 566 | handleYHCurrentChange (val) { |
533 | this.pageData.currentPage = val | 567 | this.pageData.currentPage = val |
534 | this.handleSearchQY() | 568 | this.handleSearchQY() |
535 | }, | 569 | }, |
570 | /** | ||
571 | * @description: handlesYHSelect | ||
572 | * @param {*} val | ||
573 | * @author: renchao | ||
574 | */ | ||
536 | handlesYHSelect (val) { | 575 | handlesYHSelect (val) { |
537 | this.$emit("updateDetail", _.cloneDeep(val)); | 576 | this.$emit("updateDetail", _.cloneDeep(val)); |
538 | this.$emit("input", false); | 577 | this.$emit("input", false); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-07 16:01:19 | 4 | * @LastEditTime: 2023-09-13 10:33:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
8 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData"> | 8 | <div style="text-align:right"> |
9 | <el-button type="primary" icon="el-icon-top">上移</el-button> | ||
10 | <el-button type="primary" icon="el-icon-bottom">下移</el-button> | ||
11 | </div> | ||
12 | <lb-table :column="column" :key="key" row-key="bsmSj" ref="listTable" :heightNumSetting="true" :calcHeight="600" | ||
13 | :pagination="false" :data="tableData"> | ||
9 | </lb-table> | 14 | </lb-table> |
10 | <div class="text-center"> | 15 | <div class="text-center"> |
11 | <el-button @click="$popupCacel">取消</el-button> | 16 | <el-button @click="$popupCacel">取消</el-button> |
... | @@ -15,8 +20,9 @@ | ... | @@ -15,8 +20,9 @@ |
15 | </template> | 20 | </template> |
16 | <script> | 21 | <script> |
17 | import Vue from 'vue' | 22 | import Vue from 'vue' |
23 | import Sortable from 'sortablejs' | ||
18 | import store from '@/store/index.js' | 24 | import store from '@/store/index.js' |
19 | import { InitClml, updateClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | 25 | import { InitClml, updateClml } from "@/api/clxx.js"; |
20 | export default { | 26 | export default { |
21 | props: { | 27 | props: { |
22 | formData: { | 28 | formData: { |
... | @@ -29,25 +35,11 @@ | ... | @@ -29,25 +35,11 @@ |
29 | data () { | 35 | data () { |
30 | return { | 36 | return { |
31 | loading: false, | 37 | loading: false, |
38 | sortable: null, | ||
32 | column: [ | 39 | column: [ |
33 | { | 40 | { |
34 | width: '50', | 41 | label: "选择", |
35 | renderHeader: (h, scope) => { | 42 | type: 'selection' |
36 | return <div> { | ||
37 | !this.formData.ableOperation ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | ||
38 | } | ||
39 | </div> | ||
40 | }, | ||
41 | render: (h, scope) => { | ||
42 | return ( | ||
43 | <div> | ||
44 | { | ||
45 | !this.formData.ableOperation ? <span>{scope.$index + 1}</span> : | ||
46 | <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i> | ||
47 | } | ||
48 | </div> | ||
49 | ) | ||
50 | } | ||
51 | }, | 43 | }, |
52 | { | 44 | { |
53 | prop: "isrequired", | 45 | prop: "isrequired", |
... | @@ -100,46 +92,34 @@ | ... | @@ -100,46 +92,34 @@ |
100 | }, | 92 | }, |
101 | { | 93 | { |
102 | prop: "sjsl", | 94 | prop: "sjsl", |
103 | label: "份数", | 95 | label: "收件数量", |
104 | width: "50", | 96 | width: "80", |
105 | render: (h, scope) => { | 97 | render: (h, scope) => { |
106 | return ( | 98 | return ( |
107 | (this.formData.ableOperation && scope.row.isrequired != '1') ? | 99 | (this.formData.ableOperation) ? |
108 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> : <span>{ | 100 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> : <span>{ |
109 | scope.row.sjsl ? | 101 | scope.row.sjsl |
110 | <span>{scope.row.sjsl}</span> : 1 | ||
111 | }</span> | 102 | }</span> |
112 | ) | 103 | ) |
113 | } | 104 | } |
114 | }, | 105 | }, |
115 | { | 106 | { |
116 | prop: "smzt", | 107 | label: "扫描时间", |
117 | label: "扫描状态", | 108 | width: "140", |
118 | width: "80", | ||
119 | render: (h, scope) => { | 109 | render: (h, scope) => { |
120 | if (scope.row.children && scope.row.children.length > 0) { | ||
121 | return ( | ||
122 | <div> | ||
123 | <span>已扫描</span> | ||
124 | </div> | ||
125 | ); | ||
126 | } else { | ||
127 | return ( | 110 | return ( |
128 | <div> | 111 | <span>{scope.row.sjsj}</span> |
129 | <span>未扫描</span> | 112 | ) |
130 | </div> | ||
131 | ); | ||
132 | } | 113 | } |
133 | }, | 114 | }, |
134 | }, | ||
135 | { | 115 | { |
136 | label: "扫描页数", | 116 | label: "页数", |
137 | width: "80", | 117 | width: "60", |
138 | render: (h, scope) => { | 118 | render: (h, scope) => { |
139 | if (scope.row.children && scope.row.children.length > 0) { | 119 | if (scope.row.ys && scope.row.ys > 0) { |
140 | return ( | 120 | return ( |
141 | <div> | 121 | <div> |
142 | <span>{scope.row.children.length}</span> | 122 | <span>{scope.row.ys}</span> |
143 | </div> | 123 | </div> |
144 | ); | 124 | ); |
145 | } else { | 125 | } else { |
... | @@ -159,21 +139,13 @@ | ... | @@ -159,21 +139,13 @@ |
159 | <div> | 139 | <div> |
160 | <el-button | 140 | <el-button |
161 | type="text" | 141 | type="text" |
162 | disabled={scope.$index == 0 || !this.formData.ableOperation} | 142 | icon="el-icon-delete" |
163 | onClick={() => { | 143 | disabled={scope.row.ys == 0 || !this.formData.ableOperation} |
164 | this.moveUpward(scope.$index, scope.row); | ||
165 | }} | ||
166 | > | ||
167 | 上移 | ||
168 | </el-button> | ||
169 | <el-button | ||
170 | type="text" | ||
171 | disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation} | ||
172 | onClick={() => { | 144 | onClick={() => { |
173 | this.moveDown(scope.$index, scope.row); | 145 | this.handleDelete(scope.$index, scope.row); |
174 | }} | 146 | }} |
175 | > | 147 | > |
176 | 下移 | 148 | 删除 |
177 | </el-button> | 149 | </el-button> |
178 | 150 | ||
179 | </div > | 151 | </div > |
... | @@ -194,11 +166,15 @@ | ... | @@ -194,11 +166,15 @@ |
194 | deep: true | 166 | deep: true |
195 | } | 167 | } |
196 | }, | 168 | }, |
169 | mounted () { | ||
170 | this.initSort() | ||
171 | }, | ||
172 | beforeDestroy () { | ||
173 | if (this.sortable) { | ||
174 | this.sortable.destroy(); | ||
175 | } | ||
176 | }, | ||
197 | methods: { | 177 | methods: { |
198 | /** | ||
199 | * @description: handleSubmit | ||
200 | * @author: renchao | ||
201 | */ | ||
202 | handleSubmit () { | 178 | handleSubmit () { |
203 | this.loading = true | 179 | this.loading = true |
204 | updateClml(this.tableData).then(res => { | 180 | updateClml(this.tableData).then(res => { |
... | @@ -246,64 +222,9 @@ | ... | @@ -246,64 +222,9 @@ |
246 | }) | 222 | }) |
247 | }, | 223 | }, |
248 | /** | 224 | /** |
249 | * @description: 上移 | ||
250 | * @param {*} index | ||
251 | * @param {*} row | ||
252 | * @author: renchao | ||
253 | */ | ||
254 | moveUpward (index, row) { | ||
255 | let obj = { | ||
256 | xh: row.xh, | ||
257 | bsmSlsq: row.bsmSlsq, | ||
258 | moveDirection: "UP", | ||
259 | }; | ||
260 | // 接口待调 | ||
261 | moveClml(obj).then(async (res) => { | ||
262 | if (res.code == 200) { | ||
263 | let res = await this.clmlInitList() | ||
264 | if (res == 200) { | ||
265 | this.$message({ | ||
266 | message: '上移成功', | ||
267 | type: 'success' | ||
268 | }) | ||
269 | } | ||
270 | } else { | ||
271 | this.$message.error(res.message); | ||
272 | } | ||
273 | }) | ||
274 | }, | ||
275 | /** | ||
276 | * @description: 下移 | ||
277 | * @param {*} index | ||
278 | * @param {*} row | ||
279 | * @author: renchao | ||
280 | */ | ||
281 | moveDown (index, row) { | ||
282 | let obj = { | ||
283 | xh: row.xh, | ||
284 | bsmSlsq: row.bsmSlsq, | ||
285 | moveDirection: "DOWN", | ||
286 | } | ||
287 | // 接口待调 | ||
288 | moveClml(obj).then(async (res) => { | ||
289 | if (res.code == 200) { | ||
290 | let res = await this.clmlInitList() | ||
291 | if (res == 200) { | ||
292 | this.$message({ | ||
293 | message: '下移成功', | ||
294 | type: 'success' | ||
295 | }) | ||
296 | } | ||
297 | } else { | ||
298 | this.$message.error(res.message); | ||
299 | } | ||
300 | }) | ||
301 | }, | ||
302 | /** | ||
303 | * @description: 材料目录删除 | 225 | * @description: 材料目录删除 |
304 | * @param {*} index | 226 | * @param {*} index |
305 | * @param {*} row | 227 | * @param {*} row |
306 | * @author: renchao | ||
307 | */ | 228 | */ |
308 | handleDelete (index, row) { | 229 | handleDelete (index, row) { |
309 | if (row.children.length > 0) { | 230 | if (row.children.length > 0) { |
... | @@ -316,17 +237,6 @@ | ... | @@ -316,17 +237,6 @@ |
316 | cancelButtonText: '取消', | 237 | cancelButtonText: '取消', |
317 | type: 'warning' | 238 | type: 'warning' |
318 | }).then(() => { | 239 | }).then(() => { |
319 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
320 | if (res.code == 200) { | ||
321 | let res = await that.clmlInitList() | ||
322 | if (res == 200) { | ||
323 | that.$message({ | ||
324 | message: "删除成功", | ||
325 | type: "success" | ||
326 | }) | ||
327 | } | ||
328 | } | ||
329 | }) | ||
330 | }).catch(() => { | 240 | }).catch(() => { |
331 | this.$message({ | 241 | this.$message({ |
332 | type: 'info', | 242 | type: 'info', |
... | @@ -334,24 +244,18 @@ | ... | @@ -334,24 +244,18 @@ |
334 | }) | 244 | }) |
335 | }) | 245 | }) |
336 | }, | 246 | }, |
337 | // 字典 | 247 | initSort () { |
338 | /** | 248 | const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] |
339 | * @description: 字典 | 249 | this.sortable = Sortable.create(el, { |
340 | * @param {*} val | 250 | ghostClass: 'sortable-ghost', |
341 | * @param {*} code | 251 | setData: function (dataTransfer) { |
342 | * @author: renchao | 252 | dataTransfer.setData('Text', '') |
343 | */ | 253 | }, |
344 | dicStatus (val, code) { | 254 | onEnd: evt => { |
345 | let data = store.getters.dictData[code], | 255 | const targetRow = this.tableData.splice(evt.oldIndex, 1)[0]; |
346 | name = "暂无"; | 256 | this.tableData.splice(evt.newIndex, 0, targetRow); |
347 | if (data) { | ||
348 | data.map((item) => { | ||
349 | if (item.dcode == val) { | ||
350 | name = item.dname; | ||
351 | } | ||
352 | }); | ||
353 | return name; | ||
354 | } | 257 | } |
258 | }) | ||
355 | } | 259 | } |
356 | } | 260 | } |
357 | } | 261 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 13:59:09 | 4 | * @LastEditTime: 2023-09-12 13:29:54 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | 申请单元列表({{ unitData.length }}) | 15 | 申请单元列表({{ unitData.length }}) |
16 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | 16 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> |
17 | </div> | 17 | </div> |
18 | <el-menu :default-active="activeIndex" @select="unitClick"> | 18 | <el-menu v-model="activeIndex" :default-active="activeIndex" @select="unitClick"> |
19 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | 19 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> |
20 | <p class="dot" v-if="item.issave == '0'"></p> | 20 | <p class="dot" v-if="item.issave == '0'"></p> |
21 | <div class="menu-con"> | 21 | <div class="menu-con"> |
... | @@ -74,18 +74,20 @@ | ... | @@ -74,18 +74,20 @@ |
74 | watch: { | 74 | watch: { |
75 | isRefresh: { | 75 | isRefresh: { |
76 | handler (newVal, oldVal) { | 76 | handler (newVal, oldVal) { |
77 | if (newVal) this.loadBdcdylist() | 77 | if (newVal) { |
78 | this.loadBdcdylist() | ||
79 | } | ||
78 | }, | 80 | }, |
79 | immediate: true | 81 | immediate: true |
80 | } | 82 | } |
81 | }, | 83 | }, |
82 | methods: { | 84 | methods: { |
83 | //读取申请单元信息 | ||
84 | /** | 85 | /** |
85 | * @description: 读取申请单元信息 | 86 | * @description: 读取申请单元信息 |
86 | * @author: renchao | 87 | * @author: renchao |
87 | */ | 88 | */ |
88 | loadBdcdylist () { | 89 | loadBdcdylist () { |
90 | let that = this | ||
89 | var formdata = new FormData(); | 91 | var formdata = new FormData(); |
90 | formdata.append("bsmSlsq", this.bsmSlsq); | 92 | formdata.append("bsmSlsq", this.bsmSlsq); |
91 | if (this.$route.query.bestepid) { | 93 | if (this.$route.query.bestepid) { |
... | @@ -97,40 +99,43 @@ | ... | @@ -97,40 +99,43 @@ |
97 | if (this.$route.query.type == 'jdcx') { | 99 | if (this.$route.query.type == 'jdcx') { |
98 | jdcxLeftMenu(formdata).then((res) => { | 100 | jdcxLeftMenu(formdata).then((res) => { |
99 | if (res.code === 200 && res.result) { | 101 | if (res.code === 200 && res.result) { |
100 | this.unitData = res.result; | 102 | that.unitData = res.result; |
101 | window.unitData = res.result; | 103 | window.unitData = res.result; |
102 | this.currentSelectProps = res.result[0]; | 104 | that.currentSelectProps = res.result[0]; |
103 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 105 | that.$emit('getCurrentSelectProps', this.currentSelectProps); |
104 | this.judgeBatchShow(); | 106 | that.judgeBatchShow(); |
105 | if (this.showBatch) { | 107 | if (sessionStorage.getItem('keyPath')) { |
106 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 108 | that.unitClick(sessionStorage.getItem('keyPath') - 0) |
107 | this.batchUnitClick(); | ||
108 | } else { | 109 | } else { |
109 | //默认选择单元列表第一个 | 110 | that.unitClick(0) |
110 | this.unitClick(0); | 111 | if (that.showBatch) { |
112 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
113 | that.batchUnitClick(); | ||
114 | } | ||
111 | } | 115 | } |
112 | } | 116 | } |
113 | }) | 117 | }) |
114 | } else { | 118 | } else { |
115 | leftMenu(formdata).then((res) => { | 119 | leftMenu(formdata).then((res) => { |
116 | if (res.code === 200 && res.result) { | 120 | if (res.code === 200 && res.result) { |
117 | this.unitData = res.result; | 121 | that.unitData = res.result; |
118 | window.unitData = res.result; | 122 | window.unitData = res.result; |
119 | this.currentSelectProps = res.result[0]; | 123 | this.currentSelectProps = res.result[0]; |
120 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 124 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
121 | this.judgeBatchShow(); | 125 | this.judgeBatchShow(); |
122 | if (this.showBatch) { | 126 | if (sessionStorage.getItem('keyPath')) { |
123 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 127 | that.unitClick(sessionStorage.getItem('keyPath') - 0) |
124 | this.batchUnitClick(); | ||
125 | } else { | 128 | } else { |
126 | //默认选择单元列表第一个 | 129 | that.unitClick(0) |
127 | this.unitClick(0); | 130 | if (that.showBatch) { |
131 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
132 | that.batchUnitClick(); | ||
133 | } | ||
128 | } | 134 | } |
129 | } | 135 | } |
130 | }) | 136 | }) |
131 | } | 137 | } |
132 | }, | 138 | }, |
133 | //批量按钮判断 | ||
134 | /** | 139 | /** |
135 | * @description: 批量按钮判断 | 140 | * @description: 批量按钮判断 |
136 | * @author: renchao | 141 | * @author: renchao |
... | @@ -224,11 +229,15 @@ | ... | @@ -224,11 +229,15 @@ |
224 | this.currentSelectProps = this.unitData[index]; | 229 | this.currentSelectProps = this.unitData[index]; |
225 | this.currentSelectProps.batchOperation = false; | 230 | this.currentSelectProps.batchOperation = false; |
226 | this.activeIndex = index.toString(); | 231 | this.activeIndex = index.toString(); |
232 | sessionStorage.setItem('keyPath', this.activeIndex); | ||
227 | //选中表单传递数据 | 233 | //选中表单传递数据 |
228 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 234 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
229 | this.$parent.stepForm(index); | 235 | this.$parent.stepForm(index); |
230 | this.$store.dispatch('user/refreshPage', false); | 236 | this.$store.dispatch('user/refreshPage', false); |
231 | } | 237 | } |
238 | }, | ||
239 | beforeDestroy () { | ||
240 | sessionStorage.removeItem('keyPath') | ||
232 | } | 241 | } |
233 | } | 242 | } |
234 | </script> | 243 | </script> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-28 08:46:04 | 4 | * @LastEditTime: 2023-09-12 13:32:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -98,12 +98,12 @@ | ... | @@ -98,12 +98,12 @@ |
98 | } | 98 | } |
99 | }, | 99 | }, |
100 | methods: { | 100 | methods: { |
101 | //读取申请单元信息 | ||
102 | /** | 101 | /** |
103 | * @description: 读取申请单元信息 | 102 | * @description: 读取申请单元信息 |
104 | * @author: renchao | 103 | * @author: renchao |
105 | */ | 104 | */ |
106 | loadBdcdylist () { | 105 | loadBdcdylist () { |
106 | let that = this | ||
107 | var formdata = new FormData(); | 107 | var formdata = new FormData(); |
108 | formdata.append("bsmSlsq", this.bsmSlsq); | 108 | formdata.append("bsmSlsq", this.bsmSlsq); |
109 | if (this.$route.query.bestepid) { | 109 | if (this.$route.query.bestepid) { |
... | @@ -120,12 +120,14 @@ | ... | @@ -120,12 +120,14 @@ |
120 | this.currentSelectProps = res.result[0]; | 120 | this.currentSelectProps = res.result[0]; |
121 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 121 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
122 | this.judgeBatchShow(); | 122 | this.judgeBatchShow(); |
123 | if (this.showBatch) { | 123 | if (sessionStorage.getItem('keyPath')) { |
124 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 124 | that.unitClick(sessionStorage.getItem('keyPath') - 0) |
125 | this.batchUnitClick(); | ||
126 | } else { | 125 | } else { |
127 | //默认选择单元列表第一个 | 126 | that.unitClick(0) |
128 | this.unitClick(0); | 127 | if (that.showBatch) { |
128 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
129 | that.batchUnitClick(); | ||
130 | } | ||
129 | } | 131 | } |
130 | } | 132 | } |
131 | }) | 133 | }) |
... | @@ -137,12 +139,14 @@ | ... | @@ -137,12 +139,14 @@ |
137 | this.currentSelectProps = res.result[0]; | 139 | this.currentSelectProps = res.result[0]; |
138 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 140 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
139 | this.judgeBatchShow(); | 141 | this.judgeBatchShow(); |
140 | if (this.showBatch) { | 142 | if (sessionStorage.getItem('keyPath')) { |
141 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 143 | that.unitClick(sessionStorage.getItem('keyPath') - 0) |
142 | this.batchUnitClick(); | ||
143 | } else { | 144 | } else { |
144 | //默认选择单元列表第一个 | 145 | that.unitClick(0) |
145 | this.unitClick(0); | 146 | if (that.showBatch) { |
147 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
148 | that.batchUnitClick(); | ||
149 | } | ||
146 | } | 150 | } |
147 | } | 151 | } |
148 | }) | 152 | }) |
... | @@ -202,8 +206,6 @@ | ... | @@ -202,8 +206,6 @@ |
202 | }); | 206 | }); |
203 | }); | 207 | }); |
204 | }, | 208 | }, |
205 | |||
206 | //批量按钮点击事件 | ||
207 | /** | 209 | /** |
208 | * @description: 批量按钮点击事件 | 210 | * @description: 批量按钮点击事件 |
209 | * @author: renchao | 211 | * @author: renchao |
... | @@ -214,7 +216,6 @@ | ... | @@ -214,7 +216,6 @@ |
214 | this.$parent.stepForm(0); | 216 | this.$parent.stepForm(0); |
215 | 217 | ||
216 | }, | 218 | }, |
217 | //申请单元点击事件 | ||
218 | /** | 219 | /** |
219 | * @description: 申请单元点击事件 | 220 | * @description: 申请单元点击事件 |
220 | * @param {*} index | 221 | * @param {*} index |
... | @@ -226,6 +227,7 @@ | ... | @@ -226,6 +227,7 @@ |
226 | this.currentSelectProps.issave = '1' | 227 | this.currentSelectProps.issave = '1' |
227 | this.currentSelectProps.batchOperation = false; | 228 | this.currentSelectProps.batchOperation = false; |
228 | this.activeIndex = index.toString(); | 229 | this.activeIndex = index.toString(); |
230 | sessionStorage.setItem('keyPath', this.activeIndex); | ||
229 | //选中表单传递数据 | 231 | //选中表单传递数据 |
230 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 232 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
231 | this.$parent.stepForm(index); | 233 | this.$parent.stepForm(index); | ... | ... |
src/views/workflow/components/receipt.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: miaofang | ||
4 | * @LastEditTime: 2023-07-19 09:52:42 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="fm" id="boxaaa"> | ||
8 | <div class="title">不动产登记簿</div> | ||
9 | <div class="title">(回执)</div> | ||
10 | <p class="bian"> | ||
11 | 编号: <span>{{ Receiptdata.sldyList[0].ybdcqzsh||"" }}</span> | ||
12 | </p> | ||
13 | <div class="texts"> | ||
14 | <p class="jsjg">{{ Receiptdata.cfdjList[0].cfjg }}:</p> | ||
15 | <p class="concent"> | ||
16 | <span>{{ sj }}</span> ,你院协助执行通知书订单号为:<font>{{ | ||
17 | Receiptdata.qlxxList[0].ywh||"" | ||
18 | }}</font | ||
19 | >收悉,具体执行情况如下。 | ||
20 | </p> | ||
21 | </div> | ||
22 | |||
23 | <p class="bian">{{ Receiptdata.user.organizationName }}</p> | ||
24 | <p class="bian">{{ sj }}(盖章)</p> | ||
25 | <table class="xxTable"> | ||
26 | <tr> | ||
27 | <td>序号</td> | ||
28 | <td>坐落</td> | ||
29 | <td>控制反馈</td> | ||
30 | <td>控制措施</td> | ||
31 | </tr> | ||
32 | <tr v-for="(item, index) in Receiptdata.sldyList" :key="index"> | ||
33 | <td>{{ index + 1 }}</td> | ||
34 | <td>{{ item.zl }}</td> | ||
35 | <td>已控</td> | ||
36 | <td>{{ item.djlxmc }}</td> | ||
37 | </tr> | ||
38 | </table> | ||
39 | </div> | ||
40 | </template> | ||
41 | |||
42 | <script> | ||
43 | export default { | ||
44 | props: { | ||
45 | Receiptdata: { | ||
46 | type: Object, | ||
47 | default: {}, | ||
48 | }, | ||
49 | }, | ||
50 | data() { | ||
51 | return { | ||
52 | sj: "", | ||
53 | data:false | ||
54 | }; | ||
55 | }, | ||
56 | mounted() { | ||
57 | this.loadData(); | ||
58 | }, | ||
59 | watch: { | ||
60 | Receiptdata: { | ||
61 | handler(newValue, oldValue) { | ||
62 | this.$nextTick(() => { | ||
63 | this.Receiptdata = newValue; | ||
64 | this.loadData(); | ||
65 | }); | ||
66 | }, | ||
67 | }, | ||
68 | }, | ||
69 | methods: { | ||
70 | /** | ||
71 | * @description: loadData | ||
72 | * @author: miaofang | ||
73 | */ | ||
74 | loadData() { | ||
75 | let dateTime = new Date(this.Receiptdata.slsq.slsj); | ||
76 | let y = dateTime.getFullYear(); | ||
77 | let m = dateTime.getMonth() + 1; | ||
78 | m = m < 10 ? "0" + m : m; | ||
79 | let d = dateTime.getDate(); | ||
80 | d = d < 10 ? "0" + d : d; | ||
81 | let h = dateTime.getHours(); | ||
82 | h = h < 10 ? "0" + h : h; | ||
83 | let M = dateTime.getMinutes(); | ||
84 | M = M < 10 ? "0" + M : M; | ||
85 | let s = dateTime.getSeconds(); | ||
86 | s = s < 10 ? "0" + s : s; | ||
87 | this.sj = y + "年" + m + "月" + d + "日"; | ||
88 | }, | ||
89 | }, | ||
90 | }; | ||
91 | </script> | ||
92 | |||
93 | <style lang="scss" scoped> | ||
94 | #boxaaa{ | ||
95 | font { | ||
96 | border-bottom: 1px solid #000; | ||
97 | display: inline-block; | ||
98 | padding: 0 15px; | ||
99 | line-height: 16px; | ||
100 | } | ||
101 | |||
102 | .title { | ||
103 | height: 60px; | ||
104 | display: flex; | ||
105 | font-size: 32px; | ||
106 | color: #000; | ||
107 | justify-content: center; | ||
108 | align-items: center; | ||
109 | } | ||
110 | .bian { | ||
111 | text-align: right; | ||
112 | } | ||
113 | .texts{ | ||
114 | margin-top: 40px; | ||
115 | margin-bottom: 40px; | ||
116 | |||
117 | } | ||
118 | .jsjg { | ||
119 | text-align: left; | ||
120 | } | ||
121 | .concent { | ||
122 | width: 100%; | ||
123 | |||
124 | line-height: 40px; | ||
125 | text-align: left; | ||
126 | text-indent: 2em; | ||
127 | } | ||
128 | p { | ||
129 | font-family: serif; | ||
130 | } | ||
131 | .xxTable { | ||
132 | |||
133 | width: 100%; | ||
134 | border-collapse: collapse; | ||
135 | font-family: serif; | ||
136 | margin-top: 20px; | ||
137 | |||
138 | tr td { | ||
139 | border: 1px solid #000; | ||
140 | text-align: center; | ||
141 | height: 40px; | ||
142 | line-height: 17px; | ||
143 | font-size: 13px; | ||
144 | min-width: 80px; | ||
145 | z-index: 1; | ||
146 | min-width: 80px; | ||
147 | padding: 5px; | ||
148 | } | ||
149 | } | ||
150 | } | ||
151 | .fm { | ||
152 | background: #fff; | ||
153 | font-size: 18px; | ||
154 | margin: auto; | ||
155 | } | ||
156 | |||
157 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 11:01:54 | 4 | * @LastEditTime: 2023-09-12 09:40:17 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -14,15 +14,13 @@ | ... | @@ -14,15 +14,13 @@ |
14 | :heightNumSetting="true" | 14 | :heightNumSetting="true" |
15 | :minHeight="150" | 15 | :minHeight="150" |
16 | height="150" | 16 | height="150" |
17 | style="width: 100%" | 17 | style="width: 100%"> |
18 | > | ||
19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | 18 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
20 | <template slot-scope="scope"> | 19 | <template slot-scope="scope"> |
21 | <i | 20 | <i |
22 | class="el-icon-minus pointer" | 21 | class="el-icon-minus pointer" |
23 | @click="deleClick(scope.$index, scope.row)" | 22 | @click="deleClick(scope.$index, scope.row)" |
24 | v-if="ableOperation" | 23 | v-if="ableOperation"></i> |
25 | ></i> | ||
26 | <div style="text-align: center" v-else> | 24 | <div style="text-align: center" v-else> |
27 | {{ scope.$index + 1 }} | 25 | {{ scope.$index + 1 }} |
28 | </div> | 26 | </div> |
... | @@ -40,8 +38,7 @@ | ... | @@ -40,8 +38,7 @@ |
40 | :normalizer="normalizer" | 38 | :normalizer="normalizer" |
41 | :appendToBody="true" | 39 | :appendToBody="true" |
42 | z-index="9999" | 40 | z-index="9999" |
43 | @input="addrow(scope.row)" | 41 | @input="addrow(scope.row)" /> |
44 | /> | ||
45 | </template> | 42 | </template> |
46 | </el-table-column> | 43 | </el-table-column> |
47 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | 44 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> |
... | @@ -54,8 +51,7 @@ | ... | @@ -54,8 +51,7 @@ |
54 | placeholder="选择日期" | 51 | placeholder="选择日期" |
55 | value-format="yyyy-MM-dd HH:mm:ss" | 52 | value-format="yyyy-MM-dd HH:mm:ss" |
56 | format="yyyy-MM-dd" | 53 | format="yyyy-MM-dd" |
57 | @input="startTime(scope.$index)" | 54 | @input="startTime(scope.$index)"> |
58 | > | ||
59 | </el-date-picker> | 55 | </el-date-picker> |
60 | </template> | 56 | </template> |
61 | </el-table-column> | 57 | </el-table-column> |
... | @@ -69,8 +65,7 @@ | ... | @@ -69,8 +65,7 @@ |
69 | placeholder="选择日期" | 65 | placeholder="选择日期" |
70 | value-format="yyyy-MM-dd HH:mm:ss" | 66 | value-format="yyyy-MM-dd HH:mm:ss" |
71 | format="yyyy-MM-dd" | 67 | format="yyyy-MM-dd" |
72 | @input="endTime(scope.$index)" | 68 | @input="endTime(scope.$index)"> |
73 | > | ||
74 | </el-date-picker> | 69 | </el-date-picker> |
75 | </template> | 70 | </template> |
76 | </el-table-column> | 71 | </el-table-column> |
... | @@ -82,18 +77,16 @@ | ... | @@ -82,18 +77,16 @@ |
82 | v-model="scope.row.tdsyqx" | 77 | v-model="scope.row.tdsyqx" |
83 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 78 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
84 | placeholder="请输入内容" | 79 | placeholder="请输入内容" |
85 | @input="sumTime(scope.$index, scope.row.tdsyqx)" | 80 | @input="sumTime(scope.$index, scope.row.tdsyqx)"> |
86 | > | 81 | ></el-input> |
87 | ></el-input | ||
88 | > | ||
89 | </template> | 82 | </template> |
90 | </el-table-column> | 83 | </el-table-column> |
91 | </el-table> | 84 | </el-table> |
92 | </div> | 85 | </div> |
93 | </template> | 86 | </template> |
94 | <script> | 87 | <script> |
95 | import { mapGetters } from "vuex"; | 88 | import { mapGetters } from "vuex"; |
96 | export default { | 89 | export default { |
97 | computed: { | 90 | computed: { |
98 | ...mapGetters(["dictData"]), | 91 | ...mapGetters(["dictData"]), |
99 | }, | 92 | }, |
... | @@ -109,7 +102,7 @@ export default { | ... | @@ -109,7 +102,7 @@ export default { |
109 | default: true, | 102 | default: true, |
110 | }, | 103 | }, |
111 | }, | 104 | }, |
112 | data() { | 105 | data () { |
113 | return { | 106 | return { |
114 | // 键名转换,方法默认是label和children进行树状渲染 | 107 | // 键名转换,方法默认是label和children进行树状渲染 |
115 | key: 0, | 108 | key: 0, |
... | @@ -123,7 +116,7 @@ export default { | ... | @@ -123,7 +116,7 @@ export default { |
123 | // 起始时间选择范围 | 116 | // 起始时间选择范围 |
124 | pickerStart: {}, | 117 | pickerStart: {}, |
125 | pickerEnd: {}, | 118 | pickerEnd: {}, |
126 | normalizer(node) { | 119 | normalizer (node) { |
127 | if (node.children == null || node.children == "null") { | 120 | if (node.children == null || node.children == "null") { |
128 | delete node.children; | 121 | delete node.children; |
129 | } | 122 | } |
... | @@ -135,7 +128,7 @@ export default { | ... | @@ -135,7 +128,7 @@ export default { |
135 | }, | 128 | }, |
136 | }; | 129 | }; |
137 | }, | 130 | }, |
138 | mounted() {}, | 131 | mounted () { }, |
139 | watch: { | 132 | watch: { |
140 | tableData: { | 133 | tableData: { |
141 | handler: function (val, oldVal) { | 134 | handler: function (val, oldVal) { |
... | @@ -164,7 +157,7 @@ export default { | ... | @@ -164,7 +157,7 @@ export default { |
164 | * @description: renderHeader | 157 | * @description: renderHeader |
165 | * @author: renchao | 158 | * @author: renchao |
166 | */ | 159 | */ |
167 | renderHeader() { | 160 | renderHeader () { |
168 | return ( | 161 | return ( |
169 | <div> | 162 | <div> |
170 | {" "} | 163 | {" "} |
... | @@ -186,8 +179,7 @@ export default { | ... | @@ -186,8 +179,7 @@ export default { |
186 | * @description: 修改事件 | 179 | * @description: 修改事件 |
187 | * @author: renchao | 180 | * @author: renchao |
188 | */ | 181 | */ |
189 | addrow(a) { | 182 | addrow (a) { |
190 | console.log(a); | ||
191 | // this.tableDataList = this.tableDataList.map((item) => { | 183 | // this.tableDataList = this.tableDataList.map((item) => { |
192 | // return { | 184 | // return { |
193 | // ...item, | 185 | // ...item, |
... | @@ -201,7 +193,7 @@ export default { | ... | @@ -201,7 +193,7 @@ export default { |
201 | * @param {*} index | 193 | * @param {*} index |
202 | * @author: renchao | 194 | * @author: renchao |
203 | */ | 195 | */ |
204 | startTime(index) { | 196 | startTime (index) { |
205 | console.log("index", index); | 197 | console.log("index", index); |
206 | // let startTime = this.tableDataList[index].tdsyqssj; | 198 | // let startTime = this.tableDataList[index].tdsyqssj; |
207 | let endTime = this.tableDataList[index].jssj; | 199 | let endTime = this.tableDataList[index].jssj; |
... | @@ -227,7 +219,7 @@ export default { | ... | @@ -227,7 +219,7 @@ export default { |
227 | * @param {*} index | 219 | * @param {*} index |
228 | * @author: renchao | 220 | * @author: renchao |
229 | */ | 221 | */ |
230 | endTime(index) { | 222 | endTime (index) { |
231 | // let startTime = this.tableDataList[index].tdsyqssj; | 223 | // let startTime = this.tableDataList[index].tdsyqssj; |
232 | let startTime = this.tableDataList[index].qssj; | 224 | let startTime = this.tableDataList[index].qssj; |
233 | let endTime = this.tableDataList[index].jssj; | 225 | let endTime = this.tableDataList[index].jssj; |
... | @@ -253,7 +245,7 @@ export default { | ... | @@ -253,7 +245,7 @@ export default { |
253 | * @param {*} tdsyqx | 245 | * @param {*} tdsyqx |
254 | * @author: renchao | 246 | * @author: renchao |
255 | */ | 247 | */ |
256 | sumTime(index, tdsyqx) { | 248 | sumTime (index, tdsyqx) { |
257 | let startTime = this.tableDataList[index].qssj; | 249 | let startTime = this.tableDataList[index].qssj; |
258 | this.tableDataList[index].jssj = | 250 | this.tableDataList[index].jssj = |
259 | Number(startTime.substring(0, 4)) + | 251 | Number(startTime.substring(0, 4)) + |
... | @@ -266,7 +258,7 @@ export default { | ... | @@ -266,7 +258,7 @@ export default { |
266 | * @description: 新增 | 258 | * @description: 新增 |
267 | * @author: renchao | 259 | * @author: renchao |
268 | */ | 260 | */ |
269 | addClick() { | 261 | addClick () { |
270 | // this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 262 | // this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); |
271 | this.tableDataList.push(_.cloneDeep(this.newdata)) | 263 | this.tableDataList.push(_.cloneDeep(this.newdata)) |
272 | this.$emit("upDateTdytxxList", this.tableDataList); | 264 | this.$emit("upDateTdytxxList", this.tableDataList); |
... | @@ -279,7 +271,7 @@ export default { | ... | @@ -279,7 +271,7 @@ export default { |
279 | * @param {*} row | 271 | * @param {*} row |
280 | * @author: renchao | 272 | * @author: renchao |
281 | */ | 273 | */ |
282 | deleClick(index, row) { | 274 | deleClick (index, row) { |
283 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 275 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
284 | confirmButtonText: "确定", | 276 | confirmButtonText: "确定", |
285 | cancelButtonText: "取消", | 277 | cancelButtonText: "取消", |
... | @@ -289,25 +281,25 @@ export default { | ... | @@ -289,25 +281,25 @@ export default { |
289 | this.tableDataList.splice(index, 1); | 281 | this.tableDataList.splice(index, 1); |
290 | this.$emit("upDateTdytxxList", this.tableDataList); | 282 | this.$emit("upDateTdytxxList", this.tableDataList); |
291 | }) | 283 | }) |
292 | .catch(() => {}); | 284 | .catch(() => { }); |
293 | }, | 285 | }, |
294 | }, | 286 | }, |
295 | }; | 287 | }; |
296 | </script> | 288 | </script> |
297 | <style scoped lang="scss"> | 289 | <style scoped lang="scss"> |
298 | .el-input { | 290 | .el-input { |
299 | border: none !important; | 291 | border: none !important; |
300 | } | 292 | } |
301 | /deep/.el-table__row { | 293 | /deep/.el-table__row { |
302 | border: none !important; | 294 | border: none !important; |
303 | } | 295 | } |
304 | .el-date-editor.el-input { | 296 | .el-date-editor.el-input { |
305 | width: 100%; | 297 | width: 100%; |
306 | } | 298 | } |
307 | /deep/.el-table th { | 299 | /deep/.el-table th { |
308 | height: 30px !important; | 300 | height: 30px !important; |
309 | } | 301 | } |
310 | /deep/ .el-table--border .el-table__cell:first-child .cell{ | 302 | /deep/ .el-table--border .el-table__cell:first-child .cell { |
311 | text-align: center; | 303 | text-align: center; |
312 | } | 304 | } |
313 | </style> | 305 | </style> | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-17 15:34:33 | 4 | * @LastEditTime: 2023-09-12 09:41:27 |
5 | */ | 5 | */ |
6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
7 | /** | 7 | /** |
... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
10 | * @param {*} djywbm | 10 | * @param {*} djywbm |
11 | * @author: renchao | 11 | * @author: renchao |
12 | */ | 12 | */ |
13 | export function getForm(tabName, djywbm) { | 13 | export function getForm (tabName, djywbm) { |
14 | let form; | 14 | let form; |
15 | switch (tabName) { | 15 | switch (tabName) { |
16 | case "tdsyqslxx": | 16 | case "tdsyqslxx": | ... | ... |
... | @@ -17,8 +17,10 @@ import { | ... | @@ -17,8 +17,10 @@ import { |
17 | unClaimTask, | 17 | unClaimTask, |
18 | getZdInfo | 18 | getZdInfo |
19 | } from "@/api/workFlow.js"; | 19 | } from "@/api/workFlow.js"; |
20 | |||
20 | import { getZrzbsmList } from "@/api/search.js"; | 21 | import { getZrzbsmList } from "@/api/search.js"; |
21 | import { ywPopupDialog } from "@/utils/popup.js"; | 22 | import { ywPopupDialog } from "@/utils/popup.js"; |
23 | |||
22 | export default { | 24 | export default { |
23 | data () { | 25 | data () { |
24 | return { | 26 | return { |
... | @@ -73,7 +75,7 @@ export default { | ... | @@ -73,7 +75,7 @@ export default { |
73 | * @author: renchao | 75 | * @author: renchao |
74 | */ | 76 | */ |
75 | operation (item) { | 77 | operation (item) { |
76 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 | 78 | //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿,B10:打印回执 |
77 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | 79 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout |
78 | let that = this; | 80 | let that = this; |
79 | switch (item.value) { | 81 | switch (item.value) { |
... | @@ -237,6 +239,8 @@ export default { | ... | @@ -237,6 +239,8 @@ export default { |
237 | }) | 239 | }) |
238 | }) | 240 | }) |
239 | break; | 241 | break; |
242 | case "B10": | ||
243 | break; | ||
240 | case "rm": | 244 | case "rm": |
241 | this.del() | 245 | this.del() |
242 | break; | 246 | break; | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-05 15:05:56 | 4 | * @LastEditTime: 2023-09-12 10:52:24 |
5 | */ | 5 | */ |
6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" |
... | @@ -32,7 +32,6 @@ export default { | ... | @@ -32,7 +32,6 @@ export default { |
32 | } | 32 | } |
33 | }) | 33 | }) |
34 | }, | 34 | }, |
35 | //右侧表单选项卡事件 | ||
36 | /** | 35 | /** |
37 | * @description: 右侧表单选项卡事件 | 36 | * @description: 右侧表单选项卡事件 |
38 | * @param {*} activeName | 37 | * @param {*} activeName |
... | @@ -40,9 +39,9 @@ export default { | ... | @@ -40,9 +39,9 @@ export default { |
40 | * @author: renchao | 39 | * @author: renchao |
41 | */ | 40 | */ |
42 | beforeLeave (activeName, oldActiveName) { | 41 | beforeLeave (activeName, oldActiveName) { |
42 | sessionStorage.setItem('activeName', activeName); | ||
43 | if (activeName && activeName != 0) this.getFromRouter(activeName) | 43 | if (activeName && activeName != 0) this.getFromRouter(activeName) |
44 | }, | 44 | }, |
45 | //切换选项卡内容组件 | ||
46 | /** | 45 | /** |
47 | * @description: 切换选项卡内容组件 | 46 | * @description: 切换选项卡内容组件 |
48 | * @param {*} tabname | 47 | * @param {*} tabname | ... | ... |
... | @@ -210,7 +210,15 @@ | ... | @@ -210,7 +210,15 @@ |
210 | box-sizing: border-box; | 210 | box-sizing: border-box; |
211 | width: 70px; | 211 | width: 70px; |
212 | margin: 0 5px; | 212 | margin: 0 5px; |
213 | 213 | div{ | |
214 | @include flex-center; | ||
215 | cursor: pointer; | ||
216 | flex-direction: column; | ||
217 | margin-right: 15px; | ||
218 | box-sizing: border-box; | ||
219 | width: 70px; | ||
220 | margin: 0 5px; | ||
221 | } | ||
214 | .icon { | 222 | .icon { |
215 | font-size: 10px; | 223 | font-size: 10px; |
216 | } | 224 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 14:14:55 | 4 | * @LastEditTime: 2023-09-12 16:39:53 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -9,24 +9,38 @@ | ... | @@ -9,24 +9,38 @@ |
9 | <div class="topButton"> | 9 | <div class="topButton"> |
10 | <!-- 左侧业务功能按钮 --> | 10 | <!-- 左侧业务功能按钮 --> |
11 | <ul> | 11 | <ul> |
12 | <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> | 12 | <li v-for="(item, index) in leftButtonList" :key="index"> |
13 | <div v-if="item.value == 'B10'" @click="openPrint()"> | ||
13 | <svg-icon class="icon" :icon-class="item.icon" /> | 14 | <svg-icon class="icon" :icon-class="item.icon" /> |
14 | <span class="iconName">{{ item.name }}</span> | 15 | <span class="iconName">{{ item.name }}</span> |
16 | </div> | ||
17 | <div v-else @click="operation(item)"> | ||
18 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
19 | <span class="iconName">{{ item.name }}</span> | ||
20 | </div> | ||
15 | </li> | 21 | </li> |
16 | </ul> | 22 | </ul> |
17 | <!-- 右侧流程按钮 --> | 23 | <!-- 右侧流程按钮 --> |
18 | <ul> | 24 | <ul> |
19 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 25 | <li |
26 | @click="operation(item)" | ||
27 | v-for="(item, index) in rightButtonList" | ||
28 | :key="index"> | ||
20 | <svg-icon class="icon" :icon-class="item.icon" /> | 29 | <svg-icon class="icon" :icon-class="item.icon" /> |
21 | <span class="iconName">{{ item.name }}</span> | 30 | <span class="iconName">{{ item.name }}</span> |
22 | </li> | 31 | </li> |
23 | </ul> | 32 | </ul> |
24 | <NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" /> | 33 | <NoticeBar |
34 | class="NoticeBar" | ||
35 | :noticeList="noticeList" | ||
36 | v-if="noticeList.length > 0" /> | ||
25 | </div> | 37 | </div> |
26 | <!-- 内容框架 --> | 38 | <!-- 内容框架 --> |
27 | <div class="containerFrame"> | 39 | <div class="containerFrame"> |
28 | <!-- 左侧菜单栏 区分业务--> | 40 | <!-- 左侧菜单栏 区分业务--> |
29 | <segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> | 41 | <segmentMenu |
42 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" | ||
43 | @getCurrentSelectProps="getCurrentSelectProps" /> | ||
30 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> | 44 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> |
31 | <div class="leftCon"> | 45 | <div class="leftCon"> |
32 | <!-- 分屏左侧预览 --> | 46 | <!-- 分屏左侧预览 --> |
... | @@ -39,20 +53,50 @@ | ... | @@ -39,20 +53,50 @@ |
39 | 当前流程所在环节: | 53 | 当前流程所在环节: |
40 | <span>{{ this.zbhj }}</span> | 54 | <span>{{ this.zbhj }}</span> |
41 | </div> | 55 | </div> |
42 | <el-tabs v-model="tabName" :before-leave="beforeLeave" @tab-click="handleClick"> | 56 | <el-tabs |
43 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 57 | v-model="tabName" |
58 | :before-leave="beforeLeave" | ||
59 | @tab-click="handleClick"> | ||
60 | <el-tab-pane | ||
61 | :label="item.name" | ||
62 | :name="item.value" | ||
63 | v-for="item in tabList" | ||
64 | :key="item.value"> | ||
44 | </el-tab-pane> | 65 | </el-tab-pane> |
45 | </el-tabs> | 66 | </el-tabs> |
46 | <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> | 67 | <div v-show="false"> |
68 | <div v-if="shows"> | ||
69 | <receipt :Receiptdata="Receiptdata" id="boxaaa" /> | ||
70 | </div> | ||
71 | |||
72 | </div> | ||
73 | <component | ||
74 | :key="fresh" | ||
75 | :is="componentTag" | ||
76 | v-bind="currentSelectProps" /> | ||
47 | </div> | 77 | </div> |
48 | </div> | 78 | </div> |
49 | </div> | 79 | </div> |
50 | <!-- 打印模板需要此模块 --> | 80 | <!-- 打印模板需要此模块 --> |
51 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 81 | <object |
52 | <embed id="LODOP_EM" type="application/x-print-lodop" width="820" height="450" pluginspage="install_lodop32.exe" /> | 82 | id="LODOP_OB" |
83 | classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" | ||
84 | v-show="false"> | ||
85 | <embed | ||
86 | id="LODOP_EM" | ||
87 | type="application/x-print-lodop" | ||
88 | width="820" | ||
89 | height="450" | ||
90 | pluginspage="install_lodop32.exe" /> | ||
53 | </object> | 91 | </object> |
54 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" | 92 | <el-upload |
55 | :on-change="handleChange" :before-upload="beforeUpload"> | 93 | class="fileUpdate" |
94 | action="" | ||
95 | :show-file-list="false" | ||
96 | multiple | ||
97 | :auto-upload="false" | ||
98 | :on-change="handleChange" | ||
99 | :before-upload="beforeUpload"> | ||
56 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> | 100 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> |
57 | </el-upload> | 101 | </el-upload> |
58 | </div> | 102 | </div> |
... | @@ -62,27 +106,36 @@ | ... | @@ -62,27 +106,36 @@ |
62 | @import "./workFrame.scss"; | 106 | @import "./workFrame.scss"; |
63 | </style> | 107 | </style> |
64 | <script> | 108 | <script> |
65 | import WorkFlow from "./mixin/index" | 109 | import printJS from 'print-js' |
66 | import publicFlow from "./mixin/public.js" | 110 | import WorkFlow from "./mixin/index"; |
67 | import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js" | 111 | import publicFlow from "./mixin/public.js"; |
68 | import { getForm } from "./flowform" | 112 | import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js"; |
69 | import NoticeBar from "@/components/NoticeBar/index" | 113 | import { getForm } from "./flowform"; |
114 | import NoticeBar from "@/components/NoticeBar/index"; | ||
70 | // import ProcessViewer from "./components/processViewer.vue" | 115 | // import ProcessViewer from "./components/processViewer.vue" |
71 | // 引入左侧菜单 | 116 | // 引入左侧菜单 |
72 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" | 117 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
73 | // 引入左侧菜单 | 118 | // 引入左侧菜单 |
74 | import segmentMenu from "./components/leftmenu/segmentMenu.vue" | 119 | import segmentMenu from "./components/leftmenu/segmentMenu.vue"; |
75 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue" | 120 | // 回执单 |
121 | import receipt from "./components/receipt.vue"; | ||
122 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | ||
123 | import { BatchInit } from "@/api/workflow/cfdjFlow.js"; | ||
76 | export default { | 124 | export default { |
77 | components: { | 125 | components: { |
78 | selectBdc, | 126 | selectBdc, |
79 | NoticeBar, | 127 | NoticeBar, |
80 | ordinaryMenu, | 128 | ordinaryMenu, |
81 | segmentMenu | 129 | segmentMenu, |
130 | receipt, | ||
82 | }, | 131 | }, |
83 | mixins: [WorkFlow, publicFlow], | 132 | mixins: [WorkFlow, publicFlow], |
84 | data () { | 133 | data () { |
85 | return { | 134 | return { |
135 | // printObj: { | ||
136 | // id: "box", | ||
137 | // preview: true, | ||
138 | // }, | ||
86 | isDialog: false, | 139 | isDialog: false, |
87 | //受理申请标识码 | 140 | //受理申请标识码 |
88 | bsmSlsq: this.$route.query.bsmSlsq, | 141 | bsmSlsq: this.$route.query.bsmSlsq, |
... | @@ -110,11 +163,13 @@ | ... | @@ -110,11 +163,13 @@ |
110 | //页面监听时间 | 163 | //页面监听时间 |
111 | _beforeUnload_time: "", | 164 | _beforeUnload_time: "", |
112 | // 宗地id | 165 | // 宗地id |
113 | bsmZd: '' | 166 | bsmZd: "", |
114 | } | 167 | Receiptdata: {}, |
168 | shows: false | ||
169 | }; | ||
115 | }, | 170 | }, |
116 | mounted () { | 171 | mounted () { |
117 | this.$store.dispatch('user/refreshPage', false); | 172 | this.$store.dispatch("user/refreshPage", false); |
118 | //添加页面监听事件 | 173 | //添加页面监听事件 |
119 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); | 174 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); |
120 | window.addEventListener("unload", (e) => this.unloadHandler(e)); | 175 | window.addEventListener("unload", (e) => this.unloadHandler(e)); |
... | @@ -126,13 +181,44 @@ | ... | @@ -126,13 +181,44 @@ |
126 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | 181 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); |
127 | }, | 182 | }, |
128 | methods: { | 183 | methods: { |
184 | openPrint () { | ||
185 | // 获取打印回执数据 | ||
186 | var formdata = new FormData(); | ||
187 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | ||
188 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
189 | formdata.append("djlx", this.currentSelectProps.djlx); | ||
190 | BatchInit(formdata).then((res) => { | ||
191 | if (res.code === 200 && res.result) { | ||
192 | this.Receiptdata = res.result | ||
193 | this.shows = true | ||
194 | setTimeout(() => { | ||
195 | this.prinsss() | ||
196 | }, 100) | ||
197 | |||
198 | } | ||
199 | }) | ||
200 | }, | ||
201 | prinsss () { | ||
202 | printJS({ | ||
203 | printable: "boxaaa", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | ||
204 | type: "html", | ||
205 | maxWidth: 800, // 最大宽度 | ||
206 | font_size: "", // 不设置则使用默认字体大小 | ||
207 | style: `@font-face { | ||
208 | font-family: "STZHONGS"; | ||
209 | src: url(${window.ttf}) format("truetype"); | ||
210 | }`, | ||
211 | // 继承原来的所有样式 | ||
212 | targetStyles: ["*"] | ||
213 | }); | ||
214 | }, | ||
129 | /** | 215 | /** |
130 | * @description: getCurrentSelectProps | 216 | * @description: getCurrentSelectProps |
131 | * @param {*} val | 217 | * @param {*} val |
132 | * @author: renchao | 218 | * @author: renchao |
133 | */ | 219 | */ |
134 | getCurrentSelectProps (val) { | 220 | getCurrentSelectProps (val) { |
135 | this.currentSelectProps = val | 221 | this.currentSelectProps = val; |
136 | }, | 222 | }, |
137 | /** | 223 | /** |
138 | * @description: beforeunloadHandler | 224 | * @description: beforeunloadHandler |
... | @@ -166,13 +252,13 @@ | ... | @@ -166,13 +252,13 @@ |
166 | //获取单元对应的所有表单信息 | 252 | //获取单元对应的所有表单信息 |
167 | this.tabList = res.result; | 253 | this.tabList = res.result; |
168 | //默认加载第一个表单信息 | 254 | //默认加载第一个表单信息 |
169 | let arr = res.result.filter(item => item.defaultForm) | 255 | let arr = res.result.filter((item) => item.defaultForm); |
170 | if (arr.length > 0) { | 256 | if (arr.length > 0) { |
171 | this.tabName = arr[0].value; | 257 | this.tabName = arr[0].value; |
172 | } else { | 258 | } else { |
173 | this.tabName = res.result[0].value; | 259 | this.tabName = res.result[0].value; |
174 | } | 260 | } |
175 | this.ableOperation = this.tabList[0].ableOperation | 261 | this.ableOperation = this.tabList[0].ableOperation; |
176 | //批量操作无分屏按钮 | 262 | //批量操作无分屏按钮 |
177 | if (index != null) { | 263 | if (index != null) { |
178 | //处理分屏材料信息 | 264 | //处理分屏材料信息 |
... | @@ -184,26 +270,33 @@ | ... | @@ -184,26 +270,33 @@ |
184 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 270 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
185 | that.clxxTab = item; | 271 | that.clxxTab = item; |
186 | } | 272 | } |
187 | }) | 273 | }); |
188 | } | 274 | } |
189 | } | 275 | } |
190 | }) | 276 | }); |
191 | }, | 277 | }, |
278 | |||
192 | /** | 279 | /** |
193 | * @description: openDialog | 280 | * @description: openDialog |
194 | * @author: renchao | 281 | * @author: renchao |
195 | */ | 282 | */ |
196 | openDialog () { | 283 | openDialog () { |
197 | this.$store.dispatch('user/refreshPage', false) | 284 | this.$store.dispatch("user/refreshPage", false); |
198 | let data = JSON.parse(localStorage.getItem('ywbl')) | 285 | let data = JSON.parse(localStorage.getItem("ywbl")); |
199 | let title | 286 | let title; |
200 | if (data?.sqywmc) { | 287 | if (data?.sqywmc) { |
201 | title = "申请业务:" + data?.sqywmc | 288 | title = "申请业务:" + data?.sqywmc; |
202 | } else { | 289 | } else { |
203 | title = "申请业务:" + data?.djywmc | 290 | title = "申请业务:" + data?.djywmc; |
204 | } | 291 | } |
205 | 292 | ||
206 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 293 | this.$popupDialog( |
294 | title, | ||
295 | "ywbl/ywsq/selectBdc", | ||
296 | { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data }, | ||
297 | "80%", | ||
298 | true | ||
299 | ); | ||
207 | }, | 300 | }, |
208 | //选项卡切换事件 | 301 | //选项卡切换事件 |
209 | /** | 302 | /** |
... | @@ -219,13 +312,18 @@ | ... | @@ -219,13 +312,18 @@ |
219 | this.ableOperation = this.tabList[a.index].ableOperation; | 312 | this.ableOperation = this.tabList[a.index].ableOperation; |
220 | } | 313 | } |
221 | }, | 314 | }, |
222 | } | 315 | }, |
223 | } | 316 | }; |
224 | </script> | 317 | </script> |
225 | <style scoped lang="scss"> | 318 | <style scoped lang="scss"> |
319 | @page { | ||
320 | size: auto; | ||
321 | margin: 0mm; | ||
322 | } | ||
226 | .rightContainer { | 323 | .rightContainer { |
227 | position: relative; | 324 | position: relative; |
228 | } | 325 | } |
326 | |||
229 | .count { | 327 | .count { |
230 | font-size: 14px; | 328 | font-size: 14px; |
231 | position: absolute; | 329 | position: absolute; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-11 13:35:33 | 4 | * @LastEditTime: 2023-09-13 09:18:13 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
8 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData"> | 8 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="500" :pagination="false" :data="tableData"> |
9 | </lb-table> | 9 | </lb-table> |
10 | <div class="text-center"> | 10 | <div class="text-center"> |
11 | <el-button @click="handleCancel">取消</el-button> | 11 | <el-button @click="handleCancel">取消</el-button> |
12 | <el-button type="primary" @click="handleSubmit" :loading="loading" v-if="formData.ableOperation && tableData.length>0">保存</el-button> | 12 | <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button> |
13 | </div> | 13 | </div> |
14 | </div> | 14 | </div> |
15 | </template> | 15 | </template> |
... | @@ -32,37 +32,28 @@ | ... | @@ -32,37 +32,28 @@ |
32 | loading: false, | 32 | loading: false, |
33 | column: [ | 33 | column: [ |
34 | { | 34 | { |
35 | width: "50", | 35 | width: '50', |
36 | label: '序号', | 36 | renderHeader: (h, scope) => { |
37 | type: 'index' | 37 | return <div> { |
38 | <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> | ||
39 | } | ||
40 | </div> | ||
38 | }, | 41 | }, |
39 | { | ||
40 | prop: "isrequired", | ||
41 | label: "是否必选", | ||
42 | width: "80", | ||
43 | render: (h, scope) => { | 42 | render: (h, scope) => { |
44 | if (scope.row.isrequired === "1") { | ||
45 | return ( | 43 | return ( |
46 | <div> | 44 | <div> |
47 | <span>必选</span> | 45 | { |
48 | </div> | 46 | <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i> |
49 | ); | ||
50 | } | 47 | } |
51 | else { | ||
52 | return ( | ||
53 | <div> | ||
54 | <span>可选</span> | ||
55 | </div> | 48 | </div> |
56 | ) | 49 | ) |
57 | } | 50 | } |
58 | } | ||
59 | }, | 51 | }, |
60 | { | 52 | { |
61 | label: "材料名称", | 53 | label: "材料名称", |
62 | render: (h, scope) => { | 54 | render: (h, scope) => { |
63 | return ( | 55 | return ( |
64 | (this.formData.ableOperation && scope.row.isrequired != '1') ? | 56 | <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> |
65 | <el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span> | ||
66 | ) | 57 | ) |
67 | } | 58 | } |
68 | }, | 59 | }, |
... | @@ -71,9 +62,8 @@ | ... | @@ -71,9 +62,8 @@ |
71 | width: "110", | 62 | width: "110", |
72 | render: (h, scope) => { | 63 | render: (h, scope) => { |
73 | return ( | 64 | return ( |
74 | this.formData.ableOperation ? | 65 | <el-select value={scope.row.cllx} |
75 | <el-select value={scope.row.sjlx} | 66 | onChange={(val) => { scope.row.cllx = val }}> |
76 | onChange={(val) => { scope.row.sjlx = val }}> | ||
77 | { | 67 | { |
78 | store.getters.dictData['A40'].map(option => { | 68 | store.getters.dictData['A40'].map(option => { |
79 | return ( | 69 | return ( |
... | @@ -81,47 +71,21 @@ | ... | @@ -81,47 +71,21 @@ |
81 | ) | 71 | ) |
82 | }) | 72 | }) |
83 | } | 73 | } |
84 | </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | 74 | </el-select> |
85 | ) | 75 | ) |
86 | } | 76 | } |
87 | }, | 77 | }, |
88 | { | 78 | { |
89 | prop: "sjsl", | ||
90 | label: "份数", | 79 | label: "份数", |
91 | width: "50", | 80 | width: "50", |
92 | render: (h, scope) => { | 81 | render: (h, scope) => { |
93 | return ( | 82 | return ( |
94 | <div> | 83 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> |
95 | { | ||
96 | scope.row.sjsl ? | ||
97 | <span>{scope.row.sjsl}</span> : 1 | ||
98 | } | ||
99 | </div> | ||
100 | ) | 84 | ) |
101 | } | 85 | } |
102 | }, | 86 | }, |
103 | { | 87 | { |
104 | prop: "smzt", | 88 | label: "页数", |
105 | label: "扫描状态", | ||
106 | width: "80", | ||
107 | render: (h, scope) => { | ||
108 | if (scope.row.children && scope.row.children.length > 0) { | ||
109 | return ( | ||
110 | <div> | ||
111 | <span>已扫描</span> | ||
112 | </div> | ||
113 | ); | ||
114 | } else { | ||
115 | return ( | ||
116 | <div> | ||
117 | <span>未扫描</span> | ||
118 | </div> | ||
119 | ); | ||
120 | } | ||
121 | }, | ||
122 | }, | ||
123 | { | ||
124 | label: "扫描页数", | ||
125 | width: "80", | 89 | width: "80", |
126 | render: (h, scope) => { | 90 | render: (h, scope) => { |
127 | if (scope.row.count && scope.row.count > 0) { | 91 | if (scope.row.count && scope.row.count > 0) { |
... | @@ -147,7 +111,7 @@ | ... | @@ -147,7 +111,7 @@ |
147 | <div> | 111 | <div> |
148 | <el-button | 112 | <el-button |
149 | type="text" | 113 | type="text" |
150 | disabled={scope.$index == 0 || !this.formData.ableOperation} | 114 | disabled={scope.$index == 0} |
151 | onClick={() => { | 115 | onClick={() => { |
152 | this.moveUpward(scope.$index, scope.row); | 116 | this.moveUpward(scope.$index, scope.row); |
153 | }} | 117 | }} |
... | @@ -156,16 +120,13 @@ | ... | @@ -156,16 +120,13 @@ |
156 | </el-button> | 120 | </el-button> |
157 | <el-button | 121 | <el-button |
158 | type="text" | 122 | type="text" |
159 | disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation} | 123 | disabled={scope.$index + 1 == this.tableData.length} |
160 | onClick={() => { | 124 | onClick={() => { |
161 | this.moveDown(scope.$index, scope.row); | 125 | this.moveDown(scope.$index, scope.row); |
162 | }} | 126 | }} |
163 | > | 127 | > |
164 | 下移 | 128 | 下移 |
165 | </el-button> | 129 | </el-button> |
166 | <i v-show={scope.row.isrequired != '1' && this.formData.ableOperation} onClick={() => { | ||
167 | this.handleDelete(scope.$index, scope.row); | ||
168 | }} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i> | ||
169 | </div > | 130 | </div > |
170 | ) | 131 | ) |
171 | } | 132 | } |
... | @@ -188,6 +149,15 @@ | ... | @@ -188,6 +149,15 @@ |
188 | handleCancel () { | 149 | handleCancel () { |
189 | ywPopupCacel() | 150 | ywPopupCacel() |
190 | }, | 151 | }, |
152 | handleAdd () { | ||
153 | this.tableData.push({ | ||
154 | clmc: '', | ||
155 | cllx: '1', | ||
156 | sjsl: '', | ||
157 | smzt: '', | ||
158 | count: 0 | ||
159 | }) | ||
160 | }, | ||
191 | handleSubmit () { | 161 | handleSubmit () { |
192 | this.loading = true | 162 | this.loading = true |
193 | updateClml(this.tableData).then(res => { | 163 | updateClml(this.tableData).then(res => { |
... | @@ -311,25 +281,6 @@ | ... | @@ -311,25 +281,6 @@ |
311 | message: '已取消删除' | 281 | message: '已取消删除' |
312 | }) | 282 | }) |
313 | }) | 283 | }) |
314 | }, | ||
315 | // 字典 | ||
316 | /** | ||
317 | * @description: 字典 | ||
318 | * @param {*} val | ||
319 | * @param {*} code | ||
320 | * @author: renchao | ||
321 | */ | ||
322 | dicStatus (val, code) { | ||
323 | let data = store.getters.dictData[code], | ||
324 | name = "暂无"; | ||
325 | if (data) { | ||
326 | data.map((item) => { | ||
327 | if (item.dcode == val) { | ||
328 | name = item.dname; | ||
329 | } | ||
330 | }); | ||
331 | return name; | ||
332 | } | ||
333 | } | 284 | } |
334 | } | 285 | } |
335 | } | 286 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-11 14:01:06 | 4 | * @LastEditTime: 2023-09-12 13:46:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> | 11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> |
12 | <i class="el-icon-arrow-right"></i> | 12 | <i class="el-icon-arrow-right"></i> |
13 | </div> | 13 | </div> |
14 | <div class="img-list-wrap"> | 14 | <div class="img-list-wrap" v-Loading="loading"> |
15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> | 15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> |
16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | 16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> |
17 | <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | 17 | <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" |
... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
36 | <div v-if="ableOperation" class="pl-5"> | 36 | <div v-if="ableOperation" class="pl-5"> |
37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> | 37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button> |
38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | 38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> |
39 | </div> | 39 | </div> |
40 | </div> | 40 | </div> |
... | @@ -53,7 +53,7 @@ | ... | @@ -53,7 +53,7 @@ |
53 | <script> | 53 | <script> |
54 | import PhotoZoom from '@/components/PhotoZoom' | 54 | import PhotoZoom from '@/components/PhotoZoom' |
55 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' | 55 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' |
56 | import { uploadBatch, deleteFile } from "@/api/company.js" | 56 | import { uploadBatch, deleteFile, move } from "@/api/company.js" |
57 | import publicPicture from '@/components/publicPicture/index.vue' | 57 | import publicPicture from '@/components/publicPicture/index.vue' |
58 | export default { | 58 | export default { |
59 | name: 'PreviewImage', | 59 | name: 'PreviewImage', |
... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
73 | }, | 73 | }, |
74 | data () { | 74 | data () { |
75 | return { | 75 | return { |
76 | loading: false, | ||
76 | key: 0, | 77 | key: 0, |
77 | isScan: false, | 78 | isScan: false, |
78 | // 打开高拍仪 | 79 | // 打开高拍仪 |
... | @@ -125,20 +126,41 @@ | ... | @@ -125,20 +126,41 @@ |
125 | handleOpenScan () { | 126 | handleOpenScan () { |
126 | this.isScan = !this.isScan | 127 | this.isScan = !this.isScan |
127 | if (this.isScan) { | 128 | if (this.isScan) { |
129 | this.loading = true | ||
128 | this.$message({ | 130 | this.$message({ |
129 | message: '正在启动程序请稍等', | 131 | message: '正在启动程序请稍等', |
130 | type: 'success' | 132 | type: 'success' |
131 | }) | 133 | }) |
132 | setTimeout(() => { | 134 | setTimeout(() => { |
133 | this.scanTitle = '关闭高拍仪' | 135 | this.scanTitle = '关闭高拍仪' |
134 | }, 4000) | 136 | this.loading = false |
137 | }, 3000) | ||
135 | } else { | 138 | } else { |
136 | this.scanTitle = '打开高拍仪' | 139 | this.scanTitle = '打开高拍仪' |
137 | } | 140 | } |
138 | }, | 141 | }, |
139 | // 左右移动 | 142 | /** |
143 | * @description: 左右移动 | ||
144 | * @param {*} direction | ||
145 | * @author: renchao | ||
146 | */ | ||
140 | handleMove (direction) { | 147 | handleMove (direction) { |
141 | 148 | move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => { | |
149 | if (res.code == 200) { | ||
150 | if (direction == 'left') { | ||
151 | this.previewImg.index = this.previewImg.index - 1 | ||
152 | } else { | ||
153 | this.previewImg.index = this.previewImg.index + 1 | ||
154 | } | ||
155 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) | ||
156 | this.$message({ | ||
157 | message: '移动成功!', | ||
158 | type: 'success' | ||
159 | }) | ||
160 | } else { | ||
161 | this.$message.error(res.message); | ||
162 | } | ||
163 | }) | ||
142 | }, | 164 | }, |
143 | /** | 165 | /** |
144 | * @description: 拍照 | 166 | * @description: 拍照 |
... | @@ -270,7 +292,7 @@ | ... | @@ -270,7 +292,7 @@ |
270 | } | 292 | } |
271 | formData.append("bsmMaterial", this.previewImg.bsmMaterial); | 293 | formData.append("bsmMaterial", this.previewImg.bsmMaterial); |
272 | if (this.previewImg.imgList.length > 0) { | 294 | if (this.previewImg.imgList.length > 0) { |
273 | formData.append("index", this.previewImg.index + 1); | 295 | formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh); |
274 | } | 296 | } |
275 | uploadBatch(formData).then((res) => { | 297 | uploadBatch(formData).then((res) => { |
276 | if (res.code == 200) { | 298 | if (res.code == 200) { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-28 09:56:03 | 4 | * @LastEditTime: 2023-09-12 13:39:20 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -349,7 +349,7 @@ | ... | @@ -349,7 +349,7 @@ |
349 | </script> | 349 | </script> |
350 | <style scoped lang="scss"> | 350 | <style scoped lang="scss"> |
351 | @import "~@/styles/public.scss"; | 351 | @import "~@/styles/public.scss"; |
352 | /deep/ .back{ | 352 | /deep/ .back { |
353 | display: inline-block; | 353 | display: inline-block; |
354 | font-size: 14px; | 354 | font-size: 14px; |
355 | width: 20px; | 355 | width: 20px; |
... | @@ -358,7 +358,7 @@ | ... | @@ -358,7 +358,7 @@ |
358 | line-height: 20px; | 358 | line-height: 20px; |
359 | margin-right: 4px; | 359 | margin-right: 4px; |
360 | text-align: center; | 360 | text-align: center; |
361 | background-color: rgba(171,12,12,0.1); | 361 | background-color: rgba(171, 12, 12, 0.1); |
362 | color: #B44747; | 362 | color: #b44747; |
363 | } | 363 | } |
364 | </style> | 364 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-22 16:25:12 | 4 | * @LastEditTime: 2023-09-12 09:59:18 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | class="loadingtext" | 12 | v-Loading="loading" |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
... | @@ -365,29 +365,33 @@ | ... | @@ -365,29 +365,33 @@ |
365 | import { mapGetters } from "vuex"; | 365 | import { mapGetters } from "vuex"; |
366 | export default { | 366 | export default { |
367 | mounted () { | 367 | mounted () { |
368 | this.loading = true | ||
368 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 369 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
369 | this.propsParam = this.$attrs; | 370 | this.propsParam = this.$attrs; |
370 | var formdata = new FormData(); | 371 | var formdata = new FormData(); |
371 | if (this.propsParam.djlx == "400") { | 372 | if (this.propsParam.djlx == "400") { |
372 | this.isJfOperation = true; | 373 | this.isJfOperation = true; |
373 | } | 374 | } |
374 | this.$startLoading(); | ||
375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | 376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
377 | formdata.append("djlx", this.propsParam.djlx); | 377 | formdata.append("djlx", this.propsParam.djlx); |
378 | formdata.append("isEdit", this.viewEdit); | 378 | formdata.append("isEdit", this.viewEdit); |
379 | Init(formdata).then((res) => { | 379 | Init(formdata).then((res) => { |
380 | setTimeout(() => { | ||
381 | this.loading = false | ||
382 | }, 200) | ||
380 | if (res.code === 200 && res.result) { | 383 | if (res.code === 200 && res.result) { |
381 | this.ruleForm = res.result; | 384 | this.ruleForm = res.result; |
382 | this.czrOptions = this.ruleForm.qlrList; | 385 | this.czrOptions = this.ruleForm.qlrList; |
383 | } | 386 | } |
384 | this.ruleForm.qlrList.forEach((item) => { | 387 | this.ruleForm.qlrList.forEach((item) => { |
385 | if (item.sfczr == 1) { | 388 | if (item.sfczr == 1) { |
386 | this.czr = item.sqrmc; | 389 | this.czr = item.zjh |
387 | } | 390 | } |
388 | }); | 391 | }); |
389 | this.$endLoading(); | 392 | }).catch(() => { |
390 | }); | 393 | this.loading = false |
394 | }) | ||
391 | }, | 395 | }, |
392 | components: { qlrCommonTable }, | 396 | components: { qlrCommonTable }, |
393 | computed: { | 397 | computed: { |
... | @@ -395,6 +399,7 @@ | ... | @@ -395,6 +399,7 @@ |
395 | }, | 399 | }, |
396 | data () { | 400 | data () { |
397 | return { | 401 | return { |
402 | loading: false, | ||
398 | //表单是否可操作 | 403 | //表单是否可操作 |
399 | viewEdit: true, | 404 | viewEdit: true, |
400 | disabled: true, | 405 | disabled: true, |
... | @@ -499,8 +504,17 @@ | ... | @@ -499,8 +504,17 @@ |
499 | this.ruleForm.qlrList = _.cloneDeep(val); | 504 | this.ruleForm.qlrList = _.cloneDeep(val); |
500 | this.czrOptions = this.ruleForm.qlrList; | 505 | this.czrOptions = this.ruleForm.qlrList; |
501 | } | 506 | } |
507 | this.num = 0 | ||
508 | this.ruleForm.qlrList.forEach(item => { | ||
509 | if (item.zjh == this.czr) { | ||
510 | this.num++ | ||
511 | } | ||
512 | }) | ||
513 | if (this.num == 0) { | ||
514 | this.czr = '' | ||
515 | } | ||
516 | |||
502 | }, | 517 | }, |
503 | // 是否持证人变化 | ||
504 | /** | 518 | /** |
505 | * @description: 是否持证人变化 | 519 | * @description: 是否持证人变化 |
506 | * @author: renchao | 520 | * @author: renchao | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-09-05 15:48:55 | 4 | * @LastEditTime: 2023-09-12 09:55:25 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -271,6 +271,9 @@ | ... | @@ -271,6 +271,9 @@ |
271 | formdata.append("djlx", this.propsParam.djlx); | 271 | formdata.append("djlx", this.propsParam.djlx); |
272 | formdata.append("isEdit", this.viewEdit); | 272 | formdata.append("isEdit", this.viewEdit); |
273 | Init(formdata).then((res) => { | 273 | Init(formdata).then((res) => { |
274 | setTimeout(() => { | ||
275 | this.loading = false | ||
276 | }, 200) | ||
274 | if (res.code === 200 && res.result) { | 277 | if (res.code === 200 && res.result) { |
275 | this.ruleForm = { | 278 | this.ruleForm = { |
276 | ...res.result, | 279 | ...res.result, |
... | @@ -278,19 +281,12 @@ | ... | @@ -278,19 +281,12 @@ |
278 | }; | 281 | }; |
279 | this.ruleForm.qlrList.forEach((item) => { | 282 | this.ruleForm.qlrList.forEach((item) => { |
280 | if (item.sfczr == 1) { | 283 | if (item.sfczr == 1) { |
281 | this.czr = item.sqrmc; | 284 | this.czr = item.zjh |
282 | } | 285 | } |
283 | }); | 286 | }); |
284 | setTimeout(() => { | ||
285 | this.loading = false | ||
286 | }, 200) | ||
287 | //初始化发证方式,1:小证,2:大正 | ||
288 | this.ruleForm.slsq.fzfs == null | ||
289 | ? (this.ruleForm.slsq.fzfs = "1") | ||
290 | : this.ruleForm.slsq.fzfs; | ||
291 | this.czrOptions = this.ruleForm.qlrList; | 287 | this.czrOptions = this.ruleForm.qlrList; |
292 | } | 288 | } |
293 | }); | 289 | }) |
294 | }, | 290 | }, |
295 | components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable }, | 291 | components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable }, |
296 | computed: { | 292 | computed: { |
... | @@ -353,9 +349,19 @@ | ... | @@ -353,9 +349,19 @@ |
353 | * @author: renchao | 349 | * @author: renchao |
354 | */ | 350 | */ |
355 | upDateQlrxxList (val) { | 351 | upDateQlrxxList (val) { |
352 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
356 | this.ruleForm.qlrList = _.cloneDeep(val); | 353 | this.ruleForm.qlrList = _.cloneDeep(val); |
357 | this.czrOptions = this.ruleForm.qlrList; | 354 | this.czrOptions = this.ruleForm.qlrList; |
358 | this.key++; | 355 | } |
356 | this.num = 0 | ||
357 | this.ruleForm.qlrList.forEach(item => { | ||
358 | if (item.zjh == this.czr) { | ||
359 | this.num++ | ||
360 | } | ||
361 | }) | ||
362 | if (this.num == 0) { | ||
363 | this.czr = '' | ||
364 | } | ||
359 | }, | 365 | }, |
360 | /** | 366 | /** |
361 | * @description: 是否持证人变化 | 367 | * @description: 是否持证人变化 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-05 15:53:51 | 4 | * @LastEditTime: 2023-09-12 10:04:14 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -9,6 +9,7 @@ | ... | @@ -9,6 +9,7 @@ |
9 | :model="ruleForm" | 9 | :model="ruleForm" |
10 | :rules="rules" | 10 | :rules="rules" |
11 | ref="ruleForm" | 11 | ref="ruleForm" |
12 | v-Loading="loading" | ||
12 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 14 | :inline="flag" |
14 | label-width="120px"> | 15 | label-width="120px"> |
... | @@ -417,6 +418,7 @@ | ... | @@ -417,6 +418,7 @@ |
417 | export default { | 418 | export default { |
418 | mixins: [ywmix], | 419 | mixins: [ywmix], |
419 | mounted () { | 420 | mounted () { |
421 | this.loading = true | ||
420 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 422 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
421 | this.propsParam = this.$attrs; | 423 | this.propsParam = this.$attrs; |
422 | var formdata = new FormData(); | 424 | var formdata = new FormData(); |
... | @@ -424,6 +426,9 @@ | ... | @@ -424,6 +426,9 @@ |
424 | formdata.append("djlx", this.propsParam.djlx); | 426 | formdata.append("djlx", this.propsParam.djlx); |
425 | formdata.append("isEdit", this.viewEdit); | 427 | formdata.append("isEdit", this.viewEdit); |
426 | Init(formdata).then((res) => { | 428 | Init(formdata).then((res) => { |
429 | setTimeout(() => { | ||
430 | this.loading = false | ||
431 | }, 200) | ||
427 | if (res.code === 200 && res.result) { | 432 | if (res.code === 200 && res.result) { |
428 | this.ruleForm = { | 433 | this.ruleForm = { |
429 | ...res.result, | 434 | ...res.result, |
... | @@ -431,16 +436,14 @@ | ... | @@ -431,16 +436,14 @@ |
431 | }; | 436 | }; |
432 | this.ruleForm.qlrList.forEach((item) => { | 437 | this.ruleForm.qlrList.forEach((item) => { |
433 | if (item.sfczr == 1) { | 438 | if (item.sfczr == 1) { |
434 | this.czr = item.sqrmc; | 439 | this.czr = item.zjh |
435 | } | 440 | } |
436 | }); | 441 | }); |
437 | //初始化发证方式,1:小证,2:大正 | ||
438 | this.ruleForm.slsq.fzfs == null | ||
439 | ? (this.ruleForm.slsq.fzfs = "1") | ||
440 | : this.ruleForm.slsq.fzfs; | ||
441 | this.czrOptions = this.ruleForm.qlrList; | 442 | this.czrOptions = this.ruleForm.qlrList; |
442 | } | 443 | } |
443 | }); | 444 | }).catch(() => { |
445 | this.loading = false | ||
446 | }) | ||
444 | }, | 447 | }, |
445 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, | 448 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, |
446 | computed: { | 449 | computed: { |
... | @@ -448,6 +451,7 @@ | ... | @@ -448,6 +451,7 @@ |
448 | }, | 451 | }, |
449 | data () { | 452 | data () { |
450 | return { | 453 | return { |
454 | loading: false, | ||
451 | mjdw: "1", | 455 | mjdw: "1", |
452 | // 键名转换,方法默认是label和children进行树状渲染 | 456 | // 键名转换,方法默认是label和children进行树状渲染 |
453 | normalizer (node) { | 457 | normalizer (node) { |
... | @@ -507,6 +511,15 @@ | ... | @@ -507,6 +511,15 @@ |
507 | upDateQlrxxList (val) { | 511 | upDateQlrxxList (val) { |
508 | this.ruleForm.qlrList = _.cloneDeep(val); | 512 | this.ruleForm.qlrList = _.cloneDeep(val); |
509 | this.czrOptions = this.ruleForm.qlrList; | 513 | this.czrOptions = this.ruleForm.qlrList; |
514 | this.num = 0 | ||
515 | this.ruleForm.qlrList.forEach(item => { | ||
516 | if (item.zjh == this.czr) { | ||
517 | this.num++ | ||
518 | } | ||
519 | }) | ||
520 | if (this.num == 0) { | ||
521 | this.czr = '' | ||
522 | } | ||
510 | }, | 523 | }, |
511 | // 是否持证人变化 | 524 | // 是否持证人变化 |
512 | /** | 525 | /** |
... | @@ -593,6 +606,7 @@ | ... | @@ -593,6 +606,7 @@ |
593 | }); | 606 | }); |
594 | } | 607 | } |
595 | } | 608 | } |
609 | this.$store.dispatch("user/refreshPage", false); | ||
596 | saveData(this.ruleForm).then((res) => { | 610 | saveData(this.ruleForm).then((res) => { |
597 | if (res.code === 200) { | 611 | if (res.code === 200) { |
598 | this.$message({ | 612 | this.$message({ |
... | @@ -606,10 +620,10 @@ | ... | @@ -606,10 +620,10 @@ |
606 | showClose: true, | 620 | showClose: true, |
607 | message: res.message, | 621 | message: res.message, |
608 | type: "error", | 622 | type: "error", |
609 | }); | 623 | }) |
624 | } | ||
625 | }) | ||
610 | } | 626 | } |
611 | }); | ||
612 | }, | ||
613 | }, | 627 | }, |
614 | }; | 628 | }; |
615 | </script> | 629 | </script> | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -11,8 +11,7 @@ | ... | @@ -11,8 +11,7 @@ |
11 | ref="ruleForm" | 11 | ref="ruleForm" |
12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 13 | :inline="flag" |
14 | label-width="130px" | 14 | label-width="130px"> |
15 | > | ||
16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
17 | <div class="slxx_title title-block"> | 16 | <div class="slxx_title title-block"> |
18 | 申请业务信息 | 17 | 申请业务信息 |
... | @@ -40,16 +39,14 @@ | ... | @@ -40,16 +39,14 @@ |
40 | <el-form-item label="权利类型:"> | 39 | <el-form-item label="权利类型:"> |
41 | <el-input | 40 | <el-input |
42 | disabled | 41 | disabled |
43 | v-model="ruleForm.sldyList[0].qllxmc" | 42 | v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
44 | ></el-input> | ||
45 | </el-form-item> | 43 | </el-form-item> |
46 | </el-col> | 44 | </el-col> |
47 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> | 45 | <el-col :span="8" v-if="ruleForm.sldyList.length > 0"> |
48 | <el-form-item label="登记类型:"> | 46 | <el-form-item label="登记类型:"> |
49 | <el-input | 47 | <el-input |
50 | disabled | 48 | disabled |
51 | v-model="ruleForm.sldyList[0].djlxmc" | 49 | v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
52 | ></el-input> | ||
53 | </el-form-item> | 50 | </el-form-item> |
54 | </el-col> | 51 | </el-col> |
55 | <el-col :span="8"> | 52 | <el-col :span="8"> |
... | @@ -70,14 +67,12 @@ | ... | @@ -70,14 +67,12 @@ |
70 | <el-select | 67 | <el-select |
71 | disabled | 68 | disabled |
72 | v-model="ruleForm.zdjbxx.mjdw" | 69 | v-model="ruleForm.zdjbxx.mjdw" |
73 | style="width: 68px" | 70 | style="width: 68px"> |
74 | > | ||
75 | <el-option | 71 | <el-option |
76 | v-for="item in dictData['A7']" | 72 | v-for="item in dictData['A7']" |
77 | :key="item.dcode" | 73 | :key="item.dcode" |
78 | :label="item.dname" | 74 | :label="item.dname" |
79 | :value="item.dcode" | 75 | :value="item.dcode"></el-option> |
80 | ></el-option> | ||
81 | </el-select> | 76 | </el-select> |
82 | </div> | 77 | </div> |
83 | </el-form-item> | 78 | </el-form-item> |
... | @@ -151,8 +146,7 @@ | ... | @@ -151,8 +146,7 @@ |
151 | <el-form-item label="共有方式:"> | 146 | <el-form-item label="共有方式:"> |
152 | <el-radio-group | 147 | <el-radio-group |
153 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit" |
154 | v-model="ruleForm.sldyList[0].gyfs" | 149 | v-model="ruleForm.sldyList[0].gyfs"> |
155 | > | ||
156 | <el-radio label="0">单独所有</el-radio> | 150 | <el-radio label="0">单独所有</el-radio> |
157 | <el-radio label="1">共同共有</el-radio> | 151 | <el-radio label="1">共同共有</el-radio> |
158 | <el-radio label="2">按份所有</el-radio> | 152 | <el-radio label="2">按份所有</el-radio> |
... | @@ -166,8 +160,7 @@ | ... | @@ -166,8 +160,7 @@ |
166 | <el-radio-group | 160 | <el-radio-group |
167 | v-model="ruleForm.sldyList[0].sqfbcz" | 161 | v-model="ruleForm.sldyList[0].sqfbcz" |
168 | :disabled="!viewEdit" | 162 | :disabled="!viewEdit" |
169 | @input="updaterow()" | 163 | @input="updaterow()"> |
170 | > | ||
171 | <el-radio :label="1">是</el-radio> | 164 | <el-radio :label="1">是</el-radio> |
172 | <el-radio :label="0">否</el-radio> | 165 | <el-radio :label="0">否</el-radio> |
173 | </el-radio-group> | 166 | </el-radio-group> |
... | @@ -178,20 +171,17 @@ | ... | @@ -178,20 +171,17 @@ |
178 | v-if=" | 171 | v-if=" |
179 | ruleForm.sldyList[0].gyfs != 0 && | 172 | ruleForm.sldyList[0].gyfs != 0 && |
180 | ruleForm.sldyList[0].sqfbcz == '0' | 173 | ruleForm.sldyList[0].sqfbcz == '0' |
181 | " | 174 | "> |
182 | > | ||
183 | <el-form-item label="持证人:"> | 175 | <el-form-item label="持证人:"> |
184 | <el-select | 176 | <el-select |
185 | v-model="czr" | 177 | v-model="czr" |
186 | placeholder="持证人" | 178 | placeholder="持证人" |
187 | :disabled="!viewEdit" | 179 | :disabled="!viewEdit"> |
188 | > | ||
189 | <el-option | 180 | <el-option |
190 | v-for="item in czrOptions" | 181 | v-for="item in czrOptions" |
191 | :key="item.zjh" | 182 | :key="item.zjh" |
192 | :label="item.sqrmc" | 183 | :label="item.sqrmc" |
193 | :value="item.zjh" | 184 | :value="item.zjh"></el-option> |
194 | ></el-option> | ||
195 | </el-select> | 185 | </el-select> |
196 | </el-form-item> | 186 | </el-form-item> |
197 | </el-col> | 187 | </el-col> |
... | @@ -200,8 +190,7 @@ | ... | @@ -200,8 +190,7 @@ |
200 | :disabled="viewEdit" | 190 | :disabled="viewEdit" |
201 | @upDateQlrxxList="upDateQlrxxList" | 191 | @upDateQlrxxList="upDateQlrxxList" |
202 | :tableData="ruleForm.qlrList" | 192 | :tableData="ruleForm.qlrList" |
203 | :gyfs="ruleForm.sldyList[0].gyfs" | 193 | :gyfs="ruleForm.sldyList[0].gyfs" /> |
204 | /> | ||
205 | <div class="slxx_title title-block"> | 194 | <div class="slxx_title title-block"> |
206 | 登记原因 | 195 | 登记原因 |
207 | <div class="triangle"></div> | 196 | <div class="triangle"></div> |
... | @@ -215,8 +204,7 @@ | ... | @@ -215,8 +204,7 @@ |
215 | maxlength="500" | 204 | maxlength="500" |
216 | show-word-limit | 205 | show-word-limit |
217 | :disabled="!viewEdit" | 206 | :disabled="!viewEdit" |
218 | v-model="ruleForm.fdcq2List[0].djyy" | 207 | v-model="ruleForm.fdcq2List[0].djyy"> |
219 | > | ||
220 | </el-input> | 208 | </el-input> |
221 | </el-form-item> | 209 | </el-form-item> |
222 | </el-col> | 210 | </el-col> |
... | @@ -231,16 +219,16 @@ | ... | @@ -231,16 +219,16 @@ |
231 | </div> | 219 | </div> |
232 | </template> | 220 | </template> |
233 | <script> | 221 | <script> |
234 | import ywmix from "@/views/ywbl/mixin/index"; | 222 | import ywmix from "@/views/ywbl/mixin/index"; |
235 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 223 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
236 | import { | 224 | import { |
237 | BatchInit, | 225 | BatchInit, |
238 | Init, | 226 | Init, |
239 | saveBatchData, | 227 | saveBatchData, |
240 | saveData, | 228 | saveData, |
241 | } from "@/api/workflow/fwsyqFlow.js"; | 229 | } from "@/api/workflow/fwsyqFlow.js"; |
242 | import { mapGetters } from "vuex"; | 230 | import { mapGetters } from "vuex"; |
243 | export default { | 231 | export default { |
244 | mixins: [ywmix], | 232 | mixins: [ywmix], |
245 | computed: { | 233 | computed: { |
246 | ...mapGetters(["dictData", "flag"]), | 234 | ...mapGetters(["dictData", "flag"]), |
... | @@ -253,10 +241,10 @@ export default { | ... | @@ -253,10 +241,10 @@ export default { |
253 | * @param {*} val | 241 | * @param {*} val |
254 | * @author: renchao | 242 | * @author: renchao |
255 | */ | 243 | */ |
256 | upDateYwrxxList(val) { | 244 | upDateYwrxxList (val) { |
257 | this.ruleForm.ywrList = _.cloneDeep(val); | 245 | this.ruleForm.ywrList = _.cloneDeep(val); |
258 | }, | 246 | }, |
259 | data() { | 247 | data () { |
260 | return { | 248 | return { |
261 | disabled: true, | 249 | disabled: true, |
262 | tdytOption: [], | 250 | tdytOption: [], |
... | @@ -294,7 +282,7 @@ export default { | ... | @@ -294,7 +282,7 @@ export default { |
294 | }, | 282 | }, |
295 | }; | 283 | }; |
296 | }, | 284 | }, |
297 | mounted(callbackfn, thisArg) { | 285 | mounted (callbackfn, thisArg) { |
298 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 286 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
299 | this.propsParam = this.$attrs; | 287 | this.propsParam = this.$attrs; |
300 | var formdata = new FormData(); | 288 | var formdata = new FormData(); |
... | @@ -311,7 +299,7 @@ export default { | ... | @@ -311,7 +299,7 @@ export default { |
311 | } | 299 | } |
312 | this.ruleForm.qlrList.forEach((item) => { | 300 | this.ruleForm.qlrList.forEach((item) => { |
313 | if (item.sfczr == 1) { | 301 | if (item.sfczr == 1) { |
314 | this.czr = item.sqrmc; | 302 | this.czr = item.zjh |
315 | } | 303 | } |
316 | }); | 304 | }); |
317 | }); | 305 | }); |
... | @@ -322,7 +310,7 @@ export default { | ... | @@ -322,7 +310,7 @@ export default { |
322 | * @description: 组装房地产权通用信息 | 310 | * @description: 组装房地产权通用信息 |
323 | * @author: renchao | 311 | * @author: renchao |
324 | */ | 312 | */ |
325 | splicingFdcq2Info() { | 313 | splicingFdcq2Info () { |
326 | let fdcq2List = this.ruleForm.fdcq2List; | 314 | let fdcq2List = this.ruleForm.fdcq2List; |
327 | let fwxzArr = []; | 315 | let fwxzArr = []; |
328 | let fwjgArr = []; | 316 | let fwjgArr = []; |
... | @@ -347,7 +335,7 @@ export default { | ... | @@ -347,7 +335,7 @@ export default { |
347 | * @param {*} val | 335 | * @param {*} val |
348 | * @author: renchao | 336 | * @author: renchao |
349 | */ | 337 | */ |
350 | upDateQlrxxList(val) { | 338 | upDateQlrxxList (val) { |
351 | this.ruleForm.qlrList = _.cloneDeep(val); | 339 | this.ruleForm.qlrList = _.cloneDeep(val); |
352 | this.czrOptions = this.ruleForm.qlrList; | 340 | this.czrOptions = this.ruleForm.qlrList; |
353 | }, | 341 | }, |
... | @@ -359,7 +347,7 @@ export default { | ... | @@ -359,7 +347,7 @@ export default { |
359 | * @param {*} val | 347 | * @param {*} val |
360 | * @author: renchao | 348 | * @author: renchao |
361 | */ | 349 | */ |
362 | updaterow() { | 350 | updaterow () { |
363 | this.czr = ""; | 351 | this.czr = ""; |
364 | }, | 352 | }, |
365 | // 更新义务人信息 | 353 | // 更新义务人信息 |
... | @@ -368,14 +356,14 @@ export default { | ... | @@ -368,14 +356,14 @@ export default { |
368 | * @param {*} val | 356 | * @param {*} val |
369 | * @author: renchao | 357 | * @author: renchao |
370 | */ | 358 | */ |
371 | upDateYwrxxList(val) { | 359 | upDateYwrxxList (val) { |
372 | this.ruleForm.ywrList = _.cloneDeep(val); | 360 | this.ruleForm.ywrList = _.cloneDeep(val); |
373 | }, | 361 | }, |
374 | /** | 362 | /** |
375 | * @description: onSubmit | 363 | * @description: onSubmit |
376 | * @author: renchao | 364 | * @author: renchao |
377 | */ | 365 | */ |
378 | onSubmit() { | 366 | onSubmit () { |
379 | let that = this; | 367 | let that = this; |
380 | if (this.ruleForm.qlrList.length == 0) { | 368 | if (this.ruleForm.qlrList.length == 0) { |
381 | this.$message({ | 369 | this.$message({ |
... | @@ -447,55 +435,55 @@ export default { | ... | @@ -447,55 +435,55 @@ export default { |
447 | }); | 435 | }); |
448 | }, | 436 | }, |
449 | }, | 437 | }, |
450 | }; | 438 | }; |
451 | </script> | 439 | </script> |
452 | <style scoped lang="scss"> | 440 | <style scoped lang="scss"> |
453 | @import "~@/styles/public.scss"; | 441 | @import "~@/styles/public.scss"; |
454 | 442 | ||
455 | /deep/.el-form { | 443 | /deep/.el-form { |
456 | display: flex; | 444 | display: flex; |
457 | flex-direction: column; | 445 | flex-direction: column; |
458 | height: calc(100vh - 130px); | 446 | height: calc(100vh - 130px); |
459 | } | 447 | } |
460 | 448 | ||
461 | /deep/.el-form-item__label { | 449 | /deep/.el-form-item__label { |
462 | padding: 0; | 450 | padding: 0; |
463 | } | 451 | } |
464 | 452 | ||
465 | /deep/.el-radio { | 453 | /deep/.el-radio { |
466 | margin-right: 10px; | 454 | margin-right: 10px; |
467 | } | 455 | } |
468 | 456 | ||
469 | /deep/.el-select { | 457 | /deep/.el-select { |
470 | width: 100%; | 458 | width: 100%; |
471 | } | 459 | } |
472 | 460 | ||
473 | /deep/.el-form-item { | 461 | /deep/.el-form-item { |
474 | margin-bottom: 8px; | 462 | margin-bottom: 8px; |
475 | } | 463 | } |
476 | 464 | ||
477 | .marginBot0 { | 465 | .marginBot0 { |
478 | margin-bottom: 0 !important; | 466 | margin-bottom: 0 !important; |
479 | } | 467 | } |
480 | 468 | ||
481 | .slxx { | 469 | .slxx { |
482 | box-sizing: border-box; | 470 | box-sizing: border-box; |
483 | } | 471 | } |
484 | 472 | ||
485 | .slxx_con { | 473 | .slxx_con { |
486 | flex: 1; | 474 | flex: 1; |
487 | height: 100%; | 475 | height: 100%; |
488 | background-color: #ffffff; | 476 | background-color: #ffffff; |
489 | overflow-y: auto; | 477 | overflow-y: auto; |
490 | padding-right: 3px; | 478 | padding-right: 3px; |
491 | overflow-x: hidden; | 479 | overflow-x: hidden; |
492 | } | 480 | } |
493 | 481 | ||
494 | .submit_btn { | 482 | .submit_btn { |
495 | height: 50px; | 483 | height: 50px; |
496 | } | 484 | } |
497 | 485 | ||
498 | .slxx_title { | 486 | .slxx_title { |
499 | border-bottom: 1px solid $borderColor; | 487 | border-bottom: 1px solid $borderColor; |
500 | padding-left: 10px; | 488 | padding-left: 10px; |
501 | padding-bottom: 5px; | 489 | padding-bottom: 5px; |
... | @@ -504,23 +492,23 @@ export default { | ... | @@ -504,23 +492,23 @@ export default { |
504 | font-size: 16px; | 492 | font-size: 16px; |
505 | font-weight: 500; | 493 | font-weight: 500; |
506 | color: #4a4a4a; | 494 | color: #4a4a4a; |
507 | } | 495 | } |
508 | 496 | ||
509 | .btn { | 497 | .btn { |
510 | text-align: center; | 498 | text-align: center; |
511 | padding-top: 10px; | 499 | padding-top: 10px; |
512 | height: 36px; | 500 | height: 36px; |
513 | background-color: #ffffff; | 501 | background-color: #ffffff; |
514 | padding: 5px 0; | 502 | padding: 5px 0; |
515 | } | 503 | } |
516 | 504 | ||
517 | .textArea { | 505 | .textArea { |
518 | /deep/.el-textarea__inner { | 506 | /deep/.el-textarea__inner { |
519 | min-height: 90px !important; | 507 | min-height: 90px !important; |
520 | } | 508 | } |
521 | } | 509 | } |
522 | 510 | ||
523 | /deep/.el-form-item__label { | 511 | /deep/.el-form-item__label { |
524 | padding-bottom: 0px; | 512 | padding-bottom: 0px; |
525 | } | 513 | } |
526 | </style> | 514 | </style> | ... | ... |
... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
12 | ref="ruleForm" | 12 | ref="ruleForm" |
13 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
14 | :inline="flag" | 14 | :inline="flag" |
15 | label-width="120px" | 15 | label-width="120px"> |
16 | > | ||
17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
18 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
19 | 申请业务信息 | 18 | 申请业务信息 |
... | @@ -44,14 +43,12 @@ | ... | @@ -44,14 +43,12 @@ |
44 | v-model="ruleForm.qllx" | 43 | v-model="ruleForm.qllx" |
45 | filterable | 44 | filterable |
46 | clearable | 45 | clearable |
47 | placeholder="请选择权利类型" | 46 | placeholder="请选择权利类型"> |
48 | > | ||
49 | <el-option | 47 | <el-option |
50 | v-for="item in dictData['A8']" | 48 | v-for="item in dictData['A8']" |
51 | :key="item.dcode" | 49 | :key="item.dcode" |
52 | :label="item.dname" | 50 | :label="item.dname" |
53 | :value="item.dcode" | 51 | :value="item.dcode"> |
54 | > | ||
55 | </el-option> | 52 | </el-option> |
56 | </el-select> | 53 | </el-select> |
57 | </el-form-item> | 54 | </el-form-item> |
... | @@ -63,14 +60,12 @@ | ... | @@ -63,14 +60,12 @@ |
63 | v-model="ruleForm.djlx" | 60 | v-model="ruleForm.djlx" |
64 | filterable | 61 | filterable |
65 | clearable | 62 | clearable |
66 | placeholder="请选择登记类型" | 63 | placeholder="请选择登记类型"> |
67 | > | ||
68 | <el-option | 64 | <el-option |
69 | v-for="item in dictData['A21']" | 65 | v-for="item in dictData['A21']" |
70 | :key="item.dcode" | 66 | :key="item.dcode" |
71 | :label="item.dname" | 67 | :label="item.dname" |
72 | :value="item.dcode" | 68 | :value="item.dcode"> |
73 | > | ||
74 | </el-option> | 69 | </el-option> |
75 | </el-select> | 70 | </el-select> |
76 | </el-form-item> | 71 | </el-form-item> |
... | @@ -120,8 +115,7 @@ | ... | @@ -120,8 +115,7 @@ |
120 | v-for="item in djztList" | 115 | v-for="item in djztList" |
121 | :key="item.value" | 116 | :key="item.value" |
122 | :label="item.label" | 117 | :label="item.label" |
123 | :value="item.value" | 118 | :value="item.value"> |
124 | > | ||
125 | </el-option> | 119 | </el-option> |
126 | </el-select> | 120 | </el-select> |
127 | </el-form-item> | 121 | </el-form-item> |
... | @@ -164,8 +158,7 @@ | ... | @@ -164,8 +158,7 @@ |
164 | <tdytTable | 158 | <tdytTable |
165 | :ableOperation="viewEdit" | 159 | :ableOperation="viewEdit" |
166 | :tableData="ruleForm.tdytqxList" | 160 | :tableData="ruleForm.tdytqxList" |
167 | @upDateTdytxxList="upDateTdytxxList" | 161 | @upDateTdytxxList="upDateTdytxxList" /> |
168 | /> | ||
169 | <div class="slxx_title title-block"> | 162 | <div class="slxx_title title-block"> |
170 | 权利人信息 | 163 | 权利人信息 |
171 | <div class="triangle"></div> | 164 | <div class="triangle"></div> |
... | @@ -186,8 +179,7 @@ | ... | @@ -186,8 +179,7 @@ |
186 | <el-radio-group | 179 | <el-radio-group |
187 | v-model="ruleForm.sffbcz" | 180 | v-model="ruleForm.sffbcz" |
188 | :disabled="!viewEdit" | 181 | :disabled="!viewEdit" |
189 | @input="updaterow()" | 182 | @input="updaterow()"> |
190 | > | ||
191 | <el-radio label="1">是</el-radio> | 183 | <el-radio label="1">是</el-radio> |
192 | <el-radio label="0">否</el-radio> | 184 | <el-radio label="0">否</el-radio> |
193 | </el-radio-group> | 185 | </el-radio-group> |
... | @@ -195,20 +187,17 @@ | ... | @@ -195,20 +187,17 @@ |
195 | </el-col> | 187 | </el-col> |
196 | <el-col | 188 | <el-col |
197 | :span="5" | 189 | :span="5" |
198 | v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'" | 190 | v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"> |
199 | > | ||
200 | <el-form-item label="持证人:"> | 191 | <el-form-item label="持证人:"> |
201 | <el-select | 192 | <el-select |
202 | v-model="czr" | 193 | v-model="czr" |
203 | placeholder="持证人" | 194 | placeholder="持证人" |
204 | :disabled="!viewEdit" | 195 | :disabled="!viewEdit"> |
205 | > | ||
206 | <el-option | 196 | <el-option |
207 | v-for="item in czrOptions" | 197 | v-for="item in czrOptions" |
208 | :key="item.value" | 198 | :key="item.value" |
209 | :label="item.label" | 199 | :label="item.label" |
210 | :value="item.value" | 200 | :value="item.value"> |
211 | > | ||
212 | </el-option> | 201 | </el-option> |
213 | </el-select> | 202 | </el-select> |
214 | </el-form-item> | 203 | </el-form-item> |
... | @@ -217,8 +206,7 @@ | ... | @@ -217,8 +206,7 @@ |
217 | <qlrCommonTable | 206 | <qlrCommonTable |
218 | :tableData="ruleForm.qlrList" | 207 | :tableData="ruleForm.qlrList" |
219 | :gyfs="ruleForm.gyfs" | 208 | :gyfs="ruleForm.gyfs" |
220 | :disabled="viewEdit" | 209 | :disabled="viewEdit" /> |
221 | /> | ||
222 | <div class="slxx_title title-block"> | 210 | <div class="slxx_title title-block"> |
223 | 登记原因 | 211 | 登记原因 |
224 | <div class="triangle"></div> | 212 | <div class="triangle"></div> |
... | @@ -232,8 +220,7 @@ | ... | @@ -232,8 +220,7 @@ |
232 | maxlength="500" | 220 | maxlength="500" |
233 | show-word-limit | 221 | show-word-limit |
234 | :disabled="!viewEdit" | 222 | :disabled="!viewEdit" |
235 | v-model="ruleForm.djyy" | 223 | v-model="ruleForm.djyy"> |
236 | > | ||
237 | </el-input> | 224 | </el-input> |
238 | </el-form-item> | 225 | </el-form-item> |
239 | </el-col> | 226 | </el-col> |
... | @@ -248,14 +235,14 @@ | ... | @@ -248,14 +235,14 @@ |
248 | </div> | 235 | </div> |
249 | </template> | 236 | </template> |
250 | <script> | 237 | <script> |
251 | import ywmix from "@/views/ywbl/mixin/index"; | 238 | import ywmix from "@/views/ywbl/mixin/index"; |
252 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 239 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
253 | import tdytTable from "@/views/workflow/components/tdytTable"; | 240 | import tdytTable from "@/views/workflow/components/tdytTable"; |
254 | import { Init } from "@/api/workflow/fwsyqFlow.js"; | 241 | import { Init } from "@/api/workflow/fwsyqFlow.js"; |
255 | import { mapGetters } from "vuex"; | 242 | import { mapGetters } from "vuex"; |
256 | export default { | 243 | export default { |
257 | mixins: [ywmix], | 244 | mixins: [ywmix], |
258 | mounted() { | 245 | mounted () { |
259 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 246 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
260 | this.propsParam = this.$attrs; | 247 | this.propsParam = this.$attrs; |
261 | var formdata = new FormData(); | 248 | var formdata = new FormData(); |
... | @@ -270,7 +257,7 @@ export default { | ... | @@ -270,7 +257,7 @@ export default { |
270 | }; | 257 | }; |
271 | this.ruleForm.qlrList.forEach((item) => { | 258 | this.ruleForm.qlrList.forEach((item) => { |
272 | if (item.sfczr == 1) { | 259 | if (item.sfczr == 1) { |
273 | this.czr = item.sqrmc; | 260 | this.czr = item.zjh |
274 | } | 261 | } |
275 | }); | 262 | }); |
276 | this.czrOptions = this.ruleForm.qlrList; | 263 | this.czrOptions = this.ruleForm.qlrList; |
... | @@ -281,7 +268,7 @@ export default { | ... | @@ -281,7 +268,7 @@ export default { |
281 | computed: { | 268 | computed: { |
282 | ...mapGetters(["dictData", "flag"]), | 269 | ...mapGetters(["dictData", "flag"]), |
283 | }, | 270 | }, |
284 | data() { | 271 | data () { |
285 | return { | 272 | return { |
286 | //表单是否可操作 | 273 | //表单是否可操作 |
287 | viewEdit: false, | 274 | viewEdit: false, |
... | @@ -333,7 +320,7 @@ export default { | ... | @@ -333,7 +320,7 @@ export default { |
333 | * @param {*} val | 320 | * @param {*} val |
334 | * @author: renchao | 321 | * @author: renchao |
335 | */ | 322 | */ |
336 | upDateTdytxxList(val) { | 323 | upDateTdytxxList (val) { |
337 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 324 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
338 | this.czrOptions = this.ruleForm.qlrData; | 325 | this.czrOptions = this.ruleForm.qlrData; |
339 | this.key++; | 326 | this.key++; |
... | @@ -344,7 +331,7 @@ export default { | ... | @@ -344,7 +331,7 @@ export default { |
344 | * @param {*} val | 331 | * @param {*} val |
345 | * @author: renchao | 332 | * @author: renchao |
346 | */ | 333 | */ |
347 | updaterow() { | 334 | updaterow () { |
348 | this.czr = ""; | 335 | this.czr = ""; |
349 | }, | 336 | }, |
350 | /** | 337 | /** |
... | @@ -352,7 +339,7 @@ export default { | ... | @@ -352,7 +339,7 @@ export default { |
352 | * @param {*} bsmSldy | 339 | * @param {*} bsmSldy |
353 | * @author: renchao | 340 | * @author: renchao |
354 | */ | 341 | */ |
355 | list(bsmSldy) { | 342 | list (bsmSldy) { |
356 | var formdata = new FormData(); | 343 | var formdata = new FormData(); |
357 | formdata.append("bsmSldy", bsmSldy); | 344 | formdata.append("bsmSldy", bsmSldy); |
358 | formdata.append("isEdit", this.viewEdit); | 345 | formdata.append("isEdit", this.viewEdit); |
... | @@ -371,7 +358,7 @@ export default { | ... | @@ -371,7 +358,7 @@ export default { |
371 | * @description: onSubmit | 358 | * @description: onSubmit |
372 | * @author: renchao | 359 | * @author: renchao |
373 | */ | 360 | */ |
374 | onSubmit() { | 361 | onSubmit () { |
375 | let that = this; | 362 | let that = this; |
376 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 363 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
377 | if (arr.length > 0) { | 364 | if (arr.length > 0) { |
... | @@ -443,55 +430,55 @@ export default { | ... | @@ -443,55 +430,55 @@ export default { |
443 | }); | 430 | }); |
444 | }, | 431 | }, |
445 | }, | 432 | }, |
446 | }; | 433 | }; |
447 | </script> | 434 | </script> |
448 | <style scoped lang="scss"> | 435 | <style scoped lang="scss"> |
449 | @import "~@/styles/public.scss"; | 436 | @import "~@/styles/public.scss"; |
450 | 437 | ||
451 | /deep/.el-form { | 438 | /deep/.el-form { |
452 | display: flex; | 439 | display: flex; |
453 | flex-direction: column; | 440 | flex-direction: column; |
454 | height: calc(100vh - 130px); | 441 | height: calc(100vh - 130px); |
455 | } | 442 | } |
456 | 443 | ||
457 | /deep/.el-form-item__label { | 444 | /deep/.el-form-item__label { |
458 | padding: 0; | 445 | padding: 0; |
459 | } | 446 | } |
460 | 447 | ||
461 | /deep/.el-radio { | 448 | /deep/.el-radio { |
462 | margin-right: 10px; | 449 | margin-right: 10px; |
463 | } | 450 | } |
464 | 451 | ||
465 | /deep/.el-select { | 452 | /deep/.el-select { |
466 | width: 100%; | 453 | width: 100%; |
467 | } | 454 | } |
468 | 455 | ||
469 | /deep/.el-form-item { | 456 | /deep/.el-form-item { |
470 | margin-bottom: 8px; | 457 | margin-bottom: 8px; |
471 | } | 458 | } |
472 | 459 | ||
473 | .marginBot0 { | 460 | .marginBot0 { |
474 | margin-bottom: 0 !important; | 461 | margin-bottom: 0 !important; |
475 | } | 462 | } |
476 | 463 | ||
477 | .slxx { | 464 | .slxx { |
478 | box-sizing: border-box; | 465 | box-sizing: border-box; |
479 | } | 466 | } |
480 | 467 | ||
481 | .slxx_con { | 468 | .slxx_con { |
482 | flex: 1; | 469 | flex: 1; |
483 | height: 100%; | 470 | height: 100%; |
484 | background-color: #ffffff; | 471 | background-color: #ffffff; |
485 | overflow-y: auto; | 472 | overflow-y: auto; |
486 | padding-right: 3px; | 473 | padding-right: 3px; |
487 | overflow-x: hidden; | 474 | overflow-x: hidden; |
488 | } | 475 | } |
489 | 476 | ||
490 | .submit_btn { | 477 | .submit_btn { |
491 | height: 50px; | 478 | height: 50px; |
492 | } | 479 | } |
493 | 480 | ||
494 | .slxx_title { | 481 | .slxx_title { |
495 | border-bottom: 1px solid $borderColor; | 482 | border-bottom: 1px solid $borderColor; |
496 | padding-left: 10px; | 483 | padding-left: 10px; |
497 | padding-bottom: 5px; | 484 | padding-bottom: 5px; |
... | @@ -500,23 +487,23 @@ export default { | ... | @@ -500,23 +487,23 @@ export default { |
500 | font-size: 16px; | 487 | font-size: 16px; |
501 | font-weight: 500; | 488 | font-weight: 500; |
502 | color: #4a4a4a; | 489 | color: #4a4a4a; |
503 | } | 490 | } |
504 | 491 | ||
505 | .btn { | 492 | .btn { |
506 | text-align: center; | 493 | text-align: center; |
507 | padding-top: 10px; | 494 | padding-top: 10px; |
508 | height: 36px; | 495 | height: 36px; |
509 | background-color: #ffffff; | 496 | background-color: #ffffff; |
510 | padding: 5px 0; | 497 | padding: 5px 0; |
511 | } | 498 | } |
512 | 499 | ||
513 | .textArea { | 500 | .textArea { |
514 | /deep/.el-textarea__inner { | 501 | /deep/.el-textarea__inner { |
515 | min-height: 90px !important; | 502 | min-height: 90px !important; |
516 | } | 503 | } |
517 | } | 504 | } |
518 | 505 | ||
519 | /deep/.el-form-item__label { | 506 | /deep/.el-form-item__label { |
520 | padding-bottom: 0px; | 507 | padding-bottom: 0px; |
521 | } | 508 | } |
522 | </style> | 509 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 13:41:37 | 4 | * @LastEditTime: 2023-09-11 16:28:26 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -264,7 +264,7 @@ | ... | @@ -264,7 +264,7 @@ |
264 | this.czrOptions = this.ruleForm.qlrList; | 264 | this.czrOptions = this.ruleForm.qlrList; |
265 | this.ruleForm.qlrList.forEach((item) => { | 265 | this.ruleForm.qlrList.forEach((item) => { |
266 | if (item.sfczr == 1) { | 266 | if (item.sfczr == 1) { |
267 | this.czr = item.sqrmc; | 267 | this.czr = item.zjh |
268 | console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr); | 268 | console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr); |
269 | } | 269 | } |
270 | }); | 270 | }); |
... | @@ -319,6 +319,15 @@ | ... | @@ -319,6 +319,15 @@ |
319 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 319 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); |
320 | this.czrOptions = this.ruleForm.qlrList; | 320 | this.czrOptions = this.ruleForm.qlrList; |
321 | this.key++; | 321 | this.key++; |
322 | this.num = 0 | ||
323 | this.ruleForm.qlrList.forEach(item => { | ||
324 | if (item.zjh == this.czr) { | ||
325 | this.num++ | ||
326 | } | ||
327 | }) | ||
328 | if (this.num == 0) { | ||
329 | this.czr = '' | ||
330 | } | ||
322 | }, | 331 | }, |
323 | // 是否持证人变化 | 332 | // 是否持证人变化 |
324 | /** | 333 | /** | ... | ... |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="120px" | 16 | label-width="120px"> |
17 | > | ||
18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 申请业务信息 | 19 | 申请业务信息 |
... | @@ -56,8 +55,7 @@ | ... | @@ -56,8 +55,7 @@ |
56 | </el-row> | 55 | </el-row> |
57 | <div | 56 | <div |
58 | class="slxx_title title-block flex" | 57 | class="slxx_title title-block flex" |
59 | style="justify-content: space-between" | 58 | style="justify-content: space-between"> |
60 | > | ||
61 | 不动产单元情况 | 59 | 不动产单元情况 |
62 | <el-button @click="compare">变化情况对比+</el-button> | 60 | <el-button @click="compare">变化情况对比+</el-button> |
63 | </div> | 61 | </div> |
... | @@ -104,15 +102,13 @@ | ... | @@ -104,15 +102,13 @@ |
104 | v-model="ruleForm.jsydsyq.qdjg" | 102 | v-model="ruleForm.jsydsyq.qdjg" |
105 | style="width: 500%" | 103 | style="width: 500%" |
106 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 104 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
107 | disabled | 105 | disabled></el-input> |
108 | ></el-input> | ||
109 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> | 106 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> |
110 | <el-option | 107 | <el-option |
111 | v-for="item in dictData['A57']" | 108 | v-for="item in dictData['A57']" |
112 | :key="item.dcode" | 109 | :key="item.dcode" |
113 | :label="item.dname" | 110 | :label="item.dname" |
114 | :value="item.dcode" | 111 | :value="item.dcode"> |
115 | > | ||
116 | </el-option> | 112 | </el-option> |
117 | </el-select> | 113 | </el-select> |
118 | </div> | 114 | </div> |
... | @@ -133,8 +129,7 @@ | ... | @@ -133,8 +129,7 @@ |
133 | maxlength="500" | 129 | maxlength="500" |
134 | show-word-limit | 130 | show-word-limit |
135 | v-model="ruleForm.jsydsyq.fj" | 131 | v-model="ruleForm.jsydsyq.fj" |
136 | :disabled="!viewEdit" | 132 | :disabled="!viewEdit"></el-input> |
137 | ></el-input> | ||
138 | </el-form-item> | 133 | </el-form-item> |
139 | </el-col> | 134 | </el-col> |
140 | </el-row> | 135 | </el-row> |
... | @@ -145,8 +140,7 @@ | ... | @@ -145,8 +140,7 @@ |
145 | <tdytTable | 140 | <tdytTable |
146 | :tableData="ruleForm.tdytqxList" | 141 | :tableData="ruleForm.tdytqxList" |
147 | :ableOperation="viewEdit" | 142 | :ableOperation="viewEdit" |
148 | @upDateTdytxxList="upDateTdytxxList" | 143 | @upDateTdytxxList="upDateTdytxxList" /> |
149 | /> | ||
150 | <div class="slxx_title title-block"> | 144 | <div class="slxx_title title-block"> |
151 | 权利人信息 | 145 | 权利人信息 |
152 | <div class="triangle"></div> | 146 | <div class="triangle"></div> |
... | @@ -156,8 +150,7 @@ | ... | @@ -156,8 +150,7 @@ |
156 | <el-form-item label="共有方式:"> | 150 | <el-form-item label="共有方式:"> |
157 | <el-radio-group | 151 | <el-radio-group |
158 | :disabled="!viewEdit" | 152 | :disabled="!viewEdit" |
159 | v-model="ruleForm.sldy.gyfs" | 153 | v-model="ruleForm.sldy.gyfs"> |
160 | > | ||
161 | <el-radio label="0">单独所有</el-radio> | 154 | <el-radio label="0">单独所有</el-radio> |
162 | <el-radio label="1">共同共有</el-radio> | 155 | <el-radio label="1">共同共有</el-radio> |
163 | <el-radio label="2">按份所有</el-radio> | 156 | <el-radio label="2">按份所有</el-radio> |
... | @@ -170,8 +163,7 @@ | ... | @@ -170,8 +163,7 @@ |
170 | <el-radio-group | 163 | <el-radio-group |
171 | v-model="ruleForm.sldy.sqfbcz" | 164 | v-model="ruleForm.sldy.sqfbcz" |
172 | :disabled="!viewEdit" | 165 | :disabled="!viewEdit" |
173 | @input="updaterow()" | 166 | @input="updaterow()"> |
174 | > | ||
175 | <el-radio :label="1">是</el-radio> | 167 | <el-radio :label="1">是</el-radio> |
176 | <el-radio :label="0">否</el-radio> | 168 | <el-radio :label="0">否</el-radio> |
177 | </el-radio-group> | 169 | </el-radio-group> |
... | @@ -179,20 +171,17 @@ | ... | @@ -179,20 +171,17 @@ |
179 | </el-col> | 171 | </el-col> |
180 | <el-col | 172 | <el-col |
181 | :span="6" | 173 | :span="6" |
182 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 174 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
183 | > | ||
184 | <el-form-item label="持证人:"> | 175 | <el-form-item label="持证人:"> |
185 | <el-select | 176 | <el-select |
186 | v-model="czr" | 177 | v-model="czr" |
187 | placeholder="持证人" | 178 | placeholder="持证人" |
188 | :disabled="!viewEdit" | 179 | :disabled="!viewEdit"> |
189 | > | ||
190 | <el-option | 180 | <el-option |
191 | v-for="item in czrOptions" | 181 | v-for="item in czrOptions" |
192 | :key="item.zjh" | 182 | :key="item.zjh" |
193 | :label="item.sqrmc" | 183 | :label="item.sqrmc" |
194 | :value="item.zjh" | 184 | :value="item.zjh"> |
195 | > | ||
196 | </el-option> | 185 | </el-option> |
197 | </el-select> | 186 | </el-select> |
198 | </el-form-item> | 187 | </el-form-item> |
... | @@ -202,8 +191,7 @@ | ... | @@ -202,8 +191,7 @@ |
202 | :tableData="ruleForm.qlrList" | 191 | :tableData="ruleForm.qlrList" |
203 | :disabled="viewEdit" | 192 | :disabled="viewEdit" |
204 | @upDateQlrxxList="upDateQlrxxList" | 193 | @upDateQlrxxList="upDateQlrxxList" |
205 | :gyfs="ruleForm.sldy.gyfs" | 194 | :gyfs="ruleForm.sldy.gyfs" /> |
206 | /> | ||
207 | <div class="slxx_title title-block"> | 195 | <div class="slxx_title title-block"> |
208 | 登记原因 | 196 | 登记原因 |
209 | <div class="triangle"></div> | 197 | <div class="triangle"></div> |
... | @@ -217,8 +205,7 @@ | ... | @@ -217,8 +205,7 @@ |
217 | maxlength="500" | 205 | maxlength="500" |
218 | show-word-limit | 206 | show-word-limit |
219 | :disabled="!viewEdit" | 207 | :disabled="!viewEdit" |
220 | v-model="ruleForm.jsydsyq.djyy" | 208 | v-model="ruleForm.jsydsyq.djyy"> |
221 | > | ||
222 | </el-input> | 209 | </el-input> |
223 | </el-form-item> | 210 | </el-form-item> |
224 | </el-col> | 211 | </el-col> |
... | @@ -233,14 +220,14 @@ | ... | @@ -233,14 +220,14 @@ |
233 | </div> | 220 | </div> |
234 | </template> | 221 | </template> |
235 | <script> | 222 | <script> |
236 | import { mapGetters } from "vuex"; | 223 | import { mapGetters } from "vuex"; |
237 | import ywmix from "@/views/ywbl/mixin/index"; | 224 | import ywmix from "@/views/ywbl/mixin/index"; |
238 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 225 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
239 | import tdytTable from "@/views/workflow/components/tdytTable"; | 226 | import tdytTable from "@/views/workflow/components/tdytTable"; |
240 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 227 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
241 | export default { | 228 | export default { |
242 | mixins: [ywmix], | 229 | mixins: [ywmix], |
243 | mounted() { | 230 | mounted () { |
244 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 231 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
245 | this.propsParam = this.$attrs; | 232 | this.propsParam = this.$attrs; |
246 | var formdata = new FormData(); | 233 | var formdata = new FormData(); |
... | @@ -255,7 +242,7 @@ export default { | ... | @@ -255,7 +242,7 @@ export default { |
255 | } | 242 | } |
256 | this.ruleForm.qlrList.forEach((item) => { | 243 | this.ruleForm.qlrList.forEach((item) => { |
257 | if (item.sfczr == 1) { | 244 | if (item.sfczr == 1) { |
258 | this.czr = item.sqrmc; | 245 | this.czr = item.zjh |
259 | } | 246 | } |
260 | }); | 247 | }); |
261 | this.$endLoading(); | 248 | this.$endLoading(); |
... | @@ -265,7 +252,7 @@ export default { | ... | @@ -265,7 +252,7 @@ export default { |
265 | computed: { | 252 | computed: { |
266 | ...mapGetters(["dictData", "flag"]), | 253 | ...mapGetters(["dictData", "flag"]), |
267 | }, | 254 | }, |
268 | data() { | 255 | data () { |
269 | return { | 256 | return { |
270 | //表单是否可操作 | 257 | //表单是否可操作 |
271 | viewEdit: false, | 258 | viewEdit: false, |
... | @@ -289,7 +276,7 @@ export default { | ... | @@ -289,7 +276,7 @@ export default { |
289 | * @param {*} val | 276 | * @param {*} val |
290 | * @author: renchao | 277 | * @author: renchao |
291 | */ | 278 | */ |
292 | upDateTdytxxList(val) { | 279 | upDateTdytxxList (val) { |
293 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 280 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
294 | this.key++; | 281 | this.key++; |
295 | }, | 282 | }, |
... | @@ -298,7 +285,7 @@ export default { | ... | @@ -298,7 +285,7 @@ export default { |
298 | * @param {*} val | 285 | * @param {*} val |
299 | * @author: renchao | 286 | * @author: renchao |
300 | */ | 287 | */ |
301 | upDateQlrxxList(val) { | 288 | upDateQlrxxList (val) { |
302 | this.ruleForm.qlrList = _.cloneDeep(val); | 289 | this.ruleForm.qlrList = _.cloneDeep(val); |
303 | this.czrOptions = this.ruleForm.qlrList; | 290 | this.czrOptions = this.ruleForm.qlrList; |
304 | this.key++; | 291 | this.key++; |
... | @@ -309,14 +296,14 @@ export default { | ... | @@ -309,14 +296,14 @@ export default { |
309 | * @param {*} val | 296 | * @param {*} val |
310 | * @author: renchao | 297 | * @author: renchao |
311 | */ | 298 | */ |
312 | updaterow() { | 299 | updaterow () { |
313 | this.czr = ""; | 300 | this.czr = ""; |
314 | }, | 301 | }, |
315 | /** | 302 | /** |
316 | * @description: onSubmit | 303 | * @description: onSubmit |
317 | * @author: renchao | 304 | * @author: renchao |
318 | */ | 305 | */ |
319 | onSubmit() { | 306 | onSubmit () { |
320 | let that = this; | 307 | let that = this; |
321 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 308 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
322 | if (arr.length > 0) { | 309 | if (arr.length > 0) { |
... | @@ -401,7 +388,7 @@ export default { | ... | @@ -401,7 +388,7 @@ export default { |
401 | * @description: compare | 388 | * @description: compare |
402 | * @author: renchao | 389 | * @author: renchao |
403 | */ | 390 | */ |
404 | compare() { | 391 | compare () { |
405 | console.log("this.ruleForm", this.ruleForm); | 392 | console.log("this.ruleForm", this.ruleForm); |
406 | this.$popupDialog( | 393 | this.$popupDialog( |
407 | this.ruleForm.qlxx.qllxmc, | 394 | this.ruleForm.qlxx.qllxmc, |
... | @@ -415,9 +402,9 @@ export default { | ... | @@ -415,9 +402,9 @@ export default { |
415 | ); | 402 | ); |
416 | }, | 403 | }, |
417 | }, | 404 | }, |
418 | }; | 405 | }; |
419 | </script> | 406 | </script> |
420 | <style scoped lang="scss"> | 407 | <style scoped lang="scss"> |
421 | @import "~@/styles/public.scss"; | 408 | @import "~@/styles/public.scss"; |
422 | @import "~@/styles/slxx/slxx.scss"; | 409 | @import "~@/styles/slxx/slxx.scss"; |
423 | </style> | 410 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment