Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
27 changed files
with
820 additions
and
269 deletions
| ... | @@ -19,9 +19,9 @@ | ... | @@ -19,9 +19,9 @@ |
| 19 | <el-button type="primary" @click="clickImage">(放大) 显示(缩小)</el-button> | 19 | <el-button type="primary" @click="clickImage">(放大) 显示(缩小)</el-button> |
| 20 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" | 20 | <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false" |
| 21 | :on-change="handleChange" accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> | 21 | :on-change="handleChange" accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> |
| 22 | <el-button icon="el-icon-upload" type="primary">上传</el-button> | 22 | <el-button icon="el-icon-upload" type="primary" v-if="!this.$route.query.viewtype">上传</el-button> |
| 23 | </el-upload> | 23 | </el-upload> |
| 24 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete">删除</el-button> | 24 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" v-if="!this.$route.query.viewtype">删除</el-button> |
| 25 | </div> | 25 | </div> |
| 26 | <ul> | 26 | <ul> |
| 27 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" | 27 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" | ... | ... |
src/views/lpb/hbj/index.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
src/views/lpb/hbj/lpb-hbj/index.vue
deleted
100644 → 0
| 1 | <template> | ||
| 2 | <el-tabs v-model="activeName" @tab-click="handleClick"> | ||
| 3 | <el-tab-pane label="户基本信息表" name="hjbxx"> | ||
| 4 | <hbj ref="hbj" :bsm="hbsm"></hbj> | ||
| 5 | </el-tab-pane> | ||
| 6 | <el-tab-pane label="登记簿" name="djb"> | ||
| 7 | <!-- <djb v-if="djbVisible" :style="{ 'height': formHeight + 'px' }"></djb> --> | ||
| 8 | </el-tab-pane> | ||
| 9 | <el-tab-pane label="附件材料" name="fjcl"> | ||
| 10 | <!-- <fjcl v-if="fjclVisible" ref="fjcl" :lpbParent="true" :style="{ 'height': formHeight + 'px' }" | ||
| 11 | :is-disabled="isDisabled"></fjcl> --> | ||
| 12 | </el-tab-pane> | ||
| 13 | </el-tabs> | ||
| 14 | </template> | ||
| 15 | |||
| 16 | <script> | ||
| 17 | import hbj from "../index" | ||
| 18 | // import djb from "../../../../../zd/djb/index"; | ||
| 19 | // import fjcl from "../../../../../zd/fjcl/fjcl" | ||
| 20 | // import { queryStatus } from "@api/search" | ||
| 21 | export default { | ||
| 22 | name: "index", | ||
| 23 | components: { | ||
| 24 | hbj, | ||
| 25 | // djb, | ||
| 26 | // fjcl | ||
| 27 | }, | ||
| 28 | props: { | ||
| 29 | bsm: String, //户标识码 | ||
| 30 | }, | ||
| 31 | data () { | ||
| 32 | return { | ||
| 33 | isDisabled: false, | ||
| 34 | hbsm: this.$store.state.hbsm, | ||
| 35 | activeName: "hjbxx", | ||
| 36 | djbVisible: false, | ||
| 37 | fjclVisible: false, | ||
| 38 | formHeight: 0, | ||
| 39 | } | ||
| 40 | }, | ||
| 41 | mounted () { | ||
| 42 | this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 260 | ||
| 43 | }, | ||
| 44 | methods: { | ||
| 45 | loadingStatus () { | ||
| 46 | let bsm = this.$store.state.hbsm; | ||
| 47 | // queryStatus(bsm).then(res => { | ||
| 48 | // if (res.success) { | ||
| 49 | // let qszt = res.result.qszt; | ||
| 50 | // this.isDisabled = +qszt !== 0; | ||
| 51 | // } | ||
| 52 | // }) | ||
| 53 | }, | ||
| 54 | handleClick (tab, event) { | ||
| 55 | this.loadingStatus() | ||
| 56 | // console.log(tab, event); | ||
| 57 | switch (tab.name) { | ||
| 58 | case 'djb': | ||
| 59 | this.djbVisible = true; | ||
| 60 | break; | ||
| 61 | case 'fjcl': | ||
| 62 | this.fjclVisible = true; | ||
| 63 | break; | ||
| 64 | default: | ||
| 65 | break; | ||
| 66 | } | ||
| 67 | }, | ||
| 68 | }, | ||
| 69 | watch: {} | ||
| 70 | } | ||
| 71 | </script> | ||
| 72 | |||
| 73 | <style scoped lang="scss"> | ||
| 74 | .el-tabs { | ||
| 75 | /deep/.el-tabs__nav-scroll { | ||
| 76 | margin-left: -35px; | ||
| 77 | } | ||
| 78 | } | ||
| 79 | </style> |
| ... | @@ -134,10 +134,7 @@ export default { | ... | @@ -134,10 +134,7 @@ export default { |
| 134 | bsms: [], | 134 | bsms: [], |
| 135 | dialogVisible: false, | 135 | dialogVisible: false, |
| 136 | scyclx: "0", //1是实测 0是预测 | 136 | scyclx: "0", //1是实测 0是预测 |
| 137 | pd: [], //创建楼盘的树结构数据 | ||
| 138 | menuType: "", | 137 | menuType: "", |
| 139 | treeData: {}, | ||
| 140 | inputWidth: 200, | ||
| 141 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 | 138 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 |
| 142 | dyztList: [ | 139 | dyztList: [ |
| 143 | { | 140 | { |
| ... | @@ -222,21 +219,6 @@ export default { | ... | @@ -222,21 +219,6 @@ export default { |
| 222 | }, 100); | 219 | }, 100); |
| 223 | }, | 220 | }, |
| 224 | methods: { | 221 | methods: { |
| 225 | //取消选中 | ||
| 226 | batchCancelChoosed () { | ||
| 227 | this.bsms = []; | ||
| 228 | this.qsztList = []; | ||
| 229 | this.$refs.lpbContent.hbsmList = []; | ||
| 230 | this.$refs.lpbContent.choosedList = []; | ||
| 231 | this.$refs.lpbContent.$refs.hBsm.forEach((item) => { | ||
| 232 | item.style.border = ''; | ||
| 233 | item.className = ""; | ||
| 234 | }); | ||
| 235 | this.$refs.lpbContent.$refs.cBsm.forEach((item) => { | ||
| 236 | item.style.border = ''; | ||
| 237 | item.className = ""; | ||
| 238 | }); | ||
| 239 | }, | ||
| 240 | 222 | ||
| 241 | loading () { | 223 | loading () { |
| 242 | this.getLpbMenuTree(this.$store.state.zrzbsm); | 224 | this.getLpbMenuTree(this.$store.state.zrzbsm); |
| ... | @@ -250,49 +232,6 @@ export default { | ... | @@ -250,49 +232,6 @@ export default { |
| 250 | this.lpbContentHight = window.innerHeight - 190; | 232 | this.lpbContentHight = window.innerHeight - 190; |
| 251 | }, | 233 | }, |
| 252 | 234 | ||
| 253 | //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 | ||
| 254 | saveInfo () { | ||
| 255 | switch (this.menuType) { | ||
| 256 | case "ljz": | ||
| 257 | this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm); | ||
| 258 | break; | ||
| 259 | case "zdy": | ||
| 260 | this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm); | ||
| 261 | break; | ||
| 262 | case "ch": | ||
| 263 | this.$refs.ch.onSave(this.pd[0].bsm); | ||
| 264 | break; | ||
| 265 | case "c": | ||
| 266 | this.$refs.c.onSave(this.pd[0].bsm); | ||
| 267 | break; | ||
| 268 | default: | ||
| 269 | break; | ||
| 270 | } | ||
| 271 | }, | ||
| 272 | //弹框中的重置按钮 | ||
| 273 | resetInfo () { | ||
| 274 | switch (this.menuType) { | ||
| 275 | case "ljz": | ||
| 276 | this.$refs.ljz.reset(); | ||
| 277 | break; | ||
| 278 | case "zdy": | ||
| 279 | this.$refs.zdy.reset(); | ||
| 280 | break; | ||
| 281 | case "ch": | ||
| 282 | this.$refs.ch.reset(); | ||
| 283 | break; | ||
| 284 | case "c": | ||
| 285 | this.$refs.c.reset(); | ||
| 286 | break; | ||
| 287 | |||
| 288 | default: | ||
| 289 | break; | ||
| 290 | } | ||
| 291 | }, | ||
| 292 | //关闭弹框 | ||
| 293 | closeDaialog () { | ||
| 294 | this.dialogVisible = false; | ||
| 295 | }, | ||
| 296 | //图例的展开收起 | 235 | //图例的展开收起 |
| 297 | legendToggle () { | 236 | legendToggle () { |
| 298 | this.legendToggleFlag = !this.legendToggleFlag; | 237 | this.legendToggleFlag = !this.legendToggleFlag; | ... | ... |
| ... | @@ -190,11 +190,9 @@ | ... | @@ -190,11 +190,9 @@ |
| 190 | </template> | 190 | </template> |
| 191 | <script> | 191 | <script> |
| 192 | import { getLpb } from '@/api/zhcx' | 192 | import { getLpb } from '@/api/zhcx' |
| 193 | import { Message } from 'element-ui'; | ||
| 194 | import hbj from "../hbj/lpb-hbj/index"; | ||
| 195 | export default { | 193 | export default { |
| 196 | name: "", | 194 | name: "", |
| 197 | components: { hbj }, | 195 | components: { }, |
| 198 | props: { | 196 | props: { |
| 199 | zrzbsm: { | 197 | zrzbsm: { |
| 200 | type: String, | 198 | type: String, |
| ... | @@ -240,26 +238,12 @@ export default { | ... | @@ -240,26 +238,12 @@ export default { |
| 240 | //右键层户数据 | 238 | //右键层户数据 |
| 241 | chData: "", | 239 | chData: "", |
| 242 | rightClickFlag: "", | 240 | rightClickFlag: "", |
| 243 | //层操作数据 | 241 | |
| 244 | addCVisible: false, | ||
| 245 | addCData: { | ||
| 246 | title: "", | ||
| 247 | cbsm: "", //层标识码 | ||
| 248 | hcount: "", //添加户数 | ||
| 249 | scyclx: "", //实测预测类型 | ||
| 250 | sjc: "", //当前的层的SJC +1 | ||
| 251 | }, | ||
| 252 | formLabelWidth: "120px", | 242 | formLabelWidth: "120px", |
| 253 | yclpbData: {}, | 243 | yclpbData: {}, |
| 254 | sclpbData: {}, | 244 | sclpbData: {}, |
| 255 | fghbChoosedList: [], | 245 | |
| 256 | canHb: '',//判断合并类型 | 246 | |
| 257 | hfgDialogVisible: false, //户分割弹框 | ||
| 258 | fgData: { | ||
| 259 | fghs: "", | ||
| 260 | oldbsm: '', | ||
| 261 | fgfx: 0 | ||
| 262 | }, | ||
| 263 | zrzChecked: false, //自然幢全选 | 247 | zrzChecked: false, //自然幢全选 |
| 264 | }; | 248 | }; |
| 265 | }, | 249 | }, |
| ... | @@ -425,10 +409,7 @@ export default { | ... | @@ -425,10 +409,7 @@ export default { |
| 425 | 409 | ||
| 426 | break; | 410 | break; |
| 427 | case 'isLpb': | 411 | case 'isLpb': |
| 428 | this.$parent.getHbsm(this.hbsmList, false); | ||
| 429 | this.$parent.getQsztList(this.hqsztList, false); | ||
| 430 | break; | 412 | break; |
| 431 | |||
| 432 | default: | 413 | default: |
| 433 | break; | 414 | break; |
| 434 | } | 415 | } |
| ... | @@ -499,55 +480,10 @@ export default { | ... | @@ -499,55 +480,10 @@ export default { |
| 499 | this.chData = item; | 480 | this.chData = item; |
| 500 | switch (this.lpbParent) { | 481 | switch (this.lpbParent) { |
| 501 | case 'isHbfg': | 482 | case 'isHbfg': |
| 502 | this.rightClickFlag = this.isHb ? 'hb' : 'fg'; | ||
| 503 | if (this.fghbChoosedList.length > 1) { | ||
| 504 | //合并 | ||
| 505 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; | ||
| 506 | //判断选中户可以执行的合并类型 | ||
| 507 | let chIsSame = this.fghbChoosedList.every((item) => { | ||
| 508 | return item.ch == this.fghbChoosedList[0].ch; | ||
| 509 | }); | ||
| 510 | let hhIsSame = this.fghbChoosedList.every((item) => { | ||
| 511 | return item.hh == this.fghbChoosedList[0].hh; | ||
| 512 | }); | ||
| 513 | this.$nextTick(() => { | ||
| 514 | if (chIsSame) { | ||
| 515 | this.canHb = 'zyhb' | ||
| 516 | } else if (hhIsSame) { | ||
| 517 | this.canHb = 'sxhb' | ||
| 518 | } else { | ||
| 519 | this.canHb = '' | ||
| 520 | } | ||
| 521 | }) | ||
| 522 | } else { | ||
| 523 | //分割 | ||
| 524 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; | ||
| 525 | this.fgData.oldbsm = item.bsm; | ||
| 526 | console.log(item, 'item'); | ||
| 527 | //判断户的实际sjcs为1,只能水平分割 | ||
| 528 | this.fgData.fgfx = item.sjcs == 1 ? 0 : 1; | ||
| 529 | if (item.sjcs == 1) { | ||
| 530 | //判断户的实际sjcs为1,只能水平分割 | ||
| 531 | this.fgData.fgfx = 0; | ||
| 532 | this.fgData.fghs = ''; | ||
| 533 | } else { | ||
| 534 | this.fgData.fgfx = 1; | ||
| 535 | //判断户的实际sjhs不为1,分割户数为sjhs的值 | ||
| 536 | this.fgData.fghs = item.sjcs; | ||
| 537 | } | ||
| 538 | } | ||
| 539 | break; | 483 | break; |
| 540 | case 'isFwsxbg': | 484 | case 'isFwsxbg': |
| 541 | if (this.hbsmList[0] == item.bsm) { | ||
| 542 | this.rightClickFlag = 'fwsxbg'; | ||
| 543 | this.lpbChVisible = true; | ||
| 544 | } else { | ||
| 545 | this.lpbChVisible = false; | ||
| 546 | } | ||
| 547 | break; | 485 | break; |
| 548 | case 'isCxlz': | 486 | case 'isCxlz': |
| 549 | this.rightClickFlag = 'cxlz'; | ||
| 550 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; | ||
| 551 | break; | 487 | break; |
| 552 | case 'isLpb': | 488 | case 'isLpb': |
| 553 | this.rightClickFlag = type; | 489 | this.rightClickFlag = type; |
| ... | @@ -562,9 +498,6 @@ export default { | ... | @@ -562,9 +498,6 @@ export default { |
| 562 | hDyztClick (e, bsm, hs) { | 498 | hDyztClick (e, bsm, hs) { |
| 563 | this.handleTdClick(e.target.parentNode, bsm, hs); | 499 | this.handleTdClick(e.target.parentNode, bsm, hs); |
| 564 | }, | 500 | }, |
| 565 | dyztIconClick () { | ||
| 566 | |||
| 567 | }, | ||
| 568 | // 层选中事件 | 501 | // 层选中事件 |
| 569 | handleClickC (e, item) { | 502 | handleClickC (e, item) { |
| 570 | if (this.lpbParent == 'isLpb') { | 503 | if (this.lpbParent == 'isLpb') { | ... | ... |
| ... | @@ -45,7 +45,7 @@ | ... | @@ -45,7 +45,7 @@ |
| 45 | </template> | 45 | </template> |
| 46 | 46 | ||
| 47 | <script> | 47 | <script> |
| 48 | import personInfoTable from '@/views/components/personInfoTable' | 48 | import personInfoTable from './personInfoTable' |
| 49 | import { addJtfcCxjgXx } from '@/api/sqcx' | 49 | import { addJtfcCxjgXx } from '@/api/sqcx' |
| 50 | import { datas, sendThis } from "./addjtfcdata"; | 50 | import { datas, sendThis } from "./addjtfcdata"; |
| 51 | 51 | ... | ... |
File moved
| ... | @@ -34,7 +34,7 @@ export default { | ... | @@ -34,7 +34,7 @@ export default { |
| 34 | dialog: false, | 34 | dialog: false, |
| 35 | details: {}, | 35 | details: {}, |
| 36 | tableDataList: [], | 36 | tableDataList: [], |
| 37 | InformationTable: [ | 37 | qlrCommonTable: [ |
| 38 | { | 38 | { |
| 39 | width: '50', | 39 | width: '50', |
| 40 | renderHeader: (h, scope) => { | 40 | renderHeader: (h, scope) => { |
| ... | @@ -92,7 +92,7 @@ export default { | ... | @@ -92,7 +92,7 @@ export default { |
| 92 | } | 92 | } |
| 93 | } | 93 | } |
| 94 | ], | 94 | ], |
| 95 | column: this.InformationTable | 95 | column: this.qlrCommonTable |
| 96 | } | 96 | } |
| 97 | }, | 97 | }, |
| 98 | watch: { | 98 | watch: { |
| ... | @@ -115,7 +115,7 @@ export default { | ... | @@ -115,7 +115,7 @@ export default { |
| 115 | }, | 115 | }, |
| 116 | gyfs: { | 116 | gyfs: { |
| 117 | handler (newVal, oldValue) { | 117 | handler (newVal, oldValue) { |
| 118 | let dataList = _.cloneDeep(this.InformationTable) | 118 | let dataList = _.cloneDeep(this.qlrCommonTable) |
| 119 | if (newVal == '1') { | 119 | if (newVal == '1') { |
| 120 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 120 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
| 121 | } else { | 121 | } else { | ... | ... |
| ... | @@ -31,7 +31,7 @@ export default { | ... | @@ -31,7 +31,7 @@ export default { |
| 31 | dialog: false, | 31 | dialog: false, |
| 32 | details: {}, | 32 | details: {}, |
| 33 | tableDataList: [], | 33 | tableDataList: [], |
| 34 | InformationTable: [ | 34 | qlrCommonTable: [ |
| 35 | { | 35 | { |
| 36 | label: '序号', | 36 | label: '序号', |
| 37 | type: 'index', | 37 | type: 'index', |
| ... | @@ -69,7 +69,7 @@ export default { | ... | @@ -69,7 +69,7 @@ export default { |
| 69 | label: "坐落" | 69 | label: "坐落" |
| 70 | }, | 70 | }, |
| 71 | ], | 71 | ], |
| 72 | column: this.InformationTable | 72 | column: this.qlrCommonTable |
| 73 | } | 73 | } |
| 74 | }, | 74 | }, |
| 75 | watch: { | 75 | watch: { |
| ... | @@ -92,7 +92,7 @@ export default { | ... | @@ -92,7 +92,7 @@ export default { |
| 92 | }, | 92 | }, |
| 93 | gyfs: { | 93 | gyfs: { |
| 94 | handler (newVal, oldValue) { | 94 | handler (newVal, oldValue) { |
| 95 | let dataList = _.cloneDeep(this.InformationTable) | 95 | let dataList = _.cloneDeep(this.qlrCommonTable) |
| 96 | if (newVal == '1') { | 96 | if (newVal == '1') { |
| 97 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 97 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
| 98 | } else if ((newVal == '2')) { | 98 | } else if ((newVal == '2')) { | ... | ... |
| ... | @@ -49,6 +49,10 @@ export default { | ... | @@ -49,6 +49,10 @@ export default { |
| 49 | methods: { | 49 | methods: { |
| 50 | closeDialog () { | 50 | closeDialog () { |
| 51 | this.$emit("input", false); | 51 | this.$emit("input", false); |
| 52 | this.ruleForm = { | ||
| 53 | cllx: "", | ||
| 54 | clmc: "", | ||
| 55 | } | ||
| 52 | }, | 56 | }, |
| 53 | handleSubmit () { | 57 | handleSubmit () { |
| 54 | this.$parent.addSave(this.ruleForm); | 58 | this.$parent.addSave(this.ruleForm); | ... | ... |
| 1 | <template> | ||
| 2 | <dialogBox title="材料明细" width="60%" v-model="value" @closeDialog="closeDialog" :isButton="false"> | ||
| 3 | <div class="clxx"> | ||
| 4 | <div class="right"> | ||
| 5 | <!-- 材料目录明细 --> | ||
| 6 | <div class="clmlmx-box"> | ||
| 7 | <div class="title">申请材料目录</div> | ||
| 8 | <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="data"> | ||
| 9 | </lb-table> | ||
| 10 | </div> | ||
| 11 | </div> | ||
| 12 | </div> | ||
| 13 | </dialogBox> | ||
| 14 | </template> | ||
| 15 | <script> | ||
| 16 | import { mapGetters } from "vuex"; | ||
| 17 | import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js"; | ||
| 18 | export default { | ||
| 19 | components: { }, | ||
| 20 | props: { | ||
| 21 | value: { type: Boolean, default: false }, | ||
| 22 | data: { type: Array, default: () => {} }, | ||
| 23 | }, | ||
| 24 | data () { | ||
| 25 | return { | ||
| 26 | isDialog: false, | ||
| 27 | iclass: "", | ||
| 28 | column: [ | ||
| 29 | { | ||
| 30 | width: "50", | ||
| 31 | renderHeader: (h, scope) => { | ||
| 32 | return ( | ||
| 33 | <div> | ||
| 34 | { | ||
| 35 | '' | ||
| 36 | } | ||
| 37 | </div> | ||
| 38 | ) | ||
| 39 | }, | ||
| 40 | render: (h, scope) => { | ||
| 41 | return ( | ||
| 42 | <div> | ||
| 43 | { | ||
| 44 | this.$route.query.viewtype || scope.row.sfxjcl == '0' ? <span>{}</span> : | ||
| 45 | <i class="el-icon-minus pointer" | ||
| 46 | onClick={() => { | ||
| 47 | this.handleDelete(scope.$index, scope.row); | ||
| 48 | }} | ||
| 49 | ></i> | ||
| 50 | } | ||
| 51 | </div> | ||
| 52 | ) | ||
| 53 | } | ||
| 54 | }, | ||
| 55 | { | ||
| 56 | width: "50", | ||
| 57 | label: '序号', | ||
| 58 | render: (h, scope) => { | ||
| 59 | return <span>{scope.$index + 1}</span> | ||
| 60 | } | ||
| 61 | }, | ||
| 62 | { | ||
| 63 | prop: "isrequired", | ||
| 64 | label: "是否必选", | ||
| 65 | width: "50", | ||
| 66 | render: (h, scope) => { | ||
| 67 | if (scope.row.sfxjcl === "1") { | ||
| 68 | return ( | ||
| 69 | <div> | ||
| 70 | <span>可选</span> | ||
| 71 | </div> | ||
| 72 | ); | ||
| 73 | } | ||
| 74 | else { | ||
| 75 | return ( | ||
| 76 | <div> | ||
| 77 | <span>必选</span> | ||
| 78 | </div> | ||
| 79 | ); | ||
| 80 | } | ||
| 81 | }, | ||
| 82 | }, | ||
| 83 | { | ||
| 84 | prop: "sjmc", | ||
| 85 | label: "材料名称", | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | prop: "sjlx", | ||
| 89 | label: "材料类型", | ||
| 90 | width: "80", | ||
| 91 | render: (h, scope) => { | ||
| 92 | return ( | ||
| 93 | <div> | ||
| 94 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 95 | </div> | ||
| 96 | ); | ||
| 97 | }, | ||
| 98 | }, | ||
| 99 | { | ||
| 100 | prop: "sjsl", | ||
| 101 | label: "份数", | ||
| 102 | width: "50" | ||
| 103 | }, | ||
| 104 | { | ||
| 105 | prop: "smzt", | ||
| 106 | label: "扫描状态", | ||
| 107 | width: "80", | ||
| 108 | render: (h, scope) => { | ||
| 109 | if (scope.row.children.length > 0) { | ||
| 110 | return ( | ||
| 111 | <div> | ||
| 112 | <span>已扫描</span> | ||
| 113 | </div> | ||
| 114 | ); | ||
| 115 | } else { | ||
| 116 | return ( | ||
| 117 | <div> | ||
| 118 | <span>未扫描</span> | ||
| 119 | </div> | ||
| 120 | ); | ||
| 121 | } | ||
| 122 | }, | ||
| 123 | }, | ||
| 124 | { | ||
| 125 | prop: "ys", | ||
| 126 | label: "扫描页数", | ||
| 127 | width: "50" | ||
| 128 | }, | ||
| 129 | { | ||
| 130 | label: "操作", | ||
| 131 | width: "80", | ||
| 132 | render: (h, scope) => { | ||
| 133 | return ( | ||
| 134 | <div> | ||
| 135 | <el-button | ||
| 136 | type="text" | ||
| 137 | disabled={scope.$index == 0} | ||
| 138 | onClick={() => { | ||
| 139 | this.moveUpward(scope.$index, scope.row); | ||
| 140 | }} | ||
| 141 | > | ||
| 142 | 上移 | ||
| 143 | </el-button> | ||
| 144 | <el-button | ||
| 145 | type="text" | ||
| 146 | disabled={scope.$index + 1 == this.tableData.length} | ||
| 147 | onClick={() => { | ||
| 148 | this.moveDown(scope.$index, scope.row); | ||
| 149 | }} | ||
| 150 | > | ||
| 151 | 下移 | ||
| 152 | </el-button> | ||
| 153 | </div> | ||
| 154 | ); | ||
| 155 | }, | ||
| 156 | }, | ||
| 157 | ], | ||
| 158 | key: 0, | ||
| 159 | tableData: [], | ||
| 160 | } | ||
| 161 | }, | ||
| 162 | computed: { | ||
| 163 | ...mapGetters(["dictData"]) | ||
| 164 | }, | ||
| 165 | created () { | ||
| 166 | |||
| 167 | }, | ||
| 168 | methods: { | ||
| 169 | // 材料目录明细初始化 | ||
| 170 | clmlInitList () { | ||
| 171 | return new Promise(resolve => { | ||
| 172 | this.unitData = this.$parent.unitData; | ||
| 173 | var formdata = new FormData(); | ||
| 174 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 175 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
| 176 | clmlInit(formdata).then((res) => { | ||
| 177 | if(res.code == 200){ | ||
| 178 | resolve(res.code) | ||
| 179 | if(res.result && res.result.length > 0){ | ||
| 180 | this.data = res.result; | ||
| 181 | }else{ | ||
| 182 | this.data = [] | ||
| 183 | } | ||
| 184 | }else{ | ||
| 185 | this.$message.error(res.message) | ||
| 186 | } | ||
| 187 | }) | ||
| 188 | }) | ||
| 189 | }, | ||
| 190 | // 上移 | ||
| 191 | moveUpward (index, row) { | ||
| 192 | let obj = { | ||
| 193 | xh: row.xh, | ||
| 194 | bsmSlsq: row.bsmSlsq, | ||
| 195 | moveDirection: "UP", | ||
| 196 | }; | ||
| 197 | // 接口待调 | ||
| 198 | move(obj).then(async (res) => { | ||
| 199 | if (res.code == 200) { | ||
| 200 | let res = await this.clmlInitList() | ||
| 201 | if (res == 200) { | ||
| 202 | this.$message({ | ||
| 203 | message: '上移成功', | ||
| 204 | type: 'success' | ||
| 205 | }) | ||
| 206 | this.$parent.setTableData(this.data) | ||
| 207 | } | ||
| 208 | } else { | ||
| 209 | this.$message.error(res.message); | ||
| 210 | } | ||
| 211 | }) | ||
| 212 | }, | ||
| 213 | // 下移 | ||
| 214 | moveDown (index, row) { | ||
| 215 | let obj = { | ||
| 216 | xh: row.xh, | ||
| 217 | bsmSlsq: row.bsmSlsq, | ||
| 218 | moveDirection: "DOWN", | ||
| 219 | } | ||
| 220 | // 接口待调 | ||
| 221 | move(obj).then(async (res) => { | ||
| 222 | if (res.code == 200) { | ||
| 223 | let res = await this.clmlInitList() | ||
| 224 | if (res == 200) { | ||
| 225 | this.$message({ | ||
| 226 | message: '下移成功', | ||
| 227 | type: 'success' | ||
| 228 | }) | ||
| 229 | this.$parent.setTableData(this.data) | ||
| 230 | } | ||
| 231 | } else { | ||
| 232 | this.$message.error(res.message); | ||
| 233 | } | ||
| 234 | }) | ||
| 235 | }, | ||
| 236 | // 材料目录删除 | ||
| 237 | handleDelete (index, row) { | ||
| 238 | let that = this | ||
| 239 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 240 | confirmButtonText: '确定', | ||
| 241 | cancelButtonText: '取消', | ||
| 242 | type: 'warning' | ||
| 243 | }).then(() => { | ||
| 244 | clmlDelete({ sjBsm: row.bsmSj }).then(async (res) => { | ||
| 245 | if (res.code == 200) { | ||
| 246 | let res = await that.clmlInitList() | ||
| 247 | if (res == 200) { | ||
| 248 | that.$message({ | ||
| 249 | message: "删除成功", | ||
| 250 | type: "success", | ||
| 251 | }) | ||
| 252 | this.$parent.setTableData(this.data) | ||
| 253 | } | ||
| 254 | } | ||
| 255 | }) | ||
| 256 | }).catch(() => { | ||
| 257 | this.$message({ | ||
| 258 | type: 'info', | ||
| 259 | message: '已取消删除' | ||
| 260 | }) | ||
| 261 | }) | ||
| 262 | }, | ||
| 263 | // 字典 | ||
| 264 | dicStatus (val, code) { | ||
| 265 | let data = this.$store.getters.dictData[code], | ||
| 266 | name = "暂无"; | ||
| 267 | if (data) { | ||
| 268 | data.map((item) => { | ||
| 269 | if (item.dcode == val) { | ||
| 270 | name = item.dname; | ||
| 271 | } | ||
| 272 | }); | ||
| 273 | return name; | ||
| 274 | } | ||
| 275 | }, | ||
| 276 | closeDialog(){ | ||
| 277 | this.$emit("input", false); | ||
| 278 | }, | ||
| 279 | }, | ||
| 280 | }; | ||
| 281 | </script> | ||
| 282 | <style scoped lang='scss'> | ||
| 283 | @import "~@/styles/mixin.scss"; | ||
| 284 | |||
| 285 | .active { | ||
| 286 | background: $light-blue !important; | ||
| 287 | color: #fff; | ||
| 288 | } | ||
| 289 | |||
| 290 | .required { | ||
| 291 | font-size: 12px; | ||
| 292 | color: $pink; | ||
| 293 | float: left; | ||
| 294 | } | ||
| 295 | |||
| 296 | .cl_number { | ||
| 297 | float: right; | ||
| 298 | } | ||
| 299 | |||
| 300 | .clxx { | ||
| 301 | width: 100%; | ||
| 302 | display: flex; | ||
| 303 | padding-left: 5px; | ||
| 304 | height: calc(100vh - 125px); | ||
| 305 | |||
| 306 | .left { | ||
| 307 | display: flex; | ||
| 308 | flex-direction: column; | ||
| 309 | justify-content: space-between; | ||
| 310 | |||
| 311 | .item { | ||
| 312 | width: 28px; | ||
| 313 | height: 49%; | ||
| 314 | @include flex-center; | ||
| 315 | background-color: #E4E7ED; | ||
| 316 | border-bottom-right-radius: 10px; | ||
| 317 | padding: 5px; | ||
| 318 | cursor: pointer; | ||
| 319 | transition: all 0.3s; | ||
| 320 | |||
| 321 | &:hover { | ||
| 322 | @extend .active; | ||
| 323 | } | ||
| 324 | } | ||
| 325 | } | ||
| 326 | |||
| 327 | .right { | ||
| 328 | width: 100%; | ||
| 329 | height: 100%; | ||
| 330 | |||
| 331 | .clmlmx-box { | ||
| 332 | margin: 0 auto; | ||
| 333 | |||
| 334 | .title { | ||
| 335 | text-align: center; | ||
| 336 | height: 60px; | ||
| 337 | line-height: 60px; | ||
| 338 | border: 1px solid #dfe6ec; | ||
| 339 | font-size: 20px; | ||
| 340 | background: #81d3f81a; | ||
| 341 | margin-bottom: -1px; | ||
| 342 | } | ||
| 343 | } | ||
| 344 | |||
| 345 | .clyl-box { | ||
| 346 | width: 100%; | ||
| 347 | height: 100%; | ||
| 348 | display: flex; | ||
| 349 | |||
| 350 | .menu-tree { | ||
| 351 | width: 20%; | ||
| 352 | min-width: 160px; | ||
| 353 | height: 100%; | ||
| 354 | margin-right: 10px; | ||
| 355 | border-right: 1px dotted #d9d9d9; | ||
| 356 | padding: 0 15px; | ||
| 357 | |||
| 358 | |||
| 359 | .item { | ||
| 360 | line-height: 30px; | ||
| 361 | padding-top: 5px; | ||
| 362 | border-bottom: 1px solid #e8e8e8; | ||
| 363 | font-size: 16px; | ||
| 364 | text-align: center; | ||
| 365 | color: $light-blue; | ||
| 366 | |||
| 367 | .itemIcon { | ||
| 368 | float: right; | ||
| 369 | line-height: 60px; | ||
| 370 | cursor: pointer; | ||
| 371 | } | ||
| 372 | |||
| 373 | .child { | ||
| 374 | line-height: 32px; | ||
| 375 | border-bottom: 1px solid #e8e8e8; | ||
| 376 | padding-left: 10px; | ||
| 377 | color: #6b6b6b; | ||
| 378 | cursor: pointer; | ||
| 379 | box-sizing: border-box; | ||
| 380 | border-radius: 6px; | ||
| 381 | line-height: 20px; | ||
| 382 | transition: all 0.3s; | ||
| 383 | padding: 8px 0; | ||
| 384 | } | ||
| 385 | |||
| 386 | .child:hover { | ||
| 387 | color: $light-blue; | ||
| 388 | transform: scale(1.1); | ||
| 389 | } | ||
| 390 | |||
| 391 | .checked { | ||
| 392 | border: 1px solid $light-blue; | ||
| 393 | color: $light-blue; | ||
| 394 | } | ||
| 395 | } | ||
| 396 | } | ||
| 397 | |||
| 398 | .clyl-img { | ||
| 399 | width: 75%; | ||
| 400 | height: 100%; | ||
| 401 | background: #f3f4f7; | ||
| 402 | margin: 0 auto; | ||
| 403 | position: relative; | ||
| 404 | } | ||
| 405 | } | ||
| 406 | } | ||
| 407 | } | ||
| 408 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/workflow/components/clxxUnify.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="clxx"> | ||
| 3 | <div class="right"> | ||
| 4 | <!-- 材料预览 --> | ||
| 5 | <div class="clyl-box"> | ||
| 6 | <div class="menu-tree"> | ||
| 7 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | ||
| 8 | <div class="item"> | ||
| 9 | 材料目录({{tableData.length}}) | ||
| 10 | <div style="margin-top:10px"> | ||
| 11 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | ||
| 12 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 13 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 14 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 15 | {{ item.sjmc }} | ||
| 16 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | ||
| 17 | </div> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> | ||
| 21 | </div> | ||
| 22 | <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" | ||
| 23 | @prevPriview="prevPriview" /> | ||
| 24 | </div> | ||
| 25 | </div> | ||
| 26 | <clxxAddDialog v-model="isDialog" /> | ||
| 27 | <clxxDetailDialog v-model="detailDialog" :data="tableData"/> | ||
| 28 | </div> | ||
| 29 | </template> | ||
| 30 | <script> | ||
| 31 | import { mapGetters } from "vuex"; | ||
| 32 | import clxxAddDialog from "./clxxAddDialog.vue"; | ||
| 33 | import clxxDetailDialog from "./clxxDetailDialog.vue"; | ||
| 34 | import imagePreview from '@/views/components/imagePreview.vue' | ||
| 35 | import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js"; | ||
| 36 | import { popupDialog } from "@/utils/popup.js"; | ||
| 37 | export default { | ||
| 38 | components: { clxxAddDialog, imagePreview,clxxDetailDialog }, | ||
| 39 | data () { | ||
| 40 | return { | ||
| 41 | isDialog: false, | ||
| 42 | detailDialog: false, | ||
| 43 | iclass: "", | ||
| 44 | // 材料目录选中 | ||
| 45 | treeCheckIndex: 0, | ||
| 46 | treeCheckId: "", | ||
| 47 | key: 0, | ||
| 48 | tableData: [], | ||
| 49 | previewImg: { | ||
| 50 | // 收件标识码 | ||
| 51 | bsmSj: '', | ||
| 52 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 53 | index: 0, | ||
| 54 | selectedIndex: 0, | ||
| 55 | imgList: [] | ||
| 56 | } | ||
| 57 | } | ||
| 58 | }, | ||
| 59 | computed: { | ||
| 60 | ...mapGetters(["dictData"]) | ||
| 61 | }, | ||
| 62 | created () { | ||
| 63 | this.clmlInitList(1) | ||
| 64 | }, | ||
| 65 | methods: { | ||
| 66 | // 自动预览 | ||
| 67 | nextPriview () { | ||
| 68 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 69 | this.treeCheckIndex++ | ||
| 70 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 71 | this.previewImg.index = 0 | ||
| 72 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 73 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 74 | } | ||
| 75 | }, | ||
| 76 | prevPriview () { | ||
| 77 | if (this.treeCheckIndex >= 1) { | ||
| 78 | this.treeCheckIndex-- | ||
| 79 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 80 | this.previewImg.index = this.previewImg.imgList.length | ||
| 81 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 82 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 83 | } | ||
| 84 | }, | ||
| 85 | // 材料目录明细初始化 | ||
| 86 | clmlInitList (type) { | ||
| 87 | //type 1:列表初始化 2:新增材料 | ||
| 88 | return new Promise(resolve => { | ||
| 89 | this.unitData = this.$parent.unitData; | ||
| 90 | var formdata = new FormData(); | ||
| 91 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 92 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 93 | clmlInit(formdata).then((res) => { | ||
| 94 | if(res.code == 200){ | ||
| 95 | resolve(res.code) | ||
| 96 | if (res.result && res.result.length > 0) { | ||
| 97 | this.tableData = res.result; | ||
| 98 | if(type == 1){ | ||
| 99 | this.treeClick(this.tableData[0],0); | ||
| 100 | }else{ | ||
| 101 | //新增材料后刷新列表焦点置于新增的对象上 | ||
| 102 | this.treeClick(this.tableData[this.tableData.length - 1],this.tableData.length - 1); | ||
| 103 | } | ||
| 104 | } | ||
| 105 | }else{ | ||
| 106 | this.$message.error(res.message) | ||
| 107 | } | ||
| 108 | }) | ||
| 109 | }) | ||
| 110 | }, | ||
| 111 | setChecked(item){ | ||
| 112 | this.treeCheckId = item.bsmSj; | ||
| 113 | this.title = item.sjmc; | ||
| 114 | this.titleYs = 1; | ||
| 115 | this.titleNum = item.children.length; | ||
| 116 | this.previewImg.imgList = item.children; | ||
| 117 | this.previewImg.bsmSj = item.bsmSj; | ||
| 118 | }, | ||
| 119 | updateList (val) { | ||
| 120 | let that = this | ||
| 121 | if (val != null) { //删除最后一张图片时 val=null | ||
| 122 | this.tableData.forEach(item => { | ||
| 123 | if (item.bsmSj === val.bsmSj) { | ||
| 124 | item.children = val.children | ||
| 125 | } | ||
| 126 | }) | ||
| 127 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 128 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 129 | this.previewImg.index = this.previewImg.index - 1 | ||
| 130 | } | ||
| 131 | } else { | ||
| 132 | this.previewImg.imgList = [] | ||
| 133 | this.tableData.forEach((item, index) => { | ||
| 134 | if (this.treeCheckId == item.bsmSj) { | ||
| 135 | item.children = [] | ||
| 136 | that.treeCheckIndex = index | ||
| 137 | } | ||
| 138 | }) | ||
| 139 | } | ||
| 140 | |||
| 141 | }, | ||
| 142 | // 添加材料目录 | ||
| 143 | handleAdd () { | ||
| 144 | this.isDialog = true; | ||
| 145 | }, | ||
| 146 | // 新增弹窗保存 | ||
| 147 | addSave (data) { | ||
| 148 | let obj = { | ||
| 149 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 150 | isrequired: "1", | ||
| 151 | sjmc: data.clmc, | ||
| 152 | sjsl: 0, | ||
| 153 | smzt: '', | ||
| 154 | ys: 0, | ||
| 155 | sjlx: data.cllx, | ||
| 156 | sfxjcl: "1", // 是否必选 | ||
| 157 | }; | ||
| 158 | save(obj).then(async (res) => { | ||
| 159 | if (res.code == 200) { | ||
| 160 | let res = await this.clmlInitList(2) | ||
| 161 | if (res == 200) this.$message({ | ||
| 162 | message: "新增成功", | ||
| 163 | type: "success", | ||
| 164 | }) | ||
| 165 | } | ||
| 166 | }); | ||
| 167 | }, | ||
| 168 | // 材料目录点击选中 | ||
| 169 | treeClick (item, index) { | ||
| 170 | this.previewImg.index = 0 | ||
| 171 | this.treeCheckId = item?.bsmSj | ||
| 172 | this.treeCheckIndex = index | ||
| 173 | this.previewImg.imgList = item?.children | ||
| 174 | this.previewImg.bsmSj = item?.bsmSj | ||
| 175 | }, | ||
| 176 | // 小图片点击 | ||
| 177 | imgClick (item, index) { | ||
| 178 | this.showImg = item; | ||
| 179 | this.titleYs = index + 1; | ||
| 180 | }, | ||
| 181 | // 字典 | ||
| 182 | dicStatus (val, code) { | ||
| 183 | let data = this.$store.getters.dictData[code], | ||
| 184 | name = "暂无"; | ||
| 185 | if (data) { | ||
| 186 | data.map((item) => { | ||
| 187 | if (item.dcode == val) { | ||
| 188 | name = item.dname; | ||
| 189 | } | ||
| 190 | }); | ||
| 191 | return name; | ||
| 192 | } | ||
| 193 | }, | ||
| 194 | //查看明细 | ||
| 195 | viewDetail(){ | ||
| 196 | this.detailDialog = true; | ||
| 197 | }, | ||
| 198 | //设置tableData | ||
| 199 | setTableData(tableData){ | ||
| 200 | this.$nextTick(res => { | ||
| 201 | this.tableData = tableData; | ||
| 202 | }) | ||
| 203 | }, | ||
| 204 | }, | ||
| 205 | }; | ||
| 206 | </script> | ||
| 207 | <style scoped lang='scss'> | ||
| 208 | @import "~@/styles/mixin.scss"; | ||
| 209 | |||
| 210 | .active { | ||
| 211 | background: $light-blue !important; | ||
| 212 | color: #fff; | ||
| 213 | } | ||
| 214 | |||
| 215 | .required { | ||
| 216 | font-size: 12px; | ||
| 217 | color: $pink; | ||
| 218 | float: left; | ||
| 219 | } | ||
| 220 | |||
| 221 | .cl_number { | ||
| 222 | float: right; | ||
| 223 | } | ||
| 224 | |||
| 225 | .clxx { | ||
| 226 | width: 100%; | ||
| 227 | display: flex; | ||
| 228 | padding-left: 5px; | ||
| 229 | height: calc(100vh - 125px); | ||
| 230 | |||
| 231 | .left { | ||
| 232 | display: flex; | ||
| 233 | flex-direction: column; | ||
| 234 | justify-content: space-between; | ||
| 235 | |||
| 236 | .item { | ||
| 237 | width: 28px; | ||
| 238 | height: 49%; | ||
| 239 | @include flex-center; | ||
| 240 | background-color: #E4E7ED; | ||
| 241 | border-bottom-right-radius: 10px; | ||
| 242 | padding: 5px; | ||
| 243 | cursor: pointer; | ||
| 244 | transition: all 0.3s; | ||
| 245 | |||
| 246 | &:hover { | ||
| 247 | @extend .active; | ||
| 248 | } | ||
| 249 | } | ||
| 250 | } | ||
| 251 | |||
| 252 | .right { | ||
| 253 | width: 100%; | ||
| 254 | height: 100%; | ||
| 255 | |||
| 256 | .clmlmx-box { | ||
| 257 | margin: 0 auto; | ||
| 258 | |||
| 259 | .title { | ||
| 260 | text-align: center; | ||
| 261 | height: 60px; | ||
| 262 | line-height: 60px; | ||
| 263 | border: 1px solid #dfe6ec; | ||
| 264 | font-size: 20px; | ||
| 265 | background: #81d3f81a; | ||
| 266 | margin-bottom: -1px; | ||
| 267 | } | ||
| 268 | } | ||
| 269 | |||
| 270 | .clyl-box { | ||
| 271 | width: 100%; | ||
| 272 | height: 100%; | ||
| 273 | display: flex; | ||
| 274 | |||
| 275 | .menu-tree { | ||
| 276 | width: 20%; | ||
| 277 | min-width: 160px; | ||
| 278 | height: 100%; | ||
| 279 | margin-right: 10px; | ||
| 280 | border-right: 1px dotted #d9d9d9; | ||
| 281 | padding: 0 15px; | ||
| 282 | |||
| 283 | |||
| 284 | .item { | ||
| 285 | line-height: 30px; | ||
| 286 | padding-top: 5px; | ||
| 287 | border-bottom: 1px solid #e8e8e8; | ||
| 288 | font-size: 16px; | ||
| 289 | text-align: center; | ||
| 290 | color: $light-blue; | ||
| 291 | |||
| 292 | .itemIcon { | ||
| 293 | float: right; | ||
| 294 | line-height: 60px; | ||
| 295 | cursor: pointer; | ||
| 296 | } | ||
| 297 | |||
| 298 | .child { | ||
| 299 | line-height: 32px; | ||
| 300 | border-bottom: 1px solid #e8e8e8; | ||
| 301 | padding-left: 10px; | ||
| 302 | color: #6b6b6b; | ||
| 303 | cursor: pointer; | ||
| 304 | box-sizing: border-box; | ||
| 305 | border-radius: 6px; | ||
| 306 | line-height: 20px; | ||
| 307 | transition: all 0.3s; | ||
| 308 | padding: 8px 0; | ||
| 309 | } | ||
| 310 | |||
| 311 | .child:hover { | ||
| 312 | color: $light-blue; | ||
| 313 | transform: scale(1.1); | ||
| 314 | } | ||
| 315 | |||
| 316 | .checked { | ||
| 317 | border: 1px solid $light-blue; | ||
| 318 | color: $light-blue; | ||
| 319 | } | ||
| 320 | } | ||
| 321 | } | ||
| 322 | |||
| 323 | .clyl-img { | ||
| 324 | width: 75%; | ||
| 325 | height: 100%; | ||
| 326 | background: #f3f4f7; | ||
| 327 | margin: 0 auto; | ||
| 328 | position: relative; | ||
| 329 | } | ||
| 330 | } | ||
| 331 | } | ||
| 332 | } | ||
| 333 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -55,7 +55,7 @@ export default { | ... | @@ -55,7 +55,7 @@ export default { |
| 55 | } | 55 | } |
| 56 | }, | 56 | }, |
| 57 | { | 57 | { |
| 58 | label: '身份证读卡器', | 58 | label: '身份证读卡器2', |
| 59 | align: 'center', | 59 | align: 'center', |
| 60 | render: (h, scope) => { | 60 | render: (h, scope) => { |
| 61 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | 61 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> |
| ... | @@ -67,7 +67,17 @@ export default { | ... | @@ -67,7 +67,17 @@ export default { |
| 67 | }, | 67 | }, |
| 68 | { | 68 | { |
| 69 | prop: "zjzl", | 69 | prop: "zjzl", |
| 70 | label: "证件种类" | 70 | label: "证件种类2", |
| 71 | render: (h, scope) => { | ||
| 72 | alert("2") | ||
| 73 | this.dictData['A30'].forEach(item => { | ||
| 74 | if (item.dcode == scope.row.zjzl) { | ||
| 75 | var varName =item.dname | ||
| 76 | alert(varName) | ||
| 77 | return <div>varName</div> | ||
| 78 | } | ||
| 79 | }) | ||
| 80 | } | ||
| 71 | }, | 81 | }, |
| 72 | { | 82 | { |
| 73 | prop: "zjh", | 83 | prop: "zjh", |
| ... | @@ -138,10 +148,10 @@ export default { | ... | @@ -138,10 +148,10 @@ export default { |
| 138 | }, | 148 | }, |
| 139 | methods: { | 149 | methods: { |
| 140 | updateDetail (value) { | 150 | updateDetail (value) { |
| 141 | this.tableDataList[this.dataIndex] = value; | 151 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); |
| 142 | console.log(this.tableDataList); | 152 | console.log(this.tableDataList); |
| 143 | this.key++ | 153 | // |
| 144 | this.$emit('upDateQlrxxList', this.tableDataList) | 154 | this.$emit('upDateQlrxxList', _.cloneDeep(this.tableDataList)) |
| 145 | }, | 155 | }, |
| 146 | 156 | ||
| 147 | // 新增 | 157 | // 新增 | ... | ... |
| ... | @@ -31,7 +31,7 @@ export default { | ... | @@ -31,7 +31,7 @@ export default { |
| 31 | dialog: false, | 31 | dialog: false, |
| 32 | details: {}, | 32 | details: {}, |
| 33 | tableDataList: [], | 33 | tableDataList: [], |
| 34 | InformationTable: [ | 34 | qlrCommonTable: [ |
| 35 | { | 35 | { |
| 36 | width: '50', | 36 | width: '50', |
| 37 | renderHeader: (h, scope) => { | 37 | renderHeader: (h, scope) => { |
| ... | @@ -84,7 +84,7 @@ export default { | ... | @@ -84,7 +84,7 @@ export default { |
| 84 | } | 84 | } |
| 85 | } | 85 | } |
| 86 | ], | 86 | ], |
| 87 | column: this.InformationTable | 87 | column: this.qlrCommonTable |
| 88 | } | 88 | } |
| 89 | }, | 89 | }, |
| 90 | watch: { | 90 | watch: { |
| ... | @@ -107,7 +107,7 @@ export default { | ... | @@ -107,7 +107,7 @@ export default { |
| 107 | }, | 107 | }, |
| 108 | gyfs: { | 108 | gyfs: { |
| 109 | handler (newVal, oldValue) { | 109 | handler (newVal, oldValue) { |
| 110 | let dataList = _.cloneDeep(this.InformationTable) | 110 | let dataList = _.cloneDeep(this.qlrCommonTable) |
| 111 | if (newVal == '1') { | 111 | if (newVal == '1') { |
| 112 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 112 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
| 113 | } else if ((newVal == '2')) { | 113 | } else if ((newVal == '2')) { | ... | ... |
| ... | @@ -13,6 +13,7 @@ | ... | @@ -13,6 +13,7 @@ |
| 13 | import { datas } from "../javascript/zsyl.js"; | 13 | import { datas } from "../javascript/zsyl.js"; |
| 14 | import { getSlsqBdcqzList,bdcqzPreview} from "@/api/bdcqz.js" | 14 | import { getSlsqBdcqzList,bdcqzPreview} from "@/api/bdcqz.js" |
| 15 | export default { | 15 | export default { |
| 16 | name: "zsyl", | ||
| 16 | components: { | 17 | components: { |
| 17 | }, | 18 | }, |
| 18 | props: { | 19 | props: { |
| ... | @@ -85,7 +86,9 @@ export default { | ... | @@ -85,7 +86,9 @@ export default { |
| 85 | this.getBdcqzPreview(); | 86 | this.getBdcqzPreview(); |
| 86 | }, | 87 | }, |
| 87 | getBdcqzPreview(){ | 88 | getBdcqzPreview(){ |
| 89 | this.$startLoading() | ||
| 88 | bdcqzPreview(this.bdcqz).then(res => { | 90 | bdcqzPreview(this.bdcqz).then(res => { |
| 91 | this.$endLoading() | ||
| 89 | let blob = new Blob([res]); | 92 | let blob = new Blob([res]); |
| 90 | let url = window.URL.createObjectURL(blob); | 93 | let url = window.URL.createObjectURL(blob); |
| 91 | this.previewImage = url; | 94 | this.previewImage = url; | ... | ... |
| ... | @@ -37,7 +37,7 @@ export function getForm (tabName, djywbm) { | ... | @@ -37,7 +37,7 @@ export function getForm (tabName, djywbm) { |
| 37 | break; | 37 | break; |
| 38 | 38 | ||
| 39 | case "clxx": | 39 | case "clxx": |
| 40 | form = require("@/views/workflow/components/clxx.vue"); | 40 | form = require("@/views/workflow/components/clxxUnify.vue"); |
| 41 | break; | 41 | break; |
| 42 | case "spyj": | 42 | case "spyj": |
| 43 | form = require("@/views/workflow/components/spyj.vue"); | 43 | form = require("@/views/workflow/components/spyj.vue"); | ... | ... |
| ... | @@ -206,13 +206,13 @@ | ... | @@ -206,13 +206,13 @@ |
| 206 | </el-form-item> | 206 | </el-form-item> |
| 207 | </el-col> | 207 | </el-col> |
| 208 | </el-row> | 208 | </el-row> |
| 209 | <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 209 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
| 210 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 210 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
| 211 | <div class="slxx_title title-block"> | 211 | <div class="slxx_title title-block"> |
| 212 | 抵押人信息 | 212 | 抵押人信息 |
| 213 | <div class="triangle"></div> | 213 | <div class="triangle"></div> |
| 214 | </div> | 214 | </div> |
| 215 | <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" | 215 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" |
| 216 | :viewtype="$route.query.viewtype" /> | 216 | :viewtype="$route.query.viewtype" /> |
| 217 | 217 | ||
| 218 | <div class="slxx_title title-block"> | 218 | <div class="slxx_title title-block"> |
| ... | @@ -244,7 +244,7 @@ | ... | @@ -244,7 +244,7 @@ |
| 244 | </div> | 244 | </div> |
| 245 | </template> | 245 | </template> |
| 246 | <script> | 246 | <script> |
| 247 | import InformationTable from "@/views/workflow/components/InformationTable"; | 247 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 248 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; | 248 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; |
| 249 | import { mapGetters } from "vuex"; | 249 | import { mapGetters } from "vuex"; |
| 250 | export default { | 250 | export default { |
| ... | @@ -261,7 +261,7 @@ export default { | ... | @@ -261,7 +261,7 @@ export default { |
| 261 | } | 261 | } |
| 262 | }); | 262 | }); |
| 263 | }, | 263 | }, |
| 264 | components: { InformationTable }, | 264 | components: { qlrCommonTable }, |
| 265 | computed: { | 265 | computed: { |
| 266 | ...mapGetters(["dictData", "flag"]), | 266 | ...mapGetters(["dictData", "flag"]), |
| 267 | }, | 267 | }, | ... | ... |
| ... | @@ -201,13 +201,13 @@ | ... | @@ -201,13 +201,13 @@ |
| 201 | </el-form-item> | 201 | </el-form-item> |
| 202 | </el-col> | 202 | </el-col> |
| 203 | </el-row> | 203 | </el-row> |
| 204 | <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
| 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
| 206 | <div class="slxx_title title-block"> | 206 | <div class="slxx_title title-block"> |
| 207 | 抵押人信息 | 207 | 抵押人信息 |
| 208 | <div class="triangle"></div> | 208 | <div class="triangle"></div> |
| 209 | </div> | 209 | </div> |
| 210 | <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" | 210 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" |
| 211 | :viewtype="$route.query.viewtype" /> | 211 | :viewtype="$route.query.viewtype" /> |
| 212 | 212 | ||
| 213 | <div class="slxx_title title-block"> | 213 | <div class="slxx_title title-block"> |
| ... | @@ -234,7 +234,7 @@ | ... | @@ -234,7 +234,7 @@ |
| 234 | </div> | 234 | </div> |
| 235 | </template> | 235 | </template> |
| 236 | <script> | 236 | <script> |
| 237 | import InformationTable from "@/views/workflow/components/InformationTable"; | 237 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 238 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; | 238 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; |
| 239 | import { mapGetters } from "vuex"; | 239 | import { mapGetters } from "vuex"; |
| 240 | export default { | 240 | export default { |
| ... | @@ -251,7 +251,7 @@ export default { | ... | @@ -251,7 +251,7 @@ export default { |
| 251 | } | 251 | } |
| 252 | }); | 252 | }); |
| 253 | }, | 253 | }, |
| 254 | components: { InformationTable }, | 254 | components: { qlrCommonTable }, |
| 255 | computed: { | 255 | computed: { |
| 256 | ...mapGetters(["dictData", "flag"]), | 256 | ...mapGetters(["dictData", "flag"]), |
| 257 | }, | 257 | }, | ... | ... |
| ... | @@ -167,7 +167,7 @@ | ... | @@ -167,7 +167,7 @@ |
| 167 | </el-form-item> | 167 | </el-form-item> |
| 168 | </el-col> | 168 | </el-col> |
| 169 | </el-row> | 169 | </el-row> |
| 170 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 170 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 171 | :gyfs="ruleForm.qlxx.gyfs" /> | 171 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 172 | 172 | ||
| 173 | <div v-if="ruleForm.ywrList.length > 0"> | 173 | <div v-if="ruleForm.ywrList.length > 0"> |
| ... | @@ -175,7 +175,7 @@ | ... | @@ -175,7 +175,7 @@ |
| 175 | 义务人信息 | 175 | 义务人信息 |
| 176 | <div class="triangle"></div> | 176 | <div class="triangle"></div> |
| 177 | </div> | 177 | </div> |
| 178 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 178 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" |
| 179 | :gyfs="ruleForm.qlxx.gyfs" /> | 179 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 180 | </div> | 180 | </div> |
| 181 | <div class="slxx_title title-block"> | 181 | <div class="slxx_title title-block"> |
| ... | @@ -201,7 +201,7 @@ | ... | @@ -201,7 +201,7 @@ |
| 201 | </div> | 201 | </div> |
| 202 | </template> | 202 | </template> |
| 203 | <script> | 203 | <script> |
| 204 | import InformationTable from "@/views/workflow/components/InformationTable"; | 204 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 205 | import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; | 205 | import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; |
| 206 | import { mapGetters } from "vuex"; | 206 | import { mapGetters } from "vuex"; |
| 207 | export default { | 207 | export default { |
| ... | @@ -219,7 +219,7 @@ export default { | ... | @@ -219,7 +219,7 @@ export default { |
| 219 | } | 219 | } |
| 220 | }); | 220 | }); |
| 221 | }, | 221 | }, |
| 222 | components: { InformationTable }, | 222 | components: { qlrCommonTable }, |
| 223 | computed: { | 223 | computed: { |
| 224 | ...mapGetters(["dictData", "flag"]), | 224 | ...mapGetters(["dictData", "flag"]), |
| 225 | }, | 225 | }, | ... | ... |
| ... | @@ -161,7 +161,7 @@ | ... | @@ -161,7 +161,7 @@ |
| 161 | </el-form-item> | 161 | </el-form-item> |
| 162 | </el-col> | 162 | </el-col> |
| 163 | </el-row> | 163 | </el-row> |
| 164 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 164 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 165 | :gyfs="ruleForm.qlxx.gyfs" /> | 165 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 166 | <div class="slxx_title title-block"> | 166 | <div class="slxx_title title-block"> |
| 167 | 登记原因 | 167 | 登记原因 |
| ... | @@ -186,7 +186,7 @@ | ... | @@ -186,7 +186,7 @@ |
| 186 | </div> | 186 | </div> |
| 187 | </template> | 187 | </template> |
| 188 | <script> | 188 | <script> |
| 189 | import InformationTable from "@/views/workflow/components/InformationTable"; | 189 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 190 | import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; | 190 | import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js"; |
| 191 | import { mapGetters } from "vuex"; | 191 | import { mapGetters } from "vuex"; |
| 192 | import SERVER from "@/api/config"; | 192 | import SERVER from "@/api/config"; |
| ... | @@ -207,7 +207,7 @@ export default { | ... | @@ -207,7 +207,7 @@ export default { |
| 207 | } | 207 | } |
| 208 | }); | 208 | }); |
| 209 | }, | 209 | }, |
| 210 | components: { InformationTable }, | 210 | components: { qlrCommonTable }, |
| 211 | computed: { | 211 | computed: { |
| 212 | ...mapGetters(["dictData", "flag"]), | 212 | ...mapGetters(["dictData", "flag"]), |
| 213 | }, | 213 | }, | ... | ... |
| ... | @@ -150,7 +150,7 @@ | ... | @@ -150,7 +150,7 @@ |
| 150 | </el-form-item> | 150 | </el-form-item> |
| 151 | </el-col> | 151 | </el-col> |
| 152 | </el-row> | 152 | </el-row> |
| 153 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> | 153 | <qlrCommonTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> |
| 154 | <div class="slxx_title title-block"> | 154 | <div class="slxx_title title-block"> |
| 155 | 登记原因 | 155 | 登记原因 |
| 156 | <div class="triangle"></div> | 156 | <div class="triangle"></div> |
| ... | @@ -173,7 +173,7 @@ | ... | @@ -173,7 +173,7 @@ |
| 173 | </div> | 173 | </div> |
| 174 | </template> | 174 | </template> |
| 175 | <script> | 175 | <script> |
| 176 | import InformationTable from "@/views/workflow/components/InformationTable"; | 176 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 177 | import { Init } from "@/api/workflow/fwsyqFlow.js"; | 177 | import { Init } from "@/api/workflow/fwsyqFlow.js"; |
| 178 | import { mapGetters } from "vuex"; | 178 | import { mapGetters } from "vuex"; |
| 179 | export default { | 179 | export default { |
| ... | @@ -192,7 +192,7 @@ export default { | ... | @@ -192,7 +192,7 @@ export default { |
| 192 | } | 192 | } |
| 193 | }); | 193 | }); |
| 194 | }, | 194 | }, |
| 195 | components: { InformationTable }, | 195 | components: { qlrCommonTable }, |
| 196 | computed: { | 196 | computed: { |
| 197 | ...mapGetters(["dictData", "flag"]), | 197 | ...mapGetters(["dictData", "flag"]), |
| 198 | }, | 198 | }, | ... | ... |
| ... | @@ -145,14 +145,14 @@ | ... | @@ -145,14 +145,14 @@ |
| 145 | </el-form-item> | 145 | </el-form-item> |
| 146 | </el-col> | 146 | </el-col> |
| 147 | </el-row> | 147 | </el-row> |
| 148 | <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 148 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
| 149 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 149 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
| 150 | <div v-if="ruleForm.ywrList.length > 0"> | 150 | <div v-if="ruleForm.ywrList.length > 0"> |
| 151 | <div class="slxx_title title-block"> | 151 | <div class="slxx_title title-block"> |
| 152 | 义务人信息 | 152 | 义务人信息 |
| 153 | <div class="triangle"></div> | 153 | <div class="triangle"></div> |
| 154 | </div> | 154 | </div> |
| 155 | <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" | 155 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" |
| 156 | :viewtype="$route.query.viewtype" /> | 156 | :viewtype="$route.query.viewtype" /> |
| 157 | </div> | 157 | </div> |
| 158 | 158 | ||
| ... | @@ -181,7 +181,7 @@ | ... | @@ -181,7 +181,7 @@ |
| 181 | <script> | 181 | <script> |
| 182 | import { mapGetters } from "vuex" | 182 | import { mapGetters } from "vuex" |
| 183 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" | 183 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" |
| 184 | import InformationTable from "@/views/workflow/components/InformationTable" | 184 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
| 185 | export default { | 185 | export default { |
| 186 | created () { | 186 | created () { |
| 187 | this.propsParam = this.$attrs; | 187 | this.propsParam = this.$attrs; |
| ... | @@ -203,7 +203,7 @@ export default { | ... | @@ -203,7 +203,7 @@ export default { |
| 203 | } | 203 | } |
| 204 | }) | 204 | }) |
| 205 | }, | 205 | }, |
| 206 | components: { InformationTable }, | 206 | components: { qlrCommonTable }, |
| 207 | computed: { | 207 | computed: { |
| 208 | ...mapGetters(["dictData", "flag"]) | 208 | ...mapGetters(["dictData", "flag"]) |
| 209 | }, | 209 | }, | ... | ... |
| ... | @@ -149,7 +149,7 @@ | ... | @@ -149,7 +149,7 @@ |
| 149 | </el-form-item> | 149 | </el-form-item> |
| 150 | </el-col> | 150 | </el-col> |
| 151 | </el-row> | 151 | </el-row> |
| 152 | <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList' | 152 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList' |
| 153 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 153 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
| 154 | <div class="slxx_title title-block"> | 154 | <div class="slxx_title title-block"> |
| 155 | 登记原因 | 155 | 登记原因 |
| ... | @@ -175,7 +175,7 @@ | ... | @@ -175,7 +175,7 @@ |
| 175 | </template> | 175 | </template> |
| 176 | <script> | 176 | <script> |
| 177 | import { mapGetters } from "vuex"; | 177 | import { mapGetters } from "vuex"; |
| 178 | import InformationTable from "@/views/workflow/components/InformationTable"; | 178 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 179 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 179 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 180 | export default { | 180 | export default { |
| 181 | async created () { | 181 | async created () { |
| ... | @@ -189,7 +189,7 @@ export default { | ... | @@ -189,7 +189,7 @@ export default { |
| 189 | } | 189 | } |
| 190 | }); | 190 | }); |
| 191 | }, | 191 | }, |
| 192 | components: { InformationTable }, | 192 | components: { qlrCommonTable }, |
| 193 | computed: { | 193 | computed: { |
| 194 | ...mapGetters(["dictData", "flag"]) | 194 | ...mapGetters(["dictData", "flag"]) |
| 195 | }, | 195 | }, | ... | ... |
| ... | @@ -201,7 +201,7 @@ | ... | @@ -201,7 +201,7 @@ |
| 201 | </el-form-item> | 201 | </el-form-item> |
| 202 | </el-col> | 202 | </el-col> |
| 203 | </el-row> | 203 | </el-row> |
| 204 | <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
| 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
| 206 | <div class="slxx_title title-block"> | 206 | <div class="slxx_title title-block"> |
| 207 | 家庭成员 | 207 | 家庭成员 |
| ... | @@ -234,7 +234,7 @@ | ... | @@ -234,7 +234,7 @@ |
| 234 | <script> | 234 | <script> |
| 235 | import { mapGetters } from "vuex" | 235 | import { mapGetters } from "vuex" |
| 236 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" | 236 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" |
| 237 | import InformationTable from "@/views/workflow/components/InformationTable" | 237 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
| 238 | import JtcyTable from "@/views/workflow/components/JtcyTable" | 238 | import JtcyTable from "@/views/workflow/components/JtcyTable" |
| 239 | export default { | 239 | export default { |
| 240 | created () { | 240 | created () { |
| ... | @@ -251,7 +251,7 @@ export default { | ... | @@ -251,7 +251,7 @@ export default { |
| 251 | } | 251 | } |
| 252 | }) | 252 | }) |
| 253 | }, | 253 | }, |
| 254 | components: { InformationTable, JtcyTable }, | 254 | components: { qlrCommonTable, JtcyTable }, |
| 255 | computed: { | 255 | computed: { |
| 256 | ...mapGetters(["dictData", "flag"]) | 256 | ...mapGetters(["dictData", "flag"]) |
| 257 | }, | 257 | }, | ... | ... |
| ... | @@ -201,13 +201,13 @@ | ... | @@ -201,13 +201,13 @@ |
| 201 | </el-form-item> | 201 | </el-form-item> |
| 202 | </el-col> | 202 | </el-col> |
| 203 | </el-row> | 203 | </el-row> |
| 204 | <InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" |
| 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
| 206 | <div class="slxx_title title-block"> | 206 | <div class="slxx_title title-block"> |
| 207 | 义务人信息 | 207 | 义务人信息 |
| 208 | <div class="triangle"></div> | 208 | <div class="triangle"></div> |
| 209 | </div> | 209 | </div> |
| 210 | <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" | 210 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" |
| 211 | :viewtype="$route.query.viewtype" /> | 211 | :viewtype="$route.query.viewtype" /> |
| 212 | <div class="slxx_title title-block"> | 212 | <div class="slxx_title title-block"> |
| 213 | 家庭成员 | 213 | 家庭成员 |
| ... | @@ -240,7 +240,7 @@ | ... | @@ -240,7 +240,7 @@ |
| 240 | <script> | 240 | <script> |
| 241 | import { mapGetters } from "vuex" | 241 | import { mapGetters } from "vuex" |
| 242 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" | 242 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" |
| 243 | import InformationTable from "@/views/workflow/components/InformationTable" | 243 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
| 244 | import JtcyTable from "@/views/workflow/components/JtcyTable" | 244 | import JtcyTable from "@/views/workflow/components/JtcyTable" |
| 245 | export default { | 245 | export default { |
| 246 | created () { | 246 | created () { |
| ... | @@ -257,7 +257,7 @@ export default { | ... | @@ -257,7 +257,7 @@ export default { |
| 257 | } | 257 | } |
| 258 | }) | 258 | }) |
| 259 | }, | 259 | }, |
| 260 | components: { InformationTable, JtcyTable }, | 260 | components: { qlrCommonTable, JtcyTable }, |
| 261 | computed: { | 261 | computed: { |
| 262 | ...mapGetters(["dictData", "flag"]) | 262 | ...mapGetters(["dictData", "flag"]) |
| 263 | }, | 263 | }, | ... | ... |
| ... | @@ -142,13 +142,13 @@ | ... | @@ -142,13 +142,13 @@ |
| 142 | </el-form-item> | 142 | </el-form-item> |
| 143 | </el-col> | 143 | </el-col> |
| 144 | </el-row> | 144 | </el-row> |
| 145 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 145 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 146 | :gyfs="ruleForm.qlxx.gyfs" /> | 146 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 147 | <div class="slxx_title title-block"> | 147 | <div class="slxx_title title-block"> |
| 148 | 义务人信息 | 148 | 义务人信息 |
| 149 | <div class="triangle"></div> | 149 | <div class="triangle"></div> |
| 150 | </div> | 150 | </div> |
| 151 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 151 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" |
| 152 | :gyfs="ruleForm.qlxx.gyfs" /> | 152 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 153 | <div class="slxx_title title-block"> | 153 | <div class="slxx_title title-block"> |
| 154 | 登记原因 | 154 | 登记原因 |
| ... | @@ -173,7 +173,7 @@ | ... | @@ -173,7 +173,7 @@ |
| 173 | </div> | 173 | </div> |
| 174 | </template> | 174 | </template> |
| 175 | <script> | 175 | <script> |
| 176 | import InformationTable from "@/views/workflow/components/InformationTable"; | 176 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 177 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; | 177 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; |
| 178 | import { mapGetters } from "vuex"; | 178 | import { mapGetters } from "vuex"; |
| 179 | export default { | 179 | export default { |
| ... | @@ -189,7 +189,7 @@ export default { | ... | @@ -189,7 +189,7 @@ export default { |
| 189 | } | 189 | } |
| 190 | }) | 190 | }) |
| 191 | }, | 191 | }, |
| 192 | components: { InformationTable }, | 192 | components: { qlrCommonTable }, |
| 193 | computed: { | 193 | computed: { |
| 194 | ...mapGetters(["dictData", "flag"]), | 194 | ...mapGetters(["dictData", "flag"]), |
| 195 | }, | 195 | }, | ... | ... |
| ... | @@ -145,13 +145,13 @@ | ... | @@ -145,13 +145,13 @@ |
| 145 | </el-form-item> | 145 | </el-form-item> |
| 146 | </el-col> | 146 | </el-col> |
| 147 | </el-row> | 147 | </el-row> |
| 148 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 148 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 149 | :gyfs="ruleForm.qlxx.gyfs" /> | 149 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 150 | <div class="slxx_title title-block"> | 150 | <div class="slxx_title title-block"> |
| 151 | 义务人信息 | 151 | 义务人信息 |
| 152 | <div class="triangle"></div> | 152 | <div class="triangle"></div> |
| 153 | </div> | 153 | </div> |
| 154 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 154 | <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" |
| 155 | :gyfs="ruleForm.qlxx.gyfs" /> | 155 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 156 | <div class="slxx_title title-block"> | 156 | <div class="slxx_title title-block"> |
| 157 | 登记原因 | 157 | 登记原因 |
| ... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
| 176 | </div> | 176 | </div> |
| 177 | </template> | 177 | </template> |
| 178 | <script> | 178 | <script> |
| 179 | import InformationTable from "@/views/workflow/components/InformationTable"; | 179 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 180 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; | 180 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; |
| 181 | import { mapGetters } from "vuex"; | 181 | import { mapGetters } from "vuex"; |
| 182 | export default { | 182 | export default { |
| ... | @@ -191,7 +191,7 @@ export default { | ... | @@ -191,7 +191,7 @@ export default { |
| 191 | } | 191 | } |
| 192 | }); | 192 | }); |
| 193 | }, | 193 | }, |
| 194 | components: { InformationTable }, | 194 | components: { qlrCommonTable }, |
| 195 | computed: { | 195 | computed: { |
| 196 | ...mapGetters(["dictData", "flag"]), | 196 | ...mapGetters(["dictData", "flag"]), |
| 197 | }, | 197 | }, | ... | ... |
-
Please register or sign in to post a comment