style:1
Showing
1 changed file
with
52 additions
and
65 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 10:52:18 | 4 | * @LastEditTime: 2023-09-13 13:55:25 |
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,16 +165,16 @@ export default { | ... | @@ -176,16 +165,16 @@ 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 | ); |
... | @@ -196,7 +185,7 @@ export default { | ... | @@ -196,7 +185,7 @@ export default { |
196 | * @description: openPrint | 185 | * @description: openPrint |
197 | * @author:miaofang | 186 | * @author:miaofang |
198 | */ | 187 | */ |
199 | openPrint() { | 188 | openPrint () { |
200 | 189 | ||
201 | // 获取打印回执数据 | 190 | // 获取打印回执数据 |
202 | var formdata = new FormData(); | 191 | var formdata = new FormData(); |
... | @@ -206,7 +195,7 @@ export default { | ... | @@ -206,7 +195,7 @@ export default { |
206 | BatchInit(formdata).then((res) => { | 195 | BatchInit(formdata).then((res) => { |
207 | if (res.code === 200 && res.result) { | 196 | if (res.code === 200 && res.result) { |
208 | this.Receiptdata = res.result | 197 | this.Receiptdata = res.result |
209 | this.shows=true | 198 | this.shows = true |
210 | setTimeout(() => { | 199 | setTimeout(() => { |
211 | this.prinsss() | 200 | this.prinsss() |
212 | }, 100) | 201 | }, 100) |
... | @@ -219,7 +208,7 @@ export default { | ... | @@ -219,7 +208,7 @@ export default { |
219 | * @description: prinsss | 208 | * @description: prinsss |
220 | * @author: miaofang | 209 | * @author: miaofang |
221 | */ | 210 | */ |
222 | prinsss(){ | 211 | prinsss () { |
223 | printJS({ | 212 | printJS({ |
224 | printable: "boxaaa", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 | 213 | printable: "boxaaa", // // 文档来源:pdf或图像的url,html元素的id或json数据的对象 |
225 | type: "html", | 214 | type: "html", |
... | @@ -238,14 +227,14 @@ export default { | ... | @@ -238,14 +227,14 @@ export default { |
238 | * @param {*} val | 227 | * @param {*} val |
239 | * @author: renchao | 228 | * @author: renchao |
240 | */ | 229 | */ |
241 | getCurrentSelectProps(val) { | 230 | getCurrentSelectProps (val) { |
242 | this.currentSelectProps = val; | 231 | this.currentSelectProps = val; |
243 | }, | 232 | }, |
244 | /** | 233 | /** |
245 | * @description: beforeunloadHandler | 234 | * @description: beforeunloadHandler |
246 | * @author: renchao | 235 | * @author: renchao |
247 | */ | 236 | */ |
248 | beforeunloadHandler() { | 237 | beforeunloadHandler () { |
249 | this._beforeUnload_time = new Date().getTime(); | 238 | this._beforeUnload_time = new Date().getTime(); |
250 | }, | 239 | }, |
251 | /** | 240 | /** |
... | @@ -253,7 +242,7 @@ export default { | ... | @@ -253,7 +242,7 @@ export default { |
253 | * @param {*} e | 242 | * @param {*} e |
254 | * @author: renchao | 243 | * @author: renchao |
255 | */ | 244 | */ |
256 | unloadHandler(e) { | 245 | unloadHandler (e) { |
257 | this._gap_time = new Date().getTime() - this._beforeUnload_time; | 246 | this._gap_time = new Date().getTime() - this._beforeUnload_time; |
258 | //判断是窗口关闭还是刷新 | 247 | //判断是窗口关闭还是刷新 |
259 | if (this._gap_time <= 10) { | 248 | if (this._gap_time <= 10) { |
... | @@ -266,7 +255,7 @@ export default { | ... | @@ -266,7 +255,7 @@ export default { |
266 | * @param {*} index | 255 | * @param {*} index |
267 | * @author: renchao | 256 | * @author: renchao |
268 | */ | 257 | */ |
269 | stepForm(index) { | 258 | stepForm (index) { |
270 | getStepFormInfo(this.currentSelectProps).then((res) => { | 259 | getStepFormInfo(this.currentSelectProps).then((res) => { |
271 | if (res.code === 200) { | 260 | if (res.code === 200) { |
272 | // this.fresh++; | 261 | // this.fresh++; |
... | @@ -301,7 +290,7 @@ export default { | ... | @@ -301,7 +290,7 @@ export default { |
301 | * @description: openDialog | 290 | * @description: openDialog |
302 | * @author: renchao | 291 | * @author: renchao |
303 | */ | 292 | */ |
304 | openDialog() { | 293 | openDialog () { |
305 | this.$store.dispatch("user/refreshPage", false); | 294 | this.$store.dispatch("user/refreshPage", false); |
306 | let data = JSON.parse(localStorage.getItem("ywbl")); | 295 | let data = JSON.parse(localStorage.getItem("ywbl")); |
307 | let title; | 296 | let title; |
... | @@ -319,33 +308,32 @@ export default { | ... | @@ -319,33 +308,32 @@ export default { |
319 | true | 308 | true |
320 | ); | 309 | ); |
321 | }, | 310 | }, |
322 | //选项卡切换事件 | ||
323 | /** | 311 | /** |
324 | * @description: 右侧表单选项卡事件 | 312 | * @description: 右侧表单选项卡事件 |
325 | * @param {*} handleClick | 313 | * @param {*} handleClick |
326 | * @author: renchao | 314 | * @author: renchao |
327 | */ | 315 | */ |
328 | handleClick(a) { | 316 | handleClick (a) { |
329 | let p = Object.keys(this.tabList[0]).filter( | 317 | let p = Object.keys(this.tabList[0]).filter( |
330 | (item) => item == "ableOperation" | 318 | (item) => item == "ableOperation" |
331 | ); | 319 | ); |
332 | if (p) { | 320 | if (p) { |
333 | this.ableOperation = this.tabList[a.index].ableOperation; | 321 | this.ableOperation = this.tabList[a.index].ableOperation; |
334 | } | 322 | } |
335 | }, | 323 | } |
336 | }, | 324 | } |
337 | }; | 325 | } |
338 | </script> | 326 | </script> |
339 | <style scoped lang="scss"> | 327 | <style scoped lang="scss"> |
340 | @page { | 328 | @page { |
341 | size: auto; | 329 | size: auto; |
342 | margin: 0mm; | 330 | margin: 0mm; |
343 | } | 331 | } |
344 | .rightContainer { | 332 | .rightContainer { |
345 | position: relative; | 333 | position: relative; |
346 | } | 334 | } |
347 | 335 | ||
348 | .count { | 336 | .count { |
349 | font-size: 14px; | 337 | font-size: 14px; |
350 | position: absolute; | 338 | position: absolute; |
351 | right: 25px; | 339 | right: 25px; |
... | @@ -355,6 +343,5 @@ export default { | ... | @@ -355,6 +343,5 @@ export default { |
355 | font-weight: 600; | 343 | font-weight: 600; |
356 | color: #3498db; | 344 | color: #3498db; |
357 | } | 345 | } |
358 | 346 | } | |
359 | } | ||
360 | </style> | 347 | </style> | ... | ... |
-
Please register or sign in to post a comment