显示当前流程
Showing
3 changed files
with
233 additions
and
89 deletions
| ... | @@ -12,7 +12,8 @@ | ... | @@ -12,7 +12,8 @@ |
| 12 | <li | 12 | <li |
| 13 | @click="operation(item)" | 13 | @click="operation(item)" |
| 14 | v-for="(item, index) in leftButtonList" | 14 | v-for="(item, index) in leftButtonList" |
| 15 | :key="index"> | 15 | :key="index" |
| 16 | > | ||
| 16 | <svg-icon class="icon" :icon-class="item.icon" /> | 17 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 17 | <span class="iconName">{{ item.name }}</span> | 18 | <span class="iconName">{{ item.name }}</span> |
| 18 | </li> | 19 | </li> |
| ... | @@ -21,7 +22,8 @@ | ... | @@ -21,7 +22,8 @@ |
| 21 | <li | 22 | <li |
| 22 | @click="operation(item)" | 23 | @click="operation(item)" |
| 23 | v-for="(item, index) in rightButtonList" | 24 | v-for="(item, index) in rightButtonList" |
| 24 | :key="index"> | 25 | :key="index" |
| 26 | > | ||
| 25 | <svg-icon class="icon" :icon-class="item.icon" /> | 27 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 26 | <span class="iconName">{{ item.name }}</span> | 28 | <span class="iconName">{{ item.name }}</span> |
| 27 | </li> | 29 | </li> |
| ... | @@ -43,18 +45,25 @@ | ... | @@ -43,18 +45,25 @@ |
| 43 | </div> | 45 | </div> |
| 44 | <!-- 表单内容区域 --> | 46 | <!-- 表单内容区域 --> |
| 45 | <div class="rightContainer"> | 47 | <div class="rightContainer"> |
| 48 | <div class="count"> | ||
| 49 | 当前流程所在环节: | ||
| 50 | <span>{{ this.zbhj }}</span> | ||
| 51 | </div> | ||
| 46 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 52 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
| 47 | <el-tab-pane | 53 | <el-tab-pane |
| 48 | :label="item.name" | 54 | :label="item.name" |
| 49 | :name="item.value" | 55 | :name="item.value" |
| 50 | v-for="item in tabList" | 56 | v-for="item in tabList" |
| 51 | :key="item.value"> | 57 | :key="item.value" |
| 58 | > | ||
| 52 | </el-tab-pane> | 59 | </el-tab-pane> |
| 53 | </el-tabs> | 60 | </el-tabs> |
| 61 | |||
| 54 | <component | 62 | <component |
| 55 | :key="fresh" | 63 | :key="fresh" |
| 56 | :is="componentTag" | 64 | :is="componentTag" |
| 57 | v-bind="currentSelectProps" /> | 65 | v-bind="currentSelectProps" |
| 66 | /> | ||
| 58 | </div> | 67 | </div> |
| 59 | </div> | 68 | </div> |
| 60 | </div> | 69 | </div> |
| ... | @@ -63,26 +72,26 @@ | ... | @@ -63,26 +72,26 @@ |
| 63 | </div> | 72 | </div> |
| 64 | </template> | 73 | </template> |
| 65 | <style scoped lang="scss"> | 74 | <style scoped lang="scss"> |
| 66 | @import "~@/styles/mixin.scss"; | 75 | @import "~@/styles/mixin.scss"; |
| 67 | @import "./workFrame.scss"; | 76 | @import "./workFrame.scss"; |
| 68 | </style> | 77 | </style> |
| 69 | <script> | 78 | <script> |
| 70 | import WorkFlow from "./mixin/index"; | 79 | import WorkFlow from "./mixin/index"; |
| 71 | import { getForm } from "./flowform"; | 80 | import { getForm } from "./flowform"; |
| 72 | import { getStepFormInfo } from "@/api/workFlow.js"; | 81 | import { getStepFormInfo } from "@/api/workFlow.js"; |
| 73 | import NoticeBar from "@/components/NoticeBar/index"; | 82 | import NoticeBar from "@/components/NoticeBar/index"; |
| 74 | // import ProcessViewer from "./components/processViewer.vue"; | 83 | // import ProcessViewer from "./components/processViewer.vue"; |
| 75 | 84 | ||
| 76 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 85 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| 77 | import qllxDailog from "./djbBook/components/qllxDailog"; | 86 | import qllxDailog from "./djbBook/components/qllxDailog"; |
| 78 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 87 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
| 79 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 88 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
| 80 | // 登记簿数据信息 | 89 | // 登记簿数据信息 |
| 81 | import { addRepairRecord } from "@/api/djbRepair.js"; | 90 | import { addRepairRecord } from "@/api/djbRepair.js"; |
| 82 | // 获取权利类型数组 | 91 | // 获取权利类型数组 |
| 83 | 92 | ||
| 84 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 93 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
| 85 | export default { | 94 | export default { |
| 86 | components: { | 95 | components: { |
| 87 | selectBdc, | 96 | selectBdc, |
| 88 | NoticeBar, | 97 | NoticeBar, |
| ... | @@ -90,11 +99,13 @@ | ... | @@ -90,11 +99,13 @@ |
| 90 | qllxDailog, | 99 | qllxDailog, |
| 91 | }, | 100 | }, |
| 92 | mixins: [WorkFlow], | 101 | mixins: [WorkFlow], |
| 93 | data () { | 102 | data() { |
| 94 | return { | 103 | return { |
| 95 | bsmSlsq: this.$route.query.bsmSlsq, | 104 | bsmSlsq: this.$route.query.bsmSlsq, |
| 96 | //当前流程所在环节 | 105 | //当前流程所在环节 |
| 97 | bestepid: this.$route.query.bestepid, | 106 | bestepid: this.$route.query.bestepid, |
| 107 | //当前流程所在环节 | ||
| 108 | zbhj: this.$route.query.zbhj, | ||
| 98 | //设置那个表单选中 | 109 | //设置那个表单选中 |
| 99 | tabName: "", | 110 | tabName: "", |
| 100 | isEdit: true, | 111 | isEdit: true, |
| ... | @@ -114,17 +125,17 @@ | ... | @@ -114,17 +125,17 @@ |
| 114 | _beforeUnload_time: "", | 125 | _beforeUnload_time: "", |
| 115 | treedata: {}, | 126 | treedata: {}, |
| 116 | tabdata: [], | 127 | tabdata: [], |
| 117 | bsmRepair:"", | 128 | bsmRepair: "", |
| 118 | defaultNode: {}, | 129 | defaultNode: {}, |
| 119 | clxxForm: "", | 130 | clxxForm: "", |
| 120 | //材料信息选择卡索引 | 131 | //材料信息选择卡索引 |
| 121 | clxxIndex: "", | 132 | clxxIndex: "", |
| 122 | //材料信息选项卡对象 | 133 | //材料信息选项卡对象 |
| 123 | clxxTab: {}, | 134 | clxxTab: {}, |
| 124 | ableOperation:false | 135 | ableOperation: false, |
| 125 | }; | 136 | }; |
| 126 | }, | 137 | }, |
| 127 | mounted () { | 138 | mounted() { |
| 128 | // this.getleftMenubl() | 139 | // this.getleftMenubl() |
| 129 | }, | 140 | }, |
| 130 | 141 | ||
| ... | @@ -134,17 +145,17 @@ | ... | @@ -134,17 +145,17 @@ |
| 134 | * @param {*} qllx | 145 | * @param {*} qllx |
| 135 | * @author: renchao | 146 | * @author: renchao |
| 136 | */ | 147 | */ |
| 137 | stepForm (qllx) { | 148 | stepForm(qllx) { |
| 138 | this.oneSelectProps.qllx = qllx; | 149 | this.oneSelectProps.qllx = qllx; |
| 139 | if (this.$refs.Menu.supplementarylist.length) { | 150 | if (this.$refs.Menu.supplementarylist.length) { |
| 140 | getStepFormInfo(this.oneSelectProps).then((res) => { | 151 | getStepFormInfo(this.oneSelectProps).then((res) => { |
| 141 | this.$nextTick(function () { | 152 | this.$nextTick(function () { |
| 142 | this.tabList = res.result; | 153 | this.tabList = res.result; |
| 143 | this.tabName = this.tabList[0].value; | 154 | this.tabName = this.tabList[0].value; |
| 144 | this.ableOperation=this.tabList[0].ableOperation | 155 | this.ableOperation = this.tabList[0].ableOperation; |
| 145 | this.getFromRouter(this.tabName); | 156 | this.getFromRouter(this.tabName); |
| 146 | 157 | ||
| 147 | if(this.tabList.length!=8){ | 158 | if (this.tabList.length != 8) { |
| 148 | let that = this; | 159 | let that = this; |
| 149 | this.tabList.forEach(function (item, index) { | 160 | this.tabList.forEach(function (item, index) { |
| 150 | if (item.value == "clxx") { | 161 | if (item.value == "clxx") { |
| ... | @@ -152,7 +163,7 @@ | ... | @@ -152,7 +163,7 @@ |
| 152 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 163 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
| 153 | that.clxxTab = item; | 164 | that.clxxTab = item; |
| 154 | } | 165 | } |
| 155 | }) | 166 | }); |
| 156 | } | 167 | } |
| 157 | }); | 168 | }); |
| 158 | }); | 169 | }); |
| ... | @@ -164,8 +175,8 @@ | ... | @@ -164,8 +175,8 @@ |
| 164 | * @param {*} val | 175 | * @param {*} val |
| 165 | * @author: renchao | 176 | * @author: renchao |
| 166 | */ | 177 | */ |
| 167 | getCurrentSelectProps (val) { | 178 | getCurrentSelectProps(val) { |
| 168 | this.bsmRepair= val.bsmRepair | 179 | this.bsmRepair = val.bsmRepair; |
| 169 | if (val.bdcdyid) { | 180 | if (val.bdcdyid) { |
| 170 | this.oneSelectProps = val; | 181 | this.oneSelectProps = val; |
| 171 | } | 182 | } |
| ... | @@ -185,7 +196,7 @@ | ... | @@ -185,7 +196,7 @@ |
| 185 | * @description: 获取渲染登记簿列表 | 196 | * @description: 获取渲染登记簿列表 |
| 186 | * @author: renchao | 197 | * @author: renchao |
| 187 | */ | 198 | */ |
| 188 | getdjblist () { | 199 | getdjblist() { |
| 189 | getBdcqljqtsx({ | 200 | getBdcqljqtsx({ |
| 190 | bdcdyid: this.currentSelectProps.bdcdyid, | 201 | bdcdyid: this.currentSelectProps.bdcdyid, |
| 191 | bdcdyh: this.currentSelectProps.bdcdyh, | 202 | bdcdyh: this.currentSelectProps.bdcdyh, |
| ... | @@ -219,7 +230,7 @@ | ... | @@ -219,7 +230,7 @@ |
| 219 | * @param {*} activeName | 230 | * @param {*} activeName |
| 220 | * @author: renchao | 231 | * @author: renchao |
| 221 | */ | 232 | */ |
| 222 | beforeLeave (activeName) { | 233 | beforeLeave(activeName) { |
| 223 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 234 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
| 224 | }, | 235 | }, |
| 225 | //切换选项卡内容组件 | 236 | //切换选项卡内容组件 |
| ... | @@ -228,7 +239,7 @@ | ... | @@ -228,7 +239,7 @@ |
| 228 | * @param {*} tabname | 239 | * @param {*} tabname |
| 229 | * @author: renchao | 240 | * @author: renchao |
| 230 | */ | 241 | */ |
| 231 | getFromRouter (tabname) { | 242 | getFromRouter(tabname) { |
| 232 | this.componentTag = getForm(tabname); | 243 | this.componentTag = getForm(tabname); |
| 233 | }, | 244 | }, |
| 234 | // closefp () { | 245 | // closefp () { |
| ... | @@ -245,7 +256,7 @@ | ... | @@ -245,7 +256,7 @@ |
| 245 | * @param {*} del | 256 | * @param {*} del |
| 246 | * @author: renchao | 257 | * @author: renchao |
| 247 | */ | 258 | */ |
| 248 | addRepairRecord (row, del) { | 259 | addRepairRecord(row, del) { |
| 249 | let from = { | 260 | let from = { |
| 250 | bsmQlxx: "", | 261 | bsmQlxx: "", |
| 251 | bsmSlsq: this.bsmSlsq, | 262 | bsmSlsq: this.bsmSlsq, |
| ... | @@ -282,7 +293,7 @@ | ... | @@ -282,7 +293,7 @@ |
| 282 | }) | 293 | }) |
| 283 | .catch((res) => { | 294 | .catch((res) => { |
| 284 | console.log("错", res); | 295 | console.log("错", res); |
| 285 | }) | 296 | }); |
| 286 | }, | 297 | }, |
| 287 | // openDialog () { | 298 | // openDialog () { |
| 288 | // this.$store.dispatch('user/refreshPage', false) | 299 | // this.$store.dispatch('user/refreshPage', false) |
| ... | @@ -296,7 +307,22 @@ | ... | @@ -296,7 +307,22 @@ |
| 296 | 307 | ||
| 297 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 308 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) |
| 298 | // } | 309 | // } |
| 299 | } | 310 | }, |
| 300 | }; | 311 | }; |
| 301 | </script> | 312 | </script> |
| 302 | <style scoped lang="scss"></style> | 313 | <style scoped lang="scss"> |
| 314 | .rightContainer { | ||
| 315 | position: relative; | ||
| 316 | } | ||
| 317 | .count { | ||
| 318 | font-size: 14px; | ||
| 319 | position: absolute; | ||
| 320 | right: 25px; | ||
| 321 | top: 12px; | ||
| 322 | height: 30px; | ||
| 323 | span { | ||
| 324 | font-weight: 600; | ||
| 325 | color: #3498db; | ||
| 326 | } | ||
| 327 | } | ||
| 328 | </style> | ... | ... |
| ... | @@ -35,6 +35,10 @@ | ... | @@ -35,6 +35,10 @@ |
| 35 | </div> | 35 | </div> |
| 36 | <!-- 表单内容区域 --> | 36 | <!-- 表单内容区域 --> |
| 37 | <div class="rightContainer"> | 37 | <div class="rightContainer"> |
| 38 | <div class="count"> | ||
| 39 | 当前流程所在环节: | ||
| 40 | <span>{{ this.zbhj }}</span> | ||
| 41 | </div> | ||
| 38 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 42 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> |
| 39 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 43 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> |
| 40 | </el-tab-pane> | 44 | </el-tab-pane> |
| ... | @@ -84,6 +88,8 @@ | ... | @@ -84,6 +88,8 @@ |
| 84 | bsmSlsq: this.$route.query.bsmSlsq, | 88 | bsmSlsq: this.$route.query.bsmSlsq, |
| 85 | //当前流程所在环节 | 89 | //当前流程所在环节 |
| 86 | bestepid: this.$route.query.bestepid, | 90 | bestepid: this.$route.query.bestepid, |
| 91 | //当前流程所在环节 | ||
| 92 | zbhj: this.$route.query.zbhj, | ||
| 87 | //设置那个表单选中 | 93 | //设置那个表单选中 |
| 88 | tabName: "", | 94 | tabName: "", |
| 89 | //设置那个表单选择 | 95 | //设置那个表单选择 |
| ... | @@ -201,4 +207,19 @@ | ... | @@ -201,4 +207,19 @@ |
| 201 | } | 207 | } |
| 202 | } | 208 | } |
| 203 | </script> | 209 | </script> |
| 204 | 210 | <style scoped lang="scss"> | |
| 211 | .rightContainer { | ||
| 212 | position: relative; | ||
| 213 | } | ||
| 214 | .count { | ||
| 215 | font-size: 14px; | ||
| 216 | position: absolute; | ||
| 217 | right: 25px; | ||
| 218 | top: 12px; | ||
| 219 | height: 30px; | ||
| 220 | span { | ||
| 221 | font-weight: 600; | ||
| 222 | color: #3498db; | ||
| 223 | } | ||
| 224 | } | ||
| 225 | </style> | ... | ... |
| ... | @@ -6,46 +6,96 @@ | ... | @@ -6,46 +6,96 @@ |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 8 | <div class="from-clues-header"> | 8 | <div class="from-clues-header"> |
| 9 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="100px"> | 9 | <el-form |
| 10 | :model="queryForm" | ||
| 11 | ref="queryForm" | ||
| 12 | @submit.native.prevent | ||
| 13 | label-width="100px" | ||
| 14 | > | ||
| 10 | <el-row> | 15 | <el-row> |
| 11 | <el-col :span="5"> | 16 | <el-col :span="5"> |
| 12 | <el-form-item label="业务来源"> | 17 | <el-form-item label="业务来源"> |
| 13 | <el-select v-model="queryForm.ywly" class="width100" filterable | 18 | <el-select |
| 14 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" @clear="handleEmpty('ywlymc')" clearable | 19 | v-model="queryForm.ywly" |
| 15 | placeholder="请选择业务来源"> | 20 | class="width100" |
| 16 | <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 21 | filterable |
| 22 | @change="handleSelect('ywly', 'ywlymc', 'ywly')" | ||
| 23 | @clear="handleEmpty('ywlymc')" | ||
| 24 | clearable | ||
| 25 | placeholder="请选择业务来源" | ||
| 26 | > | ||
| 27 | <el-option | ||
| 28 | v-for="item in dictData['ywly']" | ||
| 29 | :key="item.dcode" | ||
| 30 | :label="item.dname" | ||
| 31 | :value="item.dcode" | ||
| 32 | > | ||
| 17 | </el-option> | 33 | </el-option> |
| 18 | </el-select> | 34 | </el-select> |
| 19 | </el-form-item> | 35 | </el-form-item> |
| 20 | </el-col> | 36 | </el-col> |
| 21 | <el-col :span="5"> | 37 | <el-col :span="5"> |
| 22 | <el-form-item label="权利类型"> | 38 | <el-form-item label="权利类型"> |
| 23 | <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')" | 39 | <el-select |
| 24 | @clear="handleEmpty('qllxmc')" filterable clearable placeholder="请选择权利类型"> | 40 | v-model="queryForm.qllx" |
| 25 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 41 | class="width100" |
| 42 | @change="handleSelect('A8', 'qllxmc', 'qllx')" | ||
| 43 | @clear="handleEmpty('qllxmc')" | ||
| 44 | filterable | ||
| 45 | clearable | ||
| 46 | placeholder="请选择权利类型" | ||
| 47 | > | ||
| 48 | <el-option | ||
| 49 | v-for="item in dictData['A8']" | ||
| 50 | :key="item.dcode" | ||
| 51 | :label="item.dname" | ||
| 52 | :value="item.dcode" | ||
| 53 | > | ||
| 26 | </el-option> | 54 | </el-option> |
| 27 | </el-select> | 55 | </el-select> |
| 28 | </el-form-item> | 56 | </el-form-item> |
| 29 | </el-col> | 57 | </el-col> |
| 30 | <el-col :span="5"> | 58 | <el-col :span="5"> |
| 31 | <el-form-item label="登记类型"> | 59 | <el-form-item label="登记类型"> |
| 32 | <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')" | 60 | <el-select |
| 33 | @clear="handleEmpty('djlxmc')" filterable clearable placeholder="请选择登记类型"> | 61 | v-model="queryForm.djlx" |
| 34 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 62 | class="width100" |
| 63 | @change="handleSelect('A21', 'djlxmc', 'djlx')" | ||
| 64 | @clear="handleEmpty('djlxmc')" | ||
| 65 | filterable | ||
| 66 | clearable | ||
| 67 | placeholder="请选择登记类型" | ||
| 68 | > | ||
| 69 | <el-option | ||
| 70 | v-for="item in dictData['A21']" | ||
| 71 | :key="item.dcode" | ||
| 72 | :label="item.dname" | ||
| 73 | :value="item.dcode" | ||
| 74 | > | ||
| 35 | </el-option> | 75 | </el-option> |
| 36 | </el-select> | 76 | </el-select> |
| 37 | </el-form-item> | 77 | </el-form-item> |
| 38 | </el-col> | 78 | </el-col> |
| 39 | <el-col :span="6"> | 79 | <el-col :span="6"> |
| 40 | <el-form-item label="业务号"> | 80 | <el-form-item label="业务号"> |
| 41 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> | 81 | <el-input |
| 82 | placeholder="请输入业务号" | ||
| 83 | v-model="queryForm.ywh" | ||
| 84 | clearable | ||
| 85 | class="width100" | ||
| 86 | > | ||
| 42 | </el-input> | 87 | </el-input> |
| 43 | </el-form-item> | 88 | </el-form-item> |
| 44 | </el-col> | 89 | </el-col> |
| 45 | 90 | ||
| 46 | <el-col :span="3" class="btnColRight"> | 91 | <el-col :span="3" class="btnColRight"> |
| 47 | <el-form-item> | 92 | <el-form-item> |
| 48 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 93 | <el-button |
| 94 | type="primary" | ||
| 95 | native-type="submit" | ||
| 96 | @click="handleSearch" | ||
| 97 | >查询</el-button | ||
| 98 | > | ||
| 49 | <el-button @click="moreQueryClick">高级查询</el-button> | 99 | <el-button @click="moreQueryClick">高级查询</el-button> |
| 50 | </el-form-item> | 100 | </el-form-item> |
| 51 | </el-col> | 101 | </el-col> |
| ... | @@ -53,25 +103,45 @@ | ... | @@ -53,25 +103,45 @@ |
| 53 | <el-row> | 103 | <el-row> |
| 54 | <el-col :span="5"> | 104 | <el-col :span="5"> |
| 55 | <el-form-item label="不动产单元号"> | 105 | <el-form-item label="不动产单元号"> |
| 56 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width100"> | 106 | <el-input |
| 107 | placeholder="请输入不动产单元号" | ||
| 108 | v-model="queryForm.bdcdyh" | ||
| 109 | clearable | ||
| 110 | class="width100" | ||
| 111 | > | ||
| 57 | </el-input> | 112 | </el-input> |
| 58 | </el-form-item> | 113 | </el-form-item> |
| 59 | </el-col> | 114 | </el-col> |
| 60 | <el-col :span="5"> | 115 | <el-col :span="5"> |
| 61 | <el-form-item label="申请人"> | 116 | <el-form-item label="申请人"> |
| 62 | <el-input placeholder="如需要模糊查询,前后输入%" v-model="queryForm.sqrmc" clearable class="width100"> | 117 | <el-input |
| 118 | placeholder="如需要模糊查询,前后输入%" | ||
| 119 | v-model="queryForm.sqrmc" | ||
| 120 | clearable | ||
| 121 | class="width100" | ||
| 122 | > | ||
| 63 | </el-input> | 123 | </el-input> |
| 64 | </el-form-item> | 124 | </el-form-item> |
| 65 | </el-col> | 125 | </el-col> |
| 66 | <el-col :span="5"> | 126 | <el-col :span="5"> |
| 67 | <el-form-item label="申请人证件号"> | 127 | <el-form-item label="申请人证件号"> |
| 68 | <el-input placeholder="如需要模糊查询,前后输入%" v-model="queryForm.sqrzjhm" clearable class="width100"> | 128 | <el-input |
| 129 | placeholder="如需要模糊查询,前后输入%" | ||
| 130 | v-model="queryForm.sqrzjhm" | ||
| 131 | clearable | ||
| 132 | class="width100" | ||
| 133 | > | ||
| 69 | </el-input> | 134 | </el-input> |
| 70 | </el-form-item> | 135 | </el-form-item> |
| 71 | </el-col> | 136 | </el-col> |
| 72 | <el-col :span="6"> | 137 | <el-col :span="6"> |
| 73 | <el-form-item label="坐落"> | 138 | <el-form-item label="坐落"> |
| 74 | <el-input placeholder="如需要模糊查询,前后输入%" v-model.trim="queryForm.zl" clearable class="width100"> | 139 | <el-input |
| 140 | placeholder="如需要模糊查询,前后输入%" | ||
| 141 | v-model.trim="queryForm.zl" | ||
| 142 | clearable | ||
| 143 | class="width100" | ||
| 144 | > | ||
| 75 | </el-input> | 145 | </el-input> |
| 76 | </el-form-item> | 146 | </el-form-item> |
| 77 | </el-col> | 147 | </el-col> |
| ... | @@ -81,42 +151,65 @@ | ... | @@ -81,42 +151,65 @@ |
| 81 | <ul> | 151 | <ul> |
| 82 | <li v-for="(item, index) in searchList" :key="index"> | 152 | <li v-for="(item, index) in searchList" :key="index"> |
| 83 | {{ item.name }}:{{ item.value }} | 153 | {{ item.name }}:{{ item.value }} |
| 84 | <i class="el-icon-circle-close" @click="handelItem(item, index)"></i> | 154 | <i |
| 155 | class="el-icon-circle-close" | ||
| 156 | @click="handelItem(item, index)" | ||
| 157 | ></i> | ||
| 85 | </li> | 158 | </li> |
| 86 | </ul> | 159 | </ul> |
| 87 | <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 | 160 | <el-button |
| 161 | class="clean-btn" | ||
| 162 | type="text" | ||
| 163 | v-if="searchList.length > 0" | ||
| 164 | @click.native="hanldeCleanAll" | ||
| 165 | >清除全部 | ||
| 88 | </el-button> | 166 | </el-button> |
| 89 | </el-row> | 167 | </el-row> |
| 90 | </el-form> | 168 | </el-form> |
| 91 | </div> | 169 | </div> |
| 92 | <div class="from-clues-content"> | 170 | <div class="from-clues-content"> |
| 93 | <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" | 171 | <lb-table |
| 94 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" | 172 | :page-size="pageData.size" |
| 95 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 173 | class="loadingtext" |
| 174 | @sort-change="handleSort" | ||
| 175 | :current-page.sync="pageData.currentPage" | ||
| 176 | :total="tableData.total" | ||
| 177 | @size-change="handleSizeChange" | ||
| 178 | @p-current-change="handleCurrentChange" | ||
| 179 | :column="tableData.columns" | ||
| 180 | :data="tableData.data" | ||
| 181 | > | ||
| 96 | </lb-table> | 182 | </lb-table> |
| 97 | </div> | 183 | </div> |
| 98 | <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" /> | 184 | <searchBox |
| 185 | v-model="isSearch" | ||
| 186 | @getSearch="getSearch" | ||
| 187 | :advancedForm="otherForm" | ||
| 188 | /> | ||
| 99 | </div> | 189 | </div> |
| 100 | </template> | 190 | </template> |
| 101 | <script> | 191 | <script> |
| 102 | import { mapGetters } from "vuex"; | 192 | import { mapGetters } from "vuex"; |
| 103 | import searchBox from "../components/search.vue"; | 193 | import searchBox from "../components/search.vue"; |
| 104 | import table from "@/utils/mixin/table"; | 194 | import table from "@/utils/mixin/table"; |
| 105 | import searchMin from "../components/mixin/index"; | 195 | import searchMin from "../components/mixin/index"; |
| 106 | import { datas, sendThis } from "./dbxdata"; | 196 | import { datas, sendThis } from "./dbxdata"; |
| 107 | import { searchTaskToDo } from "@/api/workflow/search.js"; | 197 | import { searchTaskToDo } from "@/api/workflow/search.js"; |
| 108 | import { judgeUserTaskPermission, deleteFlow, claimTask } from "@/api/workFlow.js"; | 198 | import { |
| 109 | export default { | 199 | judgeUserTaskPermission, |
| 200 | deleteFlow, | ||
| 201 | claimTask, | ||
| 202 | } from "@/api/workFlow.js"; | ||
| 203 | export default { | ||
| 110 | name: "dbx", | 204 | name: "dbx", |
| 111 | components: { searchBox }, | 205 | components: { searchBox }, |
| 112 | mixins: [table, searchMin], | 206 | mixins: [table, searchMin], |
| 113 | computed: { | 207 | computed: { |
| 114 | ...mapGetters(["dictData", "transfer"]), | 208 | ...mapGetters(["dictData", "transfer"]), |
| 115 | }, | 209 | }, |
| 116 | data () { | 210 | data() { |
| 117 | return { | 211 | return { |
| 118 | queryForm: { | 212 | queryForm: {}, |
| 119 | }, | ||
| 120 | searchForm: { | 213 | searchForm: { |
| 121 | ywlymc: "", | 214 | ywlymc: "", |
| 122 | qllxmc: "", | 215 | qllxmc: "", |
| ... | @@ -131,20 +224,20 @@ | ... | @@ -131,20 +224,20 @@ |
| 131 | jumpid: "", | 224 | jumpid: "", |
| 132 | }; | 225 | }; |
| 133 | }, | 226 | }, |
| 134 | mounted () { | 227 | mounted() { |
| 135 | sendThis(this); | 228 | sendThis(this); |
| 136 | }, | 229 | }, |
| 137 | watch: { | 230 | watch: { |
| 138 | queryForm: { | 231 | queryForm: { |
| 139 | handler (newName, oldName) { }, | 232 | handler(newName, oldName) {}, |
| 140 | immediate: true, | 233 | immediate: true, |
| 141 | }, | 234 | }, |
| 142 | }, | 235 | }, |
| 143 | activated () { | 236 | activated() { |
| 144 | this.queryClick(); | 237 | this.queryClick(); |
| 145 | window["getBpageList"] = () => { | 238 | window["getBpageList"] = () => { |
| 146 | this.queryClick(); | 239 | this.queryClick(); |
| 147 | } | 240 | }; |
| 148 | }, | 241 | }, |
| 149 | methods: { | 242 | methods: { |
| 150 | // 列表渲染接口 | 243 | // 列表渲染接口 |
| ... | @@ -152,7 +245,7 @@ | ... | @@ -152,7 +245,7 @@ |
| 152 | * @description: 列表渲染接口 | 245 | * @description: 列表渲染接口 |
| 153 | * @author: renchao | 246 | * @author: renchao |
| 154 | */ | 247 | */ |
| 155 | queryClick () { | 248 | queryClick() { |
| 156 | this.$startLoading(); | 249 | this.$startLoading(); |
| 157 | this.searchForm.ywh = this.queryForm.ywh; | 250 | this.searchForm.ywh = this.queryForm.ywh; |
| 158 | this.iterationData(); | 251 | this.iterationData(); |
| ... | @@ -174,7 +267,7 @@ | ... | @@ -174,7 +267,7 @@ |
| 174 | * @param {*} val | 267 | * @param {*} val |
| 175 | * @author: renchao | 268 | * @author: renchao |
| 176 | */ | 269 | */ |
| 177 | handleSort (val) { | 270 | handleSort(val) { |
| 178 | this.queryForm.sortField = val.prop; | 271 | this.queryForm.sortField = val.prop; |
| 179 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; | 272 | this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; |
| 180 | this.queryClick(); | 273 | this.queryClick(); |
| ... | @@ -184,7 +277,7 @@ | ... | @@ -184,7 +277,7 @@ |
| 184 | * @param {*} item | 277 | * @param {*} item |
| 185 | * @author: renchao | 278 | * @author: renchao |
| 186 | */ | 279 | */ |
| 187 | del (item) { | 280 | del(item) { |
| 188 | let formdata = new FormData(); | 281 | let formdata = new FormData(); |
| 189 | formdata.append("bsmSlsq", item.bsmSlsq); | 282 | formdata.append("bsmSlsq", item.bsmSlsq); |
| 190 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 283 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| ... | @@ -218,7 +311,7 @@ | ... | @@ -218,7 +311,7 @@ |
| 218 | * @param {*} item | 311 | * @param {*} item |
| 219 | * @author: renchao | 312 | * @author: renchao |
| 220 | */ | 313 | */ |
| 221 | ywhClick (item) { | 314 | ywhClick(item) { |
| 222 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 | 315 | //判断用户是否拥有该任务的权限,若有则跳转,无权限则给予提示并刷新页面 |
| 223 | judgeUserTaskPermission({ | 316 | judgeUserTaskPermission({ |
| 224 | bsmSlsq: item.bsmSlsq, | 317 | bsmSlsq: item.bsmSlsq, |
| ... | @@ -235,7 +328,9 @@ | ... | @@ -235,7 +328,9 @@ |
| 235 | item.bestepid + | 328 | item.bestepid + |
| 236 | "&bsmBusiness=" + | 329 | "&bsmBusiness=" + |
| 237 | "&sqywbm=" + | 330 | "&sqywbm=" + |
| 238 | item.djywbm | 331 | item.djywbm + |
| 332 | "&zbhj=" + | ||
| 333 | item.zbhj | ||
| 239 | ); | 334 | ); |
| 240 | window.open(href, `djbworkFrame${item.bsmSlsq}`); | 335 | window.open(href, `djbworkFrame${item.bsmSlsq}`); |
| 241 | } else { | 336 | } else { |
| ... | @@ -246,12 +341,14 @@ | ... | @@ -246,12 +341,14 @@ |
| 246 | item.bestepid + | 341 | item.bestepid + |
| 247 | "&bsmBusiness=" + | 342 | "&bsmBusiness=" + |
| 248 | "&sqywbm=" + | 343 | "&sqywbm=" + |
| 249 | item.djywbm | 344 | item.djywbm + |
| 345 | "&zbhj=" + | ||
| 346 | item.zbhj | ||
| 250 | ); | 347 | ); |
| 251 | window.open(href, `workFrame${item.bsmSlsq}`); | 348 | window.open(href, `workFrame${item.bsmSlsq}`); |
| 252 | } | 349 | } |
| 253 | 350 | ||
| 254 | localStorage.setItem('ywbl', JSON.stringify(item)); | 351 | localStorage.setItem("ywbl", JSON.stringify(item)); |
| 255 | 352 | ||
| 256 | //从待办箱进入的调取任务领取接口 | 353 | //从待办箱进入的调取任务领取接口 |
| 257 | claimTask(item.bsmSlsq, item.bestepid); | 354 | claimTask(item.bsmSlsq, item.bestepid); |
| ... | @@ -264,11 +361,11 @@ | ... | @@ -264,11 +361,11 @@ |
| 264 | } else { | 361 | } else { |
| 265 | this.$message.error("用户任务权限判断失败,请联系管理员"); | 362 | this.$message.error("用户任务权限判断失败,请联系管理员"); |
| 266 | } | 363 | } |
| 267 | }) | 364 | }); |
| 268 | } | 365 | }, |
| 269 | } | 366 | }, |
| 270 | } | 367 | }; |
| 271 | </script> | 368 | </script> |
| 272 | <style scoped lang="scss"> | 369 | <style scoped lang="scss"> |
| 273 | @import "~@/styles/public.scss"; | 370 | @import "~@/styles/public.scss"; |
| 274 | </style> | 371 | </style> | ... | ... |
-
Please register or sign in to post a comment