整合工作流相关组件分类
Showing
34 changed files
with
413 additions
and
380 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 | } | ||
112 | }, | ||
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 | } | 79 | } |
131 | }, | 80 | ] |
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 | } | ||
116 | }, | ||
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 | } | 83 | } |
135 | }, | 84 | ] |
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,41 +73,9 @@ | ... | @@ -85,41 +73,9 @@ |
85 | prop: "showfwjg", | 73 | prop: "showfwjg", |
86 | label: "房屋结构" | 74 | label: "房屋结构" |
87 | }, | 75 | }, |
88 | ], | 76 | ] |
89 | column: this.qlrCommonTable | ||
90 | } | 77 | } |
91 | }, | 78 | }, |
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 | } | ||
122 | }, | ||
123 | methods: { | 79 | methods: { |
124 | } | 80 | } |
125 | } | 81 | } | ... | ... |
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 | }, | 22 | } |
27 | gyfs: { | ||
28 | type: String, | ||
29 | default: '1' | ||
30 | } | ||
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