Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem
Showing
19 changed files
with
799 additions
and
31 deletions
| 1 | import request from '@/plugin/axios' | 1 | import request from '@/plugin/axios' |
| 2 | /** | 2 | /** |
| 3 | * 综合查询 | 3 | * 待办箱综合查询 |
| 4 | */ | 4 | */ |
| 5 | export function getDbxList(data) { | 5 | export function getDbxList(data) { |
| 6 | return request({ | 6 | return request({ |
| ... | @@ -9,3 +9,24 @@ export function getDbxList(data) { | ... | @@ -9,3 +9,24 @@ export function getDbxList(data) { |
| 9 | data : data, | 9 | data : data, |
| 10 | }) | 10 | }) |
| 11 | } | 11 | } |
| 12 | |||
| 13 | /** | ||
| 14 | * 已办箱综合查询 | ||
| 15 | */ | ||
| 16 | export function getYbxList(data) { | ||
| 17 | return request({ | ||
| 18 | url: '/workflow/queryWorkflowProcess', | ||
| 19 | method: 'post', | ||
| 20 | data : data, | ||
| 21 | }) | ||
| 22 | } | ||
| 23 | |||
| 24 | /** | ||
| 25 | * 通过名称获取字典 | ||
| 26 | */ | ||
| 27 | export function queryByBusinessId(businessId) { | ||
| 28 | return request({ | ||
| 29 | url: '/system/basiccommon/query/'+businessId, | ||
| 30 | method: 'get', | ||
| 31 | }) | ||
| 32 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -115,3 +115,18 @@ export function booleanWorkflow(data) { | ... | @@ -115,3 +115,18 @@ export function booleanWorkflow(data) { |
| 115 | }) | 115 | }) |
| 116 | } | 116 | } |
| 117 | 117 | ||
| 118 | |||
| 119 | /** | ||
| 120 | * 获取工作流大纲 | ||
| 121 | */ | ||
| 122 | export function getProcessOutlineByYbx(data) { | ||
| 123 | return request({ | ||
| 124 | url: '/workflow/getProcessOutline', | ||
| 125 | method: 'get', | ||
| 126 | params: { | ||
| 127 | processInstanceId:data, | ||
| 128 | isCurrent:false | ||
| 129 | } | ||
| 130 | }) | ||
| 131 | } | ||
| 132 | ... | ... |
src/components/searchHead/searchHeadYbx.vue
0 → 100644
| 1 | <template> | ||
| 2 | <el-row class="box"> | ||
| 3 | <el-col :span="24"> | ||
| 4 | <el-row> | ||
| 5 | <el-col :span="18"> | ||
| 6 | <el-form :inline="true" class="demo-form-inline" label-width="106px"> | ||
| 7 | <el-form-item label=""> | ||
| 8 | <el-date-picker | ||
| 9 | v-model="chooseDate" | ||
| 10 | type="datetimerange" | ||
| 11 | :picker-options="pickerOptions" | ||
| 12 | range-separator="至" | ||
| 13 | start-placeholder="开始日期" | ||
| 14 | end-placeholder="结束日期" | ||
| 15 | value-format="yyyy-MM-dd HH:mm:ss" | ||
| 16 | align="right"> | ||
| 17 | </el-date-picker> | ||
| 18 | </el-form-item> | ||
| 19 | <el-form-item label="登记类型"> | ||
| 20 | <el-select v-model="djlx" placeholder="请选择"> | ||
| 21 | <el-option | ||
| 22 | v-for="item in options" | ||
| 23 | :key="item.value" | ||
| 24 | :label="item.label" | ||
| 25 | :value="item.value"> | ||
| 26 | </el-option> | ||
| 27 | </el-select> | ||
| 28 | </el-form-item> | ||
| 29 | </el-form> | ||
| 30 | </el-col> | ||
| 31 | <el-col :span="6" aria-rowspan="3"> | ||
| 32 | <el-button type="primary" @click="query" icon="el-icon-search">查询</el-button> | ||
| 33 | <el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button> | ||
| 34 | </el-col> | ||
| 35 | </el-row> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | </template> | ||
| 39 | |||
| 40 | <script> | ||
| 41 | export default { | ||
| 42 | name: "", | ||
| 43 | components: {}, | ||
| 44 | props: { | ||
| 45 | type:{ | ||
| 46 | type:String, | ||
| 47 | default:'all', | ||
| 48 | required:true | ||
| 49 | } | ||
| 50 | }, | ||
| 51 | data() { | ||
| 52 | return { | ||
| 53 | offset: 22, | ||
| 54 | ismore: false, | ||
| 55 | chooseDate:[], | ||
| 56 | djlx:'', | ||
| 57 | options: [{ | ||
| 58 | value: '选项1', | ||
| 59 | label: '黄金糕' | ||
| 60 | }, { | ||
| 61 | value: '选项2', | ||
| 62 | label: '双皮奶' | ||
| 63 | }, { | ||
| 64 | value: '选项3', | ||
| 65 | label: '蚵仔煎' | ||
| 66 | }, { | ||
| 67 | value: '选项4', | ||
| 68 | label: '龙须面' | ||
| 69 | }, { | ||
| 70 | value: '选项5', | ||
| 71 | label: '北京烤鸭' | ||
| 72 | }], | ||
| 73 | queryData: { | ||
| 74 | page:0, | ||
| 75 | size:20, | ||
| 76 | current:false, | ||
| 77 | currentUser:true, | ||
| 78 | createDateStart:"", | ||
| 79 | createDateEnd:"", | ||
| 80 | title:"", | ||
| 81 | templateName:"" | ||
| 82 | }, | ||
| 83 | pickerOptions: { | ||
| 84 | shortcuts: [{ | ||
| 85 | text: '最近一周', | ||
| 86 | onClick(picker) { | ||
| 87 | const end = new Date(); | ||
| 88 | const start = new Date(); | ||
| 89 | start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); | ||
| 90 | picker.$emit('pick', [start, end]); | ||
| 91 | } | ||
| 92 | }, { | ||
| 93 | text: '最近一个月', | ||
| 94 | onClick(picker) { | ||
| 95 | const end = new Date(); | ||
| 96 | const start = new Date(); | ||
| 97 | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); | ||
| 98 | picker.$emit('pick', [start, end]); | ||
| 99 | } | ||
| 100 | }, { | ||
| 101 | text: '最近三个月', | ||
| 102 | onClick(picker) { | ||
| 103 | const end = new Date(); | ||
| 104 | const start = new Date(); | ||
| 105 | start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); | ||
| 106 | picker.$emit('pick', [start, end]); | ||
| 107 | } | ||
| 108 | }] | ||
| 109 | }, | ||
| 110 | }; | ||
| 111 | }, | ||
| 112 | created() { | ||
| 113 | }, | ||
| 114 | mounted() { | ||
| 115 | let self = this; | ||
| 116 | document.onkeydown = function(e) { | ||
| 117 | //按下回车提交 | ||
| 118 | let key = window.event.keyCode; | ||
| 119 | //事件中keycode=13为回车事件 | ||
| 120 | if (key == 13) { | ||
| 121 | // self.onSubmit(); | ||
| 122 | } | ||
| 123 | }; | ||
| 124 | }, | ||
| 125 | methods: { | ||
| 126 | //重置 | ||
| 127 | reset() { | ||
| 128 | this.queryData = { | ||
| 129 | page:0, | ||
| 130 | size:20, | ||
| 131 | current:false, | ||
| 132 | currentUser:true, | ||
| 133 | createDateStart:"", | ||
| 134 | createDateEnd:"", | ||
| 135 | title:"", | ||
| 136 | templateName:"" | ||
| 137 | }; | ||
| 138 | this.query(); | ||
| 139 | }, | ||
| 140 | //查询 | ||
| 141 | query() { | ||
| 142 | console.log(this.chooseDate,"chooseDate") | ||
| 143 | console.log(this.djlx,"djlx") | ||
| 144 | if(this.chooseDate.length>0){ | ||
| 145 | this.queryData.createDateStart = this.chooseDate[0]; | ||
| 146 | this.queryData.createDateEnd = this.chooseDate[1]; | ||
| 147 | } | ||
| 148 | this.queryData.templateName = this.djlx; | ||
| 149 | //子组件点击查询时将表单数据发送给父组件 | ||
| 150 | this.$emit("getSearchCondition", this.queryData); | ||
| 151 | }, | ||
| 152 | // 高级查询 | ||
| 153 | moreSearch(){ | ||
| 154 | if(this.ismore === true){ | ||
| 155 | this.ismore = false; | ||
| 156 | this.$parent.tableHeight+=55; | ||
| 157 | }else { | ||
| 158 | this.ismore = true; | ||
| 159 | this.$parent.tableHeight-=55; | ||
| 160 | } | ||
| 161 | |||
| 162 | // this.$message('待开发'); | ||
| 163 | } | ||
| 164 | }, | ||
| 165 | computed: {}, | ||
| 166 | watch: {}, | ||
| 167 | }; | ||
| 168 | </script> | ||
| 169 | <style scoped lang="less"> | ||
| 170 | .box{ | ||
| 171 | background-color: #FFFFFF; | ||
| 172 | box-sizing: border-box; | ||
| 173 | padding: 18px 0 0 25px; | ||
| 174 | border: 1px solid #E6E6E6; | ||
| 175 | .el-col{ | ||
| 176 | .el-row{ | ||
| 177 | margin-left: -10px; | ||
| 178 | } | ||
| 179 | } | ||
| 180 | margin-bottom: 10px; | ||
| 181 | } | ||
| 182 | .el-button { | ||
| 183 | width: 100px; | ||
| 184 | } | ||
| 185 | .row3 { | ||
| 186 | height: 55px; | ||
| 187 | } | ||
| 188 | .moreSearchBtn{ | ||
| 189 | background-color: #1AD6E1; | ||
| 190 | border-color: #1AD6E1; | ||
| 191 | } | ||
| 192 | </style> |
| ... | @@ -101,9 +101,15 @@ const constantRoutes = [ | ... | @@ -101,9 +101,15 @@ const constantRoutes = [ |
| 101 | }, | 101 | }, |
| 102 | { | 102 | { |
| 103 | path: "/dbx", | 103 | path: "/dbx", |
| 104 | name: "代办箱", | 104 | name: "待办箱", |
| 105 | code: "2-1", | 105 | code: "2-1", |
| 106 | component: () => import("@/views/dbx/index"), | 106 | component: () => import("@/views/dbx/index"), |
| 107 | }, | ||
| 108 | { | ||
| 109 | path: "/ybx", | ||
| 110 | name: "已办箱", | ||
| 111 | code: "2-1", | ||
| 112 | component: () => import("@/views/ybx/index"), | ||
| 107 | } | 113 | } |
| 108 | ], | 114 | ], |
| 109 | }, | 115 | }, | ... | ... |
| ... | @@ -54,6 +54,7 @@ const store = new Vuex.Store({ | ... | @@ -54,6 +54,7 @@ const store = new Vuex.Store({ |
| 54 | oldZdbsm:'', | 54 | oldZdbsm:'', |
| 55 | newZdbsm:'', | 55 | newZdbsm:'', |
| 56 | isWorkFlow:false, // 判断是否工作流数据 | 56 | isWorkFlow:false, // 判断是否工作流数据 |
| 57 | lcgzShow:false,//是否待办箱的数据,显示流程追踪 | ||
| 57 | }, | 58 | }, |
| 58 | modules: { | 59 | modules: { |
| 59 | user, | 60 | user, | ... | ... |
| ... | @@ -181,7 +181,10 @@ export default { | ... | @@ -181,7 +181,10 @@ export default { |
| 181 | }else if(newPath == '/zrz' || newPath == '/zd' || newPath == '/dz'){ | 181 | }else if(newPath == '/zrz' || newPath == '/zd' || newPath == '/dz'){ |
| 182 | booleanWorkflow(this.$route.query.ywbsm).then(res=>{ | 182 | booleanWorkflow(this.$route.query.ywbsm).then(res=>{ |
| 183 | this.$store.state.isWorkFlow = res.result; | 183 | this.$store.state.isWorkFlow = res.result; |
| 184 | }) | 184 | }); |
| 185 | if(typeof this.$route.query.processInstanceId !== 'undefined'){ | ||
| 186 | this.$store.state.lcgzShow = true; | ||
| 187 | } | ||
| 185 | } | 188 | } |
| 186 | }, | 189 | }, |
| 187 | "$store.state.treeData":function (val) { | 190 | "$store.state.treeData":function (val) { | ... | ... |
| ... | @@ -193,11 +193,11 @@ | ... | @@ -193,11 +193,11 @@ |
| 193 | </tbody> | 193 | </tbody> |
| 194 | </table> | 194 | </table> |
| 195 | </el-form> | 195 | </el-form> |
| 196 | <div class="header-button" :style="{width:mainBoxWidth+'px'}" v-if="$store.state.isWorkFlow"> | 196 | <div class="header-button" :style="{width:mainBoxWidth+'px'}" v-if="$store.state.isWorkFlow && workitemInstanceFlag"> |
| 197 | <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled">保存</el-button> | 197 | <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled">保存</el-button> |
| 198 | <el-button type="primary" @click="registerCall">登记调用</el-button> | 198 | <el-button type="primary" @click="registerCall">登记调用</el-button> |
| 199 | </div> | 199 | </div> |
| 200 | <div class="sh-btn" v-if="$store.state.isWorkFlow"> | 200 | <div class="sh-btn" v-if="$store.state.isWorkFlow && workitemInstanceFlag"> |
| 201 | <el-button type="primary" @click="lczz" v-show="workFlowphase == 'modify'">终止</el-button> | 201 | <el-button type="primary" @click="lczz" v-show="workFlowphase == 'modify'">终止</el-button> |
| 202 | <el-button type="primary" @click="thzd" v-show="rollbackDetails.length>0">退回</el-button> | 202 | <el-button type="primary" @click="thzd" v-show="rollbackDetails.length>0">退回</el-button> |
| 203 | <el-button type="primary" @click="onSubmit" :disabled="disabled" v-if="!workFlowState">提交</el-button> | 203 | <el-button type="primary" @click="onSubmit" :disabled="disabled" v-if="!workFlowState">提交</el-button> |
| ... | @@ -297,7 +297,8 @@ | ... | @@ -297,7 +297,8 @@ |
| 297 | workFlowState:false, | 297 | workFlowState:false, |
| 298 | workFlowData:{}, | 298 | workFlowData:{}, |
| 299 | workFlowphase:'', | 299 | workFlowphase:'', |
| 300 | rollbackDetails:[] | 300 | rollbackDetails:[], |
| 301 | workitemInstanceFlag:false | ||
| 301 | } | 302 | } |
| 302 | }, | 303 | }, |
| 303 | created() { | 304 | created() { |
| ... | @@ -315,7 +316,10 @@ | ... | @@ -315,7 +316,10 @@ |
| 315 | this.getActivityDetail(); | 316 | this.getActivityDetail(); |
| 316 | this.$nextTick(() => { | 317 | this.$nextTick(() => { |
| 317 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | 318 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; |
| 318 | }) | 319 | }); |
| 320 | if(typeof this.$route.query.workitemInstanceId !== 'undefined'){ | ||
| 321 | this.workitemInstanceFlag = true; | ||
| 322 | } | ||
| 319 | }, | 323 | }, |
| 320 | methods: { | 324 | methods: { |
| 321 | 325 | ||
| ... | @@ -653,7 +657,6 @@ | ... | @@ -653,7 +657,6 @@ |
| 653 | watch:{ | 657 | watch:{ |
| 654 | 658 | ||
| 655 | dzbsm:function (val) { | 659 | dzbsm:function (val) { |
| 656 | debugger | ||
| 657 | console.log(val,'多幢BSM') | 660 | console.log(val,'多幢BSM') |
| 658 | this.getDzDetailByBsm(val) | 661 | this.getDzDetailByBsm(val) |
| 659 | }, | 662 | }, | ... | ... |
| ... | @@ -5,7 +5,9 @@ | ... | @@ -5,7 +5,9 @@ |
| 5 | <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> | 5 | <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> |
| 6 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> | 6 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> |
| 7 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> | 7 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> |
| 8 | 8 | <el-tab-pane label="流程跟踪" name="lcgz" v-if="$store.state.isWorkFlow || $store.state.lcgzShow" lazy> | |
| 9 | <lcgz ref="lcgz" ></lcgz> | ||
| 10 | </el-tab-pane> | ||
| 9 | </el-tabs> | 11 | </el-tabs> |
| 10 | </div> | 12 | </div> |
| 11 | </template> | 13 | </template> |
| ... | @@ -15,11 +17,12 @@ | ... | @@ -15,11 +17,12 @@ |
| 15 | import fjcl from "./../zd/fjcl/fjcl" | 17 | import fjcl from "./../zd/fjcl/fjcl" |
| 16 | import {queryStatus} from "@api/search" | 18 | import {queryStatus} from "@api/search" |
| 17 | import Lshs from '@components/lshs/index'; | 19 | import Lshs from '@components/lshs/index'; |
| 20 | import Lcgz from "../zd/lcgz" | ||
| 18 | import djb from "./djb"; | 21 | import djb from "./djb"; |
| 19 | export default { | 22 | export default { |
| 20 | name: "", | 23 | name: "", |
| 21 | components: { | 24 | components: { |
| 22 | dzxx,fjcl,Lshs,djb | 25 | dzxx,fjcl,Lshs,djb,Lcgz |
| 23 | }, | 26 | }, |
| 24 | props: {}, | 27 | props: {}, |
| 25 | data() { | 28 | data() { | ... | ... |
| ... | @@ -115,14 +115,14 @@ | ... | @@ -115,14 +115,14 @@ |
| 115 | 115 | ||
| 116 | <script> | 116 | <script> |
| 117 | import { Chart, registerShape } from '@antv/g2'; | 117 | import { Chart, registerShape } from '@antv/g2'; |
| 118 | import {getDbxList} from "@api/dbx"; | 118 | import {getDbxList,getYbxList} from "@api/dbx"; |
| 119 | export default { | 119 | export default { |
| 120 | components:{}, | 120 | components:{}, |
| 121 | data() { | 121 | data() { |
| 122 | return { | 122 | return { |
| 123 | workList: [ | 123 | workList: [ |
| 124 | { name: "待办箱", img: require("@assets/images/dbx.png"),count:0,path:'/dbx' }, | 124 | { name: "待办箱", img: require("@assets/images/dbx.png"),count:0,path:'/dbx' }, |
| 125 | { name: "退件箱", img: require("@assets/images/tjx.png"),count:0 }, | 125 | { name: "已办箱", img: require("@assets/images/tjx.png"),count:0,path:'ybx' }, |
| 126 | ], | 126 | ], |
| 127 | list: [ | 127 | list: [ |
| 128 | { name: "宗地分割", img: require("@assets/images/zdfg.png"),path:'change',oLevel:'fg',tLevel:'zd'}, | 128 | { name: "宗地分割", img: require("@assets/images/zdfg.png"),path:'change',oLevel:'fg',tLevel:'zd'}, |
| ... | @@ -182,6 +182,7 @@ export default { | ... | @@ -182,6 +182,7 @@ export default { |
| 182 | this.imgHeight = this.$refs.enterBox.offsetHeight - 10 | 182 | this.imgHeight = this.$refs.enterBox.offsetHeight - 10 |
| 183 | }); | 183 | }); |
| 184 | this.getDbxCount(); | 184 | this.getDbxCount(); |
| 185 | this.getYbxCount(); | ||
| 185 | this.initG2qllx(); | 186 | this.initG2qllx(); |
| 186 | this.initG2tdfwtj(); | 187 | this.initG2tdfwtj(); |
| 187 | this.initG2xntjid(); | 188 | this.initG2xntjid(); |
| ... | @@ -248,6 +249,23 @@ export default { | ... | @@ -248,6 +249,23 @@ export default { |
| 248 | } | 249 | } |
| 249 | }) | 250 | }) |
| 250 | }, | 251 | }, |
| 252 | getYbxCount(){ | ||
| 253 | let data = { | ||
| 254 | page:0, | ||
| 255 | size:20, | ||
| 256 | current:false, | ||
| 257 | currentUser:true, | ||
| 258 | createDateStart:"", | ||
| 259 | createDateEnd:"" | ||
| 260 | } | ||
| 261 | getYbxList(data).then((res)=>{ | ||
| 262 | this.workList.forEach((item,index)=>{ | ||
| 263 | if(item.name === '已办箱'){ | ||
| 264 | item.count = res.totalElements; | ||
| 265 | } | ||
| 266 | }) | ||
| 267 | }) | ||
| 268 | }, | ||
| 251 | initG2qllx(){ | 269 | initG2qllx(){ |
| 252 | const data = [ | 270 | const data = [ |
| 253 | { item: '国有建设用地使用权', count: 40, percent: 0.4 }, | 271 | { item: '国有建设用地使用权', count: 40, percent: 0.4 }, | ... | ... |
src/views/ybx/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <el-tabs v-model="activeName" @tab-remove="removeTab"> | ||
| 3 | <el-tab-pane label="已办箱" name="ybx"><ybxInfo></ybxInfo></el-tab-pane> | ||
| 4 | <!-- <el-tab-pane--> | ||
| 5 | <!-- v-for="(item, index) in editableTabs"--> | ||
| 6 | <!-- :key="item.name"--> | ||
| 7 | <!-- :label="item.title"--> | ||
| 8 | <!-- :name="item.name"--> | ||
| 9 | <!-- >--> | ||
| 10 | <!-- {{item.content}}--> | ||
| 11 | <!-- </el-tab-pane>--> | ||
| 12 | </el-tabs> | ||
| 13 | </template> | ||
| 14 | <script> | ||
| 15 | import ybxInfo from "@/views/ybx/ybinfo/index" | ||
| 16 | |||
| 17 | export default { | ||
| 18 | name: "", | ||
| 19 | inject:['getRightTree','getTreeByBsm'], | ||
| 20 | components: {ybxInfo}, | ||
| 21 | props: {}, | ||
| 22 | data() { | ||
| 23 | return { | ||
| 24 | activeName:'ybx', | ||
| 25 | type:'all', | ||
| 26 | total: 0, | ||
| 27 | pageNo: 1, | ||
| 28 | pageSize: 15, | ||
| 29 | tableData: [], | ||
| 30 | tableHeight: 0, | ||
| 31 | queryData: {}, | ||
| 32 | editableTabs: [ | ||
| 33 | // { | ||
| 34 | // title: 'Tab 1', | ||
| 35 | // name: '1', | ||
| 36 | // content: 'Tab 1 content' | ||
| 37 | // } | ||
| 38 | ], | ||
| 39 | }; | ||
| 40 | }, | ||
| 41 | created() { | ||
| 42 | }, | ||
| 43 | mounted() { | ||
| 44 | this.queryData.pageSize=this.pageSize; | ||
| 45 | this.queryData.pageNo=this.pageNo; | ||
| 46 | }, | ||
| 47 | methods: { | ||
| 48 | changeActiveName(data){ | ||
| 49 | this.activeName = data; | ||
| 50 | }, | ||
| 51 | removeTab(targetName) { | ||
| 52 | let tabs = this.editableTabs; | ||
| 53 | let activeName = this.activeName; | ||
| 54 | if (activeName === targetName) { | ||
| 55 | tabs.forEach((tab, index) => { | ||
| 56 | if (tab.name === targetName) { | ||
| 57 | let nextTab = tabs[index + 1] || tabs[index - 1]; | ||
| 58 | if (nextTab) { | ||
| 59 | activeName = nextTab.name; | ||
| 60 | } | ||
| 61 | } | ||
| 62 | }); | ||
| 63 | } | ||
| 64 | this.activeName = activeName; | ||
| 65 | this.editableTabs = tabs.filter(tab => tab.name !== targetName); | ||
| 66 | }, | ||
| 67 | }, | ||
| 68 | computed: {}, | ||
| 69 | watch: {}, | ||
| 70 | }; | ||
| 71 | </script> | ||
| 72 | <style scoped lang="less"> | ||
| 73 | .main { | ||
| 74 | width: 100%; | ||
| 75 | height: 100%; | ||
| 76 | box-sizing: border-box; | ||
| 77 | padding: 0 18px 0 0; | ||
| 78 | display: flex; | ||
| 79 | flex-direction: column; | ||
| 80 | background-color: #F4F9FF; | ||
| 81 | .tips{ | ||
| 82 | color: #9B9B9B; | ||
| 83 | margin-left: 2px; | ||
| 84 | margin-bottom: 10px; | ||
| 85 | } | ||
| 86 | .demo-form-inline { | ||
| 87 | margin-top: 18px; | ||
| 88 | .moreSearchBtn { | ||
| 89 | background-color: #1ad6e1; | ||
| 90 | border-color: #1ad6e1; | ||
| 91 | } | ||
| 92 | .moreSearchBtn:focus, | ||
| 93 | .moreSearchBtn:hover { | ||
| 94 | background-color: rgba(28, 200, 229, 0.6); | ||
| 95 | } | ||
| 96 | } | ||
| 97 | .dataGrid { | ||
| 98 | flex: 1; | ||
| 99 | .pagination { | ||
| 100 | padding: 18px 0; | ||
| 101 | } | ||
| 102 | } | ||
| 103 | .hbjDialog{ | ||
| 104 | /deep/ .el-dialog{ | ||
| 105 | margin-top: 10vh!important; | ||
| 106 | } | ||
| 107 | } | ||
| 108 | .btnGroup{ | ||
| 109 | margin: 20px auto 0; | ||
| 110 | width: 230px; | ||
| 111 | } | ||
| 112 | } | ||
| 113 | </style> |
src/views/ybx/ybinfo/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="main"> | ||
| 3 | <!-- <p class="tips">查询条件</p> --> | ||
| 4 | <SearchHeadYbx @getSearchCondition="geQuerytData" :type="type"></SearchHeadYbx> | ||
| 5 | <!-- <p class="tips">查询列表</p> --> | ||
| 6 | <div class="dataGrid" ref="dataGrid"> | ||
| 7 | <el-table | ||
| 8 | :data="tableData" | ||
| 9 | :height="tableHeight" | ||
| 10 | :row-class-name="tableRowClassName" | ||
| 11 | @row-dblclick="doubleClick" | ||
| 12 | > | ||
| 13 | <el-table-column type="index" width="80" align="center" label="序号"> | ||
| 14 | </el-table-column> | ||
| 15 | <el-table-column prop="businessId" align="left" label="业务号"> | ||
| 16 | </el-table-column> | ||
| 17 | <el-table-column prop="creatorName" align="left" label="创建人"> | ||
| 18 | </el-table-column> | ||
| 19 | <el-table-column prop="templetName" align="left" label="业务类型"> | ||
| 20 | </el-table-column> | ||
| 21 | <el-table-column prop="createDate" align="left" label="创建时间"> | ||
| 22 | </el-table-column> | ||
| 23 | <el-table-column prop="finishDate" align="left" label="完成时间"> | ||
| 24 | </el-table-column> | ||
| 25 | <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> | ||
| 26 | </el-table-column> --> | ||
| 27 | <el-table-column label="操作" align="center" width="100"> | ||
| 28 | <template slot-scope="scope"> | ||
| 29 | <el-tooltip class="item" effect="light" content="查看" placement="top"> | ||
| 30 | <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i> | ||
| 31 | </el-tooltip> | ||
| 32 | <!-- <el-tooltip class="item" effect="light" content="定位" placement="top"> | ||
| 33 | <i class="iconfont icondingwei iconfontEdit" @click="postionToMap(scope.row)"></i> | ||
| 34 | </el-tooltip> --> | ||
| 35 | </template> | ||
| 36 | </el-table-column> | ||
| 37 | </el-table> | ||
| 38 | <div class="pagination"> | ||
| 39 | <el-pagination background layout="prev, pager, next,total" :total="total" | ||
| 40 | :current-page="page" :page-size="pageSize" @current-change="handleCurrentChange"> | ||
| 41 | </el-pagination> | ||
| 42 | </div> | ||
| 43 | |||
| 44 | </div> | ||
| 45 | </div> | ||
| 46 | </template> | ||
| 47 | |||
| 48 | <script> | ||
| 49 | import SearchHeadYbx from "@components/searchHead/searchHeadYbx"; | ||
| 50 | import {getYbxList,queryByBusinessId} from "@api/dbx"; | ||
| 51 | |||
| 52 | export default { | ||
| 53 | name: "", | ||
| 54 | inject:['getRightTree','getTreeByBsm'], | ||
| 55 | components: {SearchHeadYbx}, | ||
| 56 | props: {}, | ||
| 57 | data() { | ||
| 58 | return { | ||
| 59 | activeName:'dbx', | ||
| 60 | type:'add', | ||
| 61 | total: 0, | ||
| 62 | page: 0, | ||
| 63 | pageSize: 15, | ||
| 64 | tableData: [], | ||
| 65 | tableHeight: 0, | ||
| 66 | queryData: { | ||
| 67 | page:0, | ||
| 68 | size:20, | ||
| 69 | current:false, | ||
| 70 | currentUser:true, | ||
| 71 | createDateStart:"", | ||
| 72 | createDateEnd:"" | ||
| 73 | }, | ||
| 74 | }; | ||
| 75 | }, | ||
| 76 | created() { | ||
| 77 | }, | ||
| 78 | mounted() { | ||
| 79 | this.queryData.pageSize=this.pageSize; | ||
| 80 | this.queryData.page=this.page; | ||
| 81 | this.getData(this.queryData); | ||
| 82 | this.$nextTick(()=>{ | ||
| 83 | this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 332; | ||
| 84 | }) | ||
| 85 | }, | ||
| 86 | methods: { | ||
| 87 | onSubmit() { | ||
| 88 | }, | ||
| 89 | getBusinessDetail(businessId){ | ||
| 90 | queryByBusinessId(businessId).then((res)=>{ | ||
| 91 | if(res.code === 200){ | ||
| 92 | console.log(res.result) | ||
| 93 | } | ||
| 94 | }) | ||
| 95 | }, | ||
| 96 | |||
| 97 | doubleClick(row, column, event){ | ||
| 98 | this.handleClick(row); | ||
| 99 | }, | ||
| 100 | tableRowClassName({row, rowIndex}) { | ||
| 101 | if (rowIndex % 2 !== 0) { | ||
| 102 | return "even-row"; | ||
| 103 | } else { | ||
| 104 | return ""; | ||
| 105 | } | ||
| 106 | }, | ||
| 107 | handleCurrentChange(val) { | ||
| 108 | this.page = val; | ||
| 109 | this.queryData.page = val; | ||
| 110 | this.getData(this.queryData); | ||
| 111 | }, | ||
| 112 | getData(data) { | ||
| 113 | data['type'] = this.type | ||
| 114 | getYbxList(data).then(res => { | ||
| 115 | this.tableData = res.content | ||
| 116 | this.total = res.totalElements | ||
| 117 | }); | ||
| 118 | }, | ||
| 119 | //获取子组件点击查询触发的事件 | ||
| 120 | geQuerytData(obj) { | ||
| 121 | this.queryData = obj | ||
| 122 | //将obj作为参数调用接口查询表格数据 | ||
| 123 | this.queryData['pageSize'] = this.pageSize | ||
| 124 | this.page = 1 | ||
| 125 | this.queryData['page'] = 1 | ||
| 126 | this.getData(this.queryData) | ||
| 127 | }, | ||
| 128 | //点击办理 | ||
| 129 | handleClick(row) { | ||
| 130 | let data = {}; | ||
| 131 | queryByBusinessId(row.businessId).then((res)=>{ | ||
| 132 | if(res.code === 200){ | ||
| 133 | data = res.result; | ||
| 134 | console.log(data); | ||
| 135 | |||
| 136 | let path = ""; | ||
| 137 | this.$store.state.oldZdbsm = ''; | ||
| 138 | switch (data.dylx) { | ||
| 139 | case "zrz": | ||
| 140 | this.$store.state.zrzbsm = data.glbsm; | ||
| 141 | this.getTreeByBsm(data.glbsm,data.dylx,'0,1,2'); | ||
| 142 | path = "/zrz"; | ||
| 143 | break; | ||
| 144 | case "zd": | ||
| 145 | this.$store.state.zdbsm = data.glbsm; | ||
| 146 | this.getRightTree(data.glbsm,'0,1,2'); | ||
| 147 | path = "/zd"; | ||
| 148 | break; | ||
| 149 | case "dz": | ||
| 150 | this.$store.state.dzbsm = data.glbsm; | ||
| 151 | this.getTreeByBsm(data.glbsm,data.dylx,'0,1,2'); | ||
| 152 | path = "/dz"; | ||
| 153 | break; | ||
| 154 | case "h": | ||
| 155 | case "h0": | ||
| 156 | case "h1": | ||
| 157 | path="/h"; | ||
| 158 | this.$store.state.hbsm=data.glbsm | ||
| 159 | this.getTreeByBsm(data.glbsm,'h','0,1,2'); | ||
| 160 | break; | ||
| 161 | case "gzw": | ||
| 162 | this.$store.state.gzwbsm = data.glbsm; | ||
| 163 | this.getTreeByBsm(data.glbsm,"gzw",'0,1,2'); | ||
| 164 | path = "/gzw"; | ||
| 165 | break; | ||
| 166 | default: | ||
| 167 | break; | ||
| 168 | } | ||
| 169 | this.$router.push({ | ||
| 170 | path: path, | ||
| 171 | query: { | ||
| 172 | bsm: data.glbsm, | ||
| 173 | ywbsm: data.glbsm, | ||
| 174 | source: 2, | ||
| 175 | auth: '0,1,2', | ||
| 176 | processInstanceId:row.id | ||
| 177 | } | ||
| 178 | }); | ||
| 179 | |||
| 180 | } | ||
| 181 | }) | ||
| 182 | |||
| 183 | |||
| 184 | }, | ||
| 185 | //定位 | ||
| 186 | //图形定位 | ||
| 187 | postionToMap(rowData){ | ||
| 188 | if(rowData.dylx == "zrz" || rowData.dylx == "zd"){ | ||
| 189 | var curretRouterInfo = { | ||
| 190 | path:this.$route.path, | ||
| 191 | query:this.$route.query | ||
| 192 | } | ||
| 193 | sessionStorage.setItem("curretRouterInfo",JSON.stringify(curretRouterInfo)); | ||
| 194 | this.$router.push({ | ||
| 195 | path: "/viewMap", | ||
| 196 | query: { | ||
| 197 | bsm: rowData.glbsm, | ||
| 198 | type: rowData.dylx | ||
| 199 | } | ||
| 200 | }); | ||
| 201 | } | ||
| 202 | } | ||
| 203 | }, | ||
| 204 | computed: {}, | ||
| 205 | watch: {}, | ||
| 206 | }; | ||
| 207 | </script> | ||
| 208 | <style scoped lang="less"> | ||
| 209 | .main { | ||
| 210 | width: 100%; | ||
| 211 | height: 100%; | ||
| 212 | box-sizing: border-box; | ||
| 213 | padding: 0 18px 0 0; | ||
| 214 | display: flex; | ||
| 215 | flex-direction: column; | ||
| 216 | //background-color: #F4F9FF; | ||
| 217 | background-color: #F4F9FF; | ||
| 218 | .tips{ | ||
| 219 | color: #9B9B9B; | ||
| 220 | margin-left: 2px; | ||
| 221 | margin-bottom: 10px; | ||
| 222 | } | ||
| 223 | .demo-form-inline { | ||
| 224 | margin-top: 18px; | ||
| 225 | .moreSearchBtn { | ||
| 226 | background-color: #1ad6e1; | ||
| 227 | border-color: #1ad6e1; | ||
| 228 | } | ||
| 229 | .moreSearchBtn:focus, | ||
| 230 | .moreSearchBtn:hover { | ||
| 231 | background-color: rgba(28, 200, 229, 0.6); | ||
| 232 | } | ||
| 233 | } | ||
| 234 | .dataGrid { | ||
| 235 | flex: 1; | ||
| 236 | .pagination { | ||
| 237 | padding: 18px 0; | ||
| 238 | } | ||
| 239 | } | ||
| 240 | .hbjDialog{ | ||
| 241 | /deep/ .el-dialog{ | ||
| 242 | margin-top: 10vh!important; | ||
| 243 | } | ||
| 244 | } | ||
| 245 | .btnGroup{ | ||
| 246 | margin: 20px auto 0; | ||
| 247 | width: 230px; | ||
| 248 | } | ||
| 249 | } | ||
| 250 | </style> |
| ... | @@ -69,6 +69,10 @@ | ... | @@ -69,6 +69,10 @@ |
| 69 | isDisabled:{ | 69 | isDisabled:{ |
| 70 | type:Boolean, | 70 | type:Boolean, |
| 71 | default:false | 71 | default:false |
| 72 | }, | ||
| 73 | lpbParent:{ | ||
| 74 | type:Boolean, | ||
| 75 | default:false | ||
| 72 | } | 76 | } |
| 73 | }, | 77 | }, |
| 74 | methods: { | 78 | methods: { |
| ... | @@ -128,7 +132,7 @@ | ... | @@ -128,7 +132,7 @@ |
| 128 | default: | 132 | default: |
| 129 | break | 133 | break |
| 130 | } | 134 | } |
| 131 | getFileLis(this.fileData.glbsm).then(res => { | 135 | getFileLis(this.lpbParent ? this.$store.state.hbsm : this.fileData.glbsm).then(res => { |
| 132 | if (res.success) { | 136 | if (res.success) { |
| 133 | this.list = res.result; | 137 | this.list = res.result; |
| 134 | } else { | 138 | } else { | ... | ... |
| ... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
| 15 | <el-tab-pane label="附件材料" name="fjcl"> | 15 | <el-tab-pane label="附件材料" name="fjcl"> |
| 16 | <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl> | 16 | <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl> |
| 17 | </el-tab-pane> | 17 | </el-tab-pane> |
| 18 | <el-tab-pane label="流程跟踪" name="lcgz" v-if="$store.state.isWorkFlow" lazy> | 18 | <el-tab-pane label="流程跟踪" name="lcgz" v-if="$store.state.isWorkFlow || $store.state.lcgzShow" lazy> |
| 19 | <lcgz ref="lcgz" ></lcgz> | 19 | <lcgz ref="lcgz" ></lcgz> |
| 20 | </el-tab-pane> | 20 | </el-tab-pane> |
| 21 | </el-tabs> | 21 | </el-tabs> | ... | ... |
| ... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
| 26 | <span>创建人</span> | 26 | <span>创建人</span> |
| 27 | <span>{{lcInfo.processInstance.creatorName}}</span> | 27 | <span>{{lcInfo.processInstance.creatorName}}</span> |
| 28 | </li> | 28 | </li> |
| 29 | <li> | 29 | <li v-if="lcInfo.workitemInstance"> |
| 30 | <span>流程阶段</span> | 30 | <span>流程阶段</span> |
| 31 | <span>{{lcInfo.workitemInstance.nodeName}}</span> | 31 | <span>{{lcInfo.workitemInstance.nodeName}}</span> |
| 32 | </li> | 32 | </li> |
| ... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
| 34 | <span>流程状态</span> | 34 | <span>流程状态</span> |
| 35 | <span>{{lcInfo.processInstance.state}}</span> | 35 | <span>{{lcInfo.processInstance.state}}</span> |
| 36 | </li> | 36 | </li> |
| 37 | <li> | 37 | <li v-if="lcInfo.workitemInstance"> |
| 38 | <span>当前责任人</span> | 38 | <span>当前责任人</span> |
| 39 | <span>{{lcInfo.workitemInstance.actorName}}</span> | 39 | <span>{{lcInfo.workitemInstance.actorName}}</span> |
| 40 | </li> | 40 | </li> |
| ... | @@ -64,7 +64,7 @@ | ... | @@ -64,7 +64,7 @@ |
| 64 | </template> | 64 | </template> |
| 65 | 65 | ||
| 66 | <script> | 66 | <script> |
| 67 | import { getActivityDetail,templateLoad,getProcessOutline } from "@api/user"; | 67 | import { getActivityDetail,templateLoad,getProcessOutline,getProcessOutlineByYbx } from "@api/user"; |
| 68 | import flowNode from "./flownode" | 68 | import flowNode from "./flownode" |
| 69 | export default { | 69 | export default { |
| 70 | name: "", | 70 | name: "", |
| ... | @@ -81,7 +81,12 @@ export default { | ... | @@ -81,7 +81,12 @@ export default { |
| 81 | }, | 81 | }, |
| 82 | created() {}, | 82 | created() {}, |
| 83 | mounted() { | 83 | mounted() { |
| 84 | if(typeof this.$route.query.workitemInstanceId !== 'undefined'){ | ||
| 84 | this.getTemplate(); | 85 | this.getTemplate(); |
| 86 | }else if(typeof this.$route.query.processInstanceId !== 'undefined'){ | ||
| 87 | this.getTemplateByProcessInstanceId(); | ||
| 88 | } | ||
| 89 | |||
| 85 | }, | 90 | }, |
| 86 | methods: { | 91 | methods: { |
| 87 | getTemplate(){ | 92 | getTemplate(){ |
| ... | @@ -122,6 +127,35 @@ export default { | ... | @@ -122,6 +127,35 @@ export default { |
| 122 | vm.loadingHide(); | 127 | vm.loadingHide(); |
| 123 | }); | 128 | }); |
| 124 | }, | 129 | }, |
| 130 | |||
| 131 | getTemplateByProcessInstanceId(){ | ||
| 132 | vm.loadingShow('数据获取中'); | ||
| 133 | getProcessOutlineByYbx(this.$route.query.processInstanceId).then((res) => { | ||
| 134 | console.log(res.processInstance.templetId); | ||
| 135 | this.lcInfo = res; | ||
| 136 | templateLoad(res.processInstance.templetId).then((res1) => { | ||
| 137 | vm.loadingHide(); | ||
| 138 | console.log(this.$x2js.xml2js(res1).Process,'Process'); | ||
| 139 | this.flowData = this.$x2js.xml2js(res1).Process; | ||
| 140 | console.log(res1.activityOutlines,'res.activityOutlines'); | ||
| 141 | this.flowState = res.activityOutlines; | ||
| 142 | this.$nextTick(()=>{ | ||
| 143 | this.flowData.Nodes.ManualNode.push(this.flowData.Nodes.EndNode); | ||
| 144 | this.flowData.Nodes.ManualNode.unshift(this.flowData.Nodes.StartNode); | ||
| 145 | this.flowData.Nodes.ManualNode.forEach(item => { | ||
| 146 | item.activityState = this.flowState.filter( i => i.activityTemplateId == item.id)[0].activityState; | ||
| 147 | }); | ||
| 148 | this.flowShow = true; | ||
| 149 | }) | ||
| 150 | }) | ||
| 151 | .catch((error) => { | ||
| 152 | vm.loadingHide(); | ||
| 153 | }); | ||
| 154 | }) | ||
| 155 | .catch((error) => { | ||
| 156 | vm.loadingHide(); | ||
| 157 | }); | ||
| 158 | }, | ||
| 125 | //获取当前点击节点名称 | 159 | //获取当前点击节点名称 |
| 126 | getCurNode(name){ | 160 | getCurNode(name){ |
| 127 | console.log(name); | 161 | console.log(name); | ... | ... |
| ... | @@ -363,12 +363,12 @@ | ... | @@ -363,12 +363,12 @@ |
| 363 | </td> | 363 | </td> |
| 364 | </tr> | 364 | </tr> |
| 365 | </table> | 365 | </table> |
| 366 | <div class="header-button" :style="{width:mainBoxWidth+'px'}" v-if="$store.state.isWorkFlow"> | 366 | <div class="header-button" :style="{width:mainBoxWidth+'px'}" v-if="$store.state.isWorkFlow && workitemInstanceFlag"> |
| 367 | <el-button type="primary" class="saveBtn" @click="updateZDxx" :disabled="disabled" icon="iconfont iconbaocun">保存</el-button> | 367 | <el-button type="primary" class="saveBtn" @click="updateZDxx" :disabled="disabled" icon="iconfont iconbaocun">保存</el-button> |
| 368 | <el-button type="primary" @click="registerCall">登记调用</el-button> | 368 | <el-button type="primary" @click="registerCall">登记调用</el-button> |
| 369 | </div> | 369 | </div> |
| 370 | </div> | 370 | </div> |
| 371 | <div class="sh-btn" v-if="$store.state.isWorkFlow"> | 371 | <div class="sh-btn" v-if="$store.state.isWorkFlow && workitemInstanceFlag"> |
| 372 | <el-button type="primary" @click="lczz" v-show="workFlowphase == 'modify'">终止</el-button> | 372 | <el-button type="primary" @click="lczz" v-show="workFlowphase == 'modify'">终止</el-button> |
| 373 | <el-button type="primary" @click="thzd" v-show="rollbackDetails.length>0">退回</el-button> | 373 | <el-button type="primary" @click="thzd" v-show="rollbackDetails.length>0">退回</el-button> |
| 374 | <el-button type="primary" @click="submitZDxx" :disabled="disabled" v-if="!workFlowState">提交</el-button> | 374 | <el-button type="primary" @click="submitZDxx" :disabled="disabled" v-if="!workFlowState">提交</el-button> |
| ... | @@ -486,7 +486,8 @@ | ... | @@ -486,7 +486,8 @@ |
| 486 | workFlowState:false, | 486 | workFlowState:false, |
| 487 | workFlowData:{}, | 487 | workFlowData:{}, |
| 488 | workFlowphase:'', | 488 | workFlowphase:'', |
| 489 | rollbackDetails:[] | 489 | rollbackDetails:[], |
| 490 | workitemInstanceFlag:false | ||
| 490 | }; | 491 | }; |
| 491 | }, | 492 | }, |
| 492 | mixins: [geoUtils], | 493 | mixins: [geoUtils], |
| ... | @@ -499,6 +500,9 @@ | ... | @@ -499,6 +500,9 @@ |
| 499 | this.$nextTick(() => { | 500 | this.$nextTick(() => { |
| 500 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | 501 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; |
| 501 | }) | 502 | }) |
| 503 | if(typeof this.$route.query.workitemInstanceId !== 'undefined'){ | ||
| 504 | this.workitemInstanceFlag = true; | ||
| 505 | } | ||
| 502 | }, | 506 | }, |
| 503 | methods: { | 507 | methods: { |
| 504 | getActivityDetail(){ | 508 | getActivityDetail(){ | ... | ... |
| ... | @@ -6,6 +6,9 @@ | ... | @@ -6,6 +6,9 @@ |
| 6 | <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> | 6 | <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> |
| 7 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> | 7 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane> |
| 8 | <el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> | 8 | <el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> |
| 9 | <el-tab-pane label="流程跟踪" name="lcgz" v-if="$store.state.isWorkFlow || $store.state.lcgzShow" lazy> | ||
| 10 | <lcgz ref="lcgz" ></lcgz> | ||
| 11 | </el-tab-pane> | ||
| 9 | </el-tabs> | 12 | </el-tabs> |
| 10 | </template> | 13 | </template> |
| 11 | 14 | ||
| ... | @@ -16,11 +19,12 @@ import djb from "./djb"; | ... | @@ -16,11 +19,12 @@ import djb from "./djb"; |
| 16 | import lpb from "./lpb"; | 19 | import lpb from "./lpb"; |
| 17 | import lshs from "./lshs"; | 20 | import lshs from "./lshs"; |
| 18 | import fjcl from "./../zd/fjcl/fjcl"; | 21 | import fjcl from "./../zd/fjcl/fjcl"; |
| 22 | import Lcgz from "../zd/lcgz" | ||
| 19 | import {queryStatus} from "@api/search" | 23 | import {queryStatus} from "@api/search" |
| 20 | export default { | 24 | export default { |
| 21 | name: "", | 25 | name: "", |
| 22 | components: { | 26 | components: { |
| 23 | zrzxx,yzgy,djb,lpb,lshs,fjcl | 27 | zrzxx,yzgy,djb,lpb,lshs,fjcl,Lcgz |
| 24 | }, | 28 | }, |
| 25 | props: {}, | 29 | props: {}, |
| 26 | data() { | 30 | data() { | ... | ... |
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | <djb v-if="djbVisible" :style="{'height' : formHeight+'px'}"></djb> | 7 | <djb v-if="djbVisible" :style="{'height' : formHeight+'px'}"></djb> |
| 8 | </el-tab-pane> | 8 | </el-tab-pane> |
| 9 | <el-tab-pane label="附件材料" name="fjcl"> | 9 | <el-tab-pane label="附件材料" name="fjcl"> |
| 10 | <fjcl v-if="fjclVisible" ref="fjcl" :style="{'height' : formHeight+'px'}" :is-disabled="isDisabled"></fjcl> | 10 | <fjcl v-if="fjclVisible" ref="fjcl" :lpbParent="true" :style="{'height' : formHeight+'px'}" :is-disabled="isDisabled"></fjcl> |
| 11 | </el-tab-pane> | 11 | </el-tab-pane> |
| 12 | </el-tabs> | 12 | </el-tabs> |
| 13 | </template> | 13 | </template> |
| ... | @@ -22,6 +22,9 @@ | ... | @@ -22,6 +22,9 @@ |
| 22 | components: { | 22 | components: { |
| 23 | hbj, djb, fjcl | 23 | hbj, djb, fjcl |
| 24 | }, | 24 | }, |
| 25 | props:{ | ||
| 26 | bsm:String, //户标识码 | ||
| 27 | }, | ||
| 25 | data() { | 28 | data() { |
| 26 | return { | 29 | return { |
| 27 | isDisabled:false, | 30 | isDisabled:false, |
| ... | @@ -37,7 +40,6 @@ | ... | @@ -37,7 +40,6 @@ |
| 37 | }, | 40 | }, |
| 38 | methods: { | 41 | methods: { |
| 39 | loadingStatus() { | 42 | loadingStatus() { |
| 40 | debugger | ||
| 41 | let bsm=this.$store.state.hbsm; | 43 | let bsm=this.$store.state.hbsm; |
| 42 | queryStatus(bsm).then(res => { | 44 | queryStatus(bsm).then(res => { |
| 43 | if (res.success) { | 45 | if (res.success) { | ... | ... |
| ... | @@ -83,14 +83,14 @@ | ... | @@ -83,14 +83,14 @@ |
| 83 | label="7" | 83 | label="7" |
| 84 | border | 84 | border |
| 85 | @click="batchDelete" | 85 | @click="batchDelete" |
| 86 | ><i class="iconfont iconhuzhongxinlazong"></i>批量删除</el-button | 86 | ><i class="iconfont iconshanchu"></i>批量删除</el-button |
| 87 | > | 87 | > |
| 88 | <el-button | 88 | <el-button |
| 89 | class="radioBtn" | 89 | class="radioBtn" |
| 90 | label="7" | 90 | label="7" |
| 91 | border | 91 | border |
| 92 | @click="batchUpload" | 92 | @click="batchUpload" |
| 93 | ><i class="iconfont iconhuzhongxinlazong"></i>批量上传</el-button | 93 | ><i class="iconfont iconshangchuan"></i>批量上传</el-button |
| 94 | > | 94 | > |
| 95 | </div> | 95 | </div> |
| 96 | </el-col> | 96 | </el-col> |
| ... | @@ -309,6 +309,33 @@ | ... | @@ -309,6 +309,33 @@ |
| 309 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose" @lodding="lodding"></pl-zl> | 309 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose" @lodding="lodding"></pl-zl> |
| 310 | <pl-c :plc-visible="plcVisible" :bsms="cbsmList" @close="plcClose" @lodding="lodding"></pl-c> | 310 | <pl-c :plc-visible="plcVisible" :bsms="cbsmList" @close="plcClose" @lodding="lodding"></pl-c> |
| 311 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose" @lodding="lodding"></pl-sh> | 311 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose" @lodding="lodding"></pl-sh> |
| 312 | <el-dialog v-dialogDrag :close-on-click-modal="false" title="批量上传" :visible.sync="uploadVisible" width="30%" > | ||
| 313 | <div class="wrap"> | ||
| 314 | <div class="main-button"> | ||
| 315 | <el-upload | ||
| 316 | class="upload-demo" | ||
| 317 | action="/api/file/uploadListByGlbsm" | ||
| 318 | :data="fileData" | ||
| 319 | :on-preview="handlePreview" | ||
| 320 | :on-remove="handleRemove" | ||
| 321 | :before-remove="beforeRemove" | ||
| 322 | :on-success="uploadSuccess" | ||
| 323 | :on-error="uploadError" | ||
| 324 | :show-file-list="false" | ||
| 325 | multiple | ||
| 326 | :limit="1" | ||
| 327 | :on-exceed="handleExceed" | ||
| 328 | > | ||
| 329 | <el-button type="primary" icon="iconfont iconshangchuan">上传附件</el-button> | ||
| 330 | </el-upload> | ||
| 331 | </div> | ||
| 332 | <el-button type="primary" class="download" @click="uploadVisible = false" | ||
| 333 | >取消</el-button> | ||
| 334 | |||
| 335 | </div> | ||
| 336 | <span slot="footer" class="dialog-footer"> | ||
| 337 | </span> | ||
| 338 | </el-dialog> | ||
| 312 | </div> | 339 | </div> |
| 313 | </template> | 340 | </template> |
| 314 | 341 | ||
| ... | @@ -432,6 +459,11 @@ export default { | ... | @@ -432,6 +459,11 @@ export default { |
| 432 | taskTitle:'添加', | 459 | taskTitle:'添加', |
| 433 | curBsm:'', | 460 | curBsm:'', |
| 434 | qsztList:[], | 461 | qsztList:[], |
| 462 | uploadVisible:false, //批量上传弹框 | ||
| 463 | fileData:{ | ||
| 464 | glbsmList:[], | ||
| 465 | dylx:'h' | ||
| 466 | } | ||
| 435 | }; | 467 | }; |
| 436 | }, | 468 | }, |
| 437 | created() { | 469 | created() { |
| ... | @@ -473,7 +505,8 @@ export default { | ... | @@ -473,7 +505,8 @@ export default { |
| 473 | } | 505 | } |
| 474 | }, | 506 | }, |
| 475 | //批量删除 | 507 | //批量删除 |
| 476 | batchDelete(){ if (this.bsms.length <= 0) { | 508 | batchDelete(){ |
| 509 | if (this.bsms.length <= 0) { | ||
| 477 | Message.warning("请选择操作户") | 510 | Message.warning("请选择操作户") |
| 478 | return | 511 | return |
| 479 | }else{ | 512 | }else{ |
| ... | @@ -491,6 +524,39 @@ export default { | ... | @@ -491,6 +524,39 @@ export default { |
| 491 | } | 524 | } |
| 492 | } | 525 | } |
| 493 | }, | 526 | }, |
| 527 | //批量上传 start | ||
| 528 | batchUpload(){ | ||
| 529 | if (this.bsms.length < 1 ) { | ||
| 530 | Message.warning("请选择操作户") | ||
| 531 | return | ||
| 532 | }else{ | ||
| 533 | this.uploadVisible = true | ||
| 534 | } | ||
| 535 | }, | ||
| 536 | uploadError(err, file, fileList) { | ||
| 537 | Message.error("上传文件失败") | ||
| 538 | console.log("上传文件失败", err) | ||
| 539 | }, | ||
| 540 | uploadSuccess(res, file, fileList) { | ||
| 541 | Message.success("上传成功") | ||
| 542 | this.uploadVisible = false; | ||
| 543 | }, | ||
| 544 | handleRemove(file, fileList) { | ||
| 545 | console.log(file, fileList); | ||
| 546 | }, | ||
| 547 | handlePreview(file) { | ||
| 548 | console.log(file); | ||
| 549 | }, | ||
| 550 | handleExceed(files, fileList) { | ||
| 551 | console.log(fileList) | ||
| 552 | // this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); | ||
| 553 | this.$message.warning("上传失败") | ||
| 554 | }, | ||
| 555 | beforeRemove(file, fileList) { | ||
| 556 | return this.$confirm(`确定移除 ${ file.name }?`); | ||
| 557 | }, | ||
| 558 | //批量上传 end | ||
| 559 | |||
| 494 | loading(){ | 560 | loading(){ |
| 495 | this.getLpbMenuTree(this.$store.state.zrzbsm); | 561 | this.getLpbMenuTree(this.$store.state.zrzbsm); |
| 496 | }, | 562 | }, |
| ... | @@ -922,6 +988,10 @@ export default { | ... | @@ -922,6 +988,10 @@ export default { |
| 922 | selectedZt(n){ | 988 | selectedZt(n){ |
| 923 | this.legendToggleFlag = true; | 989 | this.legendToggleFlag = true; |
| 924 | }, | 990 | }, |
| 991 | bsms(n){ | ||
| 992 | this.fileData.glbsmList = n; | ||
| 993 | console.log(this.fileData,'filedata'); | ||
| 994 | } | ||
| 925 | }, | 995 | }, |
| 926 | }; | 996 | }; |
| 927 | </script> | 997 | </script> |
| ... | @@ -1098,5 +1168,25 @@ export default { | ... | @@ -1098,5 +1168,25 @@ export default { |
| 1098 | .fa{ | 1168 | .fa{ |
| 1099 | padding-right: 4px; | 1169 | padding-right: 4px; |
| 1100 | } | 1170 | } |
| 1171 | |||
| 1172 | .wrap{ | ||
| 1173 | width: 100%; | ||
| 1174 | height: 30px; | ||
| 1175 | position: relative; | ||
| 1176 | .main-button { | ||
| 1177 | display: -webkit-flex; | ||
| 1178 | display: flex; | ||
| 1179 | flex-direction: column-reverse; | ||
| 1180 | flex-wrap: nowrap; | ||
| 1181 | position: absolute; | ||
| 1182 | left: 165px; | ||
| 1183 | top: 18px; | ||
| 1184 | } | ||
| 1185 | .download{ | ||
| 1186 | position: absolute; | ||
| 1187 | left: 312px; | ||
| 1188 | top: 19px; | ||
| 1189 | } | ||
| 1190 | } | ||
| 1101 | } | 1191 | } |
| 1102 | </style> | 1192 | </style> | ... | ... |
| ... | @@ -272,15 +272,15 @@ | ... | @@ -272,15 +272,15 @@ |
| 272 | </tr> | 272 | </tr> |
| 273 | 273 | ||
| 274 | </table> | 274 | </table> |
| 275 | <div class="header-button" :style="{width:mainBoxWidth+'px'}" v-if="$store.state.isWorkFlow"> | 275 | <div class="header-button" :style="{width:mainBoxWidth+'px'}" v-if="$store.state.isWorkFlow && workitemInstanceFlag"> |
| 276 | <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled" icon="iconfont iconbaocun">保存</el-button> | 276 | <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled" icon="iconfont iconbaocun">保存</el-button> |
| 277 | <el-button type="primary" @click="registerCall">登记调用</el-button> | 277 | <el-button type="primary" @click="registerCall">登记调用</el-button> |
| 278 | <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> | 278 | <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> |
| 279 | </div> | 279 | </div> |
| 280 | </div> | 280 | </div> |
| 281 | <div class="sh-btn" v-if="$store.state.isWorkFlow"> | 281 | <div class="sh-btn" v-if="$store.state.isWorkFlow && workitemInstanceFlag"> |
| 282 | <el-button type="primary" @click="lczz" v-show="workFlowphase == 'modify'">终止</el-button> | 282 | <el-button type="primary" @click="lczz" v-show="workFlowphase == 'modify'">终止</el-button> |
| 283 | <el-button type="primary" @click="thzd" v-show="rollbackDetails.length>0">退回</el-button> | 283 | <el-button type="primary" @click="thzrz" v-show="rollbackDetails.length>0">退回</el-button> |
| 284 | <el-button type="primary" @click="onSubmit" :disabled="disabled" v-if="!workFlowState">提交</el-button> | 284 | <el-button type="primary" @click="onSubmit" :disabled="disabled" v-if="!workFlowState">提交</el-button> |
| 285 | <el-button type="primary" @click="shzrz" v-if="workFlowState">审核</el-button> | 285 | <el-button type="primary" @click="shzrz" v-if="workFlowState">审核</el-button> |
| 286 | </div> | 286 | </div> |
| ... | @@ -305,6 +305,7 @@ | ... | @@ -305,6 +305,7 @@ |
| 305 | data () { | 305 | data () { |
| 306 | return { | 306 | return { |
| 307 | 307 | ||
| 308 | |||
| 308 | //树型结构 | 309 | //树型结构 |
| 309 | show:true, | 310 | show:true, |
| 310 | clearable: true, | 311 | clearable: true, |
| ... | @@ -419,7 +420,8 @@ | ... | @@ -419,7 +420,8 @@ |
| 419 | workFlowState:false, | 420 | workFlowState:false, |
| 420 | workFlowData:{}, | 421 | workFlowData:{}, |
| 421 | workFlowphase:'', | 422 | workFlowphase:'', |
| 422 | rollbackDetails:[] | 423 | rollbackDetails:[], |
| 424 | workitemInstanceFlag:false | ||
| 423 | } | 425 | } |
| 424 | }, | 426 | }, |
| 425 | mixins:[geoUtils], | 427 | mixins:[geoUtils], |
| ... | @@ -880,7 +882,10 @@ | ... | @@ -880,7 +882,10 @@ |
| 880 | this.getActivityDetail(); | 882 | this.getActivityDetail(); |
| 881 | this.$nextTick(() => { | 883 | this.$nextTick(() => { |
| 882 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | 884 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; |
| 883 | }) | 885 | }); |
| 886 | if(typeof this.$route.query.workitemInstanceId !== 'undefined'){ | ||
| 887 | this.workitemInstanceFlag = true; | ||
| 888 | } | ||
| 884 | }, | 889 | }, |
| 885 | computed: { | 890 | computed: { |
| 886 | zrzbsm() { | 891 | zrzbsm() { | ... | ... |
-
Please register or sign in to post a comment