style;上传
Showing
5 changed files
with
59 additions
and
98 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 13:58:04 | 4 | * @LastEditTime: 2023-09-13 09:10:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -273,6 +273,9 @@ | ... | @@ -273,6 +273,9 @@ |
273 | } | 273 | } |
274 | formData.append("bsmSj", this.previewImg.bsmSj); | 274 | formData.append("bsmSj", this.previewImg.bsmSj); |
275 | 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 | } | ||
276 | uploadBatch(formData).then((res) => { | 279 | uploadBatch(formData).then((res) => { |
277 | if (res.code == 200) { | 280 | if (res.code == 200) { |
278 | this.$emit('updateList', res.result) | 281 | this.$emit('updateList', res.result) | ... | ... |
... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
102 | </el-row> | 102 | </el-row> |
103 | </el-form> | 103 | </el-form> |
104 | <el-collapse class="modifycollapse" accordion> | 104 | <el-collapse class="modifycollapse" accordion> |
105 | <el-collapse-item title="登记类型" name="0" v-if="form.sqdjyw.sqfl=='2'"> | 105 | <el-collapse-item title="权利信息" name="0" v-if="form.sqdjyw.sqfl=='2'"> |
106 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> | 106 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> |
107 | </lb-table> | 107 | </lb-table> |
108 | </el-collapse-item> | 108 | </el-collapse-item> |
... | @@ -203,9 +203,9 @@ | ... | @@ -203,9 +203,9 @@ |
203 | */ | 203 | */ |
204 | init () { | 204 | init () { |
205 | this.tn = 0; | 205 | this.tn = 0; |
206 | if(this.formData.sqfl=="2"){ | 206 | if (this.formData.sqfl == "2") { |
207 | this.getDetail(this.formData.bsmSqyw); | 207 | this.getDetail(this.formData.bsmSqyw); |
208 | }else{ | 208 | } else { |
209 | getDjlxInfo(this.formData.bsmSqyw).then((res) => { | 209 | getDjlxInfo(this.formData.bsmSqyw).then((res) => { |
210 | let { result } = res; | 210 | let { result } = res; |
211 | this.djlxList = result ? result : []; | 211 | this.djlxList = result ? result : []; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 10:52:18 | 4 | * @LastEditTime: 2023-09-12 16:39:53 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -25,8 +25,7 @@ | ... | @@ -25,8 +25,7 @@ |
25 | <li | 25 | <li |
26 | @click="operation(item)" | 26 | @click="operation(item)" |
27 | v-for="(item, index) in rightButtonList" | 27 | v-for="(item, index) in rightButtonList" |
28 | :key="index" | 28 | :key="index"> |
29 | > | ||
30 | <svg-icon class="icon" :icon-class="item.icon" /> | 29 | <svg-icon class="icon" :icon-class="item.icon" /> |
31 | <span class="iconName">{{ item.name }}</span> | 30 | <span class="iconName">{{ item.name }}</span> |
32 | </li> | 31 | </li> |
... | @@ -34,16 +33,14 @@ | ... | @@ -34,16 +33,14 @@ |
34 | <NoticeBar | 33 | <NoticeBar |
35 | class="NoticeBar" | 34 | class="NoticeBar" |
36 | :noticeList="noticeList" | 35 | :noticeList="noticeList" |
37 | v-if="noticeList.length > 0" | 36 | v-if="noticeList.length > 0" /> |
38 | /> | ||
39 | </div> | 37 | </div> |
40 | <!-- 内容框架 --> | 38 | <!-- 内容框架 --> |
41 | <div class="containerFrame"> | 39 | <div class="containerFrame"> |
42 | <!-- 左侧菜单栏 区分业务--> | 40 | <!-- 左侧菜单栏 区分业务--> |
43 | <segmentMenu | 41 | <segmentMenu |
44 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" | 42 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" |
45 | @getCurrentSelectProps="getCurrentSelectProps" | 43 | @getCurrentSelectProps="getCurrentSelectProps" /> |
46 | /> | ||
47 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> | 44 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> |
48 | <div class="leftCon"> | 45 | <div class="leftCon"> |
49 | <!-- 分屏左侧预览 --> | 46 | <!-- 分屏左侧预览 --> |
... | @@ -59,27 +56,24 @@ | ... | @@ -59,27 +56,24 @@ |
59 | <el-tabs | 56 | <el-tabs |
60 | v-model="tabName" | 57 | v-model="tabName" |
61 | :before-leave="beforeLeave" | 58 | :before-leave="beforeLeave" |
62 | @tab-click="handleClick" | 59 | @tab-click="handleClick"> |
63 | > | ||
64 | <el-tab-pane | 60 | <el-tab-pane |
65 | :label="item.name" | 61 | :label="item.name" |
66 | :name="item.value" | 62 | :name="item.value" |
67 | v-for="item in tabList" | 63 | v-for="item in tabList" |
68 | :key="item.value" | 64 | :key="item.value"> |
69 | > | ||
70 | </el-tab-pane> | 65 | </el-tab-pane> |
71 | </el-tabs> | 66 | </el-tabs> |
72 | <div v-show="false"> | 67 | <div v-show="false"> |
73 | <div v-if="shows"> | 68 | <div v-if="shows"> |
74 | <receipt :Receiptdata="Receiptdata" id="boxaaa"/> | 69 | <receipt :Receiptdata="Receiptdata" id="boxaaa" /> |
75 | </div> | 70 | </div> |
76 | 71 | ||
77 | </div> | 72 | </div> |
78 | <component | 73 | <component |
79 | :key="fresh" | 74 | :key="fresh" |
80 | :is="componentTag" | 75 | :is="componentTag" |
81 | v-bind="currentSelectProps" | 76 | v-bind="currentSelectProps" /> |
82 | /> | ||
83 | </div> | 77 | </div> |
84 | </div> | 78 | </div> |
85 | </div> | 79 | </div> |
... | @@ -87,15 +81,13 @@ | ... | @@ -87,15 +81,13 @@ |
87 | <object | 81 | <object |
88 | id="LODOP_OB" | 82 | id="LODOP_OB" |
89 | classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" | 83 | classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" |
90 | v-show="false" | 84 | v-show="false"> |
91 | > | ||
92 | <embed | 85 | <embed |
93 | id="LODOP_EM" | 86 | id="LODOP_EM" |
94 | type="application/x-print-lodop" | 87 | type="application/x-print-lodop" |
95 | width="820" | 88 | width="820" |
96 | height="450" | 89 | height="450" |
97 | pluginspage="install_lodop32.exe" | 90 | pluginspage="install_lodop32.exe" /> |
98 | /> | ||
99 | </object> | 91 | </object> |
100 | <el-upload | 92 | <el-upload |
101 | class="fileUpdate" | 93 | class="fileUpdate" |
... | @@ -104,35 +96,32 @@ | ... | @@ -104,35 +96,32 @@ |
104 | multiple | 96 | multiple |
105 | :auto-upload="false" | 97 | :auto-upload="false" |
106 | :on-change="handleChange" | 98 | :on-change="handleChange" |
107 | :before-upload="beforeUpload" | 99 | :before-upload="beforeUpload"> |
108 | > | 100 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button> |
109 | <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false" | ||
110 | >上传</el-button | ||
111 | > | ||
112 | </el-upload> | 101 | </el-upload> |
113 | </div> | 102 | </div> |
114 | </template> | 103 | </template> |
115 | <style scoped lang="scss"> | 104 | <style scoped lang="scss"> |
116 | @import "~@/styles/mixin.scss"; | 105 | @import "~@/styles/mixin.scss"; |
117 | @import "./workFrame.scss"; | 106 | @import "./workFrame.scss"; |
118 | </style> | 107 | </style> |
119 | <script> | 108 | <script> |
120 | import printJS from 'print-js' | 109 | import printJS from 'print-js' |
121 | import WorkFlow from "./mixin/index"; | 110 | import WorkFlow from "./mixin/index"; |
122 | import publicFlow from "./mixin/public.js"; | 111 | import publicFlow from "./mixin/public.js"; |
123 | import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js"; | 112 | import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js"; |
124 | import { getForm } from "./flowform"; | 113 | import { getForm } from "./flowform"; |
125 | import NoticeBar from "@/components/NoticeBar/index"; | 114 | import NoticeBar from "@/components/NoticeBar/index"; |
126 | // import ProcessViewer from "./components/processViewer.vue" | 115 | // import ProcessViewer from "./components/processViewer.vue" |
127 | // 引入左侧菜单 | 116 | // 引入左侧菜单 |
128 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 117 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
129 | // 引入左侧菜单 | 118 | // 引入左侧菜单 |
130 | import segmentMenu from "./components/leftmenu/segmentMenu.vue"; | 119 | import segmentMenu from "./components/leftmenu/segmentMenu.vue"; |
131 | // 回执单 | 120 | // 回执单 |
132 | import receipt from "./components/receipt.vue"; | 121 | import receipt from "./components/receipt.vue"; |
133 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 122 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
134 | import { BatchInit } from "@/api/workflow/cfdjFlow.js"; | 123 | import { BatchInit } from "@/api/workflow/cfdjFlow.js"; |
135 | export default { | 124 | export default { |
136 | components: { | 125 | components: { |
137 | selectBdc, | 126 | selectBdc, |
138 | NoticeBar, | 127 | NoticeBar, |
... | @@ -141,7 +130,7 @@ export default { | ... | @@ -141,7 +130,7 @@ export default { |
141 | receipt, | 130 | receipt, |
142 | }, | 131 | }, |
143 | mixins: [WorkFlow, publicFlow], | 132 | mixins: [WorkFlow, publicFlow], |
144 | data() { | 133 | data () { |
145 | return { | 134 | return { |
146 | // printObj: { | 135 | // printObj: { |
147 | // id: "box", | 136 | // id: "box", |
... | @@ -176,28 +165,23 @@ export default { | ... | @@ -176,28 +165,23 @@ export default { |
176 | // 宗地id | 165 | // 宗地id |
177 | bsmZd: "", | 166 | bsmZd: "", |
178 | Receiptdata: {}, | 167 | Receiptdata: {}, |
179 | shows:false | 168 | shows: false |
180 | }; | 169 | }; |
181 | }, | 170 | }, |
182 | mounted() { | 171 | mounted () { |
183 | this.$store.dispatch("user/refreshPage", false); | 172 | this.$store.dispatch("user/refreshPage", false); |
184 | //添加页面监听事件 | 173 | //添加页面监听事件 |
185 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); | 174 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); |
186 | window.addEventListener("unload", (e) => this.unloadHandler(e)); | 175 | window.addEventListener("unload", (e) => this.unloadHandler(e)); |
187 | }, | 176 | }, |
188 | destroyed() { | 177 | destroyed () { |
189 | window.removeEventListener("beforeunload", (e) => | 178 | window.removeEventListener("beforeunload", (e) => |
190 | this.beforeunloadHandler(e) | 179 | this.beforeunloadHandler(e) |
191 | ); | 180 | ); |
192 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | 181 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); |
193 | }, | 182 | }, |
194 | methods: { | 183 | methods: { |
195 | /** | 184 | openPrint () { |
196 | * @description: openPrint | ||
197 | * @author:miaofang | ||
198 | */ | ||
199 | openPrint() { | ||
200 | |||
201 | // 获取打印回执数据 | 185 | // 获取打印回执数据 |
202 | var formdata = new FormData(); | 186 | var formdata = new FormData(); |
203 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | 187 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); |
... | @@ -206,20 +190,15 @@ export default { | ... | @@ -206,20 +190,15 @@ export default { |
206 | BatchInit(formdata).then((res) => { | 190 | BatchInit(formdata).then((res) => { |
207 | if (res.code === 200 && res.result) { | 191 | if (res.code === 200 && res.result) { |
208 | this.Receiptdata = res.result | 192 | this.Receiptdata = res.result |
209 | this.shows=true | 193 | this.shows = true |
210 | setTimeout(() => { | 194 | setTimeout(() => { |
211 | this.prinsss() | 195 | this.prinsss() |
212 | }, 100) | 196 | }, 100) |
213 | 197 | ||
214 | } | 198 | } |
215 | }) | 199 | }) |
216 | |||
217 | }, | 200 | }, |
218 | /** | 201 | prinsss () { |
219 | * @description: prinsss | ||
220 | * @author: miaofang | ||
221 | */ | ||
222 | prinsss(){ | ||
223 | printJS({ | 202 | printJS({ |
224 | printable: "boxaaa", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 203 | printable: "boxaaa", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 |
225 | type: "html", | 204 | type: "html", |
... | @@ -238,14 +217,14 @@ export default { | ... | @@ -238,14 +217,14 @@ export default { |
238 | * @param {*} val | 217 | * @param {*} val |
239 | * @author: renchao | 218 | * @author: renchao |
240 | */ | 219 | */ |
241 | getCurrentSelectProps(val) { | 220 | getCurrentSelectProps (val) { |
242 | this.currentSelectProps = val; | 221 | this.currentSelectProps = val; |
243 | }, | 222 | }, |
244 | /** | 223 | /** |
245 | * @description: beforeunloadHandler | 224 | * @description: beforeunloadHandler |
246 | * @author: renchao | 225 | * @author: renchao |
247 | */ | 226 | */ |
248 | beforeunloadHandler() { | 227 | beforeunloadHandler () { |
249 | this._beforeUnload_time = new Date().getTime(); | 228 | this._beforeUnload_time = new Date().getTime(); |
250 | }, | 229 | }, |
251 | /** | 230 | /** |
... | @@ -253,7 +232,7 @@ export default { | ... | @@ -253,7 +232,7 @@ export default { |
253 | * @param {*} e | 232 | * @param {*} e |
254 | * @author: renchao | 233 | * @author: renchao |
255 | */ | 234 | */ |
256 | unloadHandler(e) { | 235 | unloadHandler (e) { |
257 | this._gap_time = new Date().getTime() - this._beforeUnload_time; | 236 | this._gap_time = new Date().getTime() - this._beforeUnload_time; |
258 | //判断是窗口关闭还是刷新 | 237 | //判断是窗口关闭还是刷新 |
259 | if (this._gap_time <= 10) { | 238 | if (this._gap_time <= 10) { |
... | @@ -266,7 +245,7 @@ export default { | ... | @@ -266,7 +245,7 @@ export default { |
266 | * @param {*} index | 245 | * @param {*} index |
267 | * @author: renchao | 246 | * @author: renchao |
268 | */ | 247 | */ |
269 | stepForm(index) { | 248 | stepForm (index) { |
270 | getStepFormInfo(this.currentSelectProps).then((res) => { | 249 | getStepFormInfo(this.currentSelectProps).then((res) => { |
271 | if (res.code === 200) { | 250 | if (res.code === 200) { |
272 | // this.fresh++; | 251 | // this.fresh++; |
... | @@ -301,7 +280,7 @@ export default { | ... | @@ -301,7 +280,7 @@ export default { |
301 | * @description: openDialog | 280 | * @description: openDialog |
302 | * @author: renchao | 281 | * @author: renchao |
303 | */ | 282 | */ |
304 | openDialog() { | 283 | openDialog () { |
305 | this.$store.dispatch("user/refreshPage", false); | 284 | this.$store.dispatch("user/refreshPage", false); |
306 | let data = JSON.parse(localStorage.getItem("ywbl")); | 285 | let data = JSON.parse(localStorage.getItem("ywbl")); |
307 | let title; | 286 | let title; |
... | @@ -325,7 +304,7 @@ export default { | ... | @@ -325,7 +304,7 @@ export default { |
325 | * @param {*} handleClick | 304 | * @param {*} handleClick |
326 | * @author: renchao | 305 | * @author: renchao |
327 | */ | 306 | */ |
328 | handleClick(a) { | 307 | handleClick (a) { |
329 | let p = Object.keys(this.tabList[0]).filter( | 308 | let p = Object.keys(this.tabList[0]).filter( |
330 | (item) => item == "ableOperation" | 309 | (item) => item == "ableOperation" |
331 | ); | 310 | ); |
... | @@ -334,18 +313,18 @@ export default { | ... | @@ -334,18 +313,18 @@ export default { |
334 | } | 313 | } |
335 | }, | 314 | }, |
336 | }, | 315 | }, |
337 | }; | 316 | }; |
338 | </script> | 317 | </script> |
339 | <style scoped lang="scss"> | 318 | <style scoped lang="scss"> |
340 | @page { | 319 | @page { |
341 | size: auto; | 320 | size: auto; |
342 | margin: 0mm; | 321 | margin: 0mm; |
343 | } | 322 | } |
344 | .rightContainer { | 323 | .rightContainer { |
345 | position: relative; | 324 | position: relative; |
346 | } | 325 | } |
347 | 326 | ||
348 | .count { | 327 | .count { |
349 | font-size: 14px; | 328 | font-size: 14px; |
350 | position: absolute; | 329 | position: absolute; |
351 | right: 25px; | 330 | right: 25px; |
... | @@ -355,6 +334,5 @@ export default { | ... | @@ -355,6 +334,5 @@ export default { |
355 | font-weight: 600; | 334 | font-weight: 600; |
356 | color: #3498db; | 335 | color: #3498db; |
357 | } | 336 | } |
358 | 337 | } | |
359 | } | ||
360 | </style> | 338 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 15:18:52 | 4 | * @LastEditTime: 2023-09-13 09:18:13 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
... | @@ -85,27 +85,7 @@ | ... | @@ -85,27 +85,7 @@ |
85 | } | 85 | } |
86 | }, | 86 | }, |
87 | { | 87 | { |
88 | prop: "smzt", | 88 | label: "页数", |
89 | label: "扫描状态", | ||
90 | width: "80", | ||
91 | render: (h, scope) => { | ||
92 | if (scope.row.children && scope.row.children.length > 0) { | ||
93 | return ( | ||
94 | <div> | ||
95 | <span>已扫描</span> | ||
96 | </div> | ||
97 | ); | ||
98 | } else { | ||
99 | return ( | ||
100 | <div> | ||
101 | <span>未扫描</span> | ||
102 | </div> | ||
103 | ); | ||
104 | } | ||
105 | }, | ||
106 | }, | ||
107 | { | ||
108 | label: "扫描页数", | ||
109 | width: "80", | 89 | width: "80", |
110 | render: (h, scope) => { | 90 | render: (h, scope) => { |
111 | if (scope.row.count && scope.row.count > 0) { | 91 | if (scope.row.count && scope.row.count > 0) { | ... | ... |
-
Please register or sign in to post a comment