合并楼盘表缺失项代码
Showing
11 changed files
with
97 additions
and
15 deletions
| ... | @@ -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 | ... | ... |
| ... | @@ -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) { | ... | ... |
| ... | @@ -199,7 +199,7 @@ | ... | @@ -199,7 +199,7 @@ |
| 199 | </div> | 199 | </div> |
| 200 | <div class="sh-btn" v-if="$store.state.isWorkFlow && workitemInstanceFlag"> | 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="thdz" 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> |
| 204 | <el-button type="primary" @click="shdz" v-if="workFlowState">审核</el-button> | 204 | <el-button type="primary" @click="shdz" v-if="workFlowState">审核</el-button> |
| 205 | </div> | 205 | </div> | ... | ... |
| ... | @@ -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,path:'ybx' }, | 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 }, | ... | ... |
| ... | @@ -170,10 +170,10 @@ | ... | @@ -170,10 +170,10 @@ |
| 170 | path: path, | 170 | path: path, |
| 171 | query: { | 171 | query: { |
| 172 | bsm: data.glbsm, | 172 | bsm: data.glbsm, |
| 173 | ywbsm: data.businessId, | 173 | ywbsm: data.glbsm, |
| 174 | source: 2, | 174 | source: 2, |
| 175 | auth: '0,1,2', | 175 | auth: '0,1,2', |
| 176 | workitemInstanceId:data.id | 176 | processInstanceId:row.id |
| 177 | } | 177 | } |
| 178 | }); | 178 | }); |
| 179 | 179 | ... | ... |
| ... | @@ -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 | this.getTemplate(); | 84 | if(typeof this.$route.query.workitemInstanceId !== 'undefined'){ |
| 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); | ... | ... |
| ... | @@ -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() { | ... | ... |
| ... | @@ -481,6 +481,7 @@ export default { | ... | @@ -481,6 +481,7 @@ export default { |
| 481 | this.getDyztBsmList(); | 481 | this.getDyztBsmList(); |
| 482 | //获取房屋用途统计数据 | 482 | //获取房屋用途统计数据 |
| 483 | this.getLpbFwytAndQlxz(); | 483 | this.getLpbFwytAndQlxz(); |
| 484 | this.getLpbQsxtj(); | ||
| 484 | // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6 | 485 | // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6 |
| 485 | setTimeout(() => { | 486 | setTimeout(() => { |
| 486 | this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6; | 487 | this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6; |
| ... | @@ -641,6 +642,7 @@ export default { | ... | @@ -641,6 +642,7 @@ export default { |
| 641 | //获取图例数据 | 642 | //获取图例数据 |
| 642 | this.getDyztBsmList(); | 643 | this.getDyztBsmList(); |
| 643 | this.getLpbFwytAndQlxz(); | 644 | this.getLpbFwytAndQlxz(); |
| 645 | this.getLpbQsxtj(); | ||
| 644 | //重新渲染楼盘表 | 646 | //重新渲染楼盘表 |
| 645 | this.$refs.lpbContent.dataChange(); | 647 | this.$refs.lpbContent.dataChange(); |
| 646 | }, | 648 | }, |
| ... | @@ -766,6 +768,7 @@ export default { | ... | @@ -766,6 +768,7 @@ export default { |
| 766 | this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx); | 768 | this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx); |
| 767 | this.getDyztBsmList(); | 769 | this.getDyztBsmList(); |
| 768 | this.getLpbFwytAndQlxz(); | 770 | this.getLpbFwytAndQlxz(); |
| 771 | this.getLpbQsxtj(); | ||
| 769 | //改变楼盘表子组件的key值,重新渲染 | 772 | //改变楼盘表子组件的key值,重新渲染 |
| 770 | // this.time = new Date().getTime(); | 773 | // this.time = new Date().getTime(); |
| 771 | }, | 774 | }, |
| ... | @@ -963,6 +966,7 @@ export default { | ... | @@ -963,6 +966,7 @@ export default { |
| 963 | } | 966 | } |
| 964 | }); | 967 | }); |
| 965 | } | 968 | } |
| 969 | |||
| 966 | }, | 970 | }, |
| 967 | computed: {}, | 971 | computed: {}, |
| 968 | destroyed() { | 972 | destroyed() { |
| ... | @@ -1004,7 +1008,7 @@ export default { | ... | @@ -1004,7 +1008,7 @@ export default { |
| 1004 | box-sizing: border-box; | 1008 | box-sizing: border-box; |
| 1005 | padding: 20px 0; | 1009 | padding: 20px 0; |
| 1006 | background-color: #ffffff; | 1010 | background-color: #ffffff; |
| 1007 | margin-bottom: 15px; | 1011 | margin-bottom: 10px; |
| 1008 | position: relative; | 1012 | position: relative; |
| 1009 | .searchContent { | 1013 | .searchContent { |
| 1010 | margin-left: 62px; | 1014 | margin-left: 62px; | ... | ... |
-
Please register or sign in to post a comment