style:发起申请模块功能的开发
Showing
9 changed files
with
396 additions
and
166 deletions
| 1 | <!-- | ||
| 2 | * @Description: workFrame左侧菜单列表-普通 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-18 14:39:07 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | ||
| 8 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | ||
| 9 | <el-menu-item index="-1" key="-1" class="menus"> | ||
| 10 | <div>{{ batchButtonName }}</div> | ||
| 11 | </el-menu-item> | ||
| 12 | </el-menu> | ||
| 13 | <div v-if="this.isShowdrawer"> | ||
| 14 | <div class="title"> | ||
| 15 | 申请单元列表({{ unitData.length }}) | ||
| 16 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | ||
| 17 | </div> | ||
| 18 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
| 19 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | ||
| 20 | <div> | ||
| 21 | <p>{{ item.bdcdyh }}</p> | ||
| 22 | <p class="title-detail">{{ item.zl }}</p> | ||
| 23 | </div> | ||
| 24 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | ||
| 25 | </el-menu-item> | ||
| 26 | </el-menu> | ||
| 27 | </div> | ||
| 28 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | ||
| 29 | () => { | ||
| 30 | this.isShowdrawer = !this.isShowdrawer; | ||
| 31 | } | ||
| 32 | "></div> | ||
| 33 | <div class="map-drawer-expand map-drawer" v-else @click=" | ||
| 34 | () => { | ||
| 35 | this.isShowdrawer = !this.isShowdrawer; | ||
| 36 | } | ||
| 37 | "></div> | ||
| 38 | </div> | ||
| 39 | </template> | ||
| 40 | <script> | ||
| 41 | import { leftMenu } from "@/api/fqsq.js" | ||
| 42 | import { deleteFlow } from "@/api/ywbl.js"; | ||
| 43 | export default { | ||
| 44 | data () { | ||
| 45 | return { | ||
| 46 | //受理申请标识码 | ||
| 47 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 48 | //当前流程所在环节 | ||
| 49 | bestepid: this.$route.query.bestepid, | ||
| 50 | // 默认选中 | ||
| 51 | activeIndex: '0', | ||
| 52 | // 折叠 | ||
| 53 | isShowdrawer: true, | ||
| 54 | // 批量操作 | ||
| 55 | showBatch: false, | ||
| 56 | //批量操作按钮名称 | ||
| 57 | batchButtonName: '', | ||
| 58 | //左侧菜单数据集合 | ||
| 59 | unitData: [], | ||
| 60 | // 设置表单传递数据 | ||
| 61 | currentSelectProps: {} | ||
| 62 | } | ||
| 63 | }, | ||
| 64 | mounted () { | ||
| 65 | this.loadBdcdylist(); | ||
| 66 | }, | ||
| 67 | methods: { | ||
| 68 | //读取申请单元信息 | ||
| 69 | loadBdcdylist () { | ||
| 70 | var formdata = new FormData(); | ||
| 71 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 72 | formdata.append("bestepid", this.bestepid); | ||
| 73 | leftMenu(formdata).then((res) => { | ||
| 74 | if (res.code === 200 && res.result) { | ||
| 75 | this.unitData = res.result; | ||
| 76 | this.currentSelectProps = res.result[0]; | ||
| 77 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
| 78 | this.judgeBatchShow(); | ||
| 79 | if (this.showBatch) { | ||
| 80 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 81 | this.batchUnitClick(); | ||
| 82 | } else { | ||
| 83 | //默认选择单元列表第一个 | ||
| 84 | this.unitClick(0); | ||
| 85 | } | ||
| 86 | } | ||
| 87 | }) | ||
| 88 | }, | ||
| 89 | //批量按钮判断 | ||
| 90 | judgeBatchShow () { | ||
| 91 | this.showBatch = false; | ||
| 92 | if (this.unitData.length > 1) { | ||
| 93 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
| 94 | switch (qllx) { | ||
| 95 | case 'B39': | ||
| 96 | this.showBatch = true; | ||
| 97 | this.batchButtonName = '批量查封清单信息'; | ||
| 98 | break; | ||
| 99 | case 'A37': | ||
| 100 | this.showBatch = true; | ||
| 101 | this.batchButtonName = '批量抵押'; | ||
| 102 | break; | ||
| 103 | default: | ||
| 104 | this.batchButtonName = '批量操作'; | ||
| 105 | } | ||
| 106 | } | ||
| 107 | }, | ||
| 108 | /** | ||
| 109 | * @description: 删除左侧列表 | ||
| 110 | * @param {*} item | ||
| 111 | * @author: renchao | ||
| 112 | */ | ||
| 113 | handleDel (item) { | ||
| 114 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
| 115 | confirmButtonText: "确定", | ||
| 116 | cancelButtonText: "取消", | ||
| 117 | type: "warning", | ||
| 118 | }) | ||
| 119 | .then(() => { | ||
| 120 | var formdata = new FormData(); | ||
| 121 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | ||
| 122 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 123 | deleteFlow(formdata).then((res) => { | ||
| 124 | if (res.code == 200) { | ||
| 125 | this.$message.success("删除成功"); | ||
| 126 | this.$parent.updateDialog(); | ||
| 127 | } else { | ||
| 128 | this.$message.error(res.message); | ||
| 129 | } | ||
| 130 | }); | ||
| 131 | }) | ||
| 132 | .catch(() => { | ||
| 133 | this.$message({ | ||
| 134 | type: "info", | ||
| 135 | message: "已取消删除", | ||
| 136 | }); | ||
| 137 | }); | ||
| 138 | }, | ||
| 139 | //批量按钮点击事件 | ||
| 140 | batchUnitClick () { | ||
| 141 | this.currentSelectProps.batchOperation = true; | ||
| 142 | this.activeIndex = "-1"; | ||
| 143 | this.$parent.stepForm(); | ||
| 144 | }, | ||
| 145 | //批量操作 | ||
| 146 | handleBatchDel () { | ||
| 147 | this.$popupDialog("批量删除", "workflow/components/batchDel", { | ||
| 148 | bsmSlsq: this.bsmSlsq, | ||
| 149 | dataList: this.unitData, | ||
| 150 | }, '50%', true) | ||
| 151 | }, | ||
| 152 | //申请单元点击事件 | ||
| 153 | unitClick (index) { | ||
| 154 | this.currentSelectProps = this.unitData[index]; | ||
| 155 | this.currentSelectProps.batchOperation = false; | ||
| 156 | this.activeIndex = index.toString(); | ||
| 157 | this.$parent.stepForm(index); | ||
| 158 | } | ||
| 159 | } | ||
| 160 | } | ||
| 161 | </script> | ||
| 162 | <style scoped lang='scss'> | ||
| 163 | @import "~@/styles/mixin.scss"; | ||
| 164 | @import "../../workFrame.scss"; | ||
| 165 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | <!-- | ||
| 2 | * @Description: workFrame左侧菜单列表-分割 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-18 16:32:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | ||
| 8 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | ||
| 9 | <el-menu-item index="-1" key="-1" class="menus"> | ||
| 10 | <div>{{ batchButtonName }}</div> | ||
| 11 | </el-menu-item> | ||
| 12 | </el-menu> | ||
| 13 | <div v-if="this.isShowdrawer"> | ||
| 14 | <!-- 变更前单元 --> | ||
| 15 | <div class="title"> | ||
| 16 | <b>变更前单元</b>/申请单元列表({{ aroundUnitData.length }}) | ||
| 17 | </div> | ||
| 18 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
| 19 | <el-menu-item v-for="(item, index) in aroundUnitData" :index="index.toString()" :key="index"> | ||
| 20 | <div> | ||
| 21 | <p>{{ item.bdcdyh }}</p> | ||
| 22 | <p class="title-detail">{{ item.zl }}</p> | ||
| 23 | </div> | ||
| 24 | <i class="el-icon-delete" v-if="aroundUnitData.length > 1" @click.stop="handleDel(item)"></i> | ||
| 25 | </el-menu-item> | ||
| 26 | </el-menu> | ||
| 27 | <!-- 变更后单元 --> | ||
| 28 | <div class="title"> | ||
| 29 | <b>变更后单元</b>/申请单元列表({{ afterUnitData.length }}) | ||
| 30 | </div> | ||
| 31 | <el-menu :default-active="activeHIndex" @select="handleAfterunitClick"> | ||
| 32 | <el-menu-item v-for="(item, index) in afterUnitData" :index="index.toString()" :key="index"> | ||
| 33 | <div> | ||
| 34 | <p>{{ item.bdcdyh }}</p> | ||
| 35 | <p class="title-detail">{{ item.zl }}</p> | ||
| 36 | </div> | ||
| 37 | <i class="el-icon-delete" v-if="afterUnitData.length > 1" @click.stop="handleDel(item)"></i> | ||
| 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 | </template> | ||
| 53 | <script> | ||
| 54 | import { leftMenu } from "@/api/fqsq.js" | ||
| 55 | import { deleteFlow } from "@/api/ywbl.js"; | ||
| 56 | export default { | ||
| 57 | data () { | ||
| 58 | return { | ||
| 59 | //受理申请标识码 | ||
| 60 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 61 | //当前流程所在环节 | ||
| 62 | bestepid: this.$route.query.bestepid, | ||
| 63 | // 变更前单元默认选中 | ||
| 64 | activeIndex: '0', | ||
| 65 | // 变更后单元默认选中 | ||
| 66 | activeHIndex: '-1', | ||
| 67 | // 折叠 | ||
| 68 | isShowdrawer: true, | ||
| 69 | // 批量操作 | ||
| 70 | showBatch: false, | ||
| 71 | //批量操作按钮名称 | ||
| 72 | batchButtonName: '', | ||
| 73 | //左侧菜单数据集合-变更前单元 | ||
| 74 | aroundUnitData: [], | ||
| 75 | //左侧菜单数据集合-变更后单元 | ||
| 76 | afterUnitData: [], | ||
| 77 | // 设置表单传递数据 | ||
| 78 | currentSelectProps: {} | ||
| 79 | } | ||
| 80 | }, | ||
| 81 | mounted () { | ||
| 82 | this.loadBdcdylist(); | ||
| 83 | }, | ||
| 84 | methods: { | ||
| 85 | //读取申请单元信息 | ||
| 86 | loadBdcdylist () { | ||
| 87 | var formdata = new FormData(); | ||
| 88 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 89 | formdata.append("bestepid", this.bestepid); | ||
| 90 | leftMenu(formdata).then((res) => { | ||
| 91 | if (res.code === 200 && res.result) { | ||
| 92 | this.aroundUnitData = res.result.filter(item => item.bglx == '1') | ||
| 93 | this.afterUnitData = res.result.filter(item => item.bglx == '2') | ||
| 94 | this.currentSelectProps = res.result[0]; | ||
| 95 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
| 96 | this.judgeBatchShow(); | ||
| 97 | if (this.showBatch) { | ||
| 98 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 99 | this.batchUnitClick(); | ||
| 100 | } else { | ||
| 101 | //默认选择单元列表第一个 | ||
| 102 | this.unitClick(0); | ||
| 103 | } | ||
| 104 | } | ||
| 105 | }) | ||
| 106 | }, | ||
| 107 | //批量按钮判断 | ||
| 108 | judgeBatchShow () { | ||
| 109 | this.showBatch = false; | ||
| 110 | if (this.afterUnitData.length > 1) { | ||
| 111 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
| 112 | switch (qllx) { | ||
| 113 | case 'B39': | ||
| 114 | this.showBatch = true; | ||
| 115 | this.batchButtonName = '批量查封清单信息'; | ||
| 116 | break; | ||
| 117 | case 'A37': | ||
| 118 | this.showBatch = true; | ||
| 119 | this.batchButtonName = '批量抵押'; | ||
| 120 | break; | ||
| 121 | default: | ||
| 122 | this.batchButtonName = '批量操作'; | ||
| 123 | } | ||
| 124 | } | ||
| 125 | }, | ||
| 126 | /** | ||
| 127 | * @description: 删除左侧列表 | ||
| 128 | * @param {*} item | ||
| 129 | * @author: renchao | ||
| 130 | */ | ||
| 131 | handleDel (item) { | ||
| 132 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
| 133 | confirmButtonText: "确定", | ||
| 134 | cancelButtonText: "取消", | ||
| 135 | type: "warning", | ||
| 136 | }) | ||
| 137 | .then(() => { | ||
| 138 | var formdata = new FormData(); | ||
| 139 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | ||
| 140 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 141 | deleteFlow(formdata).then((res) => { | ||
| 142 | if (res.code == 200) { | ||
| 143 | this.$message.success("删除成功"); | ||
| 144 | this.$parent.updateDialog(); | ||
| 145 | } else { | ||
| 146 | this.$message.error(res.message); | ||
| 147 | } | ||
| 148 | }); | ||
| 149 | }) | ||
| 150 | .catch(() => { | ||
| 151 | this.$message({ | ||
| 152 | type: "info", | ||
| 153 | message: "已取消删除", | ||
| 154 | }); | ||
| 155 | }); | ||
| 156 | }, | ||
| 157 | //批量按钮点击事件 | ||
| 158 | batchUnitClick () { | ||
| 159 | this.currentSelectProps.batchOperation = true; | ||
| 160 | this.activeIndex = "-1"; | ||
| 161 | this.$parent.stepForm(); | ||
| 162 | }, | ||
| 163 | //申请单元点击事件 | ||
| 164 | unitClick (index) { | ||
| 165 | this.activeHIndex = '-1' | ||
| 166 | this.currentSelectProps = this.aroundUnitData[index]; | ||
| 167 | this.currentSelectProps.batchOperation = false; | ||
| 168 | this.activeIndex = index.toString(); | ||
| 169 | this.$parent.stepForm(index); | ||
| 170 | }, | ||
| 171 | handleAfterunitClick (index) { | ||
| 172 | this.activeIndex = '-1' | ||
| 173 | this.currentSelectProps = this.afterUnitData[index]; | ||
| 174 | this.currentSelectProps.batchOperation = false; | ||
| 175 | this.activeHIndex = index.toString(); | ||
| 176 | this.$parent.stepForm(index); | ||
| 177 | } | ||
| 178 | } | ||
| 179 | } | ||
| 180 | </script> | ||
| 181 | <style scoped lang='scss'> | ||
| 182 | @import "~@/styles/mixin.scss"; | ||
| 183 | @import "../../workFrame.scss"; | ||
| 184 | </style> | ||
| ... | \ 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-17 10:38:46 | 4 | * @LastEditTime: 2023-05-18 15:01:31 |
| 5 | */ | 5 | */ |
| 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
| 7 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; |
| ... | @@ -10,7 +10,6 @@ import { uploadUndo } from "@/api/clxx"; | ... | @@ -10,7 +10,6 @@ import { uploadUndo } from "@/api/clxx"; |
| 10 | import { deleteFlow } from "@/api/ywbl"; | 10 | import { deleteFlow } from "@/api/ywbl"; |
| 11 | import { getLodop } from "@/utils/LodopFuncs" | 11 | import { getLodop } from "@/utils/LodopFuncs" |
| 12 | import { | 12 | import { |
| 13 | leftMenu, | ||
| 14 | stepExpandInfo, | 13 | stepExpandInfo, |
| 15 | record, | 14 | record, |
| 16 | completeTask, | 15 | completeTask, |
| ... | @@ -47,50 +46,8 @@ export default { | ... | @@ -47,50 +46,8 @@ export default { |
| 47 | }, | 46 | }, |
| 48 | mounted () { | 47 | mounted () { |
| 49 | this.flowInitParam(); | 48 | this.flowInitParam(); |
| 50 | this.loadBdcdylist(); | ||
| 51 | }, | 49 | }, |
| 52 | methods: { | 50 | methods: { |
| 53 | //读取申请单元信息 | ||
| 54 | loadBdcdylist () { | ||
| 55 | var formdata = new FormData(); | ||
| 56 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 57 | formdata.append("bestepid", this.bestepid); | ||
| 58 | leftMenu(formdata).then((res) => { | ||
| 59 | if (res.code === 200) { | ||
| 60 | if (res.result) { | ||
| 61 | this.unitData = res.result; | ||
| 62 | this.currentSelectProps = res.result[0]; | ||
| 63 | this.judgeBatchShow(); | ||
| 64 | if (this.showBatch) { | ||
| 65 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
| 66 | this.batchUnitClick(); | ||
| 67 | } else { | ||
| 68 | //默认选择单元列表第一个 | ||
| 69 | this.unitClick(0); | ||
| 70 | } | ||
| 71 | } | ||
| 72 | } | ||
| 73 | }); | ||
| 74 | }, | ||
| 75 | //批量按钮判断 | ||
| 76 | judgeBatchShow () { | ||
| 77 | this.showBatch = false; | ||
| 78 | if (this.unitData.length > 1) { | ||
| 79 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
| 80 | switch (qllx) { | ||
| 81 | case 'B39': | ||
| 82 | this.showBatch = true; | ||
| 83 | this.batchButtonName = '批量查封清单信息'; | ||
| 84 | break; | ||
| 85 | case 'A37': | ||
| 86 | this.showBatch = true; | ||
| 87 | this.batchButtonName = '批量抵押'; | ||
| 88 | break; | ||
| 89 | default: | ||
| 90 | this.batchButtonName = '批量操作'; | ||
| 91 | } | ||
| 92 | } | ||
| 93 | }, | ||
| 94 | //加载流程初始参数 | 51 | //加载流程初始参数 |
| 95 | flowInitParam () { | 52 | flowInitParam () { |
| 96 | var formdata = new FormData(); | 53 | var formdata = new FormData(); |
| ... | @@ -101,7 +58,7 @@ export default { | ... | @@ -101,7 +58,7 @@ export default { |
| 101 | this.leftButtonList = res.result.button; | 58 | this.leftButtonList = res.result.button; |
| 102 | this.rightButtonList = res.result.operation; | 59 | this.rightButtonList = res.result.operation; |
| 103 | } | 60 | } |
| 104 | }); | 61 | }) |
| 105 | }, | 62 | }, |
| 106 | //流程环节操作按钮 | 63 | //流程环节操作按钮 |
| 107 | operation (item) { | 64 | operation (item) { | ... | ... |
| ... | @@ -8,16 +8,15 @@ import { getHomeNoticeList } from "@/api/user.js" | ... | @@ -8,16 +8,15 @@ import { getHomeNoticeList } from "@/api/user.js" |
| 8 | export default { | 8 | export default { |
| 9 | data () { | 9 | data () { |
| 10 | return { | 10 | return { |
| 11 | noticeList: [], | 11 | noticeList: [] |
| 12 | } | 12 | } |
| 13 | }, | 13 | }, |
| 14 | created () { | 14 | created () { |
| 15 | this.getHomeNotice() | 15 | this.getHomeNotice() |
| 16 | }, | 16 | }, |
| 17 | mounted () { | 17 | mounted () { |
| 18 | let that = this | ||
| 19 | window.addEventListener('message', function (messageEvent) { | 18 | window.addEventListener('message', function (messageEvent) { |
| 20 | that.getHomeNotice() | 19 | this.getHomeNotice() |
| 21 | }, false) | 20 | }, false) |
| 22 | }, | 21 | }, |
| 23 | methods: { | 22 | methods: { | ... | ... |
| ... | @@ -53,7 +53,7 @@ | ... | @@ -53,7 +53,7 @@ |
| 53 | 53 | ||
| 54 | ul { | 54 | ul { |
| 55 | position: relative; | 55 | position: relative; |
| 56 | height: calc(100vh - 120px); | 56 | // height: calc(100vh - 120px); |
| 57 | overflow-y: auto; | 57 | overflow-y: auto; |
| 58 | 58 | ||
| 59 | .xian { | 59 | .xian { |
| ... | @@ -157,13 +157,13 @@ | ... | @@ -157,13 +157,13 @@ |
| 157 | } | 157 | } |
| 158 | 158 | ||
| 159 | .map-drawer-expand { | 159 | .map-drawer-expand { |
| 160 | background: url("../../image/right.png"); | 160 | background: url("~@/image/right.png"); |
| 161 | background-size: cover; | 161 | background-size: cover; |
| 162 | right: 0%; | 162 | right: 0%; |
| 163 | } | 163 | } |
| 164 | 164 | ||
| 165 | .map-drawer-click { | 165 | .map-drawer-click { |
| 166 | background: url("../../image/left.png"); | 166 | background: url("~@/image/left.png"); |
| 167 | background-size: cover; | 167 | background-size: cover; |
| 168 | left: 0%; | 168 | left: 0%; |
| 169 | } | 169 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:39:23 | 4 | * @LastEditTime: 2023-05-18 14:58:55 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -25,39 +25,9 @@ | ... | @@ -25,39 +25,9 @@ |
| 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 | <ordinaryMenu @getCurrentSelectProps="getCurrentSelectProps" /> |
| 30 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | 30 | <!-- <segmentMenu @getCurrentSelectProps="getCurrentSelectProps" /> --> |
| 31 | <el-menu-item index="-1" key="-1" class="menus"> | ||
| 32 | <div>{{ batchButtonName }}</div> | ||
| 33 | </el-menu-item> | ||
| 34 | </el-menu> | ||
| 35 | <div v-if="this.isShowdrawer"> | ||
| 36 | <div class="title"> | ||
| 37 | 申请单元列表({{ unitData.length }}) | ||
| 38 | <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button> | ||
| 39 | </div> | ||
| 40 | <el-menu :default-active="activeIndex" @select="unitClick"> | ||
| 41 | <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index"> | ||
| 42 | <div> | ||
| 43 | <p>{{ item.bdcdyh }}</p> | ||
| 44 | <p class="title-detail">{{ item.zl }}</p> | ||
| 45 | </div> | ||
| 46 | <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i> | ||
| 47 | </el-menu-item> | ||
| 48 | </el-menu> | ||
| 49 | </div> | ||
| 50 | <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" | ||
| 51 | () => { | ||
| 52 | this.isShowdrawer = !this.isShowdrawer; | ||
| 53 | } | ||
| 54 | "></div> | ||
| 55 | <div class="map-drawer-expand map-drawer" v-else @click=" | ||
| 56 | () => { | ||
| 57 | this.isShowdrawer = !this.isShowdrawer; | ||
| 58 | } | ||
| 59 | "></div> | ||
| 60 | </div> | ||
| 61 | <div class="leftCon"> | 31 | <div class="leftCon"> |
| 62 | <!-- 分屏左侧预览 --> | 32 | <!-- 分屏左侧预览 --> |
| 63 | <div v-if="splitScreen" class="splitScreen-con"> | 33 | <div v-if="splitScreen" class="splitScreen-con"> |
| ... | @@ -89,28 +59,30 @@ | ... | @@ -89,28 +59,30 @@ |
| 89 | </style> | 59 | </style> |
| 90 | <script> | 60 | <script> |
| 91 | import { mapGetters } from 'vuex' | 61 | import { mapGetters } from 'vuex' |
| 92 | import WorkFlow from "./mixin/index"; | 62 | import WorkFlow from "./mixin/index" |
| 93 | import publicFlow from "./mixin/public.js"; | 63 | import publicFlow from "./mixin/public.js" |
| 94 | import { getStepFormInfo } from "@/api/fqsq.js"; | 64 | import { getStepFormInfo } from "@/api/fqsq.js" |
| 95 | import { getForm } from "./flowform"; | 65 | import { getForm } from "./flowform" |
| 96 | import NoticeBar from "@/components/NoticeBar/index"; | 66 | import NoticeBar from "@/components/NoticeBar/index" |
| 97 | import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; | 67 | import { unClaimTask } from "@/api/ywbl.js" |
| 98 | import ProcessViewer from "./components/processViewer.vue"; | 68 | import ProcessViewer from "./components/processViewer.vue" |
| 99 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 69 | // 引入左侧菜单 |
| 70 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" | ||
| 71 | // 引入左侧菜单 | ||
| 72 | import segmentMenu from "./components/leftmenu/segmentMenu.vue" | ||
| 73 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue" | ||
| 100 | export default { | 74 | export default { |
| 101 | components: { | 75 | components: { |
| 102 | selectBdc, | 76 | selectBdc, |
| 103 | NoticeBar, | 77 | NoticeBar, |
| 104 | ProcessViewer, | 78 | ProcessViewer, |
| 79 | ordinaryMenu, | ||
| 80 | segmentMenu | ||
| 105 | }, | 81 | }, |
| 106 | mixins: [WorkFlow, publicFlow], | 82 | mixins: [WorkFlow, publicFlow], |
| 107 | data () { | 83 | data () { |
| 108 | return { | 84 | return { |
| 109 | isDialog: false, | 85 | isDialog: false, |
| 110 | // 折叠 | ||
| 111 | isShowdrawer: true, | ||
| 112 | // 默认选中 | ||
| 113 | activeIndex: "0", | ||
| 114 | //受理申请标识码 | 86 | //受理申请标识码 |
| 115 | bsmSlsq: this.$route.query.bsmSlsq, | 87 | bsmSlsq: this.$route.query.bsmSlsq, |
| 116 | //当前流程所在环节 | 88 | //当前流程所在环节 |
| ... | @@ -132,12 +104,8 @@ | ... | @@ -132,12 +104,8 @@ |
| 132 | //材料信息选项卡对象 | 104 | //材料信息选项卡对象 |
| 133 | clxxTab: {}, | 105 | clxxTab: {}, |
| 134 | //页面监听时间 | 106 | //页面监听时间 |
| 135 | _beforeUnload_time: "", | 107 | _beforeUnload_time: "" |
| 136 | //批量操作 | 108 | } |
| 137 | showBatch: false, | ||
| 138 | //批量操作按钮名称 | ||
| 139 | batchButtonName: "", | ||
| 140 | }; | ||
| 141 | }, | 109 | }, |
| 142 | computed: { | 110 | computed: { |
| 143 | ...mapGetters(['isRefresh']) | 111 | ...mapGetters(['isRefresh']) |
| ... | @@ -161,6 +129,9 @@ | ... | @@ -161,6 +129,9 @@ |
| 161 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); | 129 | window.removeEventListener("unload", (e) => this.unloadHandler(e)); |
| 162 | }, | 130 | }, |
| 163 | methods: { | 131 | methods: { |
| 132 | getCurrentSelectProps (val) { | ||
| 133 | this.currentSelectProps = val | ||
| 134 | }, | ||
| 164 | beforeunloadHandler () { | 135 | beforeunloadHandler () { |
| 165 | this._beforeUnload_time = new Date().getTime(); | 136 | this._beforeUnload_time = new Date().getTime(); |
| 166 | }, | 137 | }, |
| ... | @@ -175,9 +146,6 @@ | ... | @@ -175,9 +146,6 @@ |
| 175 | changeLoadIndex () { | 146 | changeLoadIndex () { |
| 176 | this.loadIndex++; | 147 | this.loadIndex++; |
| 177 | }, | 148 | }, |
| 178 | closeDialog () { | ||
| 179 | this.myValue = false; | ||
| 180 | }, | ||
| 181 | /** | 149 | /** |
| 182 | * @description: 更新列表 | 150 | * @description: 更新列表 |
| 183 | * @author: renchao | 151 | * @author: renchao |
| ... | @@ -185,37 +153,6 @@ | ... | @@ -185,37 +153,6 @@ |
| 185 | updateDialog () { | 153 | updateDialog () { |
| 186 | this.loadBdcdylist(); | 154 | this.loadBdcdylist(); |
| 187 | }, | 155 | }, |
| 188 | /** | ||
| 189 | * @description: 删除左侧列表 | ||
| 190 | * @param {*} item | ||
| 191 | * @author: renchao | ||
| 192 | */ | ||
| 193 | handleDel (item) { | ||
| 194 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
| 195 | confirmButtonText: "确定", | ||
| 196 | cancelButtonText: "取消", | ||
| 197 | type: "warning", | ||
| 198 | }) | ||
| 199 | .then(() => { | ||
| 200 | var formdata = new FormData(); | ||
| 201 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | ||
| 202 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
| 203 | deleteFlow(formdata).then((res) => { | ||
| 204 | if (res.code == 200) { | ||
| 205 | this.$message.success("删除成功"); | ||
| 206 | this.loadBdcdylist(); | ||
| 207 | } else { | ||
| 208 | this.$message.error(res.message); | ||
| 209 | } | ||
| 210 | }); | ||
| 211 | }) | ||
| 212 | .catch(() => { | ||
| 213 | this.$message({ | ||
| 214 | type: "info", | ||
| 215 | message: "已取消删除", | ||
| 216 | }); | ||
| 217 | }); | ||
| 218 | }, | ||
| 219 | //申请单元点击事件 | 156 | //申请单元点击事件 |
| 220 | stepForm (index) { | 157 | stepForm (index) { |
| 221 | getStepFormInfo(this.currentSelectProps).then((res) => { | 158 | getStepFormInfo(this.currentSelectProps).then((res) => { |
| ... | @@ -235,23 +172,10 @@ | ... | @@ -235,23 +172,10 @@ |
| 235 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 172 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
| 236 | that.clxxTab = item; | 173 | that.clxxTab = item; |
| 237 | } | 174 | } |
| 238 | }); | 175 | }) |
| 239 | } | 176 | } |
| 240 | } | 177 | } |
| 241 | }); | 178 | }) |
| 242 | }, | ||
| 243 | //申请单元点击事件 | ||
| 244 | unitClick (index) { | ||
| 245 | this.currentSelectProps = this.unitData[index]; | ||
| 246 | this.currentSelectProps.batchOperation = false; | ||
| 247 | this.activeIndex = index.toString(); | ||
| 248 | this.stepForm(index); | ||
| 249 | }, | ||
| 250 | //批量按钮点击事件 | ||
| 251 | batchUnitClick () { | ||
| 252 | this.currentSelectProps.batchOperation = true; | ||
| 253 | this.activeIndex = "-1"; | ||
| 254 | this.stepForm(); | ||
| 255 | }, | 179 | }, |
| 256 | openDialog () { | 180 | openDialog () { |
| 257 | this.$store.dispatch('user/refreshPage', false) | 181 | this.$store.dispatch('user/refreshPage', false) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:38:24 | 4 | * @LastEditTime: 2023-05-18 11:03:17 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -190,7 +190,7 @@ | ... | @@ -190,7 +190,7 @@ |
| 190 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 190 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 191 | confirmButtonText: "确定", | 191 | confirmButtonText: "确定", |
| 192 | cancelButtonText: "取消", | 192 | cancelButtonText: "取消", |
| 193 | type: "warning", | 193 | type: "warning" |
| 194 | }) | 194 | }) |
| 195 | .then(() => { | 195 | .then(() => { |
| 196 | deleteFlow(formdata).then((res) => { | 196 | deleteFlow(formdata).then((res) => { |
| ... | @@ -209,9 +209,9 @@ | ... | @@ -209,9 +209,9 @@ |
| 209 | .catch(() => { | 209 | .catch(() => { |
| 210 | this.$message({ | 210 | this.$message({ |
| 211 | type: "info", | 211 | type: "info", |
| 212 | message: "已取消删除", | 212 | message: "已取消删除" |
| 213 | }); | 213 | }) |
| 214 | }); | 214 | }) |
| 215 | }, | 215 | }, |
| 216 | //读取申请单元信息 | 216 | //读取申请单元信息 |
| 217 | loadBdcdylist () { | 217 | loadBdcdylist () { |
| ... | @@ -224,7 +224,7 @@ | ... | @@ -224,7 +224,7 @@ |
| 224 | this.currentSelectProps = res.result[0]; | 224 | this.currentSelectProps = res.result[0]; |
| 225 | this.unitClick(0); | 225 | this.unitClick(0); |
| 226 | } | 226 | } |
| 227 | }); | 227 | }) |
| 228 | }, | 228 | }, |
| 229 | //申请单元点击事件 | 229 | //申请单元点击事件 |
| 230 | unitClick (index) { | 230 | unitClick (index) { |
| ... | @@ -238,8 +238,9 @@ | ... | @@ -238,8 +238,9 @@ |
| 238 | //默认加载第一个表单信息 | 238 | //默认加载第一个表单信息 |
| 239 | this.tabName = res.result[0].value; | 239 | this.tabName = res.result[0].value; |
| 240 | } | 240 | } |
| 241 | }); | 241 | }) |
| 242 | }, | 242 | } |
| 243 | }, | 243 | } |
| 244 | }; | 244 | } |
| 245 | </script> | 245 | </script> |
| 246 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: 选择不动产单元号 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-04-17 16:06:24 | 4 | * @LastEditTime: 2023-05-18 10:59:48 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <component :is="router" :sqywInfo="formData.sqywInfo" :isJump="formData.isJump ? formData.isJump : false" | 7 | <component :is="router" :sqywInfo="formData.sqywInfo" :isJump="formData.isJump ? formData.isJump : false" |
| 8 | @updateDialog="updateDialog" /> | 8 | @updateDialog="updateDialog" /> |
| 9 | </template> | 9 | </template> |
| 10 | <script> | 10 | <script> |
| 11 | import { queueDjywmc } from "./slectBdcdata.js"; | 11 | import { queueDjywmc } from "./javascript/slectBdcdata.js"; |
| 12 | export default { | 12 | export default { |
| 13 | props: { | 13 | props: { |
| 14 | formData: { | 14 | formData: { |
| ... | @@ -39,7 +39,7 @@ | ... | @@ -39,7 +39,7 @@ |
| 39 | }, | 39 | }, |
| 40 | updateDialog () { | 40 | updateDialog () { |
| 41 | this.$popupCacel() | 41 | this.$popupCacel() |
| 42 | this.$emit("updateDialog", true); | 42 | this.$emit("updateDialog", true) |
| 43 | } | 43 | } |
| 44 | } | 44 | } |
| 45 | } | 45 | } | ... | ... |
-
Please register or sign in to post a comment