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