Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
63 changed files
with
1437 additions
and
753 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')) |
... | @@ -80,4 +80,21 @@ export function deleteFile (bsmFile) { | ... | @@ -80,4 +80,21 @@ export function deleteFile (bsmFile) { |
80 | bsmFile: bsmFile | 80 | bsmFile: bsmFile |
81 | } | 81 | } |
82 | }) | 82 | }) |
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 | }) | ||
83 | } | 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 | // 全局加载 | ... | ... |
... | @@ -41,4 +41,4 @@ export function getDictLeabel (level, code) { | ... | @@ -41,4 +41,4 @@ export function getDictLeabel (level, code) { |
41 | return node.dcode === level | 41 | return node.dcode === level |
42 | }) | 42 | }) |
43 | return data.dname | 43 | return data.dname |
44 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
44 | } | ... | ... |
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,20 +126,22 @@ | ... | @@ -125,20 +126,22 @@ |
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 | /** |
144 | * @description: 拍照 | 147 | * @description: 拍照 |
... | @@ -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="下一环节名称:"> |
... | @@ -21,139 +20,136 @@ | ... | @@ -21,139 +20,136 @@ |
21 | </el-form-item> | 20 | </el-form-item> |
22 | </el-form> | 21 | </el-form> |
23 | <div v-if="this.formData.showidea"> | 22 | <div v-if="this.formData.showidea"> |
24 | <div class="invalid-reson">审批意见:</div> | 23 | <div class="invalid-reson">审批意见:</div> |
25 | <el-input | 24 | <el-input |
26 | class="opinion" | 25 | class="opinion" |
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: { |
51 | formData: { | 47 | formData: { |
52 | type: Object, | 48 | type: Object, |
53 | default: {}, | 49 | default: {}, |
50 | }, | ||
54 | }, | 51 | }, |
55 | }, | ||
56 | 52 | ||
57 | data() { | 53 | data () { |
58 | return { | 54 | return { |
59 | queryForm: {}, | 55 | queryForm: {}, |
60 | shyj: "", | 56 | shyj: "", |
61 | }; | 57 | }; |
62 | }, | 58 | }, |
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); |
64 | }, | ||
65 | deep: true, | ||
66 | immediate: true, | ||
68 | }, | 67 | }, |
69 | deep: true, | ||
70 | immediate: true, | ||
71 | }, | 68 | }, |
72 | }, | 69 | mounted () { |
73 | mounted() { | 70 | // this.queryForm= this.queryForm.obj |
74 | // this.queryForm= this.queryForm.obj | ||
75 | }, | ||
76 | methods: { | ||
77 | /** | ||
78 | * @description: submitForm | ||
79 | * @author: renchao | ||
80 | */ | ||
81 | commonOpinion() { | ||
82 | this.$popup('常用意见',"workflow/components/dialog/commonOpinion",{ | ||
83 | title:"常用意见", | ||
84 | width: '75%', // 初始化75% 不需要改的话 可以直接不要 | ||
85 | formData:{}, // 父组件传给子组件的参数 | ||
86 | cancel: function () {}, //取消事件的回调 没有按钮可以不需要 | ||
87 | confirm: function () {} //确认事件的回调 没有按钮可以不需要 | ||
88 | }) | ||
89 | }, | 71 | }, |
90 | submitForm() { | 72 | methods: { |
91 | this.queryForm = { | 73 | /** |
92 | bsmSlsq: this.formData.bsmSlsq, | 74 | * @description: submitForm |
93 | shyj: this.shyj, | 75 | * @author: renchao |
94 | stepform: JSON.stringify(this.formData.tabList), | 76 | */ |
95 | }; | 77 | commonOpinion () { |
96 | completeTask(this.queryForm).then((res) => { | 78 | this.$popup('常用意见', "workflow/components/dialog/commonOpinion", { |
97 | if (res.code === 200) { | 79 | title: "常用意见", |
98 | this.$message.success("转件成功"); | 80 | width: '75%', // 初始化75% 不需要改的话 可以直接不要 |
99 | // setTimeout(() => { | 81 | formData: {}, // 父组件传给子组件的参数 |
100 | // window.opener = null; | 82 | cancel: function () { }, //取消事件的回调 没有按钮可以不需要 |
101 | // window.open("about:blank", "_self"); | 83 | confirm: function () { } //确认事件的回调 没有按钮可以不需要 |
102 | // window.close(); | 84 | }) |
103 | // this.$emit("input", false); | 85 | }, |
104 | // }, 1000); | 86 | submitForm () { |
105 | popupCacel(); | 87 | this.queryForm = { |
106 | setTimeout(() => { | 88 | bsmSlsq: this.formData.bsmSlsq, |
107 | // window.opener.location.reload(); //刷新父窗口 | 89 | shyj: this.shyj, |
108 | if (window.opener && window.opener.getBpageList) { | 90 | stepform: JSON.stringify(this.formData.tabList), |
109 | window.opener.getBpageList(); | 91 | }; |
110 | } else { | 92 | completeTask(this.queryForm).then((res) => { |
111 | window.opener.frames[0].getBpageList(); | 93 | if (res.code === 200) { |
112 | } | 94 | this.$message.success("转件成功"); |
113 | window.close(); | 95 | // setTimeout(() => { |
114 | this.$emit("input", false); | 96 | // window.opener = null; |
115 | }, 1000); | 97 | // window.open("about:blank", "_self"); |
116 | } else { | 98 | // window.close(); |
117 | this.$message.error(res.message); | 99 | // this.$emit("input", false); |
100 | // }, 1000); | ||
101 | popupCacel(); | ||
102 | setTimeout(() => { | ||
103 | // window.opener.location.reload(); //刷新父窗口 | ||
104 | if (window.opener && window.opener.getBpageList) { | ||
105 | window.opener.getBpageList(); | ||
106 | } else { | ||
107 | window.opener.frames[0].getBpageList(); | ||
108 | } | ||
109 | window.close(); | ||
110 | this.$emit("input", false); | ||
111 | }, 1000); | ||
112 | } else { | ||
113 | this.$message.error(res.message); | ||
114 | } | ||
115 | }); | ||
116 | }, | ||
117 | /** | ||
118 | * @description: add | ||
119 | * @param {*} val | ||
120 | * @author: renchao | ||
121 | */ | ||
122 | add (val) { | ||
123 | if (val != "") { | ||
124 | this.shyj; | ||
118 | } | 125 | } |
119 | }); | 126 | }, |
120 | }, | ||
121 | /** | ||
122 | * @description: add | ||
123 | * @param {*} val | ||
124 | * @author: renchao | ||
125 | */ | ||
126 | add(val) { | ||
127 | if (val != "") { | ||
128 | this.shyj; | ||
129 | } | ||
130 | }, | ||
131 | 127 | ||
132 | /** | 128 | /** |
133 | * @description: closeDialog | 129 | * @description: closeDialog |
134 | * @author: renchao | 130 | * @author: renchao |
135 | */ | 131 | */ |
136 | cancelBack() { | 132 | cancelBack () { |
137 | popupCacel(); | 133 | popupCacel(); |
134 | }, | ||
138 | }, | 135 | }, |
139 | }, | 136 | }; |
140 | }; | ||
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 | <!-- 受理信息 --> |
... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
142 | <el-form-item label="分摊土地面积:"> | 142 | <el-form-item label="分摊土地面积:"> |
143 | <div class="flex"> | 143 | <div class="flex"> |
144 | <el-input | 144 | <el-input |
145 | maxlength="12" | 145 | maxlength="12" |
146 | v-model="ruleForm.fdcq2.fttdmj" | 146 | v-model="ruleForm.fdcq2.fttdmj" |
147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
148 | <el-select disabled v-model="mjdw" style="width: 68px"> | 148 | <el-select disabled v-model="mjdw" style="width: 68px"> |
... | @@ -173,7 +173,7 @@ | ... | @@ -173,7 +173,7 @@ |
173 | <el-form-item label="房地产交易价格:"> | 173 | <el-form-item label="房地产交易价格:"> |
174 | <div class="flex"> | 174 | <div class="flex"> |
175 | <el-input | 175 | <el-input |
176 | maxlength="11" | 176 | maxlength="11" |
177 | v-model="ruleForm.fdcq2.qjjg" | 177 | v-model="ruleForm.fdcq2.qjjg" |
178 | style="width: 500%" | 178 | style="width: 500%" |
179 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 179 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
... | @@ -256,14 +256,14 @@ | ... | @@ -256,14 +256,14 @@ |
256 | </el-col> | 256 | </el-col> |
257 | <el-col :span="8"> | 257 | <el-col :span="8"> |
258 | <el-form-item label="总层数:"> | 258 | <el-form-item label="总层数:"> |
259 | <el-input maxlength="4" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 259 | <el-input maxlength="4" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
260 | </el-form-item> | 260 | </el-form-item> |
261 | </el-col> | 261 | </el-col> |
262 | <el-col :span="8"> | 262 | <el-col :span="8"> |
263 | <el-form-item label="建筑面积:"> | 263 | <el-form-item label="建筑面积:"> |
264 | <div class="flex"> | 264 | <div class="flex"> |
265 | <el-input | 265 | <el-input |
266 | maxlength="12" | 266 | maxlength="12" |
267 | v-model="ruleForm.fdcq2.jzmj" | 267 | v-model="ruleForm.fdcq2.jzmj" |
268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
269 | <el-select disabled v-model="mjdw" style="width: 68px"> | 269 | <el-select disabled v-model="mjdw" style="width: 68px"> |
... | @@ -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) { |
620 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 616 | if (!_.isEqual(val, this.ruleForm.qlrData)) { |
621 | this.czrOptions = this.ruleForm.qlrData; | 617 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
622 | this.key++; | 618 | this.czrOptions = this.ruleForm.qlrData; |
619 | } | ||
623 | }, | 620 | }, |
624 | // 更新义务人信息 | 621 | // 更新义务人信息 |
625 | /** | 622 | /** | ... | ... |
... | @@ -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 | v-Loading="loading" | 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" |
... | @@ -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) { |
533 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 532 | if (!_.isEqual(val, this.ruleForm.qlrData)) { |
534 | this.czrOptions = this.ruleForm.qlrData; | 533 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
535 | this.key++; | 534 | this.czrOptions = this.ruleForm.qlrData; |
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 | <!-- 受理信息 --> |
... | @@ -167,7 +167,7 @@ | ... | @@ -167,7 +167,7 @@ |
167 | <el-form-item label="农用地面积:"> | 167 | <el-form-item label="农用地面积:"> |
168 | <div class="flex"> | 168 | <div class="flex"> |
169 | <el-input | 169 | <el-input |
170 | maxlength="12" | 170 | maxlength="12" |
171 | v-model="ruleForm.tdsyq.nydmj" | 171 | v-model="ruleForm.tdsyq.nydmj" |
172 | :disabled="!ableOperation" | 172 | :disabled="!ableOperation" |
173 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 173 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -189,7 +189,7 @@ | ... | @@ -189,7 +189,7 @@ |
189 | <el-form-item label="耕地面积:"> | 189 | <el-form-item label="耕地面积:"> |
190 | <div class="flex"> | 190 | <div class="flex"> |
191 | <el-input | 191 | <el-input |
192 | maxlength="12" | 192 | maxlength="12" |
193 | v-model="ruleForm.tdsyq.gdmj" | 193 | v-model="ruleForm.tdsyq.gdmj" |
194 | :disabled="!ableOperation" | 194 | :disabled="!ableOperation" |
195 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 195 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -211,7 +211,7 @@ | ... | @@ -211,7 +211,7 @@ |
211 | <el-form-item label="林地面积:"> | 211 | <el-form-item label="林地面积:"> |
212 | <div class="flex"> | 212 | <div class="flex"> |
213 | <el-input | 213 | <el-input |
214 | maxlength="12" | 214 | maxlength="12" |
215 | v-model="ruleForm.tdsyq.ldmj" | 215 | v-model="ruleForm.tdsyq.ldmj" |
216 | :disabled="!ableOperation" | 216 | :disabled="!ableOperation" |
217 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 217 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -235,7 +235,7 @@ | ... | @@ -235,7 +235,7 @@ |
235 | <el-form-item label="草地面积:"> | 235 | <el-form-item label="草地面积:"> |
236 | <div class="flex"> | 236 | <div class="flex"> |
237 | <el-input | 237 | <el-input |
238 | maxlength="12" | 238 | maxlength="12" |
239 | v-model="ruleForm.tdsyq.cdmj" | 239 | v-model="ruleForm.tdsyq.cdmj" |
240 | :disabled="!ableOperation" | 240 | :disabled="!ableOperation" |
241 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 241 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
... | @@ -257,7 +257,7 @@ | ... | @@ -257,7 +257,7 @@ |
257 | <el-form-item label="其他农用地面积:"> | 257 | <el-form-item label="其他农用地面积:"> |
258 | <div class="flex"> | 258 | <div class="flex"> |
259 | <el-input | 259 | <el-input |
260 | maxlength="12" | 260 | maxlength="12" |
261 | v-model="ruleForm.tdsyq.qtnydmj" | 261 | v-model="ruleForm.tdsyq.qtnydmj" |
262 | :disabled="!ableOperation" | 262 | :disabled="!ableOperation" |
263 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 263 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -279,7 +279,7 @@ | ... | @@ -279,7 +279,7 @@ |
279 | <el-form-item label="建筑使用面积:"> | 279 | <el-form-item label="建筑使用面积:"> |
280 | <div class="flex"> | 280 | <div class="flex"> |
281 | <el-input | 281 | <el-input |
282 | maxlength="12" | 282 | maxlength="12" |
283 | v-model="ruleForm.tdsyq.jsydmj" | 283 | v-model="ruleForm.tdsyq.jsydmj" |
284 | :disabled="!ableOperation" | 284 | :disabled="!ableOperation" |
285 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 285 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -303,7 +303,7 @@ | ... | @@ -303,7 +303,7 @@ |
303 | <el-form-item label="未利用地面积:"> | 303 | <el-form-item label="未利用地面积:"> |
304 | <div class="flex"> | 304 | <div class="flex"> |
305 | <el-input | 305 | <el-input |
306 | maxlength="12" | 306 | maxlength="12" |
307 | v-model="ruleForm.tdsyq.wlydmj" | 307 | v-model="ruleForm.tdsyq.wlydmj" |
308 | :disabled="!ableOperation" | 308 | :disabled="!ableOperation" |
309 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 309 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -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) { |
641 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 640 | if (!_.isEqual(val, this.ruleForm.qlrData)) { |
642 | this.key++; | 641 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
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,12 +127,42 @@ export default { | ... | @@ -125,12 +127,42 @@ 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() { |
131 | this.loadData(); | 134 | this.loadData(); |
132 | }, | 135 | }, |
133 | methods: { | 136 | methods: { |
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 | }, | ||
134 | /** | 166 | /** |
135 | * @description: loadData | 167 | * @description: loadData |
136 | * @author: renchao | 168 | * @author: renchao | ... | ... |
... | @@ -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: { |
... | @@ -46,50 +54,57 @@ export default { | ... | @@ -46,50 +54,57 @@ export default { |
46 | type: Object, | 54 | type: Object, |
47 | default: () => {}, | 55 | default: () => {}, |
48 | }, | 56 | }, |
49 | tableData: { | 57 | tableData: { |
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 | }, |
62 | } | 73 | render: { |
74 | handler(newValue, oldValue) { | ||
75 | if(newValue){ | ||
76 | this.loadData(); | ||
77 | } | ||
78 | }, | ||
79 | }, | ||
80 | immediate: true, | ||
81 | deep: true, | ||
63 | }, | 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 | }) | 99 | } |
82 | for (let i = 0; i < this.tableData.length; i+=3) { | 100 | let num = this.datass[this.datass.length - 1].length; |
83 | this.datass.push(this.tableData.slice(i,i+3)) | 101 | if (num < 4) { |
84 | } | 102 | this.emptycolNum = 4 - num; |
85 | let num=this.datass[this.datass.length-1].length | 103 | this.datass[this.datass.length - 1].emptycolNum = true; |
86 | if (num < 3) { | 104 | } else { |
87 | this.emptycolNum = | 105 | this.emptycolNum = 0; |
88 | 3 - num; | 106 | } |
89 | this.datass[this.datass.length-1].emptycolNum=true | 107 | } |
90 | } else { | ||
91 | this.emptycolNum = 0; | ||
92 | } | ||
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,12 +129,42 @@ export default { | ... | @@ -127,12 +129,42 @@ 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() { |
133 | this.loadData(); | 136 | this.loadData(); |
134 | }, | 137 | }, |
135 | methods: { | 138 | methods: { |
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 | }, | ||
136 | /** | 168 | /** |
137 | * @description: loadData | 169 | * @description: loadData |
138 | * @author: renchao | 170 | * @author: renchao | ... | ... |
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,22 +148,54 @@ export default { | ... | @@ -144,22 +148,54 @@ 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() { |
154 | this.loadData(); | 161 | this.loadData(); |
155 | }, | 162 | }, |
156 | methods: { | 163 | methods: { |
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 | }, | ||
157 | /** | 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) { |
163 | this.columns.unshift({ prop: "cz", label: "操作" }); | 199 | this.columns.unshift({ prop: "cz", label: "操作" }); |
164 | } | 200 | } |
165 | getFdcq1List({ | 201 | getFdcq1List({ |
... | @@ -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 |
... | @@ -106,16 +113,13 @@ import { datas } from "./qlxxFormData.js"; | ... | @@ -106,16 +113,13 @@ import { datas } from "./qlxxFormData.js"; |
106 | import { getSjlx } from "@/utils/dictionary.js"; | 113 | import { getSjlx } from "@/utils/dictionary.js"; |
107 | import { getFdcq2List } from "@/api/djbDetail.js"; | 114 | import { getFdcq2List } from "@/api/djbDetail.js"; |
108 | export default { | 115 | export default { |
109 | components: { | 116 | components: { |
110 | printTemplate, | 117 | printTemplate, |
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,18 +134,47 @@ export default { | ... | @@ -127,18 +134,47 @@ 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() { |
133 | this.loadData(); | 141 | this.loadData(); |
134 | }, | 142 | }, |
135 | methods: { | 143 | methods: { |
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 | }, | ||
136 | /** | 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,14 +256,14 @@ export default { | ... | @@ -220,14 +256,14 @@ 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; |
227 | z-index: 10; | 263 | z-index: 10; |
228 | position: absolute; | 264 | position: absolute; |
229 | left: 11px; | 265 | left: 11px; |
230 | top: 5px; | 266 | top: 5px; |
231 | } | 267 | } |
232 | } | 268 | } |
233 | </style> | 269 | </style> | ... | ... |
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("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
This diff is collapsed.
Click to expand it.
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("此操作将新增一条补录信息, 是否继续?", "提示", { | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -4,9 +4,9 @@ | ... | @@ -4,9 +4,9 @@ |
4 | * @LastEditors: yangwei | 4 | * @LastEditors: yangwei |
5 | * @LastEditTime: 2023-09-07 09:03:14 | 5 | * @LastEditTime: 2023-09-07 09:03:14 |
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zbbjbxxcx.vue | 6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zbbjbxxcx.vue |
7 | * @Description: | 7 | * @Description: |
8 | * | 8 | * |
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. |
10 | --> | 10 | --> |
11 | <template> | 11 | <template> |
12 | <div class="check-result"> | 12 | <div class="check-result"> |
... | @@ -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") { | ... | ... |
... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
58 | </el-radio-group> | 58 | </el-radio-group> |
59 | </el-form-item> | 59 | </el-form-item> |
60 | </el-col> | 60 | </el-col> |
61 | </el-row> | 61 | </el-row> |
62 | <el-row> | 62 | <el-row> |
63 | <el-col :span="8"> | 63 | <el-col :span="8"> |
64 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> | 64 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> |
... | @@ -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,19 +203,19 @@ | ... | @@ -203,19 +203,19 @@ |
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 : []; |
212 | if (this.djlxList.length > 0) { | 212 | if (this.djlxList.length > 0) { |
213 | this.getDetail(this.djlxList[0].bsmSqyw); | 213 | this.getDetail(this.djlxList[0].bsmSqyw); |
214 | } else { | 214 | } else { |
215 | this.getDetail(this.formData.bsmSqyw); | 215 | this.getDetail(this.formData.bsmSqyw); |
216 | } | 216 | } |
217 | }) | 217 | }) |
218 | } | 218 | } |
219 | }, | 219 | }, |
220 | /** | 220 | /** |
221 | * @description: orderNoChange | 221 | * @description: orderNoChange | ... | ... |
... | @@ -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) { | 110 | return ( |
121 | return ( | 111 | <span>{scope.row.sjsj}</span> |
122 | <div> | 112 | ) |
123 | <span>已扫描</span> | 113 | } |
124 | </div> | ||
125 | ); | ||
126 | } else { | ||
127 | return ( | ||
128 | <div> | ||
129 | <span>未扫描</span> | ||
130 | </div> | ||
131 | ); | ||
132 | } | ||
133 | }, | ||
134 | }, | 114 | }, |
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) { | 257 | } |
348 | data.map((item) => { | 258 | }) |
349 | if (item.dcode == val) { | ||
350 | name = item.dname; | ||
351 | } | ||
352 | }); | ||
353 | return name; | ||
354 | } | ||
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> |
This diff is collapsed.
Click to expand it.
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": |
... | @@ -72,7 +72,7 @@ export function getForm(tabName, djywbm) { | ... | @@ -72,7 +72,7 @@ export function getForm(tabName, djywbm) { |
72 | case "sfxx": | 72 | case "sfxx": |
73 | form = require("@/views/workflow/components/sfxx.vue"); | 73 | form = require("@/views/workflow/components/sfxx.vue"); |
74 | break; | 74 | break; |
75 | case "sdqxx": | 75 | case "sdqxx": |
76 | form = require("@/views/workflow/components/sdqxx.vue"); | 76 | form = require("@/views/workflow/components/sdqxx.vue"); |
77 | break; | 77 | break; |
78 | case "zdjbxx": | 78 | case "zdjbxx": | ... | ... |
... | @@ -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 | } |
... | @@ -231,4 +239,4 @@ | ... | @@ -231,4 +239,4 @@ |
231 | position: absolute; | 239 | position: absolute; |
232 | left: 0; | 240 | left: 0; |
233 | bottom: 0; | 241 | bottom: 0; |
234 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
242 | } | ... | ... |
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 | <svg-icon class="icon" :icon-class="item.icon" /> | 13 | <div v-if="item.value == 'B10'" @click="openPrint()"> |
14 | <span class="iconName">{{ item.name }}</span> | 14 | <svg-icon class="icon" :icon-class="item.icon" /> |
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 | }, | 38 | <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> |
39 | { | ||
40 | prop: "isrequired", | ||
41 | label: "是否必选", | ||
42 | width: "80", | ||
43 | render: (h, scope) => { | ||
44 | if (scope.row.isrequired === "1") { | ||
45 | return ( | ||
46 | <div> | ||
47 | <span>必选</span> | ||
48 | </div> | ||
49 | ); | ||
50 | } | ||
51 | else { | ||
52 | return ( | ||
53 | <div> | ||
54 | <span>可选</span> | ||
55 | </div> | ||
56 | ) | ||
57 | } | 39 | } |
40 | </div> | ||
41 | }, | ||
42 | render: (h, scope) => { | ||
43 | return ( | ||
44 | <div> | ||
45 | { | ||
46 | <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i> | ||
47 | } | ||
48 | </div> | ||
49 | ) | ||
58 | } | 50 | } |
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,57 +62,30 @@ | ... | @@ -71,57 +62,30 @@ |
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 }}> | 67 | { |
77 | { | 68 | store.getters.dictData['A40'].map(option => { |
78 | store.getters.dictData['A40'].map(option => { | 69 | return ( |
79 | return ( | 70 | <el-option label={option.dname} value={option.dcode}></el-option> |
80 | <el-option label={option.dname} value={option.dcode}></el-option> | 71 | ) |
81 | ) | 72 | }) |
82 | }) | 73 | } |
83 | } | 74 | </el-select> |
84 | </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
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) { |
356 | this.ruleForm.qlrList = _.cloneDeep(val); | 352 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
357 | this.czrOptions = this.ruleForm.qlrList; | 353 | this.ruleForm.qlrList = _.cloneDeep(val); |
358 | this.key++; | 354 | this.czrOptions = this.ruleForm.qlrList; |
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 | }) |
610 | } | 624 | } |
611 | }); | 625 | }) |
612 | }, | 626 | } |
613 | }, | 627 | }, |
614 | }; | 628 | }; |
615 | </script> | 629 | </script> | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
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 | /** | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -340,7 +340,7 @@ | ... | @@ -340,7 +340,7 @@ |
340 | }; | 340 | }; |
341 | this.ruleForm.qlrList.forEach((item) => { | 341 | this.ruleForm.qlrList.forEach((item) => { |
342 | if (item.sfczr == 1) { | 342 | if (item.sfczr == 1) { |
343 | this.czr = item.sqrmc; | 343 | this.czr = item.zjh |
344 | } | 344 | } |
345 | }); | 345 | }); |
346 | //初始化发证方式,1:小证,2:大正 | 346 | //初始化发证方式,1:小证,2:大正 |
... | @@ -348,7 +348,7 @@ | ... | @@ -348,7 +348,7 @@ |
348 | ? (this.ruleForm.slsq.fzfs = "1") | 348 | ? (this.ruleForm.slsq.fzfs = "1") |
349 | : this.ruleForm.slsq.fzfs; | 349 | : this.ruleForm.slsq.fzfs; |
350 | this.czrOptions = this.ruleForm.qlrList; | 350 | this.czrOptions = this.ruleForm.qlrList; |
351 | this.ruleForm.lq.zlnd ? this.$set(this.ruleForm.lq,'zlnd',this.ruleForm.lq.zlnd.toString()) : this.$set(this.ruleForm.lq,'zlnd',"") | 351 | this.ruleForm.lq.zlnd ? this.$set(this.ruleForm.lq, 'zlnd', this.ruleForm.lq.zlnd.toString()) : this.$set(this.ruleForm.lq, 'zlnd', "") |
352 | setTimeout(() => { | 352 | setTimeout(() => { |
353 | this.loading = false | 353 | this.loading = false |
354 | }, 200) | 354 | }, 200) |
... | @@ -367,7 +367,7 @@ | ... | @@ -367,7 +367,7 @@ |
367 | czrOptions: [], | 367 | czrOptions: [], |
368 | czr: "", | 368 | czr: "", |
369 | ruleForm: { | 369 | ruleForm: { |
370 | lq:{ | 370 | lq: { |
371 | }, | 371 | }, |
372 | flow: { | 372 | flow: { |
373 | ywh: "", | 373 | ywh: "", |
... | @@ -420,7 +420,15 @@ | ... | @@ -420,7 +420,15 @@ |
420 | upDateQlrxxList (val) { | 420 | upDateQlrxxList (val) { |
421 | this.ruleForm.qlrList = _.cloneDeep(val); | 421 | this.ruleForm.qlrList = _.cloneDeep(val); |
422 | this.czrOptions = this.ruleForm.qlrList; | 422 | this.czrOptions = this.ruleForm.qlrList; |
423 | this.key++; | 423 | this.num = 0 |
424 | this.ruleForm.qlrList.forEach(item => { | ||
425 | if (item.zjh == this.czr) { | ||
426 | this.num++ | ||
427 | } | ||
428 | }) | ||
429 | if (this.num == 0) { | ||
430 | this.czr = '' | ||
431 | } | ||
424 | }, | 432 | }, |
425 | /** | 433 | /** |
426 | * @description: 更新业务人信息 | 434 | * @description: 更新业务人信息 | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -347,7 +347,7 @@ | ... | @@ -347,7 +347,7 @@ |
347 | this.czrOptions = this.ruleForm.qlrList; | 347 | this.czrOptions = this.ruleForm.qlrList; |
348 | this.ruleForm.qlrList.forEach((item) => { | 348 | this.ruleForm.qlrList.forEach((item) => { |
349 | if (item.sfczr == 1) { | 349 | if (item.sfczr == 1) { |
350 | this.czr = item.sqrmc; | 350 | this.czr = item.zjh |
351 | } | 351 | } |
352 | }); | 352 | }); |
353 | this.$endLoading(); | 353 | this.$endLoading(); |
... | @@ -456,6 +456,15 @@ | ... | @@ -456,6 +456,15 @@ |
456 | upDateQlrxxList (val) { | 456 | upDateQlrxxList (val) { |
457 | this.ruleForm.qlrList = _.cloneDeep(val); | 457 | this.ruleForm.qlrList = _.cloneDeep(val); |
458 | this.czrOptions = this.ruleForm.qlrList; | 458 | this.czrOptions = this.ruleForm.qlrList; |
459 | this.num = 0 | ||
460 | this.ruleForm.qlrList.forEach(item => { | ||
461 | if (item.zjh == this.czr) { | ||
462 | this.num++ | ||
463 | } | ||
464 | }) | ||
465 | if (this.num == 0) { | ||
466 | this.czr = '' | ||
467 | } | ||
459 | }, | 468 | }, |
460 | // 是否持证人变化 | 469 | // 是否持证人变化 |
461 | /** | 470 | /** | ... | ... |
... | @@ -337,7 +337,7 @@ | ... | @@ -337,7 +337,7 @@ |
337 | }; | 337 | }; |
338 | this.ruleForm.qlrList.forEach((item) => { | 338 | this.ruleForm.qlrList.forEach((item) => { |
339 | if (item.sfczr == 1) { | 339 | if (item.sfczr == 1) { |
340 | this.czr = item.sqrmc; | 340 | this.czr = item.zjh |
341 | } | 341 | } |
342 | }); | 342 | }); |
343 | //初始化发证方式,1:小证,2:大正 | 343 | //初始化发证方式,1:小证,2:大正 |
... | @@ -359,10 +359,10 @@ | ... | @@ -359,10 +359,10 @@ |
359 | czrOptions: [], | 359 | czrOptions: [], |
360 | czr: "", | 360 | czr: "", |
361 | ruleForm: { | 361 | ruleForm: { |
362 | lq:{ | 362 | lq: { |
363 | zlnd:"", | 363 | zlnd: "", |
364 | ldsyqssj:"", | 364 | ldsyqssj: "", |
365 | ldsyjssj:"" | 365 | ldsyjssj: "" |
366 | }, | 366 | }, |
367 | flow: { | 367 | flow: { |
368 | ywh: "", | 368 | ywh: "", |
... | @@ -406,7 +406,15 @@ | ... | @@ -406,7 +406,15 @@ |
406 | upDateQlrxxList (val) { | 406 | upDateQlrxxList (val) { |
407 | this.ruleForm.qlrList = _.cloneDeep(val); | 407 | this.ruleForm.qlrList = _.cloneDeep(val); |
408 | this.czrOptions = this.ruleForm.qlrList; | 408 | this.czrOptions = this.ruleForm.qlrList; |
409 | this.key++; | 409 | this.num = 0 |
410 | this.ruleForm.qlrList.forEach(item => { | ||
411 | if (item.zjh == this.czr) { | ||
412 | this.num++ | ||
413 | } | ||
414 | }) | ||
415 | if (this.num == 0) { | ||
416 | this.czr = '' | ||
417 | } | ||
410 | }, | 418 | }, |
411 | // 是否持证人变化 | 419 | // 是否持证人变化 |
412 | /** | 420 | /** | ... | ... |
... | @@ -375,7 +375,7 @@ | ... | @@ -375,7 +375,7 @@ |
375 | this.czrOptions = this.ruleForm.qlrList; | 375 | this.czrOptions = this.ruleForm.qlrList; |
376 | this.ruleForm.qlrList.forEach((item) => { | 376 | this.ruleForm.qlrList.forEach((item) => { |
377 | if (item.sfczr == 1) { | 377 | if (item.sfczr == 1) { |
378 | this.czr = item.sqrmc; | 378 | this.czr = item.zjh |
379 | } | 379 | } |
380 | }); | 380 | }); |
381 | }); | 381 | }); |
... | @@ -429,7 +429,15 @@ | ... | @@ -429,7 +429,15 @@ |
429 | upDateQlrxxList (val) { | 429 | upDateQlrxxList (val) { |
430 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 430 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); |
431 | this.czrOptions = this.ruleForm.qlrList; | 431 | this.czrOptions = this.ruleForm.qlrList; |
432 | this.key++; | 432 | this.num = 0 |
433 | this.ruleForm.qlrList.forEach(item => { | ||
434 | if (item.zjh == this.czr) { | ||
435 | this.num++ | ||
436 | } | ||
437 | }) | ||
438 | if (this.num == 0) { | ||
439 | this.czr = '' | ||
440 | } | ||
433 | }, | 441 | }, |
434 | // 更新义务人信息 | 442 | // 更新义务人信息 |
435 | /** | 443 | /** | ... | ... |
... | @@ -340,8 +340,8 @@ | ... | @@ -340,8 +340,8 @@ |
340 | }, | 340 | }, |
341 | //传递参数 | 341 | //传递参数 |
342 | propsParam: this.$attrs, | 342 | propsParam: this.$attrs, |
343 | rules: {}, | 343 | rules: {} |
344 | }; | 344 | } |
345 | }, | 345 | }, |
346 | methods: { | 346 | methods: { |
347 | /** | 347 | /** |
... | @@ -352,6 +352,15 @@ | ... | @@ -352,6 +352,15 @@ |
352 | upDateQlrxxList (val) { | 352 | upDateQlrxxList (val) { |
353 | this.ruleForm.qlrList = _.cloneDeep(val); | 353 | this.ruleForm.qlrList = _.cloneDeep(val); |
354 | this.czrOptions = this.ruleForm.qlrList; | 354 | this.czrOptions = this.ruleForm.qlrList; |
355 | this.num = 0 | ||
356 | this.ruleForm.qlrList.forEach(item => { | ||
357 | if (item.zjh == this.czr) { | ||
358 | this.num++ | ||
359 | } | ||
360 | }) | ||
361 | if (this.num == 0) { | ||
362 | this.czr = '' | ||
363 | } | ||
355 | }, | 364 | }, |
356 | /** | 365 | /** |
357 | * @description: 更新业务人信息 | 366 | * @description: 更新业务人信息 | ... | ... |
... | @@ -225,7 +225,7 @@ | ... | @@ -225,7 +225,7 @@ |
225 | this.czrOptions = this.ruleForm.qlrList; | 225 | this.czrOptions = this.ruleForm.qlrList; |
226 | this.ruleForm.qlrList.forEach((item) => { | 226 | this.ruleForm.qlrList.forEach((item) => { |
227 | if (item.sfczr == 1) { | 227 | if (item.sfczr == 1) { |
228 | this.czr = item.sqrmc; | 228 | this.czr = item.zjh |
229 | } | 229 | } |
230 | }); | 230 | }); |
231 | } | 231 | } |
... | @@ -270,6 +270,15 @@ | ... | @@ -270,6 +270,15 @@ |
270 | upDateQlrxxList (val) { | 270 | upDateQlrxxList (val) { |
271 | this.ruleForm.qlrList = _.cloneDeep(val); | 271 | this.ruleForm.qlrList = _.cloneDeep(val); |
272 | this.czrOptions = this.ruleForm.qlrList; | 272 | this.czrOptions = this.ruleForm.qlrList; |
273 | this.num = 0 | ||
274 | this.ruleForm.qlrList.forEach(item => { | ||
275 | if (item.zjh == this.czr) { | ||
276 | this.num++ | ||
277 | } | ||
278 | }) | ||
279 | if (this.num == 0) { | ||
280 | this.czr = '' | ||
281 | } | ||
273 | }, | 282 | }, |
274 | /** | 283 | /** |
275 | * @description: 是否持证人变化 | 284 | * @description: 是否持证人变化 | ... | ... |
... | @@ -130,22 +130,20 @@ | ... | @@ -130,22 +130,20 @@ |
130 | <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> | 130 | <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> |
131 | </el-form-item> | 131 | </el-form-item> |
132 | </el-col> | 132 | </el-col> |
133 | <el-col :span="8"> | 133 | <el-col :span="8"> |
134 | <el-form-item | 134 | <el-form-item |
135 | label="是否禁止或者限制转让的约定:" | 135 | label="是否禁止或者限制转让的约定:" |
136 | label-width="200px" | 136 | label-width="200px"> |
137 | > | ||
138 | <el-radio-group | 137 | <el-radio-group |
139 | v-model="ruleForm.ygdj.sfczjzhxz" | 138 | v-model="ruleForm.ygdj.sfczjzhxz" |
140 | :disabled="!viewEdit || isJfOperation" | 139 | :disabled="!viewEdit"> |
141 | > | ||
142 | <el-radio label="1">是</el-radio> | 140 | <el-radio label="1">是</el-radio> |
143 | <el-radio label="0">否</el-radio> | 141 | <el-radio label="0">否</el-radio> |
144 | </el-radio-group> | 142 | </el-radio-group> |
145 | </el-form-item> | 143 | </el-form-item> |
146 | </el-col> | 144 | </el-col> |
147 | </el-row> | 145 | </el-row> |
148 | <el-row :gutter="10"> | 146 | <el-row :gutter="10"> |
149 | <el-col :span="8"> | 147 | <el-col :span="8"> |
150 | <el-form-item label="被担保主债权数额:"> | 148 | <el-form-item label="被担保主债权数额:"> |
151 | <div class="flex"> | 149 | <div class="flex"> |
... | @@ -320,14 +318,14 @@ | ... | @@ -320,14 +318,14 @@ |
320 | Init(formdata).then((res) => { | 318 | Init(formdata).then((res) => { |
321 | if (res.code === 200 && res.result) { | 319 | if (res.code === 200 && res.result) { |
322 | that.ruleForm = res.result; | 320 | that.ruleForm = res.result; |
323 | this.czrOptions = this.ruleForm.qlrList; | 321 | that.czrOptions = this.ruleForm.qlrList; |
324 | this.ruleForm.qlrList.forEach((item) => { | 322 | that.ruleForm.qlrList.forEach((item) => { |
325 | if (item.sfczr == 1) { | 323 | if (item.sfczr == 1) { |
326 | this.czr = item.sqrmc; | 324 | that.czr = item.zjh; |
327 | } | 325 | } |
328 | }); | 326 | }); |
329 | setTimeout(() => { | 327 | setTimeout(() => { |
330 | this.loading = false | 328 | that.loading = false |
331 | }, 200) | 329 | }, 200) |
332 | } | 330 | } |
333 | }) | 331 | }) |
... | @@ -360,6 +358,15 @@ | ... | @@ -360,6 +358,15 @@ |
360 | upDateQlrxxList (val) { | 358 | upDateQlrxxList (val) { |
361 | this.ruleForm.qlrList = _.cloneDeep(val); | 359 | this.ruleForm.qlrList = _.cloneDeep(val); |
362 | this.czrOptions = this.ruleForm.qlrList; | 360 | this.czrOptions = this.ruleForm.qlrList; |
361 | this.num = 0 | ||
362 | this.ruleForm.qlrList.forEach(item => { | ||
363 | if (item.zjh == this.czr) { | ||
364 | this.num++ | ||
365 | } | ||
366 | }) | ||
367 | if (this.num == 0) { | ||
368 | this.czr = '' | ||
369 | } | ||
363 | }, | 370 | }, |
364 | /** | 371 | /** |
365 | * @description: 义务人信息 | 372 | * @description: 义务人信息 | ... | ... |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-28 15:38:25 | 4 | * @LastEditTime: 2023-09-12 13:39:30 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -240,9 +240,9 @@ | ... | @@ -240,9 +240,9 @@ |
240 | ); | 240 | ); |
241 | window.open(href, `workFrameView${item.bsmSlsq}`); | 241 | window.open(href, `workFrameView${item.bsmSlsq}`); |
242 | } | 242 | } |
243 | }, | 243 | } |
244 | }, | 244 | } |
245 | }; | 245 | } |
246 | </script> | 246 | </script> |
247 | <style scoped lang="scss"> | 247 | <style scoped lang="scss"> |
248 | @import "~@/styles/public.scss"; | 248 | @import "~@/styles/public.scss"; | ... | ... |
... | @@ -83,32 +83,19 @@ | ... | @@ -83,32 +83,19 @@ |
83 | </el-form-item> | 83 | </el-form-item> |
84 | </el-col> | 84 | </el-col> |
85 | <el-col :span="7"> | 85 | <el-col :span="7"> |
86 | <el-form-item label="土地证号"> | 86 | <el-form-item label="坐落"> |
87 | <el-input placeholder="请输入土地证号" v-model="querydzForm.bdcqzh" clearable> | ||
88 | </el-input> | ||
89 | </el-form-item> | ||
90 | </el-col> | ||
91 | <el-col :span="7"> | ||
92 | <el-form-item label="土地坐落"> | ||
93 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> | 87 | <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> |
94 | </el-input> | 88 | </el-input> |
95 | </el-form-item> | 89 | </el-form-item> |
96 | </el-col> | 90 | </el-col> |
97 | </el-row> | 91 | <el-col :span="10" class="btnColRight"> |
98 | <el-row> | ||
99 | <el-col :span="6"> | ||
100 | <el-form-item label="项目名称"> | ||
101 | <el-input placeholder="请输入项目名称" v-model="querydzForm.xmmc"></el-input> | ||
102 | </el-form-item> | ||
103 | </el-col> | ||
104 | |||
105 | <el-col :span="18" class="btnColRight"> | ||
106 | <el-form-item> | 92 | <el-form-item> |
107 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 93 | <el-button type="primary" @click="resetForm(true)">重置</el-button> |
108 | <el-button type="primary" @click="handleSearch">查询</el-button> | 94 | <el-button type="primary" @click="handleSearch">查询</el-button> |
109 | </el-form-item> | 95 | </el-form-item> |
110 | </el-col> | 96 | </el-col> |
111 | </el-row> | 97 | </el-row> |
98 | |||
112 | </el-form> | 99 | </el-form> |
113 | </div> | 100 | </div> |
114 | <div class="from-clues-content loadingtext"> | 101 | <div class="from-clues-content loadingtext"> |
... | @@ -310,6 +297,11 @@ | ... | @@ -310,6 +297,11 @@ |
310 | this.bdcdysz = val; | 297 | this.bdcdysz = val; |
311 | } | 298 | } |
312 | }, | 299 | }, |
300 | /** | ||
301 | * @description: handleLpbClick | ||
302 | * @param {*} item | ||
303 | * @author: renchao | ||
304 | */ | ||
313 | handleLpbClick (item) { | 305 | handleLpbClick (item) { |
314 | ywPopupDialog('楼盘表', 'lpb/index', { | 306 | ywPopupDialog('楼盘表', 'lpb/index', { |
315 | bsm: item.bsm, | 307 | bsm: item.bsm, |
... | @@ -317,17 +309,6 @@ | ... | @@ -317,17 +309,6 @@ |
317 | scyclx:1 | 309 | scyclx:1 |
318 | }, '85%', true,false) | 310 | }, '85%', true,false) |
319 | }, | 311 | }, |
320 | handleSelectionChange (val) { | ||
321 | if (this.sqywInfo.sqywdylx == "1") { | ||
322 | if (val.length > 1) { | ||
323 | this.bdcdysz = [...val[val.length - 1]]; | ||
324 | } else { | ||
325 | this.bdcdysz = val; | ||
326 | } | ||
327 | } else { | ||
328 | this.bdcdysz = val; | ||
329 | } | ||
330 | }, | ||
331 | /** | 312 | /** |
332 | * @description: select | 313 | * @description: select |
333 | * @param {*} selection | 314 | * @param {*} selection | ... | ... |
... | @@ -38,7 +38,6 @@ class data extends filter { | ... | @@ -38,7 +38,6 @@ class data extends filter { |
38 | render: (h, scope) => { | 38 | render: (h, scope) => { |
39 | return ( | 39 | return ( |
40 | <div> | 40 | <div> |
41 | {/*<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>*/} | ||
42 | <span v-show={scope.row.qqzt == 1}>已确权</span> | 41 | <span v-show={scope.row.qqzt == 1}>已确权</span> |
43 | <span v-show={scope.row.qqzt == 0}>未确权</span> | 42 | <span v-show={scope.row.qqzt == 0}>未确权</span> |
44 | </div> | 43 | </div> |
... | @@ -47,10 +46,11 @@ class data extends filter { | ... | @@ -47,10 +46,11 @@ class data extends filter { |
47 | }, | 46 | }, |
48 | { | 47 | { |
49 | prop: "tdzh", | 48 | prop: "tdzh", |
49 | width: '150', | ||
50 | label: "土地证号", | 50 | label: "土地证号", |
51 | }, | 51 | }, |
52 | { | 52 | { |
53 | width: '100', | 53 | width: '120', |
54 | label: "权利类型", | 54 | label: "权利类型", |
55 | render: (h, scope) => { | 55 | render: (h, scope) => { |
56 | return ( | 56 | return ( |
... | @@ -135,13 +135,12 @@ class data extends filter { | ... | @@ -135,13 +135,12 @@ class data extends filter { |
135 | }, | 135 | }, |
136 | { | 136 | { |
137 | label: '操作', | 137 | label: '操作', |
138 | width: '160', | 138 | width: '120', |
139 | align: 'center', | 139 | align: 'center', |
140 | render: (h, scope) => { | 140 | render: (h, scope) => { |
141 | return ( | 141 | return ( |
142 | <div> | 142 | <div> |
143 | <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> | 143 | <el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button> |
144 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
145 | </div> | 144 | </div> |
146 | ) | 145 | ) |
147 | } | 146 | } |
... | @@ -191,24 +190,18 @@ class data extends filter { | ... | @@ -191,24 +190,18 @@ class data extends filter { |
191 | }, | 190 | }, |
192 | { | 191 | { |
193 | prop: "tdzh", | 192 | prop: "tdzh", |
193 | width: '150', | ||
194 | label: "土地证号", | 194 | label: "土地证号", |
195 | }, | 195 | }, |
196 | { | 196 | { |
197 | prop: "qllxmc", | 197 | prop: "qllxmc", |
198 | width: '120', | ||
198 | label: "权利类型", | 199 | label: "权利类型", |
199 | }, | 200 | }, |
200 | { | 201 | { |
201 | prop: "xmmc", | 202 | prop: "xmmc", |
202 | label: "项目名称", | 203 | label: "项目名称", |
203 | }, | 204 | }, |
204 | // { | ||
205 | // prop: "zrzh", | ||
206 | // label: "自然幢号", | ||
207 | // }, | ||
208 | // { | ||
209 | // prop: "jzwmc", | ||
210 | // label: "建筑物名称", | ||
211 | // }, | ||
212 | { | 205 | { |
213 | label: "土地/房屋性质", | 206 | label: "土地/房屋性质", |
214 | render: (h, scope) => { | 207 | render: (h, scope) => { |
... | @@ -220,7 +213,7 @@ class data extends filter { | ... | @@ -220,7 +213,7 @@ class data extends filter { |
220 | } | 213 | } |
221 | }, | 214 | }, |
222 | { | 215 | { |
223 | label: "面积", | 216 | label: "土地/房屋面积", |
224 | render: (h, scope) => { | 217 | render: (h, scope) => { |
225 | return ( | 218 | return ( |
226 | <div> | 219 | <div> |
... | @@ -239,29 +232,19 @@ class data extends filter { | ... | @@ -239,29 +232,19 @@ class data extends filter { |
239 | ) | 232 | ) |
240 | } | 233 | } |
241 | }, | 234 | }, |
242 | // { | ||
243 | // prop: "zcs", | ||
244 | // label: "总层数", | ||
245 | // width: '70', | ||
246 | // }, | ||
247 | // { | ||
248 | // prop: "zts", | ||
249 | // label: "总套数", | ||
250 | // width: '70', | ||
251 | // }, | ||
252 | { | 235 | { |
253 | prop: "zl", | 236 | prop: "zl", |
254 | label: "多幢坐落", | 237 | label: "多幢坐落", |
255 | }, | 238 | }, |
256 | { | 239 | { |
257 | label: '操作', | 240 | label: '操作', |
258 | width: '80', | 241 | width: '120', |
259 | align: 'center', | 242 | align: 'center', |
260 | fixed: 'right', | 243 | fixed: 'right', |
261 | render: (h, scope) => { | 244 | render: (h, scope) => { |
262 | return ( | 245 | return ( |
263 | <div> | 246 | <div> |
264 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | 247 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>自然幢</el-button> |
265 | </div> | 248 | </div> |
266 | ) | 249 | ) |
267 | } | 250 | } | ... | ... |
-
Please register or sign in to post a comment