整合工作流相关组件分类
Showing
34 changed files
with
411 additions
and
378 deletions
| ... | @@ -53,7 +53,7 @@ export function getForm (tabName) { | ... | @@ -53,7 +53,7 @@ export function getForm (tabName) { |
| 53 | break; | 53 | break; |
| 54 | //森林林木使用权 | 54 | //森林林木使用权 |
| 55 | case "sllmslxx": | 55 | case "sllmslxx": |
| 56 | form = require("@/views/ywbl/slsqxx/sllmslxx"); | 56 | form = require("@/views/workflow/main/slsqxx/sllmslxx"); |
| 57 | break; | 57 | break; |
| 58 | case "slxxjsydsyq": | 58 | case "slxxjsydsyq": |
| 59 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); | 59 | form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue"); | ... | ... |
| ... | @@ -60,7 +60,7 @@ | ... | @@ -60,7 +60,7 @@ |
| 60 | <div class="slxx_title title-block" v-else> | 60 | <div class="slxx_title title-block" v-else> |
| 61 | 查封不动产列表({{ ruleForm.ztQlxxList.length }} 个) | 61 | 查封不动产列表({{ ruleForm.ztQlxxList.length }} 个) |
| 62 | <div class="triangle"></div> | 62 | <div class="triangle"></div> |
| 63 | <cfBdcdyTable :tableData="ruleForm.ztQlxxList" /> | 63 | <qlxxTable :tableData="ruleForm.ztQlxxList" /> |
| 64 | </div> | 64 | </div> |
| 65 | <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')"> | 65 | <div class="slxx_title title-block" v-if="!ruleForm.slsq.djywbm.includes('400')"> |
| 66 | 批量查封信息 | 66 | 批量查封信息 |
| ... | @@ -162,7 +162,8 @@ | ... | @@ -162,7 +162,8 @@ |
| 162 | </div> | 162 | </div> |
| 163 | </template> | 163 | </template> |
| 164 | <script> | 164 | <script> |
| 165 | import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; | 165 | //import cfBdcdyTable from "@/views/workflow/components/cfBdcdyTable"; |
| 166 | import qlxxTable from "../commonTable/qlxxTable.vue"; | ||
| 166 | import cfdjTable from "@/views/workflow/components/cfdjTable"; | 167 | import cfdjTable from "@/views/workflow/components/cfdjTable"; |
| 167 | import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js"; | 168 | import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js"; |
| 168 | import { mapGetters } from "vuex"; | 169 | import { mapGetters } from "vuex"; |
| ... | @@ -205,7 +206,7 @@ | ... | @@ -205,7 +206,7 @@ |
| 205 | } | 206 | } |
| 206 | }) | 207 | }) |
| 207 | }, | 208 | }, |
| 208 | components: { cfBdcdyTable,cfdjTable }, | 209 | components: { qlxxTable,cfdjTable }, |
| 209 | props: { | 210 | props: { |
| 210 | flag: { | 211 | flag: { |
| 211 | type: Boolean, | 212 | type: Boolean, | ... | ... |
This diff is collapsed.
Click to expand it.
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-11 15:32:32 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data1 extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | prop: "sqrmc", | ||
| 20 | label: "姓名/名称", | ||
| 21 | }, | ||
| 22 | { | ||
| 23 | prop: "zjzlMc", | ||
| 24 | label: "证件种类" | ||
| 25 | }, | ||
| 26 | { | ||
| 27 | prop: "zjh", | ||
| 28 | label: "证件号", | ||
| 29 | }, | ||
| 30 | { | ||
| 31 | prop: "frmc", | ||
| 32 | label: "法人名称", | ||
| 33 | }, | ||
| 34 | { | ||
| 35 | prop: "dwdz", | ||
| 36 | label: "地址", | ||
| 37 | }, | ||
| 38 | { | ||
| 39 | prop: "dh", | ||
| 40 | label: "联系电话", | ||
| 41 | } | ||
| 42 | ] | ||
| 43 | } | ||
| 44 | |||
| 45 | } | ||
| 46 | class data2 extends filter { | ||
| 47 | constructor() { | ||
| 48 | super() | ||
| 49 | |||
| 50 | } | ||
| 51 | columns () { | ||
| 52 | return [ | ||
| 53 | { | ||
| 54 | prop: "sqrmc", | ||
| 55 | label: "姓名/名称", | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | prop: "zjzlMc", | ||
| 59 | label: "证件种类", | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | prop: "zjh", | ||
| 63 | label: "证件号", | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | prop: "frmc", | ||
| 67 | label: "法人名称", | ||
| 68 | }, | ||
| 69 | { | ||
| 70 | prop: "dwdz", | ||
| 71 | label: "地址", | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "dh", | ||
| 75 | label: "联系电话", | ||
| 76 | }, | ||
| 77 | ] | ||
| 78 | } | ||
| 79 | |||
| 80 | } | ||
| 81 | let dataYh = new data1() | ||
| 82 | let dataQy = new data2() | ||
| 83 | export { | ||
| 84 | dataYh, | ||
| 85 | dataQy, | ||
| 86 | sendThis | ||
| 87 | } |
| ... | @@ -8,12 +8,8 @@ | ... | @@ -8,12 +8,8 @@ |
| 8 | </lb-table> | 8 | </lb-table> |
| 9 | </template> | 9 | </template> |
| 10 | <script> | 10 | <script> |
| 11 | // import addQlr from './dialog/addQlr.vue' | 11 | import { mapGetters } from 'vuex'; |
| 12 | import { mapGetters } from 'vuex' | ||
| 13 | export default { | 12 | export default { |
| 14 | components: { | ||
| 15 | |||
| 16 | }, | ||
| 17 | computed: { | 13 | computed: { |
| 18 | ...mapGetters(["dictData"]), | 14 | ...mapGetters(["dictData"]), |
| 19 | }, | 15 | }, |
| ... | @@ -23,20 +19,12 @@ | ... | @@ -23,20 +19,12 @@ |
| 23 | default: function () { | 19 | default: function () { |
| 24 | return [] | 20 | return [] |
| 25 | } | 21 | } |
| 26 | }, | ||
| 27 | gyfs: { | ||
| 28 | type: String, | ||
| 29 | default: '1' | ||
| 30 | } | 22 | } |
| 31 | }, | 23 | }, |
| 32 | data () { | 24 | data () { |
| 33 | return { | 25 | return { |
| 34 | key: 0, | 26 | key: 0, |
| 35 | dataIndex: 0, | 27 | column: [ |
| 36 | dialog: false, | ||
| 37 | details: {}, | ||
| 38 | tableDataList: [], | ||
| 39 | qlrCommonTable: [ | ||
| 40 | { | 28 | { |
| 41 | label: '序号', | 29 | label: '序号', |
| 42 | type: 'index', | 30 | type: 'index', |
| ... | @@ -88,48 +76,8 @@ | ... | @@ -88,48 +76,8 @@ |
| 88 | { | 76 | { |
| 89 | prop: "zl", | 77 | prop: "zl", |
| 90 | label: "坐落" | 78 | label: "坐落" |
| 91 | }, | ||
| 92 | |||
| 93 | |||
| 94 | ], | ||
| 95 | column: this.qlrCommonTable | ||
| 96 | } | ||
| 97 | }, | ||
| 98 | watch: { | ||
| 99 | tableData: { | ||
| 100 | handler: function (val, oldVal) { | ||
| 101 | let that = this | ||
| 102 | if (val.length == 0 || !val) { | ||
| 103 | that.tableDataList = _.cloneDeep([{ | ||
| 104 | sqrmc: '', | ||
| 105 | dlrzjlx: '', | ||
| 106 | dlrzjh: '', | ||
| 107 | fr: '' | ||
| 108 | }]) | ||
| 109 | } else { | ||
| 110 | that.tableDataList = _.cloneDeep(val) | ||
| 111 | } | 79 | } |
| 112 | }, | 80 | ] |
| 113 | immediate: true, | ||
| 114 | deep: true | ||
| 115 | }, | ||
| 116 | gyfs: { | ||
| 117 | handler (newVal, oldValue) { | ||
| 118 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 119 | if (newVal == '1') { | ||
| 120 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 121 | } else if ((newVal == '2')) { | ||
| 122 | this.column = dataList | ||
| 123 | } else { | ||
| 124 | this.column = _.cloneDeep(dataList) | ||
| 125 | this.column.splice( | ||
| 126 | 2, 0, { | ||
| 127 | prop: "qlbl", | ||
| 128 | label: "份数" | ||
| 129 | }) | ||
| 130 | } | ||
| 131 | }, | ||
| 132 | immediate: true | ||
| 133 | } | 81 | } |
| 134 | }, | 82 | }, |
| 135 | methods: { | 83 | methods: { | ... | ... |
| ... | @@ -8,12 +8,8 @@ | ... | @@ -8,12 +8,8 @@ |
| 8 | </lb-table> | 8 | </lb-table> |
| 9 | </template> | 9 | </template> |
| 10 | <script> | 10 | <script> |
| 11 | import addQlr from '../../../components/dialog/addQlr.vue' | ||
| 12 | import { mapGetters } from 'vuex' | 11 | import { mapGetters } from 'vuex' |
| 13 | export default { | 12 | export default { |
| 14 | components: { | ||
| 15 | addQlr | ||
| 16 | }, | ||
| 17 | computed: { | 13 | computed: { |
| 18 | ...mapGetters(["dictData"]), | 14 | ...mapGetters(["dictData"]), |
| 19 | }, | 15 | }, |
| ... | @@ -23,20 +19,12 @@ | ... | @@ -23,20 +19,12 @@ |
| 23 | default: function () { | 19 | default: function () { |
| 24 | return [] | 20 | return [] |
| 25 | } | 21 | } |
| 26 | }, | ||
| 27 | gyfs: { | ||
| 28 | type: String, | ||
| 29 | default: '1' | ||
| 30 | } | 22 | } |
| 31 | }, | 23 | }, |
| 32 | data () { | 24 | data () { |
| 33 | return { | 25 | return { |
| 34 | key: 0, | 26 | key: 0, |
| 35 | dataIndex: 0, | 27 | column: [ |
| 36 | dialog: false, | ||
| 37 | details: {}, | ||
| 38 | tableDataList: [], | ||
| 39 | qlrCommonTable: [ | ||
| 40 | { | 28 | { |
| 41 | label: '序号', | 29 | label: '序号', |
| 42 | type: 'index', | 30 | type: 'index', |
| ... | @@ -92,48 +80,8 @@ | ... | @@ -92,48 +80,8 @@ |
| 92 | { | 80 | { |
| 93 | prop: "zl", | 81 | prop: "zl", |
| 94 | label: "坐落" | 82 | label: "坐落" |
| 95 | }, | ||
| 96 | |||
| 97 | |||
| 98 | ], | ||
| 99 | column: this.qlrCommonTable | ||
| 100 | } | ||
| 101 | }, | ||
| 102 | watch: { | ||
| 103 | tableData: { | ||
| 104 | handler: function (val, oldVal) { | ||
| 105 | let that = this | ||
| 106 | if (val.length == 0 || !val) { | ||
| 107 | that.tableDataList = _.cloneDeep([{ | ||
| 108 | sqrmc: '', | ||
| 109 | dlrzjlx: '', | ||
| 110 | dlrzjh: '', | ||
| 111 | fr: '' | ||
| 112 | }]) | ||
| 113 | } else { | ||
| 114 | that.tableDataList = _.cloneDeep(val) | ||
| 115 | } | 83 | } |
| 116 | }, | 84 | ] |
| 117 | immediate: true, | ||
| 118 | deep: true | ||
| 119 | }, | ||
| 120 | gyfs: { | ||
| 121 | handler (newVal, oldValue) { | ||
| 122 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 123 | if (newVal == '1') { | ||
| 124 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 125 | } else if ((newVal == '2')) { | ||
| 126 | this.column = dataList | ||
| 127 | } else { | ||
| 128 | this.column = _.cloneDeep(dataList) | ||
| 129 | this.column.splice( | ||
| 130 | 2, 0, { | ||
| 131 | prop: "qlbl", | ||
| 132 | label: "份数" | ||
| 133 | }) | ||
| 134 | } | ||
| 135 | }, | ||
| 136 | immediate: true | ||
| 137 | } | 85 | } |
| 138 | }, | 86 | }, |
| 139 | methods: { | 87 | methods: { | ... | ... |
| ... | @@ -8,12 +8,8 @@ | ... | @@ -8,12 +8,8 @@ |
| 8 | </lb-table> | 8 | </lb-table> |
| 9 | </template> | 9 | </template> |
| 10 | <script> | 10 | <script> |
| 11 | // import addQlr from './dialog/addQlr.vue' | ||
| 12 | import { mapGetters } from 'vuex' | 11 | import { mapGetters } from 'vuex' |
| 13 | export default { | 12 | export default { |
| 14 | components: { | ||
| 15 | |||
| 16 | }, | ||
| 17 | computed: { | 13 | computed: { |
| 18 | ...mapGetters(["dictData"]), | 14 | ...mapGetters(["dictData"]), |
| 19 | }, | 15 | }, |
| ... | @@ -23,20 +19,12 @@ | ... | @@ -23,20 +19,12 @@ |
| 23 | default: function () { | 19 | default: function () { |
| 24 | return [] | 20 | return [] |
| 25 | } | 21 | } |
| 26 | }, | ||
| 27 | gyfs: { | ||
| 28 | type: String, | ||
| 29 | default: '1' | ||
| 30 | } | 22 | } |
| 31 | }, | 23 | }, |
| 32 | data () { | 24 | data () { |
| 33 | return { | 25 | return { |
| 34 | key: 0, | 26 | key: 0, |
| 35 | dataIndex: 0, | 27 | column: [ |
| 36 | dialog: false, | ||
| 37 | details: {}, | ||
| 38 | tableDataList: [], | ||
| 39 | qlrCommonTable: [ | ||
| 40 | { | 28 | { |
| 41 | label: '序号', | 29 | label: '序号', |
| 42 | type: 'index', | 30 | type: 'index', |
| ... | @@ -85,39 +73,7 @@ | ... | @@ -85,39 +73,7 @@ |
| 85 | prop: "showfwjg", | 73 | prop: "showfwjg", |
| 86 | label: "房屋结构" | 74 | label: "房屋结构" |
| 87 | }, | 75 | }, |
| 88 | ], | 76 | ] |
| 89 | column: this.qlrCommonTable | ||
| 90 | } | ||
| 91 | }, | ||
| 92 | watch: { | ||
| 93 | tableData: { | ||
| 94 | handler: function (val, oldVal) { | ||
| 95 | let that = this; | ||
| 96 | if (val.length == 0 || !val) { | ||
| 97 | } else { | ||
| 98 | that.tableDataList = _.cloneDeep(val) | ||
| 99 | } | ||
| 100 | }, | ||
| 101 | immediate: true, | ||
| 102 | deep: true | ||
| 103 | }, | ||
| 104 | gyfs: { | ||
| 105 | handler (newVal, oldValue) { | ||
| 106 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 107 | if (newVal == '1') { | ||
| 108 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 109 | } else if ((newVal == '2')) { | ||
| 110 | this.column = dataList | ||
| 111 | } else { | ||
| 112 | this.column = _.cloneDeep(dataList) | ||
| 113 | this.column.splice( | ||
| 114 | 2, 0, { | ||
| 115 | prop: "qlbl", | ||
| 116 | label: "份数" | ||
| 117 | }) | ||
| 118 | } | ||
| 119 | }, | ||
| 120 | immediate: true | ||
| 121 | } | 77 | } |
| 122 | }, | 78 | }, |
| 123 | methods: { | 79 | methods: { | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -8,12 +8,8 @@ | ... | @@ -8,12 +8,8 @@ |
| 8 | </lb-table> | 8 | </lb-table> |
| 9 | </template> | 9 | </template> |
| 10 | <script> | 10 | <script> |
| 11 | import addQlr from '../../../components/dialog/addQlr.vue' | ||
| 12 | import { mapGetters } from 'vuex' | 11 | import { mapGetters } from 'vuex' |
| 13 | export default { | 12 | export default { |
| 14 | components: { | ||
| 15 | addQlr | ||
| 16 | }, | ||
| 17 | computed: { | 13 | computed: { |
| 18 | ...mapGetters(["dictData"]), | 14 | ...mapGetters(["dictData"]), |
| 19 | }, | 15 | }, |
| ... | @@ -23,20 +19,12 @@ | ... | @@ -23,20 +19,12 @@ |
| 23 | default: function () { | 19 | default: function () { |
| 24 | return [] | 20 | return [] |
| 25 | } | 21 | } |
| 26 | }, | ||
| 27 | gyfs: { | ||
| 28 | type: String, | ||
| 29 | default: '1' | ||
| 30 | } | 22 | } |
| 31 | }, | 23 | }, |
| 32 | data () { | 24 | data () { |
| 33 | return { | 25 | return { |
| 34 | key: 0, | 26 | key: 0, |
| 35 | dataIndex: 0, | 27 | column: [ |
| 36 | dialog: false, | ||
| 37 | details: {}, | ||
| 38 | tableDataList: [], | ||
| 39 | qlrCommonTable: [ | ||
| 40 | { | 28 | { |
| 41 | label: '序号', | 29 | label: '序号', |
| 42 | type: 'index', | 30 | type: 'index', |
| ... | @@ -85,45 +73,7 @@ | ... | @@ -85,45 +73,7 @@ |
| 85 | prop: "zl", | 73 | prop: "zl", |
| 86 | label: "坐落" | 74 | label: "坐落" |
| 87 | }, | 75 | }, |
| 88 | ], | 76 | ] |
| 89 | column: this.qlrCommonTable | ||
| 90 | } | ||
| 91 | }, | ||
| 92 | watch: { | ||
| 93 | tableData: { | ||
| 94 | handler: function (val, oldVal) { | ||
| 95 | let that = this | ||
| 96 | if (val.length == 0 || !val) { | ||
| 97 | that.tableDataList = _.cloneDeep([{ | ||
| 98 | sqrmc: '', | ||
| 99 | dlrzjlx: '', | ||
| 100 | dlrzjh: '', | ||
| 101 | fr: '' | ||
| 102 | }]) | ||
| 103 | } else { | ||
| 104 | that.tableDataList = _.cloneDeep(val) | ||
| 105 | } | ||
| 106 | }, | ||
| 107 | immediate: true, | ||
| 108 | deep: true | ||
| 109 | }, | ||
| 110 | gyfs: { | ||
| 111 | handler (newVal, oldValue) { | ||
| 112 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 113 | if (newVal == '1') { | ||
| 114 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 115 | } else if ((newVal == '2')) { | ||
| 116 | this.column = dataList | ||
| 117 | } else { | ||
| 118 | this.column = _.cloneDeep(dataList) | ||
| 119 | this.column.splice( | ||
| 120 | 2, 0, { | ||
| 121 | prop: "qlbl", | ||
| 122 | label: "份数" | ||
| 123 | }) | ||
| 124 | } | ||
| 125 | }, | ||
| 126 | immediate: true | ||
| 127 | } | 77 | } |
| 128 | }, | 78 | }, |
| 129 | methods: { | 79 | methods: { | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2024-01-18 14:55:20 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div> | ||
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="0" :rowStyleHeight='25' | ||
| 9 | :data="tableDataList"> | ||
| 10 | </lb-table> | ||
| 11 | <addSqr v-model="dialog" :details="details" :showButton="disabled" @updateDetail="handleupdateDetail" /> | ||
| 12 | </div> | ||
| 13 | </template> | ||
| 14 | <script> | ||
| 15 | import { mapGetters } from 'vuex' | ||
| 16 | import { getIdCardInfo } from '@/utils/operation.js' | ||
| 17 | import addSqr from './addSqr.vue' | ||
| 18 | export default { | ||
| 19 | components: { | ||
| 20 | addSqr | ||
| 21 | }, | ||
| 22 | computed: { | ||
| 23 | ...mapGetters(["dictData"]), | ||
| 24 | }, | ||
| 25 | props: { | ||
| 26 | tableData: { | ||
| 27 | type: Array, | ||
| 28 | default: function () { | ||
| 29 | return [] | ||
| 30 | } | ||
| 31 | }, | ||
| 32 | disabled: { | ||
| 33 | type: Boolean, | ||
| 34 | default: true | ||
| 35 | } | ||
| 36 | }, | ||
| 37 | data () { | ||
| 38 | return { | ||
| 39 | key: 0, | ||
| 40 | dataIndex: 0, | ||
| 41 | dialog: false, | ||
| 42 | isaddupdate: false, | ||
| 43 | details: {}, | ||
| 44 | tableDataList: [], | ||
| 45 | InformationTable: [ | ||
| 46 | { | ||
| 47 | width: '50', | ||
| 48 | renderHeader: (h, scope) => { | ||
| 49 | return <div> { | ||
| 50 | !this.disabled ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | ||
| 51 | } | ||
| 52 | </div> | ||
| 53 | }, | ||
| 54 | render: (h, scope) => { | ||
| 55 | return ( | ||
| 56 | <div> | ||
| 57 | { | ||
| 58 | !this.disabled ? <span>{scope.$index + 1}</span> : | ||
| 59 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | ||
| 60 | } | ||
| 61 | </div> | ||
| 62 | ) | ||
| 63 | } | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | label: '身份证读卡器', | ||
| 67 | align: 'center', | ||
| 68 | render: (h, scope) => { | ||
| 69 | return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button> | ||
| 70 | } | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | prop: "sqrmc", | ||
| 74 | label: "姓名/名称" | ||
| 75 | }, | ||
| 76 | { | ||
| 77 | prop: "zjzl", | ||
| 78 | label: "证件种类", | ||
| 79 | render: (h, scope) => { | ||
| 80 | return this.dictData['A30'] && this.dictData['A30'].map(option => { | ||
| 81 | if (option.dcode == scope.row.zjzl) { | ||
| 82 | return <span>{option.dname}</span> | ||
| 83 | } | ||
| 84 | }) | ||
| 85 | } | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | prop: "zjh", | ||
| 89 | label: "证件号" | ||
| 90 | }, | ||
| 91 | { | ||
| 92 | prop: "dh", | ||
| 93 | label: "联系电话" | ||
| 94 | }, | ||
| 95 | { | ||
| 96 | label: '操作', | ||
| 97 | render: (h, scope) => { | ||
| 98 | return ( | ||
| 99 | <div> | ||
| 100 | { | ||
| 101 | this.disabled ? <el-button | ||
| 102 | icon="el-icon-edit-outline" | ||
| 103 | type="text" | ||
| 104 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> : <el-button | ||
| 105 | icon="el-icon-view" | ||
| 106 | type="text" | ||
| 107 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} > 查看</el-button> | ||
| 108 | } | ||
| 109 | </div> | ||
| 110 | ) | ||
| 111 | } | ||
| 112 | } | ||
| 113 | ], | ||
| 114 | column: [] | ||
| 115 | } | ||
| 116 | }, | ||
| 117 | watch: { | ||
| 118 | tableData: { | ||
| 119 | handler: function (val, oldVal) { | ||
| 120 | let that = this | ||
| 121 | this.$nextTick(() => { | ||
| 122 | if (val.length == 0 || !val) { | ||
| 123 | } else { | ||
| 124 | that.tableDataList = _.cloneDeep(val) | ||
| 125 | that.key++ | ||
| 126 | } | ||
| 127 | }) | ||
| 128 | }, | ||
| 129 | immediate: true, | ||
| 130 | deep: true | ||
| 131 | } | ||
| 132 | }, | ||
| 133 | methods: { | ||
| 134 | /** | ||
| 135 | * @description: handleupdateDetail | ||
| 136 | * @param {*} value | ||
| 137 | * @author: renchao | ||
| 138 | */ | ||
| 139 | handleupdateDetail (value) { | ||
| 140 | let that = this | ||
| 141 | let arr = this.tableData.map(item => item.zjh) | ||
| 142 | if (this.isaddupdate) { | ||
| 143 | if (!_.isEqual(value, this.tableData)) { | ||
| 144 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
| 145 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
| 146 | } | ||
| 147 | } else { | ||
| 148 | if (!_.isEqual(value, this.tableData)) { | ||
| 149 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
| 150 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
| 151 | } | ||
| 152 | } | ||
| 153 | this.key++ | ||
| 154 | }, | ||
| 155 | /** | ||
| 156 | * @description: 新增 | ||
| 157 | * @author: renchao | ||
| 158 | */ | ||
| 159 | addClick () { | ||
| 160 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | ||
| 161 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | ||
| 162 | } else { | ||
| 163 | this.key++ | ||
| 164 | this.details = { | ||
| 165 | sqrmc: '', | ||
| 166 | zjzl: '1', | ||
| 167 | zjh: '', | ||
| 168 | xb: '', | ||
| 169 | txdz: '', | ||
| 170 | fzjg: '' | ||
| 171 | } | ||
| 172 | this.dialog = true | ||
| 173 | this.isaddupdate = true | ||
| 174 | } | ||
| 175 | }, | ||
| 176 | |||
| 177 | /** | ||
| 178 | * @description: 删除 | ||
| 179 | * @param {*} index | ||
| 180 | * @param {*} row | ||
| 181 | * @author: renchao | ||
| 182 | */ | ||
| 183 | deleClick (index, row) { | ||
| 184 | this.tableDataList.splice(index, 1) | ||
| 185 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 186 | this.key++ | ||
| 187 | }, | ||
| 188 | /** | ||
| 189 | * @description: 身份证读取 | ||
| 190 | * @param {*} row | ||
| 191 | * @author: renchao | ||
| 192 | */ | ||
| 193 | readClick (row) { | ||
| 194 | function getObjectByValue (arrayOfObjects, value) { | ||
| 195 | var name = '' | ||
| 196 | arrayOfObjects.forEach(item => { | ||
| 197 | if (item.dname.includes(value)) name = item.dcode | ||
| 198 | }) | ||
| 199 | return name | ||
| 200 | } | ||
| 201 | getIdCardInfo(this.BASE_API.gaopaiyi).then(res => { | ||
| 202 | if (this.BASE_API.gaopaiyi == 'jy') { | ||
| 203 | const { | ||
| 204 | Name, | ||
| 205 | IdNo, | ||
| 206 | Sex, | ||
| 207 | Address, | ||
| 208 | Agencvy, | ||
| 209 | PhotoB64 | ||
| 210 | } = JSON.parse(res) | ||
| 211 | if (Name != '') { | ||
| 212 | row.sqrmc = Name; | ||
| 213 | row.zjzl = '1'; | ||
| 214 | row.zjh = IdNo; | ||
| 215 | row.xb = getObjectByValue(this.dictData['A43'], Sex); | ||
| 216 | row.txdz = Address; | ||
| 217 | row.fzjg = Agencvy; | ||
| 218 | row.avatar = 'data:image/png;base64,' + PhotoB64 | ||
| 219 | this.$message({ | ||
| 220 | message: '读取成功!', | ||
| 221 | type: 'success' | ||
| 222 | }) | ||
| 223 | } else { | ||
| 224 | this.$message({ | ||
| 225 | message: '请放置身份证', | ||
| 226 | type: 'warning' | ||
| 227 | }) | ||
| 228 | } | ||
| 229 | } else { | ||
| 230 | if (res.data.code == 0) { | ||
| 231 | let data = res.data.IDCardInfo; | ||
| 232 | const { | ||
| 233 | name, | ||
| 234 | cardID: zjh, | ||
| 235 | sexCode: xb, | ||
| 236 | address: txdz, | ||
| 237 | issueOrgan: fzjg, | ||
| 238 | photoBase64 | ||
| 239 | } = data | ||
| 240 | row.sqrmc = name; | ||
| 241 | row.zjzl = '1'; | ||
| 242 | row.zjh = zjh; | ||
| 243 | row.xb = xb | ||
| 244 | row.txdz = txdz; | ||
| 245 | row.fzjg = fzjg; | ||
| 246 | row.avatar = 'data:image/png;base64,' + photoBase64 | ||
| 247 | this.$message({ | ||
| 248 | message: '读取成功!', | ||
| 249 | type: 'success' | ||
| 250 | }) | ||
| 251 | } else { | ||
| 252 | this.$message({ | ||
| 253 | message: res.data.message, | ||
| 254 | type: 'warning' | ||
| 255 | }) | ||
| 256 | } | ||
| 257 | } | ||
| 258 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 259 | }) | ||
| 260 | }, | ||
| 261 | /** | ||
| 262 | * @description: 修改 | ||
| 263 | * @param {*} index | ||
| 264 | * @param {*} row | ||
| 265 | * @author: renchao | ||
| 266 | */ | ||
| 267 | editClick (index, row) { | ||
| 268 | this.details = row | ||
| 269 | this.details.gyfs = this.gyfs | ||
| 270 | this.dataIndex = index | ||
| 271 | this.dialog = true | ||
| 272 | |||
| 273 | |||
| 274 | this.isaddupdate = false | ||
| 275 | }, | ||
| 276 | /** | ||
| 277 | * @description: queryViewClick | ||
| 278 | * @param {*} index | ||
| 279 | * @param {*} row | ||
| 280 | * @author: renchao | ||
| 281 | */ | ||
| 282 | queryViewClick (index, row) { | ||
| 283 | this.details = row | ||
| 284 | this.dialog = true | ||
| 285 | } | ||
| 286 | } | ||
| 287 | } | ||
| 288 | </script> | ||
| 289 | <style scoped lang="scss"> | ||
| 290 | /deep/.el-table--small .el-table__cell { | ||
| 291 | padding: 0 0 !important; | ||
| 292 | } | ||
| 293 | /deep/.el-table th { | ||
| 294 | height: 30px !important; | ||
| 295 | } | ||
| 296 | /deep/.el-table .cell { | ||
| 297 | padding-right: 12px; | ||
| 298 | } | ||
| 299 | </style> |
This diff is collapsed.
Click to expand it.
src/views/ywbl/slsqxx/cfdj/slxx.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
src/views/ywbl/slsqxx/diyaq/slxx.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
src/views/ywbl/slsqxx/fdcq1/slxx.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
src/views/ywbl/slsqxx/fdcq2/slxx.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-24 16:15:50 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | ||
| 8 | style="overflow-y:scroll;"> | ||
| 9 | <div class="tableBox"> | ||
| 10 | <div class="title"> | ||
| 11 | <span>{{ title }}</span> | ||
| 12 | </div> | ||
| 13 | <div class="xxTableBox"> | ||
| 14 | <table class="xxTable"> | ||
| 15 | <tr> | ||
| 16 | <td></td> | ||
| 17 | <td>变更前</td> | ||
| 18 | <td>变更后</td> | ||
| 19 | </tr> | ||
| 20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 21 | <td> | ||
| 22 | {{ item.label }} | ||
| 23 | </td> | ||
| 24 | <td | ||
| 25 | v-for="(row, index) in tableData" | ||
| 26 | :key="index" | ||
| 27 | :class="[ | ||
| 28 | row.qszt == '2' ? 'lishi' : '', | ||
| 29 | row.qszt == '0' ? 'linshi' : '', | ||
| 30 | row.qlzt == '4' ? 'linshi' : '', | ||
| 31 | |||
| 32 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 33 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 34 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 35 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 36 | ]"> | ||
| 37 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | ||
| 38 | 有效 | ||
| 39 | </div> | ||
| 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 41 | 正在补录 | ||
| 42 | </div> | ||
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 44 | 正在申请 | ||
| 45 | </div> | ||
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 47 | 正在注销 | ||
| 48 | </div> | ||
| 49 | |||
| 50 | <p v-if="!['djyy','fj'].includes(item.prop)"> | ||
| 51 | <span v-if="item.prop == 'qszt'"> | ||
| 52 | {{ getQsztName(row[item.prop]) }} | ||
| 53 | </span> | ||
| 54 | <span v-else>{{ row[item.prop] }}</span> | ||
| 55 | </p> | ||
| 56 | |||
| 57 | <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> | ||
| 58 | <span class="ellipsis-line"> | ||
| 59 | {{ row[item.prop] }} | ||
| 60 | </span> | ||
| 61 | </el-tooltip> | ||
| 62 | </td> | ||
| 63 | </tr> | ||
| 64 | </table> | ||
| 65 | </div> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | </template> | ||
| 69 | |||
| 70 | <script> | ||
| 71 | import { getFdcqLSInfo } from "@/api/djbDetail.js"; | ||
| 72 | import { datas } from "@/views/registerBook/qlxxFormData.js"; | ||
| 73 | |||
| 74 | export default { | ||
| 75 | data () { | ||
| 76 | return { | ||
| 77 | title: "房地产权登记信息(独幢、层、套、间房屋)", | ||
| 78 | qsztList: datas.columns().qsztList, | ||
| 79 | checkList: datas.columns().checkList, | ||
| 80 | //传递参数 | ||
| 81 | propsParam: this.$attrs, | ||
| 82 | //列表数据 | ||
| 83 | tableData: [], | ||
| 84 | //空列值个数 | ||
| 85 | emptycolNum: 1, | ||
| 86 | //列名称对象 | ||
| 87 | columns: datas.columns().FDCQ2, | ||
| 88 | tdColumns: datas.columns().JSYDSYQ | ||
| 89 | |||
| 90 | }; | ||
| 91 | }, | ||
| 92 | created () { | ||
| 93 | this.loadData(); | ||
| 94 | }, | ||
| 95 | mounted () { | ||
| 96 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
| 97 | window.onresize = () => { | ||
| 98 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
| 99 | }; | ||
| 100 | }, | ||
| 101 | methods: { | ||
| 102 | /** | ||
| 103 | * @description: loadData | ||
| 104 | * @author: renchao | ||
| 105 | */ | ||
| 106 | loadData () { | ||
| 107 | var formdata = new FormData(); | ||
| 108 | formdata.append("bsmSldy", this.propsParam.formData.bsmSldy); | ||
| 109 | formdata.append("qllx", this.propsParam.formData.qllx); | ||
| 110 | formdata.append("isEdit", this.ableOperation); | ||
| 111 | getFdcqLSInfo(formdata).then((res) => { | ||
| 112 | if (res.code === 200) { | ||
| 113 | this.tableData = res.result; | ||
| 114 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 115 | this.emptycolNum = | ||
| 116 | datas.columns().emptycolNum - this.tableData.length; | ||
| 117 | } else { | ||
| 118 | this.emptycolNum = 0; | ||
| 119 | } | ||
| 120 | } | ||
| 121 | }); | ||
| 122 | }, | ||
| 123 | /** | ||
| 124 | * @description: checkChange | ||
| 125 | * @author: renchao | ||
| 126 | */ | ||
| 127 | checkChange () { | ||
| 128 | if (this.checkList.length === 0) { | ||
| 129 | this.tableData = []; | ||
| 130 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 131 | } else { | ||
| 132 | this.loadData(); | ||
| 133 | } | ||
| 134 | }, | ||
| 135 | /** | ||
| 136 | * @description: getQsztName | ||
| 137 | * @param {*} code | ||
| 138 | * @author: renchao | ||
| 139 | */ | ||
| 140 | getQsztName (code) { | ||
| 141 | let name = ""; | ||
| 142 | for (let item of this.qsztList) { | ||
| 143 | if (item.value == code) { | ||
| 144 | name = item.label; | ||
| 145 | break; | ||
| 146 | } | ||
| 147 | } | ||
| 148 | return name; | ||
| 149 | }, | ||
| 150 | }, | ||
| 151 | }; | ||
| 152 | </script> | ||
| 153 | |||
| 154 | <style lang="scss" scoped> | ||
| 155 | @import "~@/views/registerBook/qlxxCommon.scss"; | ||
| 156 | </style> |
src/views/ywbl/slsqxx/fwsyq/slxx.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
src/views/ywbl/slsqxx/tdsyq/slxx.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
src/views/ywbl/slsqxx/ygdj/slxx.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
src/views/ywbl/slsqxx/ygdy/slxx.vue
deleted
100644 → 0
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
| ... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
| 71 | import { ywPopupDialog } from "@/utils/popup.js"; | 71 | import { ywPopupDialog } from "@/utils/popup.js"; |
| 72 | import { datas, sendThis } from "../javascript/selectH.js"; | 72 | import { datas, sendThis } from "../javascript/selectH.js"; |
| 73 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 73 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 74 | import { selectHQjdc } from "@/api/ywsq.js"; | 74 | // import { selectHQjdc } from "@/api/ywsq.js"; |
| 75 | import { startBusinessFlow, againAddSldy } from "@/api/workFlow.js"; | 75 | import { startBusinessFlow, againAddSldy } from "@/api/workFlow.js"; |
| 76 | export default { | 76 | export default { |
| 77 | mixins: [ywsqTable, jump], | 77 | mixins: [ywsqTable, jump], |
| ... | @@ -123,16 +123,16 @@ | ... | @@ -123,16 +123,16 @@ |
| 123 | * @author: renchao | 123 | * @author: renchao |
| 124 | */ | 124 | */ |
| 125 | queryClick () { | 125 | queryClick () { |
| 126 | this.$startLoading(); | 126 | // this.$startLoading(); |
| 127 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 127 | // this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 128 | selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { | 128 | // selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 129 | this.$endLoading(); | 129 | // this.$endLoading(); |
| 130 | if (res.code === 200) { | 130 | // if (res.code === 200) { |
| 131 | let { total, records } = res.result; | 131 | // let { total, records } = res.result; |
| 132 | this.tableData.total = total; | 132 | // this.tableData.total = total; |
| 133 | this.tableData.data = records; | 133 | // this.tableData.data = records; |
| 134 | } | 134 | // } |
| 135 | }); | 135 | // }); |
| 136 | }, | 136 | }, |
| 137 | /** | 137 | /** |
| 138 | * @description: submitForm | 138 | * @description: submitForm | ... | ... |
-
Please register or sign in to post a comment