style:登薄信息
Showing
10 changed files
with
104 additions
and
221 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-18 14:39:07 | 4 | * @LastEditTime: 2023-05-24 15:19:52 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -17,6 +17,7 @@ | ... | @@ -17,6 +17,7 @@ |
| 17 | </div> | 17 | </div> |
| 18 | <el-menu :default-active="activeIndex" @select="unitClick"> | 18 | <el-menu :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 | <span class="dot" v-if="item.issave == '0'"></span> | ||
| 20 | <div> | 21 | <div> |
| 21 | <p>{{ item.bdcdyh }}</p> | 22 | <p>{{ item.bdcdyh }}</p> |
| 22 | <p class="title-detail">{{ item.zl }}</p> | 23 | <p class="title-detail">{{ item.zl }}</p> |
| ... | @@ -38,6 +39,7 @@ | ... | @@ -38,6 +39,7 @@ |
| 38 | </div> | 39 | </div> |
| 39 | </template> | 40 | </template> |
| 40 | <script> | 41 | <script> |
| 42 | import { mapGetters } from 'vuex' | ||
| 41 | import { leftMenu } from "@/api/fqsq.js" | 43 | import { leftMenu } from "@/api/fqsq.js" |
| 42 | import { deleteSlbdcdy } from "@/api/ywbl.js"; | 44 | import { deleteSlbdcdy } from "@/api/ywbl.js"; |
| 43 | export default { | 45 | export default { |
| ... | @@ -64,6 +66,17 @@ | ... | @@ -64,6 +66,17 @@ |
| 64 | mounted () { | 66 | mounted () { |
| 65 | this.loadBdcdylist(); | 67 | this.loadBdcdylist(); |
| 66 | }, | 68 | }, |
| 69 | computed: { | ||
| 70 | ...mapGetters(['isRefresh']) | ||
| 71 | }, | ||
| 72 | watch: { | ||
| 73 | isRefresh: { | ||
| 74 | handler (newVal, oldVal) { | ||
| 75 | console.log(newVal, 'newVal'); | ||
| 76 | if (newVal) this.loadBdcdylist() | ||
| 77 | } | ||
| 78 | } | ||
| 79 | }, | ||
| 67 | methods: { | 80 | methods: { |
| 68 | //读取申请单元信息 | 81 | //读取申请单元信息 |
| 69 | loadBdcdylist () { | 82 | loadBdcdylist () { |
| ... | @@ -90,7 +103,7 @@ | ... | @@ -90,7 +103,7 @@ |
| 90 | judgeBatchShow () { | 103 | judgeBatchShow () { |
| 91 | this.showBatch = false; | 104 | this.showBatch = false; |
| 92 | if (this.unitData.length > 1) { | 105 | if (this.unitData.length > 1) { |
| 93 | let qllx = this.$route.query.sqywbm.substring(0, 3); | 106 | let qllx = this.$route.query?.sqywbm?.substring(0, 3); |
| 94 | switch (qllx) { | 107 | switch (qllx) { |
| 95 | case 'B39': | 108 | case 'B39': |
| 96 | this.showBatch = true; | 109 | this.showBatch = true; |
| ... | @@ -160,8 +173,9 @@ | ... | @@ -160,8 +173,9 @@ |
| 160 | this.currentSelectProps.batchOperation = false; | 173 | this.currentSelectProps.batchOperation = false; |
| 161 | this.activeIndex = index.toString(); | 174 | this.activeIndex = index.toString(); |
| 162 | //选中表单传递数据 | 175 | //选中表单传递数据 |
| 163 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 176 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 164 | this.$parent.stepForm(index); | 177 | this.$parent.stepForm(index); |
| 178 | this.$store.dispatch('user/refreshPage', false); | ||
| 165 | } | 179 | } |
| 166 | } | 180 | } |
| 167 | } | 181 | } |
| ... | @@ -169,7 +183,7 @@ | ... | @@ -169,7 +183,7 @@ |
| 169 | <style scoped lang='scss'> | 183 | <style scoped lang='scss'> |
| 170 | @import "~@/styles/mixin.scss"; | 184 | @import "~@/styles/mixin.scss"; |
| 171 | @import "../../workFrame.scss"; | 185 | @import "../../workFrame.scss"; |
| 172 | .leftmenu ul{ | 186 | .leftmenu ul { |
| 173 | height: calc(100vh - 120px); | 187 | height: calc(100vh - 120px); |
| 174 | } | 188 | } |
| 175 | </style> | 189 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-18 16:32:02 | 4 | * @LastEditTime: 2023-05-24 14:58:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -30,6 +30,7 @@ | ... | @@ -30,6 +30,7 @@ |
| 30 | </div> | 30 | </div> |
| 31 | <el-menu :default-active="activeHIndex" @select="handleAfterunitClick"> | 31 | <el-menu :default-active="activeHIndex" @select="handleAfterunitClick"> |
| 32 | <el-menu-item v-for="(item, index) in afterUnitData" :index="index.toString()" :key="index"> | 32 | <el-menu-item v-for="(item, index) in afterUnitData" :index="index.toString()" :key="index"> |
| 33 | <span class="dot" v-if="item.issave == '0'"></span> | ||
| 33 | <div> | 34 | <div> |
| 34 | <p>{{ item.bdcdyh }}</p> | 35 | <p>{{ item.bdcdyh }}</p> |
| 35 | <p class="title-detail">{{ item.zl }}</p> | 36 | <p class="title-detail">{{ item.zl }}</p> |
| ... | @@ -51,6 +52,7 @@ | ... | @@ -51,6 +52,7 @@ |
| 51 | </div> | 52 | </div> |
| 52 | </template> | 53 | </template> |
| 53 | <script> | 54 | <script> |
| 55 | import { mapGetters } from 'vuex' | ||
| 54 | import { leftMenu } from "@/api/fqsq.js" | 56 | import { leftMenu } from "@/api/fqsq.js" |
| 55 | import { deleteFlow } from "@/api/ywbl.js"; | 57 | import { deleteFlow } from "@/api/ywbl.js"; |
| 56 | export default { | 58 | export default { |
| ... | @@ -81,6 +83,16 @@ | ... | @@ -81,6 +83,16 @@ |
| 81 | mounted () { | 83 | mounted () { |
| 82 | this.loadBdcdylist(); | 84 | this.loadBdcdylist(); |
| 83 | }, | 85 | }, |
| 86 | computed: { | ||
| 87 | ...mapGetters(['isRefresh']) | ||
| 88 | }, | ||
| 89 | watch: { | ||
| 90 | isRefresh: { | ||
| 91 | handler (newVal, oldVal) { | ||
| 92 | if (newVal) this.loadBdcdylist() | ||
| 93 | } | ||
| 94 | } | ||
| 95 | }, | ||
| 84 | methods: { | 96 | methods: { |
| 85 | //读取申请单元信息 | 97 | //读取申请单元信息 |
| 86 | loadBdcdylist () { | 98 | loadBdcdylist () { |
| ... | @@ -102,8 +114,6 @@ | ... | @@ -102,8 +114,6 @@ |
| 102 | this.unitClick(0); | 114 | this.unitClick(0); |
| 103 | } | 115 | } |
| 104 | } | 116 | } |
| 105 | console.log(JSON.stringify(this.aroundUnitData)); | ||
| 106 | console.log(JSON.stringify(this.afterUnitData)); | ||
| 107 | }) | 117 | }) |
| 108 | }, | 118 | }, |
| 109 | //批量按钮判断 | 119 | //批量按钮判断 |
| ... | @@ -166,6 +176,7 @@ | ... | @@ -166,6 +176,7 @@ |
| 166 | unitClick (index) { | 176 | unitClick (index) { |
| 167 | this.activeHIndex = '-1' | 177 | this.activeHIndex = '-1' |
| 168 | this.currentSelectProps = this.aroundUnitData[index]; | 178 | this.currentSelectProps = this.aroundUnitData[index]; |
| 179 | this.currentSelectProps.issave = '1' | ||
| 169 | this.currentSelectProps.batchOperation = false; | 180 | this.currentSelectProps.batchOperation = false; |
| 170 | this.activeIndex = index.toString(); | 181 | this.activeIndex = index.toString(); |
| 171 | //选中表单传递数据 | 182 | //选中表单传递数据 |
| ... | @@ -180,6 +191,7 @@ | ... | @@ -180,6 +191,7 @@ |
| 180 | //选中表单传递数据 | 191 | //选中表单传递数据 |
| 181 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 192 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
| 182 | this.$parent.stepForm(index); | 193 | this.$parent.stepForm(index); |
| 194 | this.$store.dispatch('user/refreshPage', false); | ||
| 183 | } | 195 | } |
| 184 | } | 196 | } |
| 185 | } | 197 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:38:51 | 4 | * @LastEditTime: 2023-05-24 14:42:24 |
| 5 | */ | 5 | */ |
| 6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
| 7 | import { getHomeNoticeList } from "@/api/user.js" | 7 | import { getHomeNoticeList } from "@/api/user.js" |
| ... | @@ -15,8 +15,9 @@ export default { | ... | @@ -15,8 +15,9 @@ export default { |
| 15 | this.getHomeNotice() | 15 | this.getHomeNotice() |
| 16 | }, | 16 | }, |
| 17 | mounted () { | 17 | mounted () { |
| 18 | let _this = this | ||
| 18 | window.addEventListener('message', function (messageEvent) { | 19 | window.addEventListener('message', function (messageEvent) { |
| 19 | this.getHomeNotice() | 20 | _this.getHomeNotice() |
| 20 | }, false) | 21 | }, false) |
| 21 | }, | 22 | }, |
| 22 | methods: { | 23 | methods: { | ... | ... |
| ... | @@ -31,6 +31,14 @@ | ... | @@ -31,6 +31,14 @@ |
| 31 | font-size: 14px; | 31 | font-size: 14px; |
| 32 | } | 32 | } |
| 33 | 33 | ||
| 34 | .dot { | ||
| 35 | display: inline-block; | ||
| 36 | background-color: #67C23A; | ||
| 37 | width: 6.5px; | ||
| 38 | height: 6px; | ||
| 39 | border-radius: 50%; | ||
| 40 | } | ||
| 41 | |||
| 34 | .batchDel { | 42 | .batchDel { |
| 35 | float: right; | 43 | float: right; |
| 36 | position: relative; | 44 | position: relative; |
| ... | @@ -209,4 +217,4 @@ | ... | @@ -209,4 +217,4 @@ |
| 209 | position: absolute; | 217 | position: absolute; |
| 210 | left: 0; | 218 | left: 0; |
| 211 | bottom: 0; | 219 | bottom: 0; |
| 212 | } | 220 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-22 09:45:59 | 4 | * @LastEditTime: 2023-05-24 15:31:00 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
| 26 | <!-- 内容框架 --> | 26 | <!-- 内容框架 --> |
| 27 | <div class="containerFrame"> | 27 | <div class="containerFrame"> |
| 28 | <!-- 左侧菜单栏 区分业务--> | 28 | <!-- 左侧菜单栏 区分业务--> |
| 29 | <segmentMenu v-if="slsq.djqxbm == 'A0320099' || slsq.djqxbm == 'A0330099'" @getCurrentSelectProps="getCurrentSelectProps" /> | 29 | <segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> |
| 30 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> | 30 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> |
| 31 | <div class="leftCon"> | 31 | <div class="leftCon"> |
| 32 | <!-- 分屏左侧预览 --> | 32 | <!-- 分屏左侧预览 --> |
| ... | @@ -58,7 +58,6 @@ | ... | @@ -58,7 +58,6 @@ |
| 58 | @import "./workFrame.scss"; | 58 | @import "./workFrame.scss"; |
| 59 | </style> | 59 | </style> |
| 60 | <script> | 60 | <script> |
| 61 | import { mapGetters } from 'vuex' | ||
| 62 | import WorkFlow from "./mixin/index" | 61 | import WorkFlow from "./mixin/index" |
| 63 | import publicFlow from "./mixin/public.js" | 62 | import publicFlow from "./mixin/public.js" |
| 64 | import { getStepFormInfo } from "@/api/fqsq.js" | 63 | import { getStepFormInfo } from "@/api/fqsq.js" |
| ... | @@ -107,17 +106,8 @@ | ... | @@ -107,17 +106,8 @@ |
| 107 | _beforeUnload_time: "" | 106 | _beforeUnload_time: "" |
| 108 | } | 107 | } |
| 109 | }, | 108 | }, |
| 110 | computed: { | ||
| 111 | ...mapGetters(['isRefresh']) | ||
| 112 | }, | ||
| 113 | watch: { | ||
| 114 | isRefresh: { | ||
| 115 | handler (newVal, oldVal) { | ||
| 116 | if (newVal) this.updateDialog() | ||
| 117 | } | ||
| 118 | } | ||
| 119 | }, | ||
| 120 | mounted () { | 109 | mounted () { |
| 110 | this.$store.dispatch('user/refreshPage', false); | ||
| 121 | //添加页面监听事件 | 111 | //添加页面监听事件 |
| 122 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); | 112 | window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); |
| 123 | window.addEventListener("unload", (e) => this.unloadHandler(e)); | 113 | window.addEventListener("unload", (e) => this.unloadHandler(e)); |
| ... | @@ -143,37 +133,6 @@ | ... | @@ -143,37 +133,6 @@ |
| 143 | unClaimTask(this.bsmSlsq, this.bestepid); | 133 | unClaimTask(this.bsmSlsq, this.bestepid); |
| 144 | } | 134 | } |
| 145 | }, | 135 | }, |
| 146 | changeLoadIndex () { | ||
| 147 | this.loadIndex++; | ||
| 148 | }, | ||
| 149 | /** | ||
| 150 | * @description: 更新列表 | ||
| 151 | * @author: renchao | ||
| 152 | */ | ||
| 153 | // updateDialog () { | ||
| 154 | // this.loadBdcdylist(); | ||
| 155 | // }, | ||
| 156 | // //读取申请单元信息 | ||
| 157 | // loadBdcdylist () { | ||
| 158 | // var formdata = new FormData(); | ||
| 159 | // formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 160 | // formdata.append("bestepid", this.bestepid); | ||
| 161 | // leftMenu(formdata).then((res) => { | ||
| 162 | // if (res.code === 200 && res.result) { | ||
| 163 | // this.unitData = res.result; | ||
| 164 | // this.currentSelectProps = res.result[0]; | ||
| 165 | // this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
| 166 | // this.judgeBatchShow(); | ||
| 167 | // if (this.showBatch) { | ||
| 168 | // //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 169 | // this.batchUnitClick(); | ||
| 170 | // } else { | ||
| 171 | // //默认选择单元列表第一个 | ||
| 172 | // this.unitClick(0); | ||
| 173 | // } | ||
| 174 | // } | ||
| 175 | // }) | ||
| 176 | // }, | ||
| 177 | //申请单元点击事件 | 136 | //申请单元点击事件 |
| 178 | stepForm (index) { | 137 | stepForm (index) { |
| 179 | getStepFormInfo(this.currentSelectProps).then((res) => { | 138 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| ... | @@ -207,6 +166,7 @@ | ... | @@ -207,6 +166,7 @@ |
| 207 | } else { | 166 | } else { |
| 208 | title = "申请业务:" + data?.djywmc | 167 | title = "申请业务:" + data?.djywmc |
| 209 | } | 168 | } |
| 169 | |||
| 210 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 170 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) |
| 211 | } | 171 | } |
| 212 | } | 172 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-18 11:03:17 | 4 | * @LastEditTime: 2023-05-24 15:30:16 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -25,30 +25,10 @@ | ... | @@ -25,30 +25,10 @@ |
| 25 | </div> | 25 | </div> |
| 26 | <!-- 内容框架 --> | 26 | <!-- 内容框架 --> |
| 27 | <div class="containerFrame"> | 27 | <div class="containerFrame"> |
| 28 | <!-- 左侧菜单栏 --> | 28 | <!-- 左侧菜单栏 区分业务--> |
| 29 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 29 | <segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> |
| 30 | <div v-if="this.isShowdrawer"> | 30 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> |
| 31 | <div class="title">申请单元列表({{ unitData.length }})</div> | 31 | |
| 32 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
| 33 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | ||
| 34 | <div> | ||
| 35 | <p>{{ item.bdcdyh }}</p> | ||
| 36 | <p class="title-detail">{{ item.zl }}</p> | ||
| 37 | </div> | ||
| 38 | </el-menu-item> | ||
| 39 | </el-menu> | ||
| 40 | </div> | ||
| 41 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | ||
| 42 | () => { | ||
| 43 | this.isShowdrawer = !this.isShowdrawer; | ||
| 44 | } | ||
| 45 | "></div> | ||
| 46 | <div class="map-drawer-expand map-drawer" v-else @click=" | ||
| 47 | () => { | ||
| 48 | this.isShowdrawer = !this.isShowdrawer; | ||
| 49 | } | ||
| 50 | "></div> | ||
| 51 | </div> | ||
| 52 | <div class="leftCon"> | 32 | <div class="leftCon"> |
| 53 | <!-- 分屏左侧预览 --> | 33 | <!-- 分屏左侧预览 --> |
| 54 | <div v-if="splitScreen" class="splitScreen-con"> | 34 | <div v-if="splitScreen" class="splitScreen-con"> |
| ... | @@ -71,14 +51,20 @@ | ... | @@ -71,14 +51,20 @@ |
| 71 | @import "./workFrame.scss"; | 51 | @import "./workFrame.scss"; |
| 72 | </style> | 52 | </style> |
| 73 | <script> | 53 | <script> |
| 74 | import { leftMenu, stepExpandInfo, getStepFormInfo } from "@/api/fqsq.js"; | 54 | import WorkFlow from "./mixin/index" |
| 75 | import publicFlow from "./mixin/public.js"; | 55 | import publicFlow from "./mixin/public.js" |
| 56 | import { getStepFormInfo } from "@/api/fqsq.js" | ||
| 76 | import NoticeBar from "@/components/NoticeBar/index"; | 57 | import NoticeBar from "@/components/NoticeBar/index"; |
| 77 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 58 | // 引入左侧菜单 |
| 59 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" | ||
| 60 | // 引入左侧菜单 | ||
| 61 | import segmentMenu from "./components/leftmenu/segmentMenu.vue" | ||
| 78 | export default { | 62 | export default { |
| 79 | mixins: [publicFlow], | 63 | mixins: [WorkFlow, publicFlow], |
| 80 | components: { | 64 | components: { |
| 81 | NoticeBar, | 65 | NoticeBar, |
| 66 | ordinaryMenu, | ||
| 67 | segmentMenu | ||
| 82 | }, | 68 | }, |
| 83 | data () { | 69 | data () { |
| 84 | return { | 70 | return { |
| ... | @@ -92,12 +78,6 @@ | ... | @@ -92,12 +78,6 @@ |
| 92 | bsmSlsq: this.$route.query.bsmSlsq, | 78 | bsmSlsq: this.$route.query.bsmSlsq, |
| 93 | //当前流程所在环节 | 79 | //当前流程所在环节 |
| 94 | bestepid: this.$route.query.bestepid, | 80 | bestepid: this.$route.query.bestepid, |
| 95 | //顶部左侧按钮集合 | ||
| 96 | leftButtonList: [], | ||
| 97 | //顶部右侧按钮集合 | ||
| 98 | rightButtonList: [], | ||
| 99 | //左侧菜单数据集合 | ||
| 100 | unitData: [], | ||
| 101 | //设置那个表单选中 | 81 | //设置那个表单选中 |
| 102 | tabName: "", | 82 | tabName: "", |
| 103 | //表单集合 | 83 | //表单集合 |
| ... | @@ -118,118 +98,12 @@ | ... | @@ -118,118 +98,12 @@ |
| 118 | clxxTab: {}, | 98 | clxxTab: {}, |
| 119 | }; | 99 | }; |
| 120 | }, | 100 | }, |
| 121 | mounted () { | ||
| 122 | this.loadBdcdylist(); | ||
| 123 | this.flowInitParam(); | ||
| 124 | }, | ||
| 125 | |||
| 126 | methods: { | 101 | methods: { |
| 127 | //加载流程初始参数 | 102 | getCurrentSelectProps (val) { |
| 128 | flowInitParam () { | 103 | this.currentSelectProps = val |
| 129 | var formdata = new FormData(); | ||
| 130 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 131 | formdata.append("bestepid", this.bestepid); | ||
| 132 | formdata.append("type", "READ_ONLY"); | ||
| 133 | stepExpandInfo(formdata).then((res) => { | ||
| 134 | if (res.code === 200) { | ||
| 135 | this.leftButtonList = res.result.button; | ||
| 136 | this.rightButtonList = res.result.operation; | ||
| 137 | } | ||
| 138 | }); | ||
| 139 | }, | ||
| 140 | //流程环节操作按钮 | ||
| 141 | operation (item) { | ||
| 142 | //按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 | ||
| 143 | //操作按钮 登簿:record 转件:transfer 退回:back 退出:signout | ||
| 144 | switch (item.value) { | ||
| 145 | case "B1": | ||
| 146 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then( | ||
| 147 | (res) => { | ||
| 148 | let { result } = res; | ||
| 149 | this.$popupDialog("流程图", "workflow/components/processViewer", { | ||
| 150 | xml: result.xml, | ||
| 151 | finishedInfo: { | ||
| 152 | finishedTaskSet: result.finishedTaskSet, | ||
| 153 | unfinishedTaskSet: result.unfinishedTaskSet, | ||
| 154 | rejectedTaskSet: result.rejectedTaskSet, | ||
| 155 | finishedSequenceFlowSet: result.finishedSequenceFlowSet, | ||
| 156 | }, | ||
| 157 | allCommentList: result.historyTaskList, | ||
| 158 | }, '80%', true); | ||
| 159 | } | ||
| 160 | ); | ||
| 161 | break; | ||
| 162 | case "B5": | ||
| 163 | this.zsylFlag = true; | ||
| 164 | break; | ||
| 165 | case "B2": //材料分屏按钮 | ||
| 166 | this.splitScreen = this.splitScreen ? false : true; | ||
| 167 | this.$store.dispatch("app/settScreen", this.splitScreen); | ||
| 168 | if (this.splitScreen) { | ||
| 169 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | ||
| 170 | if (this.tabName == this.clxxTab.value) { | ||
| 171 | this.tabName = this.tabList[this.clxxIndex - 1].value; | ||
| 172 | this.getFromRouter(this.tabList[this.clxxIndex - 1].value); | ||
| 173 | } | ||
| 174 | this.tabList.splice(this.clxxIndex, 1); | ||
| 175 | } else { | ||
| 176 | this.tabList.splice(this.clxxIndex, 1, this.clxxTab); | ||
| 177 | } | ||
| 178 | break; | ||
| 179 | case "signout": | ||
| 180 | window.close(); | ||
| 181 | break; | ||
| 182 | case "rm": | ||
| 183 | this.del() | ||
| 184 | window.close(); | ||
| 185 | } | ||
| 186 | }, | ||
| 187 | del () { | ||
| 188 | let formdata = new FormData(); | ||
| 189 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 190 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
| 191 | confirmButtonText: "确定", | ||
| 192 | cancelButtonText: "取消", | ||
| 193 | type: "warning" | ||
| 194 | }) | ||
| 195 | .then(() => { | ||
| 196 | deleteFlow(formdata).then((res) => { | ||
| 197 | if (res.code === 200) { | ||
| 198 | this.handleDel(); | ||
| 199 | this.$message({ | ||
| 200 | type: "success", | ||
| 201 | message: "删除成功!", | ||
| 202 | }); | ||
| 203 | this.queryClick(); | ||
| 204 | } else { | ||
| 205 | this.$message.error(res.message); | ||
| 206 | } | ||
| 207 | }); | ||
| 208 | }) | ||
| 209 | .catch(() => { | ||
| 210 | this.$message({ | ||
| 211 | type: "info", | ||
| 212 | message: "已取消删除" | ||
| 213 | }) | ||
| 214 | }) | ||
| 215 | }, | ||
| 216 | //读取申请单元信息 | ||
| 217 | loadBdcdylist () { | ||
| 218 | var formdata = new FormData(); | ||
| 219 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 220 | formdata.append("bestepid", this.bestepid); | ||
| 221 | leftMenu(formdata).then((res) => { | ||
| 222 | if (res.code === 200) { | ||
| 223 | this.unitData = res.result; | ||
| 224 | this.currentSelectProps = res.result[0]; | ||
| 225 | this.unitClick(0); | ||
| 226 | } | ||
| 227 | }) | ||
| 228 | }, | 104 | }, |
| 229 | //申请单元点击事件 | 105 | //申请单元点击事件 |
| 230 | unitClick (index) { | 106 | stepForm (index) { |
| 231 | this.currentSelectProps = this.unitData[index]; | ||
| 232 | this.currentSelectProps.type = "ONLY_READ"; | ||
| 233 | getStepFormInfo(this.currentSelectProps).then((res) => { | 107 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| 234 | if (res.code === 200) { | 108 | if (res.code === 200) { |
| 235 | this.fresh++; | 109 | this.fresh++; |
| ... | @@ -237,9 +111,21 @@ | ... | @@ -237,9 +111,21 @@ |
| 237 | this.tabList = res.result; | 111 | this.tabList = res.result; |
| 238 | //默认加载第一个表单信息 | 112 | //默认加载第一个表单信息 |
| 239 | this.tabName = res.result[0].value; | 113 | this.tabName = res.result[0].value; |
| 114 | //批量操作无分屏按钮 | ||
| 115 | if (index != null) { | ||
| 116 | //处理分屏材料信息 | ||
| 117 | let that = this; | ||
| 118 | this.tabList.forEach(function (item, index) { | ||
| 119 | if (item.value == "clxx") { | ||
| 120 | that.clxxIndex = index; | ||
| 121 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | ||
| 122 | that.clxxTab = item; | ||
| 123 | } | ||
| 124 | }) | ||
| 125 | } | ||
| 240 | } | 126 | } |
| 241 | }) | 127 | }) |
| 242 | } | 128 | }, |
| 243 | } | 129 | } |
| 244 | } | 130 | } |
| 245 | </script> | 131 | </script> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:42:55 | 4 | * @LastEditTime: 2023-05-24 15:06:24 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -89,7 +89,7 @@ class data extends filter { | ... | @@ -89,7 +89,7 @@ class data extends filter { |
| 89 | { | 89 | { |
| 90 | prop: "zl", | 90 | prop: "zl", |
| 91 | label: "坐落", | 91 | label: "坐落", |
| 92 | minWidth: '160', | 92 | minWidth: '130', |
| 93 | showOverflowTooltip: true | 93 | showOverflowTooltip: true |
| 94 | }, | 94 | }, |
| 95 | { | 95 | { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:45:26 | 4 | * @LastEditTime: 2023-05-24 14:33:47 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -183,7 +183,7 @@ | ... | @@ -183,7 +183,7 @@ |
| 183 | </el-col> | 183 | </el-col> |
| 184 | </el-row> | 184 | </el-row> |
| 185 | </div> | 185 | </div> |
| 186 | <el-row class="btn" v-if="!$route.query.viewtype"> | 186 | <el-row class="btn" v-if="!$route.query.viewtype && propsParam.issave=='0'"> |
| 187 | <el-form-item> | 187 | <el-form-item> |
| 188 | <el-button type="primary" @click="onSubmit">保存</el-button> | 188 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 189 | </el-form-item> | 189 | </el-form-item> |
| ... | @@ -206,7 +206,6 @@ | ... | @@ -206,7 +206,6 @@ |
| 206 | Init(formdata).then((res) => { | 206 | Init(formdata).then((res) => { |
| 207 | this.$nextTick(() => { | 207 | this.$nextTick(() => { |
| 208 | that.ruleForm = res.result; | 208 | that.ruleForm = res.result; |
| 209 | console.log(that.ruleForm, 'that.ruleFormthat.ruleFormthat.ruleForm'); | ||
| 210 | that.$endLoading(); | 209 | that.$endLoading(); |
| 211 | that.isShow = true; | 210 | that.isShow = true; |
| 212 | this.czrOptions = this.ruleForm.qlrList; | 211 | this.czrOptions = this.ruleForm.qlrList; |
| ... | @@ -284,19 +283,20 @@ | ... | @@ -284,19 +283,20 @@ |
| 284 | this.$message({ | 283 | this.$message({ |
| 285 | showClose: true, | 284 | showClose: true, |
| 286 | message: "保存成功!", | 285 | message: "保存成功!", |
| 287 | type: "success", | 286 | type: "success" |
| 288 | }); | 287 | }) |
| 288 | this.$store.dispatch('user/refreshPage', true); | ||
| 289 | } else { | 289 | } else { |
| 290 | this.$message({ | 290 | this.$message({ |
| 291 | showClose: true, | 291 | showClose: true, |
| 292 | message: res.message, | 292 | message: res.message, |
| 293 | type: "error", | 293 | type: "error" |
| 294 | }); | 294 | }) |
| 295 | } | 295 | } |
| 296 | }); | 296 | }) |
| 297 | }, | 297 | } |
| 298 | }, | 298 | } |
| 299 | }; | 299 | } |
| 300 | </script> | 300 | </script> |
| 301 | <style scoped lang='scss'> | 301 | <style scoped lang='scss'> |
| 302 | @import "~@/styles/public.scss"; | 302 | @import "~@/styles/public.scss"; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:45:28 | 4 | * @LastEditTime: 2023-05-24 15:09:45 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -123,7 +123,7 @@ | ... | @@ -123,7 +123,7 @@ |
| 123 | <el-row :gutter="10"> | 123 | <el-row :gutter="10"> |
| 124 | <el-col> | 124 | <el-col> |
| 125 | <el-form-item label="附记:" prop="fj"> | 125 | <el-form-item label="附记:" prop="fj"> |
| 126 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input> | 126 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype=='1'"></el-input> |
| 127 | </el-form-item> | 127 | </el-form-item> |
| 128 | </el-col> | 128 | </el-col> |
| 129 | </el-row> | 129 | </el-row> |
| ... | @@ -137,7 +137,7 @@ | ... | @@ -137,7 +137,7 @@ |
| 137 | <el-row :gutter="10"> | 137 | <el-row :gutter="10"> |
| 138 | <el-col :span="14"> | 138 | <el-col :span="14"> |
| 139 | <el-form-item label="共有方式:"> | 139 | <el-form-item label="共有方式:"> |
| 140 | <el-radio-group :disabled="$route.query.viewtype" v-model="ruleForm.slywxx.gyfs"> | 140 | <el-radio-group :disabled="$route.query.viewtype=='1'" v-model="ruleForm.slywxx.gyfs"> |
| 141 | <el-radio label="0">单独所有</el-radio> | 141 | <el-radio label="0">单独所有</el-radio> |
| 142 | <el-radio label="1">共同共有</el-radio> | 142 | <el-radio label="1">共同共有</el-radio> |
| 143 | <el-radio label="2">按份所有</el-radio> | 143 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -163,7 +163,7 @@ | ... | @@ -163,7 +163,7 @@ |
| 163 | </el-col> | 163 | </el-col> |
| 164 | </el-row> | 164 | </el-row> |
| 165 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList' | 165 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList' |
| 166 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 166 | :viewtype="$route.query.viewtype=='1'" :gyfs="ruleForm.slywxx.gyfs" /> |
| 167 | <div class="slxx_title title-block"> | 167 | <div class="slxx_title title-block"> |
| 168 | 登记原因 | 168 | 登记原因 |
| 169 | <div class="triangle"></div> | 169 | <div class="triangle"></div> |
| ... | @@ -171,14 +171,14 @@ | ... | @@ -171,14 +171,14 @@ |
| 171 | <el-row :gutter="10"> | 171 | <el-row :gutter="10"> |
| 172 | <el-col> | 172 | <el-col> |
| 173 | <el-form-item label="登记原因:" prop="djyy"> | 173 | <el-form-item label="登记原因:" prop="djyy"> |
| 174 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" | 174 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype=='1'" |
| 175 | v-model="ruleForm.jsydsyq.djyy"> | 175 | v-model="ruleForm.jsydsyq.djyy"> |
| 176 | </el-input> | 176 | </el-input> |
| 177 | </el-form-item> | 177 | </el-form-item> |
| 178 | </el-col> | 178 | </el-col> |
| 179 | </el-row> | 179 | </el-row> |
| 180 | </div> | 180 | </div> |
| 181 | <el-row class="btn" v-if="!$route.query.viewtype"> | 181 | <el-row class="btn" v-if="!$route.query.viewtype=='1' && propsParam.issave=='0'"> |
| 182 | <el-form-item> | 182 | <el-form-item> |
| 183 | <el-button type="primary" @click="onSubmit">保存</el-button> | 183 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 184 | </el-form-item> | 184 | </el-form-item> | ... | ... |
| ... | @@ -30,10 +30,10 @@ class data extends filter { | ... | @@ -30,10 +30,10 @@ class data extends filter { |
| 30 | label: "流程状态", | 30 | label: "流程状态", |
| 31 | width: '80', | 31 | width: '80', |
| 32 | render: (h, scope) => { | 32 | render: (h, scope) => { |
| 33 | if(scope.row.cfgqzt == '1'){ | 33 | if (scope.row.cfgqzt == '1') { |
| 34 | return <div class='suspend'>查封挂起</div> | 34 | return <div class='suspend'>查封挂起</div> |
| 35 | } | 35 | } |
| 36 | if(scope.row.yygqzt == '1'){ | 36 | if (scope.row.yygqzt == '1') { |
| 37 | return <div class='suspend'>异议挂起</div> | 37 | return <div class='suspend'>异议挂起</div> |
| 38 | } | 38 | } |
| 39 | switch (scope.row.lczt) { | 39 | switch (scope.row.lczt) { |
| ... | @@ -67,6 +67,8 @@ class data extends filter { | ... | @@ -67,6 +67,8 @@ class data extends filter { |
| 67 | { | 67 | { |
| 68 | prop: "zl", | 68 | prop: "zl", |
| 69 | label: "坐落", | 69 | label: "坐落", |
| 70 | showOverflowTooltip: true, | ||
| 71 | minWidth: '130' | ||
| 70 | }, | 72 | }, |
| 71 | { | 73 | { |
| 72 | prop: "slsj", | 74 | prop: "slsj", | ... | ... |
-
Please register or sign in to post a comment