Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem
Showing
10 changed files
with
649 additions
and
17 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 | ... | ... |
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(){ | ... | ... |
| ... | @@ -146,6 +146,13 @@ | ... | @@ -146,6 +146,13 @@ |
| 146 | > | 146 | > |
| 147 | <span>房屋用途</span> | 147 | <span>房屋用途</span> |
| 148 | </div> | 148 | </div> |
| 149 | <div | ||
| 150 | :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'" | ||
| 151 | @click="selectedZt = 'qsx'" | ||
| 152 | > | ||
| 153 | <span>缺失项</span> | ||
| 154 | </div> | ||
| 155 | |||
| 149 | </div> | 156 | </div> |
| 150 | <div | 157 | <div |
| 151 | class="legendTable-wrap" | 158 | class="legendTable-wrap" |
| ... | @@ -237,6 +244,34 @@ | ... | @@ -237,6 +244,34 @@ |
| 237 | <td colspan="3" class="tac">暂无数据</td> | 244 | <td colspan="3" class="tac">暂无数据</td> |
| 238 | </tr> | 245 | </tr> |
| 239 | </table> | 246 | </table> |
| 247 | |||
| 248 | <table | ||
| 249 | class="legendTable" | ||
| 250 | v-show="selectedZt == 'qsx'" | ||
| 251 | cellspacing="1" | ||
| 252 | cellpadding="1" | ||
| 253 | border="1" | ||
| 254 | > | ||
| 255 | <tr> | ||
| 256 | <th>数据缺失项</th> | ||
| 257 | <th>套数</th> | ||
| 258 | </tr> | ||
| 259 | <tr | ||
| 260 | v-for="(item, index) in fwytList" | ||
| 261 | :key="index" | ||
| 262 | class="cp" | ||
| 263 | @click="handleChoosedH(item.bsms,item.color)" | ||
| 264 | > | ||
| 265 | <td> | ||
| 266 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
| 267 | >{{ item.name }} | ||
| 268 | </td> | ||
| 269 | <td>{{ item.ts }}</td> | ||
| 270 | </tr> | ||
| 271 | <tr v-show="fwytList.length < 1"> | ||
| 272 | <td colspan="3" class="tac">暂无数据</td> | ||
| 273 | </tr> | ||
| 274 | </table> | ||
| 240 | </div> | 275 | </div> |
| 241 | </div> | 276 | </div> |
| 242 | </div> | 277 | </div> |
| ... | @@ -1034,12 +1069,14 @@ export default { | ... | @@ -1034,12 +1069,14 @@ export default { |
| 1034 | } | 1069 | } |
| 1035 | .dyzt, | 1070 | .dyzt, |
| 1036 | .fwxz, | 1071 | .fwxz, |
| 1037 | .fwyt { | 1072 | .fwyt, |
| 1073 | .qsx { | ||
| 1038 | height: 122px; | 1074 | height: 122px; |
| 1039 | } | 1075 | } |
| 1040 | .dyzt, | 1076 | .dyzt, |
| 1041 | .fwxz, | 1077 | .fwxz, |
| 1042 | .fwyt { | 1078 | .fwyt, |
| 1079 | .qsx { | ||
| 1043 | cursor: pointer; | 1080 | cursor: pointer; |
| 1044 | border-bottom: 1px solid #e6e6e6; | 1081 | border-bottom: 1px solid #e6e6e6; |
| 1045 | border-left: 1px solid #e6e6e6; | 1082 | border-left: 1px solid #e6e6e6; | ... | ... |
| ... | @@ -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