Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
19 changed files
with
962 additions
and
627 deletions
| ... | @@ -34,7 +34,7 @@ export const constantRoutes = [ | ... | @@ -34,7 +34,7 @@ export const constantRoutes = [ |
| 34 | hidden: true, | 34 | hidden: true, |
| 35 | meta: { title: '发起申请' } | 35 | meta: { title: '发起申请' } |
| 36 | }, | 36 | }, |
| 37 | // 业务流程框架 | 37 | // 登记簿补录 |
| 38 | { | 38 | { |
| 39 | path: '/djbworkFrame', | 39 | path: '/djbworkFrame', |
| 40 | component: () => import('@/views/djbworkflow/workFrame.vue'), | 40 | component: () => import('@/views/djbworkflow/workFrame.vue'), |
| ... | @@ -42,6 +42,14 @@ export const constantRoutes = [ | ... | @@ -42,6 +42,14 @@ export const constantRoutes = [ |
| 42 | hidden: true, | 42 | hidden: true, |
| 43 | meta: { title: '登记簿补录' } | 43 | meta: { title: '登记簿补录' } |
| 44 | }, | 44 | }, |
| 45 | // 登记簿补录只读框架 | ||
| 46 | { | ||
| 47 | path: '/djbworkFrameView', | ||
| 48 | component: () => import('@/views/djbworkflow/workFrameView.vue'), | ||
| 49 | name: 'djbworkFrameView', | ||
| 50 | hidden: true, | ||
| 51 | meta: { title: '登记簿补录' } | ||
| 52 | }, | ||
| 45 | //登记簿详情 | 53 | //登记簿详情 |
| 46 | { | 54 | { |
| 47 | path: '/djbFrameall', | 55 | path: '/djbFrameall', | ... | ... |
| ... | @@ -147,9 +147,11 @@ div:focus { | ... | @@ -147,9 +147,11 @@ div:focus { |
| 147 | .pl-5 { | 147 | .pl-5 { |
| 148 | padding-left: 5px; | 148 | padding-left: 5px; |
| 149 | } | 149 | } |
| 150 | |||
| 150 | .pt-10 { | 151 | .pt-10 { |
| 151 | padding-top: 10px; | 152 | padding-top: 10px; |
| 152 | } | 153 | } |
| 154 | |||
| 153 | .block { | 155 | .block { |
| 154 | display: block; | 156 | display: block; |
| 155 | } | 157 | } |
| ... | @@ -383,7 +385,65 @@ aside { | ... | @@ -383,7 +385,65 @@ aside { |
| 383 | transition: 0.5s; | 385 | transition: 0.5s; |
| 384 | margin-left: -1px; | 386 | margin-left: -1px; |
| 385 | border-top: 0; | 387 | border-top: 0; |
| 388 | |||
| 386 | .el-checkbox__label { | 389 | .el-checkbox__label { |
| 387 | font-size: 16px; | 390 | font-size: 16px; |
| 388 | } | 391 | } |
| 389 | } | 392 | } |
| 393 | |||
| 394 | |||
| 395 | .linshiIcon { | ||
| 396 | position: relative; | ||
| 397 | |||
| 398 | .icon { | ||
| 399 | position: absolute; | ||
| 400 | top: 12px; | ||
| 401 | right: -5px; | ||
| 402 | transform: rotate(45deg); | ||
| 403 | color: #fff; | ||
| 404 | font-size: 12px; | ||
| 405 | z-index: 10; | ||
| 406 | } | ||
| 407 | } | ||
| 408 | |||
| 409 | .linshiIcon::after { | ||
| 410 | content: ""; | ||
| 411 | display: block; | ||
| 412 | width: 0; | ||
| 413 | height: 0; | ||
| 414 | border-width: 0px 0px 55px 55px; | ||
| 415 | border-style: none solid solid; | ||
| 416 | border-color: transparent transparent #fe9400; | ||
| 417 | position: absolute; | ||
| 418 | top: 0; | ||
| 419 | right: 0; | ||
| 420 | transform: rotate(-90deg); | ||
| 421 | } | ||
| 422 | |||
| 423 | .xianshiIcon { | ||
| 424 | position: relative; | ||
| 425 | |||
| 426 | .icon { | ||
| 427 | position: absolute; | ||
| 428 | top: 9px; | ||
| 429 | right: 5px; | ||
| 430 | transform: rotate(45deg); | ||
| 431 | color: #fff; | ||
| 432 | font-size: 12px; | ||
| 433 | z-index: 10; | ||
| 434 | } | ||
| 435 | } | ||
| 436 | |||
| 437 | .xianshiIcon::after { | ||
| 438 | content: ""; | ||
| 439 | display: block; | ||
| 440 | width: 0; | ||
| 441 | height: 0; | ||
| 442 | border-width: 0px 0px 55px 55px; | ||
| 443 | border-style: none solid solid; | ||
| 444 | border-color: transparent transparent #67C23A; | ||
| 445 | position: absolute; | ||
| 446 | top: 0; | ||
| 447 | right: 0; | ||
| 448 | transform: rotate(-90deg); | ||
| 449 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -107,64 +107,6 @@ | ... | @@ -107,64 +107,6 @@ |
| 107 | } | 107 | } |
| 108 | } | 108 | } |
| 109 | 109 | ||
| 110 | .linshiIcon { | ||
| 111 | position: relative; | ||
| 112 | |||
| 113 | .icon { | ||
| 114 | position: absolute; | ||
| 115 | top: 12px; | ||
| 116 | right: -5px; | ||
| 117 | transform: rotate(45deg); | ||
| 118 | color: #fff; | ||
| 119 | font-size: 12px; | ||
| 120 | z-index: 10; | ||
| 121 | } | ||
| 122 | } | ||
| 123 | |||
| 124 | .linshiIcon::after { | ||
| 125 | content: ""; | ||
| 126 | display: block; | ||
| 127 | width: 0; | ||
| 128 | height: 0; | ||
| 129 | border-width: 0px 0px 55px 55px; | ||
| 130 | border-style: none solid solid; | ||
| 131 | border-color: transparent transparent #fe9400; | ||
| 132 | position: absolute; | ||
| 133 | top: 0; | ||
| 134 | right: 0; | ||
| 135 | transform: rotate(-90deg); | ||
| 136 | } | ||
| 137 | |||
| 138 | .xianshiIcon { | ||
| 139 | position: relative; | ||
| 140 | |||
| 141 | .icon { | ||
| 142 | position: absolute; | ||
| 143 | top: 9px; | ||
| 144 | right: 5px; | ||
| 145 | transform: rotate(45deg); | ||
| 146 | color: #fff; | ||
| 147 | font-size: 12px; | ||
| 148 | z-index: 10; | ||
| 149 | } | ||
| 150 | } | ||
| 151 | |||
| 152 | .xianshiIcon::after { | ||
| 153 | content: ""; | ||
| 154 | display: block; | ||
| 155 | width: 0; | ||
| 156 | height: 0; | ||
| 157 | border-width: 0px 0px 55px 55px; | ||
| 158 | border-style: none solid solid; | ||
| 159 | border-color: transparent transparent #67C23A; | ||
| 160 | position: absolute; | ||
| 161 | top: 0; | ||
| 162 | right: 0; | ||
| 163 | transform: rotate(-90deg); | ||
| 164 | } | ||
| 165 | |||
| 166 | |||
| 167 | |||
| 168 | tr { | 110 | tr { |
| 169 | display: flex; | 111 | display: flex; |
| 170 | } | 112 | } |
| ... | @@ -209,4 +151,4 @@ | ... | @@ -209,4 +151,4 @@ |
| 209 | margin-left: 2px; | 151 | margin-left: 2px; |
| 210 | } | 152 | } |
| 211 | } | 153 | } |
| 212 | } | 154 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -43,8 +43,12 @@ export default { | ... | @@ -43,8 +43,12 @@ export default { |
| 43 | //加载流程初始参数 | 43 | //加载流程初始参数 |
| 44 | flowInitParam () { | 44 | flowInitParam () { |
| 45 | var formdata = new FormData(); | 45 | var formdata = new FormData(); |
| 46 | |||
| 46 | formdata.append("bsmSlsq", this.bsmSlsq); | 47 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 47 | formdata.append("bestepid", this.bestepid); | 48 | formdata.append("bestepid", this.bestepid); |
| 49 | if (this.type) { | ||
| 50 | formdata.append("type", "READ_ONLY"); | ||
| 51 | } | ||
| 48 | stepExpandInfo(formdata).then((res) => { | 52 | stepExpandInfo(formdata).then((res) => { |
| 49 | if (res.code === 200) { | 53 | if (res.code === 200) { |
| 50 | this.leftButtonList = res.result.button; | 54 | this.leftButtonList = res.result.button; | ... | ... |
src/views/djbworkflow/workFrameView.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-24 15:31:00 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="container"> | ||
| 8 | <!-- 顶部内容框 --> | ||
| 9 | <div class="topButton"> | ||
| 10 | <!-- 左侧业务功能按钮 --> | ||
| 11 | <ul> | ||
| 12 | <li | ||
| 13 | @click="operation(item)" | ||
| 14 | v-for="(item, index) in leftButtonList" | ||
| 15 | :key="index" | ||
| 16 | > | ||
| 17 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
| 18 | <span class="iconName">{{ item.name }}</span> | ||
| 19 | </li> | ||
| 20 | </ul> | ||
| 21 | <ul> | ||
| 22 | <li | ||
| 23 | @click="operation(item)" | ||
| 24 | v-for="(item, index) in rightButtonList" | ||
| 25 | :key="index" | ||
| 26 | > | ||
| 27 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
| 28 | <span class="iconName">{{ item.name }}</span> | ||
| 29 | </li> | ||
| 30 | </ul> | ||
| 31 | <!-- <NoticeBar | ||
| 32 | class="NoticeBar" | ||
| 33 | :noticeList="noticeList" | ||
| 34 | v-if="noticeList.length > 0" | ||
| 35 | /> --> | ||
| 36 | </div> | ||
| 37 | <!-- 内容框架 --> | ||
| 38 | <div class="containerFrame"> | ||
| 39 | <!-- 左侧菜单栏 区分业务--> | ||
| 40 | <ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" /> | ||
| 41 | <div class="leftCon"> | ||
| 42 | <!-- 分屏左侧预览 --> | ||
| 43 | <div v-if="splitScreen" class="splitScreen-con"> | ||
| 44 | <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" /> | ||
| 45 | </div> | ||
| 46 | <!-- 表单内容区域 --> | ||
| 47 | <div class="rightContainer"> | ||
| 48 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | ||
| 49 | <el-tab-pane | ||
| 50 | :label="item.name" | ||
| 51 | :name="item.value" | ||
| 52 | v-for="item in tabList" | ||
| 53 | :key="item.value" | ||
| 54 | > | ||
| 55 | </el-tab-pane> | ||
| 56 | </el-tabs> | ||
| 57 | <component | ||
| 58 | :key="fresh" | ||
| 59 | :is="componentTag" | ||
| 60 | v-bind="currentSelectProps" | ||
| 61 | /> | ||
| 62 | </div> | ||
| 63 | </div> | ||
| 64 | </div> | ||
| 65 | <!-- 新增补录信息勾选权利类型 --> | ||
| 66 | <qllxDailog ref="qllxlist" /> | ||
| 67 | </div> | ||
| 68 | </template> | ||
| 69 | <style scoped lang="scss"> | ||
| 70 | @import "~@/styles/mixin.scss"; | ||
| 71 | @import "./workFrame.scss"; | ||
| 72 | </style> | ||
| 73 | <script> | ||
| 74 | import WorkFlow from "./mixin/index"; | ||
| 75 | import { getForm } from "./flowform"; | ||
| 76 | import { getStepFormInfo } from "@/api/fqsq.js"; | ||
| 77 | import NoticeBar from "@/components/NoticeBar/index"; | ||
| 78 | import ProcessViewer from "./components/processViewer.vue"; | ||
| 79 | // 引入左侧菜单 | ||
| 80 | import { leftMenubl } from "@/api/djbbl.js"; | ||
| 81 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | ||
| 82 | import qllxDailog from "./djbBook/components/qllxDailog"; | ||
| 83 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | ||
| 84 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | ||
| 85 | // 登记簿数据信息 | ||
| 86 | import { addRepairRecord } from "@/api/djbbl.js"; | ||
| 87 | // 获取权利类型数组 | ||
| 88 | import { getQllxByBdcdyid } from "@/api/djbbl.js"; | ||
| 89 | |||
| 90 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | ||
| 91 | export default { | ||
| 92 | components: { | ||
| 93 | selectBdc, | ||
| 94 | NoticeBar, | ||
| 95 | ProcessViewer, | ||
| 96 | ordinaryMenu, | ||
| 97 | qllxDailog, | ||
| 98 | }, | ||
| 99 | mixins: [WorkFlow], | ||
| 100 | data() { | ||
| 101 | return { | ||
| 102 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 103 | //当前流程所在环节 | ||
| 104 | bestepid: this.$route.query.bestepid, | ||
| 105 | //受理申请标识码 | ||
| 106 | bdcdyid: this.$route.query.bdcdyid, | ||
| 107 | //当前流程所在环节 | ||
| 108 | bdcdyh: this.$route.query.bdcdyh, | ||
| 109 | qllx: this.$route.query.qllx, | ||
| 110 | //设置那个表单选中 | ||
| 111 | tabName: "", | ||
| 112 | // 弹框显示 | ||
| 113 | dialogVisible: true, | ||
| 114 | //表单集合 | ||
| 115 | tabList: [], | ||
| 116 | type: "READ_ONLY", | ||
| 117 | //选择加载哪一个组件 | ||
| 118 | componentTag: "", | ||
| 119 | //设置表单传递数据 | ||
| 120 | currentSelectProps: {}, | ||
| 121 | // 首次拿到的业务信息 | ||
| 122 | oneSelectProps: {}, | ||
| 123 | //材料信息选择卡索引 | ||
| 124 | oneget: true, | ||
| 125 | //页面监听时间 | ||
| 126 | _beforeUnload_time: "", | ||
| 127 | treedata: {}, | ||
| 128 | tabdata: [], | ||
| 129 | defaultNode: {}, | ||
| 130 | }; | ||
| 131 | }, | ||
| 132 | mounted() { | ||
| 133 | // this.getleftMenubl() | ||
| 134 | }, | ||
| 135 | |||
| 136 | methods: { | ||
| 137 | stepForm(qllx) { | ||
| 138 | this.oneSelectProps.qllx = qllx; | ||
| 139 | if (this.$refs.Menu.supplementarylist.length) { | ||
| 140 | this.oneSelectProps.type = this.type | ||
| 141 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
| 142 | this.$nextTick(function () { | ||
| 143 | this.tabList = res.result; | ||
| 144 | this.tabName = this.tabList[0].value; | ||
| 145 | this.getFromRouter(this.tabName); | ||
| 146 | }); | ||
| 147 | }); | ||
| 148 | } | ||
| 149 | }, | ||
| 150 | // 获取右侧菜单 | ||
| 151 | // getleftMenubl() { | ||
| 152 | // leftMenubl(this.bsmSlsq).then((res) => { | ||
| 153 | // this.supplementarylist = res.result; | ||
| 154 | // }) | ||
| 155 | // }, | ||
| 156 | getQllxByBdcdyid() { | ||
| 157 | if (this.currentSelectProps.bdcdyid) { | ||
| 158 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
| 159 | (res) => { | ||
| 160 | if (res.code === 200) { | ||
| 161 | this.$refs.qllxlist.qllxlistdata = res.result; | ||
| 162 | this.$refs.qllxlist.dialogVisible = true; | ||
| 163 | } | ||
| 164 | } | ||
| 165 | ); | ||
| 166 | } | ||
| 167 | }, | ||
| 168 | // 获取右侧选项卡 | ||
| 169 | getCurrentSelectProps(val) { | ||
| 170 | if (val.bdcdyid) { | ||
| 171 | this.oneSelectProps = val; | ||
| 172 | } | ||
| 173 | this.currentSelectProps = val; | ||
| 174 | if (this.currentSelectProps.bsmRepair) { | ||
| 175 | this.stepForm(this.currentSelectProps.qllx); | ||
| 176 | } else if (!this.oneget) { | ||
| 177 | this.getdjblist(); | ||
| 178 | } | ||
| 179 | if (this.oneget) { | ||
| 180 | this.oneget = false; | ||
| 181 | this.stepForm(this.currentSelectProps.qllx); | ||
| 182 | } | ||
| 183 | }, | ||
| 184 | // 获取渲染登记簿列表 | ||
| 185 | getdjblist() { | ||
| 186 | getBdcqljqtsx({ | ||
| 187 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
| 188 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
| 189 | }).then((res) => { | ||
| 190 | if (res.code === 200) { | ||
| 191 | this.treedata = loadTreeData(res.result, this.bdcdyh); | ||
| 192 | this.$nextTick(function () { | ||
| 193 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
| 194 | linShi: 0, | ||
| 195 | xianShi: 0, | ||
| 196 | liShi: 0, | ||
| 197 | }); | ||
| 198 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
| 199 | }); | ||
| 200 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
| 201 | this.tabdata = [ | ||
| 202 | ...settree, | ||
| 203 | ...settree[1].children[0].children[0].children, | ||
| 204 | ]; | ||
| 205 | this.tabdata.forEach((item, index, arr) => { | ||
| 206 | arr[index].name = item.label; | ||
| 207 | arr[index].value = item.id; | ||
| 208 | }); | ||
| 209 | this.tabList = this.tabdata; | ||
| 210 | } | ||
| 211 | }); | ||
| 212 | }, | ||
| 213 | //右侧表单选项卡事件 | ||
| 214 | beforeLeave(activeName) { | ||
| 215 | if (activeName && activeName != 0) this.getFromRouter(activeName); | ||
| 216 | }, | ||
| 217 | //切换选项卡内容组件 | ||
| 218 | getFromRouter(tabname) { | ||
| 219 | console.log("tabnameeeeeeeeeeeeeeeeee", tabname,this.tabList); | ||
| 220 | this.componentTag = getForm(tabname); | ||
| 221 | }, | ||
| 222 | closefp() { | ||
| 223 | console.log("点击分屏"); | ||
| 224 | this.splitScreen = this.splitScreen ? false : true; | ||
| 225 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
| 226 | this.getFromRouter(this.tabList[0].value); | ||
| 227 | this.clxxForm = getForm(this.tabList[1].value); | ||
| 228 | }, | ||
| 229 | // 增加补录记录 | ||
| 230 | addRepairRecord(row, del) { | ||
| 231 | let from = { | ||
| 232 | bsmQlxx: "", | ||
| 233 | bsmSlsq: this.bsmSlsq, | ||
| 234 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
| 235 | operate: "C", | ||
| 236 | qllx: "", | ||
| 237 | }; | ||
| 238 | if (row) { | ||
| 239 | from.bsmQlxx = row.bsmQlxx; | ||
| 240 | if (del) { | ||
| 241 | from.operate = del; | ||
| 242 | } else { | ||
| 243 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 244 | } | ||
| 245 | from.qllx = row.qllx; | ||
| 246 | } | ||
| 247 | addRepairRecord(from) | ||
| 248 | .then((res) => { | ||
| 249 | if (res.code == "200") { | ||
| 250 | this.$refs.qllxlist.dialogVisible = false; | ||
| 251 | this.$nextTick(() => { | ||
| 252 | this.$refs.Menu.getleftMenubl(res.result); | ||
| 253 | this.$message({ | ||
| 254 | type: "success", | ||
| 255 | message: "补录成功!", | ||
| 256 | }); | ||
| 257 | }); | ||
| 258 | } else { | ||
| 259 | this.$alert(res.message, "提示", { | ||
| 260 | confirmButtonText: "确定", | ||
| 261 | type: "warning", | ||
| 262 | }); | ||
| 263 | } | ||
| 264 | }) | ||
| 265 | .catch((res) => { | ||
| 266 | console.log("错", res); | ||
| 267 | }); | ||
| 268 | }, | ||
| 269 | }, | ||
| 270 | }; | ||
| 271 | </script> | ||
| 272 | <style scoped lang="scss"></style> |
| ... | @@ -22,13 +22,19 @@ | ... | @@ -22,13 +22,19 @@ |
| 22 | :class="[ | 22 | :class="[ |
| 23 | row.qszt == '2' ? 'lishi' : '', | 23 | row.qszt == '2' ? 'lishi' : '', |
| 24 | row.qszt == '0' ? 'linshi' : '', | 24 | row.qszt == '0' ? 'linshi' : '', |
| 25 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', | 25 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 26 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 26 | ]"> | 27 | ]"> |
| 27 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 28 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 28 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 30 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 31 | </div> | ||
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 33 | 正在办理 | ||
| 34 | </div> | ||
| 35 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 36 | 有效 | ||
| 30 | </div> | 37 | </div> |
| 31 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> | ||
| 32 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 38 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
| 33 | 39 | ||
| 34 | <span v-else>{{ row[item.prop] }}</span> | 40 | <span v-else>{{ row[item.prop] }}</span> |
| ... | @@ -66,9 +72,9 @@ | ... | @@ -66,9 +72,9 @@ |
| 66 | }, | 72 | }, |
| 67 | methods: { | 73 | methods: { |
| 68 | loadData () { | 74 | loadData () { |
| 69 | if (this.$parent.addRepairRecord) { | 75 | if (this.$parent.addRepairRecord) { |
| 70 | this.columns.unshift({ prop: "cz", label: "操作" }); | 76 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 71 | } | 77 | } |
| 72 | getCfdjList({ | 78 | getCfdjList({ |
| 73 | bdcdyid: this.propsParam.bdcdyid, | 79 | bdcdyid: this.propsParam.bdcdyid, |
| 74 | qllx: this.propsParam.qllx, | 80 | qllx: this.propsParam.qllx, |
| ... | @@ -113,28 +119,28 @@ | ... | @@ -113,28 +119,28 @@ |
| 113 | } | 119 | } |
| 114 | return name; | 120 | return name; |
| 115 | }, | 121 | }, |
| 116 | // 新增一条补录信息 | 122 | // 新增一条补录信息 |
| 117 | editDialog(row, del) { | 123 | editDialog (row, del) { |
| 118 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 124 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 119 | confirmButtonText: "确定", | 125 | confirmButtonText: "确定", |
| 120 | cancelButtonText: "取消", | 126 | cancelButtonText: "取消", |
| 121 | type: "warning", | 127 | type: "warning", |
| 122 | }) | ||
| 123 | .then(() => { | ||
| 124 | this.$parent.addRepairRecord(row, del); | ||
| 125 | |||
| 126 | this.$message({ | ||
| 127 | type: "success", | ||
| 128 | message: "补录成功!", | ||
| 129 | }); | ||
| 130 | }) | 128 | }) |
| 131 | .catch(() => { | 129 | .then(() => { |
| 132 | this.$message({ | 130 | this.$parent.addRepairRecord(row, del); |
| 133 | type: "info", | 131 | |
| 134 | message: "取消编辑", | 132 | this.$message({ |
| 133 | type: "success", | ||
| 134 | message: "补录成功!", | ||
| 135 | }); | ||
| 136 | }) | ||
| 137 | .catch(() => { | ||
| 138 | this.$message({ | ||
| 139 | type: "info", | ||
| 140 | message: "取消编辑", | ||
| 141 | }); | ||
| 135 | }); | 142 | }); |
| 136 | }); | 143 | }, |
| 137 | }, | ||
| 138 | }, | 144 | }, |
| 139 | }; | 145 | }; |
| 140 | </script> | 146 | </script> | ... | ... |
| ... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
| 8 | <el-checkbox | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
| 10 | :key="item.value" | 10 | :key="item.value" |
| 11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
| 15 | </div> | 13 | </div> |
| 16 | </div> | 14 | </div> |
| ... | @@ -27,25 +25,24 @@ | ... | @@ -27,25 +25,24 @@ |
| 27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
| 31 | > | 29 | ]"> |
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 33 | <el-button | 31 | <el-button |
| 34 | type="text" | 32 | type="text" |
| 35 | icon="el-icon-edit-outline" | 33 | icon="el-icon-edit-outline" |
| 36 | @click="editDialog(row)" | 34 | @click="editDialog(row)">编辑</el-button> |
| 37 | >编辑</el-button | ||
| 38 | > | ||
| 39 | <el-button | 35 | <el-button |
| 40 | type="text" | 36 | type="text" |
| 41 | icon="el-icon-edit-outline" | 37 | icon="el-icon-edit-outline" |
| 42 | @click="editDialog(row, 'D')" | 38 | @click="editDialog(row, 'D')">删除</el-button> |
| 43 | >删除</el-button | ||
| 44 | > | ||
| 45 | </div> | 39 | </div> |
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 47 | 正在办理 | 41 | 正在办理 |
| 48 | </div> | 42 | </div> |
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 44 | 有效 | ||
| 45 | </div> | ||
| 49 | <span v-if="item.prop == 'qszt'"> | 46 | <span v-if="item.prop == 'qszt'"> |
| 50 | {{ getQsztName(row[item.prop]) }} | 47 | {{ getQsztName(row[item.prop]) }} |
| 51 | </span> | 48 | </span> |
| ... | @@ -61,96 +58,95 @@ | ... | @@ -61,96 +58,95 @@ |
| 61 | </template> | 58 | </template> |
| 62 | 59 | ||
| 63 | <script> | 60 | <script> |
| 64 | import { datas } from "./qlxxFormData.js"; | 61 | import { datas } from "./qlxxFormData.js"; |
| 65 | import { getSjlx } from "@/utils/dictionary.js"; | 62 | import { getSjlx } from "@/utils/dictionary.js"; |
| 66 | import { getDiyaqList } from "@/api/registerBook.js"; | 63 | import { getDiyaqList } from "@/api/registerBook.js"; |
| 67 | export default { | 64 | export default { |
| 68 | data() { | 65 | data () { |
| 69 | return { | 66 | return { |
| 70 | title: "抵押权登记信息", | 67 | title: "抵押权登记信息", |
| 71 | qsztList: datas.columns().qsztList, | 68 | qsztList: datas.columns().qsztList, |
| 72 | checkList: datas.columns().checkList, | 69 | checkList: datas.columns().checkList, |
| 73 | //传递参数 | 70 | //传递参数 |
| 74 | propsParam: this.$attrs, | 71 | propsParam: this.$attrs, |
| 75 | //列表数据 | 72 | //列表数据 |
| 76 | tableData: [], | 73 | tableData: [], |
| 77 | //空列值个数 | 74 | //空列值个数 |
| 78 | emptycolNum: datas.columns().emptycolNum, | 75 | emptycolNum: datas.columns().emptycolNum, |
| 79 | //列名称对象 | 76 | //列名称对象 |
| 80 | columns: datas.columns().DYAQ, | 77 | columns: datas.columns().DYAQ, |
| 81 | }; | 78 | }; |
| 82 | }, | ||
| 83 | created() { | ||
| 84 | this.loadData(); | ||
| 85 | }, | ||
| 86 | methods: { | ||
| 87 | loadData() { | ||
| 88 | if (this.$parent.addRepairRecord) { | ||
| 89 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 90 | } | ||
| 91 | getDiyaqList({ | ||
| 92 | bdcdyid: this.propsParam.bdcdyid, | ||
| 93 | qllx: this.propsParam.qllx, | ||
| 94 | qszt: this.checkList, | ||
| 95 | }).then((res) => { | ||
| 96 | if (res.code === 200) { | ||
| 97 | this.tableData = res.result; | ||
| 98 | this.tableData.forEach((item) => { | ||
| 99 | item.sjlx = getSjlx(item.sjlx); | ||
| 100 | }); | ||
| 101 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 102 | this.emptycolNum = | ||
| 103 | datas.columns().emptycolNum - this.tableData.length; | ||
| 104 | } else { | ||
| 105 | this.emptycolNum = 0; | ||
| 106 | } | ||
| 107 | } | ||
| 108 | }); | ||
| 109 | }, | 79 | }, |
| 110 | checkChange() { | 80 | created () { |
| 111 | if (this.checkList.length === 0) { | 81 | this.loadData(); |
| 112 | this.tableData = []; | ||
| 113 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 114 | } else { | ||
| 115 | this.loadData(); | ||
| 116 | } | ||
| 117 | }, | 82 | }, |
| 118 | getQsztName(code) { | 83 | methods: { |
| 119 | let name = ""; | 84 | loadData () { |
| 120 | for (let item of this.qsztList) { | 85 | if (this.$parent.addRepairRecord) { |
| 121 | if (item.value == code) { | 86 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 122 | name = item.label; | ||
| 123 | break; | ||
| 124 | } | 87 | } |
| 125 | } | 88 | getDiyaqList({ |
| 126 | return name; | 89 | bdcdyid: this.propsParam.bdcdyid, |
| 127 | }, | 90 | qllx: this.propsParam.qllx, |
| 128 | // 新增一条补录信息 | 91 | qszt: this.checkList, |
| 129 | editDialog(row, del) { | 92 | }).then((res) => { |
| 130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 93 | if (res.code === 200) { |
| 131 | confirmButtonText: "确定", | 94 | this.tableData = res.result; |
| 132 | cancelButtonText: "取消", | 95 | this.tableData.forEach((item) => { |
| 133 | type: "warning", | 96 | item.sjlx = getSjlx(item.sjlx); |
| 134 | }) | 97 | }); |
| 135 | .then(() => { | 98 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 136 | this.$parent.addRepairRecord(row, del); | 99 | this.emptycolNum = |
| 137 | 100 | datas.columns().emptycolNum - this.tableData.length; | |
| 138 | this.$message({ | 101 | } else { |
| 139 | type: "success", | 102 | this.emptycolNum = 0; |
| 140 | message: "补录成功!", | 103 | } |
| 141 | }); | 104 | } |
| 105 | }); | ||
| 106 | }, | ||
| 107 | checkChange () { | ||
| 108 | if (this.checkList.length === 0) { | ||
| 109 | this.tableData = []; | ||
| 110 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 111 | } else { | ||
| 112 | this.loadData(); | ||
| 113 | } | ||
| 114 | }, | ||
| 115 | getQsztName (code) { | ||
| 116 | let name = ""; | ||
| 117 | for (let item of this.qsztList) { | ||
| 118 | if (item.value == code) { | ||
| 119 | name = item.label; | ||
| 120 | break; | ||
| 121 | } | ||
| 122 | } | ||
| 123 | return name; | ||
| 124 | }, | ||
| 125 | // 新增一条补录信息 | ||
| 126 | editDialog (row, del) { | ||
| 127 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 128 | confirmButtonText: "确定", | ||
| 129 | cancelButtonText: "取消", | ||
| 130 | type: "warning", | ||
| 142 | }) | 131 | }) |
| 143 | .catch(() => { | 132 | .then(() => { |
| 144 | this.$message({ | 133 | this.$parent.addRepairRecord(row, del); |
| 145 | type: "info", | 134 | this.$message({ |
| 146 | message: "取消编辑", | 135 | type: "success", |
| 136 | message: "补录成功!", | ||
| 137 | }); | ||
| 138 | }) | ||
| 139 | .catch(() => { | ||
| 140 | this.$message({ | ||
| 141 | type: "info", | ||
| 142 | message: "取消编辑", | ||
| 143 | }); | ||
| 147 | }); | 144 | }); |
| 148 | }); | 145 | }, |
| 149 | }, | 146 | }, |
| 150 | }, | 147 | }; |
| 151 | }; | ||
| 152 | </script> | 148 | </script> |
| 153 | 149 | ||
| 154 | <style lang="scss" scoped> | 150 | <style lang="scss" scoped> |
| 155 | @import "./qlxxCommon.scss"; | 151 | @import "./qlxxCommon.scss"; |
| 156 | </style> | 152 | </style> | ... | ... |
| ... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
| 8 | <el-checkbox | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
| 10 | :key="item.value" | 10 | :key="item.value" |
| 11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
| 15 | </div> | 13 | </div> |
| 16 | </div> | 14 | </div> |
| ... | @@ -27,15 +25,18 @@ | ... | @@ -27,15 +25,18 @@ |
| 27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
| 31 | > | 29 | ]"> |
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 33 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 31 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 32 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 35 | </div> | 33 | </div> |
| 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 34 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 37 | 正在办理 | 35 | 正在办理 |
| 38 | </div> | 36 | </div> |
| 37 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 38 | 有效 | ||
| 39 | </div> | ||
| 39 | <span v-if="item.prop == 'qszt'"> | 40 | <span v-if="item.prop == 'qszt'"> |
| 40 | {{ getQsztName(row[item.prop]) }} | 41 | {{ getQsztName(row[item.prop]) }} |
| 41 | </span> | 42 | </span> |
| ... | @@ -51,96 +52,96 @@ | ... | @@ -51,96 +52,96 @@ |
| 51 | </template> | 52 | </template> |
| 52 | 53 | ||
| 53 | <script> | 54 | <script> |
| 54 | import { datas } from "./qlxxFormData.js"; | 55 | import { datas } from "./qlxxFormData.js"; |
| 55 | import { getSjlx } from "@/utils/dictionary.js"; | 56 | import { getSjlx } from "@/utils/dictionary.js"; |
| 56 | import { getDiyiqList } from "@/api/registerBook.js"; | 57 | import { getDiyiqList } from "@/api/registerBook.js"; |
| 57 | export default { | 58 | export default { |
| 58 | data() { | 59 | data () { |
| 59 | return { | 60 | return { |
| 60 | title: "地役权登记信息", | 61 | title: "地役权登记信息", |
| 61 | qsztList: datas.columns().qsztList, | 62 | qsztList: datas.columns().qsztList, |
| 62 | checkList: datas.columns().checkList, | 63 | checkList: datas.columns().checkList, |
| 63 | //传递参数 | 64 | //传递参数 |
| 64 | propsParam: this.$attrs, | 65 | propsParam: this.$attrs, |
| 65 | //列表数据 | 66 | //列表数据 |
| 66 | tableData: [], | 67 | tableData: [], |
| 67 | //空列值个数 | 68 | //空列值个数 |
| 68 | emptycolNum: datas.columns().emptycolNum, | 69 | emptycolNum: datas.columns().emptycolNum, |
| 69 | //列名称对象 | 70 | //列名称对象 |
| 70 | columns: datas.columns().DYIQ, | 71 | columns: datas.columns().DYIQ, |
| 71 | }; | 72 | }; |
| 72 | }, | ||
| 73 | created() { | ||
| 74 | this.loadData(); | ||
| 75 | }, | ||
| 76 | methods: { | ||
| 77 | loadData() { | ||
| 78 | if (this.$parent.addRepairRecord) { | ||
| 79 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 80 | } | ||
| 81 | getDiyiqList({ | ||
| 82 | bdcdyid: this.propsParam.bdcdyid, | ||
| 83 | qllx: this.propsParam.qllx, | ||
| 84 | qszt: this.checkList, | ||
| 85 | }).then((res) => { | ||
| 86 | if (res.code === 200) { | ||
| 87 | this.tableData = res.result; | ||
| 88 | this.tableData.forEach((item) => { | ||
| 89 | item.sjlx = getSjlx(item.sjlx); | ||
| 90 | }); | ||
| 91 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 92 | this.emptycolNum = | ||
| 93 | datas.columns().emptycolNum - this.tableData.length; | ||
| 94 | } else { | ||
| 95 | this.emptycolNum = 0; | ||
| 96 | } | ||
| 97 | } | ||
| 98 | }); | ||
| 99 | }, | 73 | }, |
| 100 | checkChange() { | 74 | created () { |
| 101 | if (this.checkList.length === 0) { | 75 | this.loadData(); |
| 102 | this.tableData = []; | ||
| 103 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 104 | } else { | ||
| 105 | this.loadData(); | ||
| 106 | } | ||
| 107 | }, | 76 | }, |
| 108 | getQsztName(code) { | 77 | methods: { |
| 109 | let name = ""; | 78 | loadData () { |
| 110 | for (let item of this.qsztList) { | 79 | if (this.$parent.addRepairRecord) { |
| 111 | if (item.value == code) { | 80 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 112 | name = item.label; | ||
| 113 | break; | ||
| 114 | } | 81 | } |
| 115 | } | 82 | getDiyiqList({ |
| 116 | return name; | 83 | bdcdyid: this.propsParam.bdcdyid, |
| 117 | }, | 84 | qllx: this.propsParam.qllx, |
| 118 | // 新增一条补录信息 | 85 | qszt: this.checkList, |
| 119 | editDialog(row, del) { | 86 | }).then((res) => { |
| 120 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 87 | if (res.code === 200) { |
| 121 | confirmButtonText: "确定", | 88 | this.tableData = res.result; |
| 122 | cancelButtonText: "取消", | 89 | this.tableData.forEach((item) => { |
| 123 | type: "warning", | 90 | item.sjlx = getSjlx(item.sjlx); |
| 124 | }) | 91 | }); |
| 125 | .then(() => { | 92 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 126 | this.$parent.addRepairRecord(row, del); | 93 | this.emptycolNum = |
| 127 | 94 | datas.columns().emptycolNum - this.tableData.length; | |
| 128 | this.$message({ | 95 | } else { |
| 129 | type: "success", | 96 | this.emptycolNum = 0; |
| 130 | message: "补录成功!", | 97 | } |
| 131 | }); | 98 | } |
| 99 | }); | ||
| 100 | }, | ||
| 101 | checkChange () { | ||
| 102 | if (this.checkList.length === 0) { | ||
| 103 | this.tableData = []; | ||
| 104 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 105 | } else { | ||
| 106 | this.loadData(); | ||
| 107 | } | ||
| 108 | }, | ||
| 109 | getQsztName (code) { | ||
| 110 | let name = ""; | ||
| 111 | for (let item of this.qsztList) { | ||
| 112 | if (item.value == code) { | ||
| 113 | name = item.label; | ||
| 114 | break; | ||
| 115 | } | ||
| 116 | } | ||
| 117 | return name; | ||
| 118 | }, | ||
| 119 | // 新增一条补录信息 | ||
| 120 | editDialog (row, del) { | ||
| 121 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 122 | confirmButtonText: "确定", | ||
| 123 | cancelButtonText: "取消", | ||
| 124 | type: "warning", | ||
| 132 | }) | 125 | }) |
| 133 | .catch(() => { | 126 | .then(() => { |
| 134 | this.$message({ | 127 | this.$parent.addRepairRecord(row, del); |
| 135 | type: "info", | 128 | |
| 136 | message: "取消编辑", | 129 | this.$message({ |
| 130 | type: "success", | ||
| 131 | message: "补录成功!", | ||
| 132 | }); | ||
| 133 | }) | ||
| 134 | .catch(() => { | ||
| 135 | this.$message({ | ||
| 136 | type: "info", | ||
| 137 | message: "取消编辑", | ||
| 138 | }); | ||
| 137 | }); | 139 | }); |
| 138 | }); | 140 | }, |
| 139 | }, | 141 | }, |
| 140 | }, | 142 | }; |
| 141 | }; | ||
| 142 | </script> | 143 | </script> |
| 143 | 144 | ||
| 144 | <style lang="scss" scoped> | 145 | <style lang="scss" scoped> |
| 145 | @import "./qlxxCommon.scss"; | 146 | @import "./qlxxCommon.scss"; |
| 146 | </style> | 147 | </style> | ... | ... |
| ... | @@ -11,117 +11,118 @@ | ... | @@ -11,117 +11,118 @@ |
| 11 | </div> | 11 | </div> |
| 12 | </template> | 12 | </template> |
| 13 | <script> | 13 | <script> |
| 14 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | 14 | import { getBdcqljqtsx } from "@/api/registerBook.js"; |
| 15 | import { loadTreeData, getNode } from "./djbFrameData.js"; | 15 | import { loadTreeData, getNode } from "./djbFrameData.js"; |
| 16 | export default { | 16 | export default { |
| 17 | data () { | 17 | data () { |
| 18 | return { | 18 | return { |
| 19 | //接收参数 | 19 | //接收参数 |
| 20 | // propsParam: this.$attrs, | 20 | // propsParam: this.$attrs, |
| 21 | //左侧目录 | 21 | //左侧目录 |
| 22 | catalog: {}, | 22 | catalog: {}, |
| 23 | //选择加载哪一个组件 | 23 | //选择加载哪一个组件 |
| 24 | componentTag: "", | 24 | componentTag: "", |
| 25 | //子组件接收参数 | 25 | //子组件接收参数 |
| 26 | currentSelectProps: {}, | 26 | currentSelectProps: {}, |
| 27 | //左侧树形结构数据 | 27 | //左侧树形结构数据 |
| 28 | treedata: [], | 28 | treedata: [], |
| 29 | defaultNode: "", | 29 | defaultNode: "", |
| 30 | defaultProps: { | 30 | defaultProps: { |
| 31 | value: "id", | 31 | value: "id", |
| 32 | children: "children", | 32 | children: "children", |
| 33 | label: "label", | 33 | label: "label", |
| 34 | }, | 34 | }, |
| 35 | showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 | 35 | showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 |
| 36 | }; | ||
| 37 | }, | ||
| 38 | props: ["formData"], | ||
| 39 | mounted () { | ||
| 40 | this.loadData(); | ||
| 41 | }, | ||
| 42 | methods: { | ||
| 43 | loadData () { | ||
| 44 | getBdcqljqtsx({ | ||
| 45 | bdcdyid: this.formData.bdcdyid, | ||
| 46 | bdcdyh: this.formData.bdcdyh, | ||
| 47 | }).then((res) => { | ||
| 48 | if (res.code === 200) { | ||
| 49 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); | ||
| 50 | this.$nextTick(function () { | ||
| 51 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | ||
| 52 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
| 53 | this.loadComponent(this.defaultNode.form); | ||
| 54 | }); | ||
| 55 | } | ||
| 56 | }); | ||
| 57 | this.currentSelectProps = { | ||
| 58 | bdcdyid: this.formData.bdcdyid, | ||
| 59 | bdcdyh: this.formData.bdcdyh, | ||
| 60 | qllx: this.formData.qllx, | ||
| 61 | bsmQlxx: this.formData.bsmQlxx, | ||
| 62 | }; | 36 | }; |
| 63 | }, | 37 | }, |
| 64 | handleNodeClick (data, node, elem) { | 38 | props: ["formData"], |
| 65 | this.loadComponent(data.form); | 39 | mounted () { |
| 40 | this.loadData(); | ||
| 66 | }, | 41 | }, |
| 67 | loadComponent (form) { | 42 | methods: { |
| 68 | this.componentTag = (r) => | 43 | loadData () { |
| 69 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 44 | getBdcqljqtsx({ |
| 45 | bdcdyid: this.formData.bdcdyid, | ||
| 46 | bdcdyh: this.formData.bdcdyh, | ||
| 47 | }).then((res) => { | ||
| 48 | if (res.code === 200) { | ||
| 49 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); | ||
| 50 | this.$nextTick(function () { | ||
| 51 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | ||
| 52 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
| 53 | this.loadComponent(this.defaultNode.form); | ||
| 54 | }); | ||
| 55 | } | ||
| 56 | }); | ||
| 57 | this.currentSelectProps = { | ||
| 58 | bdcdyid: this.formData.bdcdyid, | ||
| 59 | bdcdyh: this.formData.bdcdyh, | ||
| 60 | qllx: this.formData.qllx, | ||
| 61 | bsmQlxx: this.formData.bsmQlxx, | ||
| 62 | }; | ||
| 63 | }, | ||
| 64 | handleNodeClick (data, node, elem) { | ||
| 65 | this.loadComponent(data.form); | ||
| 66 | }, | ||
| 67 | loadComponent (form) { | ||
| 68 | console.log(form, 'formformformform'); | ||
| 69 | this.componentTag = (r) => | ||
| 70 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | ||
| 71 | }, | ||
| 70 | }, | 72 | }, |
| 71 | }, | 73 | }; |
| 72 | }; | ||
| 73 | </script> | 74 | </script> |
| 74 | <style scoped lang="scss"> | 75 | <style scoped lang="scss"> |
| 75 | /deep/.rollTable { | 76 | /deep/.rollTable { |
| 76 | height: calc(100vh - 240px) !important; | 77 | height: calc(100vh - 240px) !important; |
| 77 | } | 78 | } |
| 78 | 79 | ||
| 79 | .content { | 80 | .content { |
| 80 | width: 100%; | 81 | width: 100%; |
| 81 | height: 100%; | 82 | height: 100%; |
| 82 | display: flex; | 83 | display: flex; |
| 83 | 84 | ||
| 84 | .left { | 85 | .left { |
| 85 | width: 256px; | 86 | width: 256px; |
| 86 | height: 704px; | 87 | height: 704px; |
| 87 | background-color: #f5f5f5; | 88 | background-color: #f5f5f5; |
| 88 | color: #333; | 89 | color: #333; |
| 89 | border: 1px solid rgb(228, 228, 228); | 90 | border: 1px solid rgb(228, 228, 228); |
| 90 | } | 91 | } |
| 91 | 92 | ||
| 92 | .right { | 93 | .right { |
| 93 | width: calc(100% - 256px); | 94 | width: calc(100% - 256px); |
| 94 | height: 704px; | 95 | height: 704px; |
| 95 | // overflow-y: scroll; | 96 | // overflow-y: scroll; |
| 96 | overflow: auto; | 97 | overflow: auto; |
| 97 | background-color: #f5f5f5; | 98 | background-color: #f5f5f5; |
| 98 | border: 1px solid rgb(228, 228, 228); | 99 | border: 1px solid rgb(228, 228, 228); |
| 100 | } | ||
| 99 | } | 101 | } |
| 100 | } | ||
| 101 | 102 | ||
| 102 | /deep/ .expanded.el-tree-node__expand-icon, | 103 | /deep/ .expanded.el-tree-node__expand-icon, |
| 103 | /deep/ .el-tree-node__expand-icon { | 104 | /deep/ .el-tree-node__expand-icon { |
| 104 | visibility: hidden; | 105 | visibility: hidden; |
| 105 | } | 106 | } |
| 106 | 107 | ||
| 107 | /deep/ .el-tree-node__content { | 108 | /deep/ .el-tree-node__content { |
| 108 | border: 1px solid rgb(228, 228, 228); | 109 | border: 1px solid rgb(228, 228, 228); |
| 109 | height: 45px; | 110 | height: 45px; |
| 110 | } | 111 | } |
| 111 | 112 | ||
| 112 | /deep/ .el-tree-node:focus>.el-tree-node__content { | 113 | /deep/ .el-tree-node:focus > .el-tree-node__content { |
| 113 | background-color: #f5f5f5; | 114 | background-color: #f5f5f5; |
| 114 | color: #0079fe; | 115 | color: #0079fe; |
| 115 | border-right: 4px solid #0079fe; | 116 | border-right: 4px solid #0079fe; |
| 116 | } | 117 | } |
| 117 | 118 | ||
| 118 | /deep/.el-tree-node { | 119 | /deep/.el-tree-node { |
| 119 | white-space: pre-wrap; | 120 | white-space: pre-wrap; |
| 120 | } | 121 | } |
| 121 | 122 | ||
| 122 | /deep/ .is-current>.el-tree-node__content { | 123 | /deep/ .is-current > .el-tree-node__content { |
| 123 | background-color: #f5f5f5; | 124 | background-color: #f5f5f5; |
| 124 | color: #0079fe; | 125 | color: #0079fe; |
| 125 | border-right: 4px solid #0079fe; | 126 | border-right: 4px solid #0079fe; |
| 126 | } | 127 | } |
| 127 | </style> | 128 | </style> | ... | ... |
| ... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
| 8 | <el-checkbox | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
| 10 | :key="item.value" | 10 | :key="item.value" |
| 11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
| 15 | </div> | 13 | </div> |
| 16 | </div> | 14 | </div> |
| ... | @@ -27,25 +25,24 @@ | ... | @@ -27,25 +25,24 @@ |
| 27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
| 31 | > | 29 | ]"> |
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 33 | <el-button | 31 | <el-button |
| 34 | type="text" | 32 | type="text" |
| 35 | icon="el-icon-edit-outline" | 33 | icon="el-icon-edit-outline" |
| 36 | @click="editDialog(row)" | 34 | @click="editDialog(row)">编辑</el-button> |
| 37 | >编辑</el-button | ||
| 38 | > | ||
| 39 | <el-button | 35 | <el-button |
| 40 | type="text" | 36 | type="text" |
| 41 | icon="el-icon-edit-outline" | 37 | icon="el-icon-edit-outline" |
| 42 | @click="editDialog(row, 'D')" | 38 | @click="editDialog(row, 'D')">删除</el-button> |
| 43 | >删除</el-button | ||
| 44 | > | ||
| 45 | </div> | 39 | </div> |
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 47 | 正在办理 | 41 | 正在办理 |
| 48 | </div> | 42 | </div> |
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 44 | 有效 | ||
| 45 | </div> | ||
| 49 | <span v-if="item.prop == 'qszt'"> | 46 | <span v-if="item.prop == 'qszt'"> |
| 50 | {{ getQsztName(row[item.prop]) }} | 47 | {{ getQsztName(row[item.prop]) }} |
| 51 | </span> | 48 | </span> |
| ... | @@ -61,91 +58,91 @@ | ... | @@ -61,91 +58,91 @@ |
| 61 | </template> | 58 | </template> |
| 62 | 59 | ||
| 63 | <script> | 60 | <script> |
| 64 | import { datas } from "./qlxxFormData.js"; | 61 | import { datas } from "./qlxxFormData.js"; |
| 65 | import { getSjlx } from "@/utils/dictionary.js"; | 62 | import { getSjlx } from "@/utils/dictionary.js"; |
| 66 | import { getFdcq2List } from "@/api/registerBook.js"; | 63 | import { getFdcq2List } from "@/api/registerBook.js"; |
| 67 | export default { | 64 | export default { |
| 68 | data() { | 65 | data () { |
| 69 | return { | 66 | return { |
| 70 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 67 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
| 71 | qsztList: datas.columns().qsztList, | 68 | qsztList: datas.columns().qsztList, |
| 72 | checkList: datas.columns().checkList, | 69 | checkList: datas.columns().checkList, |
| 73 | //传递参数 | 70 | //传递参数 |
| 74 | propsParam: this.$attrs, | 71 | propsParam: this.$attrs, |
| 75 | //列表数据 | 72 | //列表数据 |
| 76 | tableData: [], | 73 | tableData: [], |
| 77 | //空列值个数 | 74 | //空列值个数 |
| 78 | emptycolNum: datas.columns().emptycolNum, | 75 | emptycolNum: datas.columns().emptycolNum, |
| 79 | //列名称对象 | 76 | //列名称对象 |
| 80 | columns: datas.columns().FDCQ2, | 77 | columns: datas.columns().FDCQ2, |
| 81 | }; | 78 | }; |
| 82 | }, | ||
| 83 | created() { | ||
| 84 | this.loadData(); | ||
| 85 | }, | ||
| 86 | methods: { | ||
| 87 | loadData() { | ||
| 88 | if (this.$parent.addRepairRecord) { | ||
| 89 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 90 | } | ||
| 91 | getFdcq2List({ | ||
| 92 | bdcdyid: this.propsParam.bdcdyid, | ||
| 93 | qllx: this.propsParam.qllx, | ||
| 94 | qszt: this.checkList, | ||
| 95 | }).then((res) => { | ||
| 96 | if (res.code === 200) { | ||
| 97 | this.tableData = res.result; | ||
| 98 | this.tableData.forEach((item) => { | ||
| 99 | item.sjlx = getSjlx(item.sjlx); | ||
| 100 | }); | ||
| 101 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 102 | this.emptycolNum = | ||
| 103 | datas.columns().emptycolNum - this.tableData.length; | ||
| 104 | } else { | ||
| 105 | this.emptycolNum = 0; | ||
| 106 | } | ||
| 107 | } | ||
| 108 | }); | ||
| 109 | }, | 79 | }, |
| 110 | checkChange() { | 80 | created () { |
| 111 | if (this.checkList.length === 0) { | 81 | this.loadData(); |
| 112 | this.tableData = []; | ||
| 113 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 114 | } else { | ||
| 115 | this.loadData(); | ||
| 116 | } | ||
| 117 | }, | 82 | }, |
| 118 | getQsztName(code) { | 83 | methods: { |
| 119 | let name = ""; | 84 | loadData () { |
| 120 | for (let item of this.qsztList) { | 85 | if (this.$parent.addRepairRecord) { |
| 121 | if (item.value == code) { | 86 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 122 | name = item.label; | ||
| 123 | break; | ||
| 124 | } | 87 | } |
| 125 | } | 88 | getFdcq2List({ |
| 126 | return name; | 89 | bdcdyid: this.propsParam.bdcdyid, |
| 127 | }, | 90 | qllx: this.propsParam.qllx, |
| 128 | // 新增一条补录信息 | 91 | qszt: this.checkList, |
| 129 | editDialog(row, del) { | 92 | }).then((res) => { |
| 130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 93 | if (res.code === 200) { |
| 131 | confirmButtonText: "确定", | 94 | this.tableData = res.result; |
| 132 | cancelButtonText: "取消", | 95 | this.tableData.forEach((item) => { |
| 133 | type: "warning", | 96 | item.sjlx = getSjlx(item.sjlx); |
| 134 | }) | 97 | }); |
| 135 | .then(() => { | 98 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 136 | this.$parent.addRepairRecord(row, del); | 99 | this.emptycolNum = |
| 100 | datas.columns().emptycolNum - this.tableData.length; | ||
| 101 | } else { | ||
| 102 | this.emptycolNum = 0; | ||
| 103 | } | ||
| 104 | } | ||
| 105 | }); | ||
| 106 | }, | ||
| 107 | checkChange () { | ||
| 108 | if (this.checkList.length === 0) { | ||
| 109 | this.tableData = []; | ||
| 110 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 111 | } else { | ||
| 112 | this.loadData(); | ||
| 113 | } | ||
| 114 | }, | ||
| 115 | getQsztName (code) { | ||
| 116 | let name = ""; | ||
| 117 | for (let item of this.qsztList) { | ||
| 118 | if (item.value == code) { | ||
| 119 | name = item.label; | ||
| 120 | break; | ||
| 121 | } | ||
| 122 | } | ||
| 123 | return name; | ||
| 124 | }, | ||
| 125 | // 新增一条补录信息 | ||
| 126 | editDialog (row, del) { | ||
| 127 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 128 | confirmButtonText: "确定", | ||
| 129 | cancelButtonText: "取消", | ||
| 130 | type: "warning", | ||
| 137 | }) | 131 | }) |
| 138 | .catch(() => { | 132 | .then(() => { |
| 139 | this.$message({ | 133 | this.$parent.addRepairRecord(row, del); |
| 140 | type: "info", | 134 | }) |
| 141 | message: "取消", | 135 | .catch(() => { |
| 136 | this.$message({ | ||
| 137 | type: "info", | ||
| 138 | message: "取消", | ||
| 139 | }); | ||
| 142 | }); | 140 | }); |
| 143 | }); | 141 | }, |
| 144 | }, | 142 | }, |
| 145 | }, | 143 | }; |
| 146 | }; | ||
| 147 | </script> | 144 | </script> |
| 148 | 145 | ||
| 149 | <style lang="scss" scoped> | 146 | <style lang="scss" scoped> |
| 150 | @import "./qlxxCommon.scss"; | 147 | @import "./qlxxCommon.scss"; |
| 151 | </style> | 148 | </style> | ... | ... |
| ... | @@ -23,8 +23,8 @@ | ... | @@ -23,8 +23,8 @@ |
| 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
| 24 | ]"> | 24 | ]"> |
| 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 30 | 正在办理 | 30 | 正在办理 |
| ... | @@ -51,10 +51,14 @@ | ... | @@ -51,10 +51,14 @@ |
| 51 | row.qszt == '2' ? 'lishi' : '', | 51 | row.qszt == '2' ? 'lishi' : '', |
| 52 | row.qszt == '0' ? 'linshi' : '', | 52 | row.qszt == '0' ? 'linshi' : '', |
| 53 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 53 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 54 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 54 | ]"> | 55 | ]"> |
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 56 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 56 | 正在办理 | 57 | 正在办理 |
| 57 | </div> | 58 | </div> |
| 59 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 60 | 有效 | ||
| 61 | </div> | ||
| 58 | <span v-if="item.prop == 'qszt'"> | 62 | <span v-if="item.prop == 'qszt'"> |
| 59 | {{ getQsztName(row[item.prop]) }} | 63 | {{ getQsztName(row[item.prop]) }} |
| 60 | </span> | 64 | </span> |
| ... | @@ -100,11 +104,12 @@ | ... | @@ -100,11 +104,12 @@ |
| 100 | }, | 104 | }, |
| 101 | methods: { | 105 | methods: { |
| 102 | loadData () { | 106 | loadData () { |
| 103 | if(this.$parent.addRepairRecord){ | 107 | if (this.$parent.addRepairRecord) { |
| 104 | this.columns.unshift({prop:"cz", | 108 | this.columns.unshift({ |
| 105 | label:"操作" | 109 | prop: "cz", |
| 106 | }) | 110 | label: "操作" |
| 107 | } | 111 | }) |
| 112 | } | ||
| 108 | getNydsyqList({ | 113 | getNydsyqList({ |
| 109 | bdcdyid: this.propsParam.bdcdyid, | 114 | bdcdyid: this.propsParam.bdcdyid, |
| 110 | qllx: this.propsParam.qllx, | 115 | qllx: this.propsParam.qllx, |
| ... | @@ -142,14 +147,14 @@ | ... | @@ -142,14 +147,14 @@ |
| 142 | } | 147 | } |
| 143 | return name; | 148 | return name; |
| 144 | }, | 149 | }, |
| 145 | // 新增一条补录信息 | 150 | // 新增一条补录信息 |
| 146 | editDialog(row,del){ | 151 | editDialog (row, del) { |
| 147 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 152 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 148 | confirmButtonText: '确定', | 153 | confirmButtonText: '确定', |
| 149 | cancelButtonText: '取消', | 154 | cancelButtonText: '取消', |
| 150 | type: 'warning' | 155 | type: 'warning' |
| 151 | }).then(() => { | 156 | }).then(() => { |
| 152 | this.$parent.addRepairRecord(row,del) | 157 | this.$parent.addRepairRecord(row, del) |
| 153 | 158 | ||
| 154 | this.$message({ | 159 | this.$message({ |
| 155 | type: 'success', | 160 | type: 'success', | ... | ... |
| ... | @@ -19,14 +19,18 @@ | ... | @@ -19,14 +19,18 @@ |
| 19 | row.qszt == '2' ? 'lishi' : '', | 19 | row.qszt == '2' ? 'lishi' : '', |
| 20 | row.qszt == '0' ? 'linshi' : '', | 20 | row.qszt == '0' ? 'linshi' : '', |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 22 | ]"> | 23 | ]"> |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 24 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 26 | </div> | 27 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 29 | 正在办理 |
| 29 | </div> | 30 | </div> |
| 31 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 32 | 有效 | ||
| 33 | </div> | ||
| 30 | <span v-if="item.prop == 'qszt'"> | 34 | <span v-if="item.prop == 'qszt'"> |
| 31 | {{ getQsztName(row[item.prop]) }} | 35 | {{ getQsztName(row[item.prop]) }} |
| 32 | </span> | 36 | </span> |
| ... | @@ -42,77 +46,78 @@ | ... | @@ -42,77 +46,78 @@ |
| 42 | </template> | 46 | </template> |
| 43 | 47 | ||
| 44 | <script> | 48 | <script> |
| 45 | import { getYgdjList } from "@/api/registerBook.js"; | 49 | import { getYgdjList } from "@/api/registerBook.js"; |
| 46 | import { datas } from "./qlxxFormData.js"; | 50 | import { datas } from "./qlxxFormData.js"; |
| 47 | export default { | 51 | export default { |
| 48 | data () { | 52 | data () { |
| 49 | return { | 53 | return { |
| 50 | title: "预告登记信息", | 54 | title: "预告登记信息", |
| 51 | qsztList: datas.columns().qsztList, | 55 | qsztList: datas.columns().qsztList, |
| 52 | checkList: datas.columns().checkList, | 56 | checkList: datas.columns().checkList, |
| 53 | //传递参数 | 57 | //传递参数 |
| 54 | propsParam: this.$attrs, | 58 | propsParam: this.$attrs, |
| 55 | //列表数据 | 59 | //列表数据 |
| 56 | tableData: [], | 60 | tableData: [], |
| 57 | //空列值个数 | 61 | //空列值个数 |
| 58 | emptycolNum: datas.columns().emptycolNum, | 62 | emptycolNum: datas.columns().emptycolNum, |
| 59 | //列名称对象 | 63 | //列名称对象 |
| 60 | columns: datas.columns().YGDJ, | 64 | columns: datas.columns().YGDJ, |
| 61 | }; | 65 | }; |
| 62 | }, | ||
| 63 | created () { | ||
| 64 | this.loadData(); | ||
| 65 | }, | ||
| 66 | methods: { | ||
| 67 | loadData () { | ||
| 68 | // 判断是否在登记簿补录调的子页面 | ||
| 69 | if(this.$parent.addRepairRecord){ | ||
| 70 | this.columns.unshift({prop:"cz", | ||
| 71 | label:"操作" | ||
| 72 | }) | ||
| 73 | } | ||
| 74 | getYgdjList({ | ||
| 75 | bdcdyid: this.propsParam.bdcdyid, | ||
| 76 | qllx: this.propsParam.qllx, | ||
| 77 | qszt: this.checkList, | ||
| 78 | }).then((res) => { | ||
| 79 | if (res.code === 200) { | ||
| 80 | this.tableData = res.result; | ||
| 81 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 82 | this.emptycolNum = | ||
| 83 | datas.columns().emptycolNum - this.tableData.length; | ||
| 84 | } else { | ||
| 85 | this.emptycolNum = 0; | ||
| 86 | } | ||
| 87 | } | ||
| 88 | }); | ||
| 89 | }, | 66 | }, |
| 90 | checkChange () { | 67 | created () { |
| 91 | if (this.checkList.length === 0) { | 68 | this.loadData(); |
| 92 | this.tableData = []; | ||
| 93 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 94 | } else { | ||
| 95 | this.loadData(); | ||
| 96 | } | ||
| 97 | }, | 69 | }, |
| 98 | getQsztName (code) { | 70 | methods: { |
| 99 | let name = ""; | 71 | loadData () { |
| 100 | for (let item of this.qsztList) { | 72 | // 判断是否在登记簿补录调的子页面 |
| 101 | if (item.value == code) { | 73 | if (this.$parent.addRepairRecord) { |
| 102 | name = item.label; | 74 | this.columns.unshift({ |
| 103 | break; | 75 | prop: "cz", |
| 76 | label: "操作" | ||
| 77 | }) | ||
| 104 | } | 78 | } |
| 105 | } | 79 | getYgdjList({ |
| 106 | return name; | 80 | bdcdyid: this.propsParam.bdcdyid, |
| 107 | }, | 81 | qllx: this.propsParam.qllx, |
| 108 | // 新增一条补录信息 | 82 | qszt: this.checkList, |
| 109 | editDialog(row,del){ | 83 | }).then((res) => { |
| 110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 84 | if (res.code === 200) { |
| 85 | this.tableData = res.result; | ||
| 86 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 87 | this.emptycolNum = | ||
| 88 | datas.columns().emptycolNum - this.tableData.length; | ||
| 89 | } else { | ||
| 90 | this.emptycolNum = 0; | ||
| 91 | } | ||
| 92 | } | ||
| 93 | }); | ||
| 94 | }, | ||
| 95 | checkChange () { | ||
| 96 | if (this.checkList.length === 0) { | ||
| 97 | this.tableData = []; | ||
| 98 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 99 | } else { | ||
| 100 | this.loadData(); | ||
| 101 | } | ||
| 102 | }, | ||
| 103 | getQsztName (code) { | ||
| 104 | let name = ""; | ||
| 105 | for (let item of this.qsztList) { | ||
| 106 | if (item.value == code) { | ||
| 107 | name = item.label; | ||
| 108 | break; | ||
| 109 | } | ||
| 110 | } | ||
| 111 | return name; | ||
| 112 | }, | ||
| 113 | // 新增一条补录信息 | ||
| 114 | editDialog (row, del) { | ||
| 115 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 111 | confirmButtonText: '确定', | 116 | confirmButtonText: '确定', |
| 112 | cancelButtonText: '取消', | 117 | cancelButtonText: '取消', |
| 113 | type: 'warning' | 118 | type: 'warning' |
| 114 | }).then(() => { | 119 | }).then(() => { |
| 115 | this.$parent.addRepairRecord(row,del) | 120 | this.$parent.addRepairRecord(row, del) |
| 116 | 121 | ||
| 117 | this.$message({ | 122 | this.$message({ |
| 118 | type: 'success', | 123 | type: 'success', |
| ... | @@ -126,10 +131,10 @@ export default { | ... | @@ -126,10 +131,10 @@ export default { |
| 126 | }); | 131 | }); |
| 127 | 132 | ||
| 128 | }, | 133 | }, |
| 129 | }, | 134 | }, |
| 130 | }; | 135 | }; |
| 131 | </script> | 136 | </script> |
| 132 | 137 | ||
| 133 | <style lang="scss" scoped> | 138 | <style lang="scss" scoped> |
| 134 | @import "./qlxxCommon.scss"; | 139 | @import "./qlxxCommon.scss"; |
| 135 | </style> | 140 | </style> | ... | ... |
| ... | @@ -19,14 +19,18 @@ | ... | @@ -19,14 +19,18 @@ |
| 19 | row.qszt == '2' ? 'lishi' : '', | 19 | row.qszt == '2' ? 'lishi' : '', |
| 20 | row.qszt == '0' ? 'linshi' : '', | 20 | row.qszt == '0' ? 'linshi' : '', |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 22 | ]"> | 23 | ]"> |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 24 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 26 | </div> | 27 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 29 | 正在办理 |
| 29 | </div> | 30 | </div> |
| 31 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 32 | 有效 | ||
| 33 | </div> | ||
| 30 | <span v-if="item.prop == 'qszt'"> | 34 | <span v-if="item.prop == 'qszt'"> |
| 31 | {{ getQsztName(row[item.prop]) }} | 35 | {{ getQsztName(row[item.prop]) }} |
| 32 | </span> | 36 | </span> |
| ... | @@ -42,76 +46,77 @@ | ... | @@ -42,76 +46,77 @@ |
| 42 | </template> | 46 | </template> |
| 43 | 47 | ||
| 44 | <script> | 48 | <script> |
| 45 | import { getYydjList } from "@/api/registerBook.js"; | 49 | import { getYydjList } from "@/api/registerBook.js"; |
| 46 | import { datas } from "./qlxxFormData.js"; | 50 | import { datas } from "./qlxxFormData.js"; |
| 47 | export default { | 51 | export default { |
| 48 | data () { | 52 | data () { |
| 49 | return { | 53 | return { |
| 50 | title: "异议登记信息", | 54 | title: "异议登记信息", |
| 51 | qsztList: datas.columns().qsztList, | 55 | qsztList: datas.columns().qsztList, |
| 52 | checkList: datas.columns().checkList, | 56 | checkList: datas.columns().checkList, |
| 53 | //传递参数 | 57 | //传递参数 |
| 54 | propsParam: this.$attrs, | 58 | propsParam: this.$attrs, |
| 55 | //列表数据 | 59 | //列表数据 |
| 56 | tableData: [], | 60 | tableData: [], |
| 57 | //空列值个数 | 61 | //空列值个数 |
| 58 | emptycolNum: datas.columns().emptycolNum, | 62 | emptycolNum: datas.columns().emptycolNum, |
| 59 | //列名称对象 | 63 | //列名称对象 |
| 60 | columns: datas.columns().YYDJ, | 64 | columns: datas.columns().YYDJ, |
| 61 | }; | 65 | }; |
| 62 | }, | ||
| 63 | created () { | ||
| 64 | this.loadData(); | ||
| 65 | }, | ||
| 66 | methods: { | ||
| 67 | loadData () { | ||
| 68 | if(this.$parent.addRepairRecord){ | ||
| 69 | this.columns.unshift({prop:"cz", | ||
| 70 | label:"操作" | ||
| 71 | }) | ||
| 72 | } | ||
| 73 | getYydjList({ | ||
| 74 | bdcdyid: this.propsParam.bdcdyid, | ||
| 75 | qllx: this.propsParam.qllx, | ||
| 76 | qszt: this.checkList, | ||
| 77 | }).then((res) => { | ||
| 78 | if (res.code === 200) { | ||
| 79 | this.tableData = res.result; | ||
| 80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 81 | this.emptycolNum = | ||
| 82 | datas.columns().emptycolNum - this.tableData.length; | ||
| 83 | } else { | ||
| 84 | this.emptycolNum = 0; | ||
| 85 | } | ||
| 86 | } | ||
| 87 | }); | ||
| 88 | }, | 66 | }, |
| 89 | checkChange () { | 67 | created () { |
| 90 | if (this.checkList.length === 0) { | 68 | this.loadData(); |
| 91 | this.tableData = []; | ||
| 92 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 93 | } else { | ||
| 94 | this.loadData(); | ||
| 95 | } | ||
| 96 | }, | 69 | }, |
| 97 | getQsztName (code) { | 70 | methods: { |
| 98 | let name = ""; | 71 | loadData () { |
| 99 | for (let item of this.qsztList) { | 72 | if (this.$parent.addRepairRecord) { |
| 100 | if (item.value == code) { | 73 | this.columns.unshift({ |
| 101 | name = item.label; | 74 | prop: "cz", |
| 102 | break; | 75 | label: "操作" |
| 76 | }) | ||
| 103 | } | 77 | } |
| 104 | } | 78 | getYydjList({ |
| 105 | return name; | 79 | bdcdyid: this.propsParam.bdcdyid, |
| 106 | }, | 80 | qllx: this.propsParam.qllx, |
| 107 | // 新增一条补录信息 | 81 | qszt: this.checkList, |
| 108 | editDialog(row,del){ | 82 | }).then((res) => { |
| 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 83 | if (res.code === 200) { |
| 84 | this.tableData = res.result; | ||
| 85 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 86 | this.emptycolNum = | ||
| 87 | datas.columns().emptycolNum - this.tableData.length; | ||
| 88 | } else { | ||
| 89 | this.emptycolNum = 0; | ||
| 90 | } | ||
| 91 | } | ||
| 92 | }); | ||
| 93 | }, | ||
| 94 | checkChange () { | ||
| 95 | if (this.checkList.length === 0) { | ||
| 96 | this.tableData = []; | ||
| 97 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 98 | } else { | ||
| 99 | this.loadData(); | ||
| 100 | } | ||
| 101 | }, | ||
| 102 | getQsztName (code) { | ||
| 103 | let name = ""; | ||
| 104 | for (let item of this.qsztList) { | ||
| 105 | if (item.value == code) { | ||
| 106 | name = item.label; | ||
| 107 | break; | ||
| 108 | } | ||
| 109 | } | ||
| 110 | return name; | ||
| 111 | }, | ||
| 112 | // 新增一条补录信息 | ||
| 113 | editDialog (row, del) { | ||
| 114 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 110 | confirmButtonText: '确定', | 115 | confirmButtonText: '确定', |
| 111 | cancelButtonText: '取消', | 116 | cancelButtonText: '取消', |
| 112 | type: 'warning' | 117 | type: 'warning' |
| 113 | }).then(() => { | 118 | }).then(() => { |
| 114 | this.$parent.addRepairRecord(row,del) | 119 | this.$parent.addRepairRecord(row, del) |
| 115 | 120 | ||
| 116 | this.$message({ | 121 | this.$message({ |
| 117 | type: 'success', | 122 | type: 'success', |
| ... | @@ -125,10 +130,10 @@ export default { | ... | @@ -125,10 +130,10 @@ export default { |
| 125 | }); | 130 | }); |
| 126 | 131 | ||
| 127 | }, | 132 | }, |
| 128 | }, | 133 | }, |
| 129 | }; | 134 | }; |
| 130 | </script> | 135 | </script> |
| 131 | 136 | ||
| 132 | <style lang="scss" scoped> | 137 | <style lang="scss" scoped> |
| 133 | @import "./qlxxCommon.scss"; | 138 | @import "./qlxxCommon.scss"; |
| 134 | </style> | 139 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-29 16:31:57 | 4 | * @LastEditTime: 2023-06-30 14:32:40 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| ... | @@ -12,8 +12,8 @@ | ... | @@ -12,8 +12,8 @@ |
| 12 | </el-tab-pane> | 12 | </el-tab-pane> |
| 13 | </el-tabs> | 13 | </el-tabs> |
| 14 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | 14 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> |
| 15 | <canvas ref="zs" width="1000" v-show="activeName=='1'" height="700"></canvas> | 15 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> |
| 16 | <canvas ref="zm" width="1180" v-show="activeName!='1'" height="780"></canvas> | 16 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> |
| 17 | </div> | 17 | </div> |
| 18 | </template> | 18 | </template> |
| 19 | 19 | ||
| ... | @@ -57,6 +57,7 @@ | ... | @@ -57,6 +57,7 @@ |
| 57 | } | 57 | } |
| 58 | }, | 58 | }, |
| 59 | mounted () { | 59 | mounted () { |
| 60 | debugger | ||
| 60 | this.columns = datas.columns(); | 61 | this.columns = datas.columns(); |
| 61 | if (this.formData.bdcqz) { | 62 | if (this.formData.bdcqz) { |
| 62 | //从缮证进入 | 63 | //从缮证进入 |
| ... | @@ -81,7 +82,7 @@ | ... | @@ -81,7 +82,7 @@ |
| 81 | this.activeName = res.result[0].bsmBdcqz | 82 | this.activeName = res.result[0].bsmBdcqz |
| 82 | this.bdcqz = res.result[0] | 83 | this.bdcqz = res.result[0] |
| 83 | this.headTabBdcqz = res.result | 84 | this.headTabBdcqz = res.result |
| 84 | if (this.activeName == 1) { | 85 | if (res.result[0].bdcqzlx == 1) { |
| 85 | this.drawTextOnImage() | 86 | this.drawTextOnImage() |
| 86 | } else { | 87 | } else { |
| 87 | this.drawTextzmImage() | 88 | this.drawTextzmImage() |
| ... | @@ -158,6 +159,15 @@ | ... | @@ -158,6 +159,15 @@ |
| 158 | context.drawImage(image, 0, 0); | 159 | context.drawImage(image, 0, 0); |
| 159 | context.font = '18px 楷体'; | 160 | context.font = '18px 楷体'; |
| 160 | context.fillStyle = '#000000'; | 161 | context.fillStyle = '#000000'; |
| 162 | // ysxlh | ||
| 163 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | ||
| 164 | // djsj | ||
| 165 | if (this.bdcqz.djsj) { | ||
| 166 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') | ||
| 167 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | ||
| 168 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | ||
| 169 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | ||
| 170 | } | ||
| 161 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 171 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
| 162 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 172 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
| 163 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 173 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
| ... | @@ -192,7 +202,7 @@ | ... | @@ -192,7 +202,7 @@ |
| 192 | }); | 202 | }); |
| 193 | }); | 203 | }); |
| 194 | // fj | 204 | // fj |
| 195 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650); | 205 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 600); |
| 196 | }; | 206 | }; |
| 197 | 207 | ||
| 198 | image.src = this.bdczmSrc; | 208 | image.src = this.bdczmSrc; | ... | ... |
| ... | @@ -59,16 +59,16 @@ | ... | @@ -59,16 +59,16 @@ |
| 59 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> | 59 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> |
| 60 | <el-table-column label="流程状态" header-align="center" align="center"> | 60 | <el-table-column label="流程状态" header-align="center" align="center"> |
| 61 | <template slot-scope="scope"> | 61 | <template slot-scope="scope"> |
| 62 | <div v-if="scope.row.finishTime == null">正在办理</div> | 62 | <div v-if="scope.row.endTime">已完结</div> |
| 63 | <div v-else>已完结</div> | 63 | <div v-else>正在办理</div> |
| 64 | </template> | 64 | </template> |
| 65 | </el-table-column> | 65 | </el-table-column> |
| 66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> | 66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> |
| 67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> | 67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> |
| 68 | <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> | 68 | <el-table-column label="创建时间" prop="createTime" width="160" align="center" /> |
| 69 | <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> | 69 | <el-table-column label="办结时间" prop="endTime" width="160" align="center" /> |
| 70 | <el-table-column label="操作方式" align="center"> | 70 | <el-table-column label="操作方式" prop="businessName" align="center"/> |
| 71 | </el-table-column> | 71 | <el-table-column label="意见" prop="idea" align="center"/> |
| 72 | </el-table> | 72 | </el-table> |
| 73 | </div> | 73 | </div> |
| 74 | </div> | 74 | </div> |
| ... | @@ -237,13 +237,31 @@ | ... | @@ -237,13 +237,31 @@ |
| 237 | // 获取流程记录 | 237 | // 获取流程记录 |
| 238 | getCommentList() { | 238 | getCommentList() { |
| 239 | this.formData.allCommentList.forEach(async (item,index) => { | 239 | this.formData.allCommentList.forEach(async (item,index) => { |
| 240 | this.formData.allCommentList[index].agent=item.assignee.name | 240 | item.comments.forEach(element => { |
| 241 | if(element.type=="COMPLETE"){ | ||
| 242 | this.formData.allCommentList[index].idea=element.message | ||
| 243 | } | ||
| 244 | }); | ||
| 245 | this.formData.allCommentList[index].agent=item.assignee.name | ||
| 241 | }) | 246 | }) |
| 242 | setTimeout(() => { | 247 | this.formData.handlinglist.forEach(async (item,index) => { |
| 243 | this.taskList =this.formData.allCommentList; | 248 | if(item.assignee.name){ |
| 249 | this.formData.handlinglist[index].agent=item.assignee.name | ||
| 250 | }else{ | ||
| 251 | let str="" | ||
| 252 | item.countersign.forEach((item) => { | ||
| 253 | str+=item.name+"," | ||
| 254 | }) | ||
| 255 | str=str.slice(0, -1); | ||
| 256 | this.formData.allCommentList[index].agent=str | ||
| 257 | } | ||
| 258 | |||
| 259 | }) | ||
| 260 | this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist]; | ||
| 261 | // this.taskList =this.formData.allCommentList; | ||
| 244 | // 处理数据之后赋值 | 262 | // 处理数据之后赋值 |
| 245 | this.taskCommentList=this.taskList | 263 | this.taskCommentList=this.taskList |
| 246 | }, 100) | 264 | |
| 247 | }, | 265 | }, |
| 248 | 266 | ||
| 249 | // 设置流程图元素状态 | 267 | // 设置流程图元素状态 | ... | ... |
| ... | @@ -76,6 +76,7 @@ export default { | ... | @@ -76,6 +76,7 @@ export default { |
| 76 | rejectedTaskSet: {}, | 76 | rejectedTaskSet: {}, |
| 77 | finishedSequenceFlowSet: result.finishedSequenceFlowIds | 77 | finishedSequenceFlowSet: result.finishedSequenceFlowIds |
| 78 | }, | 78 | }, |
| 79 | handlinglist:result.runningTasks, | ||
| 79 | allCommentList: result.finishedTasks | 80 | allCommentList: result.finishedTasks |
| 80 | }, '80%', true) | 81 | }, '80%', true) |
| 81 | }) | 82 | }) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:43:41 | 4 | * @LastEditTime: 2023-06-30 17:09:35 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | 7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" |
| ... | @@ -28,10 +28,14 @@ | ... | @@ -28,10 +28,14 @@ |
| 28 | row.qszt == '2' ? 'lishi' : '', | 28 | row.qszt == '2' ? 'lishi' : '', |
| 29 | row.qszt == '0' ? 'linshi' : '', | 29 | row.qszt == '0' ? 'linshi' : '', |
| 30 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 30 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 31 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 31 | ]"> | 32 | ]"> |
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 33 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 33 | 正在办理 | 34 | 正在办理 |
| 34 | </div> | 35 | </div> |
| 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 37 | 有效 | ||
| 38 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | 39 | <span v-if="item.prop == 'qszt'"> |
| 36 | {{ getQsztName(row[item.prop]) }} | 40 | {{ getQsztName(row[item.prop]) }} |
| 37 | </span> | 41 | </span> | ... | ... |
| ... | @@ -195,7 +195,7 @@ | ... | @@ -195,7 +195,7 @@ |
| 195 | //有任务权限 | 195 | //有任务权限 |
| 196 | if(item.sjlx=="3"){ | 196 | if(item.sjlx=="3"){ |
| 197 | const { href } = this.$router.resolve( | 197 | const { href } = this.$router.resolve( |
| 198 | "/djbworkFrame?bsmSlsq=" + | 198 | "/djbworkFrameview?bsmSlsq=" + |
| 199 | item.bsmSlsq + | 199 | item.bsmSlsq + |
| 200 | "&bestepid=" + | 200 | "&bestepid=" + |
| 201 | item.bestepid + | 201 | item.bestepid + | ... | ... |
-
Please register or sign in to post a comment