按钮权限控制
Showing
9 changed files
with
610 additions
and
15 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({ |
... | @@ -8,4 +8,25 @@ export function getDbxList(data) { | ... | @@ -8,4 +8,25 @@ export function getDbxList(data) { |
8 | method: 'post', | 8 | method: 'post', |
9 | data : data, | 9 | data : data, |
10 | }) | 10 | }) |
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 | }) | ||
11 | } | 32 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
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 | }, | ... | ... |
... | @@ -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 | ... | ... |
... | @@ -122,7 +122,7 @@ export default { | ... | @@ -122,7 +122,7 @@ export default { |
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'}, | ... | ... |
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.businessId, | ||
174 | source: 2, | ||
175 | auth: '0,1,2', | ||
176 | workitemInstanceId:data.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> |
... | @@ -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(){ | ... | ... |
... | @@ -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], |
... | @@ -872,7 +874,10 @@ | ... | @@ -872,7 +874,10 @@ |
872 | this.getActivityDetail(); | 874 | this.getActivityDetail(); |
873 | this.$nextTick(() => { | 875 | this.$nextTick(() => { |
874 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | 876 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; |
875 | }) | 877 | }); |
878 | if(typeof this.$route.query.workitemInstanceId !== 'undefined'){ | ||
879 | this.workitemInstanceFlag = true; | ||
880 | } | ||
876 | }, | 881 | }, |
877 | computed: { | 882 | computed: { |
878 | zrzbsm() { | 883 | zrzbsm() { | ... | ... |
-
Please register or sign in to post a comment