Merge branch 'dev'
Showing
60 changed files
with
700 additions
and
5642 deletions
... | @@ -6,8 +6,11 @@ | ... | @@ -6,8 +6,11 @@ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
8 | 8 | ||
9 | 9 | /** | |
10 | // 数据上报推送查询 | 10 | * @description: 数据上报推送查询 |
11 | * @param {*} data | ||
12 | * @author: renchao | ||
13 | */ | ||
11 | export function list (data) { | 14 | export function list (data) { |
12 | return request({ | 15 | return request({ |
13 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/list', | 16 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/list', |
... | @@ -16,7 +19,11 @@ export function list (data) { | ... | @@ -16,7 +19,11 @@ export function list (data) { |
16 | }) | 19 | }) |
17 | } | 20 | } |
18 | 21 | ||
19 | // 数据上报推送 | 22 | /** |
23 | * @description: 数据上报推送 | ||
24 | * @param {*} data | ||
25 | * @author: renchao | ||
26 | */ | ||
20 | export function push (data) { | 27 | export function push (data) { |
21 | return request({ | 28 | return request({ |
22 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/push', | 29 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/push', |
... | @@ -25,7 +32,11 @@ export function push (data) { | ... | @@ -25,7 +32,11 @@ export function push (data) { |
25 | }) | 32 | }) |
26 | } | 33 | } |
27 | 34 | ||
28 | // 数据上报推送 | 35 | /** |
36 | * @description: 数据上报推送 | ||
37 | * @param {*} bsm | ||
38 | * @author: renchao | ||
39 | */ | ||
29 | export function detail (bsm) { | 40 | export function detail (bsm) { |
30 | return request({ | 41 | return request({ |
31 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/detail?bsm=' + bsm, | 42 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/detail?bsm=' + bsm, | ... | ... |
... | @@ -31,6 +31,11 @@ export function BatchInit (data) { | ... | @@ -31,6 +31,11 @@ export function BatchInit (data) { |
31 | }) | 31 | }) |
32 | } | 32 | } |
33 | 33 | ||
34 | /** | ||
35 | * @description: 初始化 | ||
36 | * @param {*} data | ||
37 | * @author: renchao | ||
38 | */ | ||
34 | export function Init (data) { | 39 | export function Init (data) { |
35 | let apiUrl = ""; | 40 | let apiUrl = ""; |
36 | switch (data.get("djlx")) { | 41 | switch (data.get("djlx")) { | ... | ... |
... | @@ -6,7 +6,11 @@ | ... | @@ -6,7 +6,11 @@ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
8 | 8 | ||
9 | // 初始化内容 | 9 | /** |
10 | * @description: 初始化 | ||
11 | * @param {*} data | ||
12 | * @author: renchao | ||
13 | */ | ||
10 | export function Init (data) { | 14 | export function Init (data) { |
11 | let apiUrl = ""; | 15 | let apiUrl = ""; |
12 | switch (data.get("djlx")) { | 16 | switch (data.get("djlx")) { | ... | ... |
... | @@ -6,7 +6,11 @@ | ... | @@ -6,7 +6,11 @@ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
8 | 8 | ||
9 | // 初始化内容 | 9 | /** |
10 | * @description: 初始化 | ||
11 | * @param {*} data | ||
12 | * @author: renchao | ||
13 | */ | ||
10 | export function Init (data) { | 14 | export function Init (data) { |
11 | let apiUrl = ""; | 15 | let apiUrl = ""; |
12 | switch (data.get("djlx")) { | 16 | switch (data.get("djlx")) { |
... | @@ -39,7 +43,11 @@ export function Init (data) { | ... | @@ -39,7 +43,11 @@ export function Init (data) { |
39 | }) | 43 | }) |
40 | } | 44 | } |
41 | 45 | ||
42 | // 初始化内容 | 46 | /** |
47 | * @description: 保存数据 | ||
48 | * @param {*} data | ||
49 | * @author: renchao | ||
50 | */ | ||
43 | export function saveData (data) { | 51 | export function saveData (data) { |
44 | return request({ | 52 | return request({ |
45 | url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData', | 53 | url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData', | ... | ... |
... | @@ -6,7 +6,11 @@ | ... | @@ -6,7 +6,11 @@ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
8 | 8 | ||
9 | // 初始化内容 | 9 | /** |
10 | * @description: 初始化 | ||
11 | * @param {*} data | ||
12 | * @author: renchao | ||
13 | */ | ||
10 | export function Init (data) { | 14 | export function Init (data) { |
11 | let apiUrl = ""; | 15 | let apiUrl = ""; |
12 | switch (data.get("djlx")) { | 16 | switch (data.get("djlx")) { | ... | ... |
... | @@ -5,7 +5,11 @@ | ... | @@ -5,7 +5,11 @@ |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
8 | // 初始化内容 | 8 | /** |
9 | * @description: 初始化 | ||
10 | * @param {*} data | ||
11 | * @author: renchao | ||
12 | */ | ||
9 | export function Init (data) { | 13 | export function Init (data) { |
10 | let apiUrl = ""; | 14 | let apiUrl = ""; |
11 | switch (data.get("djlx")) { | 15 | switch (data.get("djlx")) { |
... | @@ -37,7 +41,11 @@ export function Init (data) { | ... | @@ -37,7 +41,11 @@ export function Init (data) { |
37 | data | 41 | data |
38 | }) | 42 | }) |
39 | } | 43 | } |
40 | // 初始化内容 | 44 | /** |
45 | * @description: 保存数据 | ||
46 | * @param {*} data | ||
47 | * @author: renchao | ||
48 | */ | ||
41 | export function saveData (data) { | 49 | export function saveData (data) { |
42 | return request({ | 50 | return request({ |
43 | url: SERVER.SERVERAPI + '/rest/ywbl/ygmmdj/saveData', | 51 | url: SERVER.SERVERAPI + '/rest/ywbl/ygmmdj/saveData', | ... | ... |
... | @@ -5,7 +5,11 @@ | ... | @@ -5,7 +5,11 @@ |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
8 | // 初始化内容 | 8 | /** |
9 | * @description: 初始化 | ||
10 | * @param {*} data | ||
11 | * @author: renchao | ||
12 | */ | ||
9 | export function Init (data) { | 13 | export function Init (data) { |
10 | let apiUrl = ""; | 14 | let apiUrl = ""; |
11 | switch (data.get("djlx")) { | 15 | switch (data.get("djlx")) { |
... | @@ -37,7 +41,11 @@ export function Init (data) { | ... | @@ -37,7 +41,11 @@ export function Init (data) { |
37 | data | 41 | data |
38 | }) | 42 | }) |
39 | } | 43 | } |
40 | // 初始化内容 | 44 | /** |
45 | * @description: 保存数据 | ||
46 | * @param {*} data | ||
47 | * @author: renchao | ||
48 | */ | ||
41 | export function saveData (data) { | 49 | export function saveData (data) { |
42 | return request({ | 50 | return request({ |
43 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdydj/saveData', | 51 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdydj/saveData', | ... | ... |
... | @@ -6,7 +6,11 @@ | ... | @@ -6,7 +6,11 @@ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
8 | 8 | ||
9 | // 初始化内容 | 9 | /** |
10 | * @description: 初始化 | ||
11 | * @param {*} data | ||
12 | * @author: renchao | ||
13 | */ | ||
10 | export function Init (data) { | 14 | export function Init (data) { |
11 | return request({ | 15 | return request({ |
12 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init", | 16 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init", |
... | @@ -14,7 +18,11 @@ export function Init (data) { | ... | @@ -14,7 +18,11 @@ export function Init (data) { |
14 | data | 18 | data |
15 | }) | 19 | }) |
16 | } | 20 | } |
17 | // 批量初始化内容 | 21 | /** |
22 | * @description: 批量初始化 | ||
23 | * @param {*} data | ||
24 | * @author: renchao | ||
25 | */ | ||
18 | export function bacthInit (data) { | 26 | export function bacthInit (data) { |
19 | let apiUrl = ""; | 27 | let apiUrl = ""; |
20 | switch (data.get("djlx")) { | 28 | switch (data.get("djlx")) { |
... | @@ -46,7 +54,11 @@ export function bacthInit (data) { | ... | @@ -46,7 +54,11 @@ export function bacthInit (data) { |
46 | data | 54 | data |
47 | }) | 55 | }) |
48 | } | 56 | } |
49 | // 受理信息保存 | 57 | /** |
58 | * @description: 保存数据 | ||
59 | * @param {*} data | ||
60 | * @author: renchao | ||
61 | */ | ||
50 | export function saveData (data, djlx) { | 62 | export function saveData (data, djlx) { |
51 | let apiUrl = "/rest/ywbl/zjgcdy/saveData"; | 63 | let apiUrl = "/rest/ywbl/zjgcdy/saveData"; |
52 | if (djlx == "400") { | 64 | if (djlx == "400") { |
... | @@ -59,7 +71,11 @@ export function saveData (data, djlx) { | ... | @@ -59,7 +71,11 @@ export function saveData (data, djlx) { |
59 | }) | 71 | }) |
60 | } | 72 | } |
61 | 73 | ||
62 | // 受理信息保存 | 74 | /** |
75 | * @description: 批量保存 | ||
76 | * @param {*} data | ||
77 | * @author: renchao | ||
78 | */ | ||
63 | export function saveBatchData (data, djlx) { | 79 | export function saveBatchData (data, djlx) { |
64 | return request({ | 80 | return request({ |
65 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData", | 81 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData", |
... | @@ -67,7 +83,12 @@ export function saveBatchData (data, djlx) { | ... | @@ -67,7 +83,12 @@ export function saveBatchData (data, djlx) { |
67 | data | 83 | data |
68 | }) | 84 | }) |
69 | } | 85 | } |
70 | // 上传单个文件 | 86 | |
87 | /** | ||
88 | * @description: 上传当个文件 | ||
89 | * @param {*} data | ||
90 | * @author: renchao | ||
91 | */ | ||
71 | export function sjClmxUpload (data) { | 92 | export function sjClmxUpload (data) { |
72 | return request({ | 93 | return request({ |
73 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload', | 94 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload', |
... | @@ -75,7 +96,12 @@ export function sjClmxUpload (data) { | ... | @@ -75,7 +96,12 @@ export function sjClmxUpload (data) { |
75 | data | 96 | data |
76 | }) | 97 | }) |
77 | } | 98 | } |
78 | // 删除上传文件 | 99 | |
100 | /** | ||
101 | * @description: 删除多个文件 | ||
102 | * @param {*} data | ||
103 | * @author: renchao | ||
104 | */ | ||
79 | export function sjClmxDelete (bsmClmx) { | 105 | export function sjClmxDelete (bsmClmx) { |
80 | return request({ | 106 | return request({ |
81 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx, | 107 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx, | ... | ... |
... | @@ -54,12 +54,20 @@ export default { | ... | @@ -54,12 +54,20 @@ export default { |
54 | 54 | ||
55 | computed: { | 55 | computed: { |
56 | model: { | 56 | model: { |
57 | /** | ||
58 | * @description: get | ||
59 | * @author: renchao | ||
60 | */ | ||
57 | get () { | 61 | get () { |
58 | return this.isGroup | 62 | return this.isGroup |
59 | ? this.store : this.value !== undefined | 63 | ? this.store : this.value !== undefined |
60 | ? this.value : this.selfModel; | 64 | ? this.value : this.selfModel; |
61 | }, | 65 | }, |
62 | 66 | /** | |
67 | * @description: set | ||
68 | * @param {*} val | ||
69 | * @author: renchao | ||
70 | */ | ||
63 | set (val) { | 71 | set (val) { |
64 | if (this.isGroup) { | 72 | if (this.isGroup) { |
65 | this.isLimitExceeded = false; | 73 | this.isLimitExceeded = false; |
... | @@ -80,6 +88,10 @@ export default { | ... | @@ -80,6 +88,10 @@ export default { |
80 | } | 88 | } |
81 | }, | 89 | }, |
82 | 90 | ||
91 | /** | ||
92 | * @description: isChecked | ||
93 | * @author: renchao | ||
94 | */ | ||
83 | isChecked () { | 95 | isChecked () { |
84 | if ({}.toString.call(this.model) === '[object Boolean]') { | 96 | if ({}.toString.call(this.model) === '[object Boolean]') { |
85 | return this.model; | 97 | return this.model; |
... | @@ -89,7 +101,10 @@ export default { | ... | @@ -89,7 +101,10 @@ export default { |
89 | return this.model === this.trueLabel; | 101 | return this.model === this.trueLabel; |
90 | } | 102 | } |
91 | }, | 103 | }, |
92 | 104 | /** | |
105 | * @description: isGroup | ||
106 | * @author: renchao | ||
107 | */ | ||
93 | isGroup () { | 108 | isGroup () { |
94 | let parent = this.$parent; | 109 | let parent = this.$parent; |
95 | while (parent) { | 110 | while (parent) { |
... | @@ -102,29 +117,44 @@ export default { | ... | @@ -102,29 +117,44 @@ export default { |
102 | } | 117 | } |
103 | return false; | 118 | return false; |
104 | }, | 119 | }, |
105 | 120 | /** | |
121 | * @description: store | ||
122 | * @author: renchao | ||
123 | */ | ||
106 | store () { | 124 | store () { |
107 | return this._checkboxGroup ? this._checkboxGroup.value : this.value; | 125 | return this._checkboxGroup ? this._checkboxGroup.value : this.value; |
108 | }, | 126 | }, |
109 | 127 | ||
110 | /* used to make the isDisabled judgment under max/min props */ | 128 | /** |
129 | * @description: isLimitDisabled | ||
130 | * @author: renchao | ||
131 | */ | ||
111 | isLimitDisabled () { | 132 | isLimitDisabled () { |
112 | const { max, min } = this._checkboxGroup; | 133 | const { max, min } = this._checkboxGroup; |
113 | return !!(max || min) && | 134 | return !!(max || min) && |
114 | (this.model.length >= max && !this.isChecked) || | 135 | (this.model.length >= max && !this.isChecked) || |
115 | (this.model.length <= min && this.isChecked); | 136 | (this.model.length <= min && this.isChecked); |
116 | }, | 137 | }, |
117 | 138 | /** | |
139 | * @description: isDisabled | ||
140 | * @author: renchao | ||
141 | */ | ||
118 | isDisabled () { | 142 | isDisabled () { |
119 | return this.isGroup | 143 | return this.isGroup |
120 | ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled | 144 | ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled |
121 | : this.disabled || (this.elForm || {}).disabled; | 145 | : this.disabled || (this.elForm || {}).disabled; |
122 | }, | 146 | }, |
123 | 147 | /** | |
148 | * @description: _elFormItemSize | ||
149 | * @author: renchao | ||
150 | */ | ||
124 | _elFormItemSize () { | 151 | _elFormItemSize () { |
125 | return (this.elFormItem || {}).elFormItemSize; | 152 | return (this.elFormItem || {}).elFormItemSize; |
126 | }, | 153 | }, |
127 | 154 | /** | |
155 | * @description: checkboxSize | ||
156 | * @author: renchao | ||
157 | */ | ||
128 | checkboxSize () { | 158 | checkboxSize () { |
129 | const temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; | 159 | const temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; |
130 | return this.isGroup | 160 | return this.isGroup |
... | @@ -149,6 +179,10 @@ export default { | ... | @@ -149,6 +179,10 @@ export default { |
149 | }, | 179 | }, |
150 | 180 | ||
151 | methods: { | 181 | methods: { |
182 | /** | ||
183 | * @description: addToStore | ||
184 | * @author: renchao | ||
185 | */ | ||
152 | addToStore () { | 186 | addToStore () { |
153 | if ( | 187 | if ( |
154 | Array.isArray(this.model) && | 188 | Array.isArray(this.model) && |
... | @@ -159,6 +193,10 @@ export default { | ... | @@ -159,6 +193,10 @@ export default { |
159 | this.model = this.trueLabel || true; | 193 | this.model = this.trueLabel || true; |
160 | } | 194 | } |
161 | }, | 195 | }, |
196 | /** | ||
197 | * @description: handleChange | ||
198 | * @author: renchao | ||
199 | */ | ||
162 | handleChange (ev) { | 200 | handleChange (ev) { |
163 | if (this.isLimitExceeded) return; | 201 | if (this.isLimitExceeded) return; |
164 | let value; | 202 | let value; |
... | @@ -175,16 +213,26 @@ export default { | ... | @@ -175,16 +213,26 @@ export default { |
175 | }); | 213 | }); |
176 | } | 214 | } |
177 | }, | 215 | }, |
178 | 216 | /** | |
217 | * @description: created | ||
218 | * @author: renchao | ||
219 | */ | ||
179 | created () { | 220 | created () { |
180 | this.checked && this.addToStore(); | 221 | this.checked && this.addToStore(); |
181 | }, | 222 | }, |
223 | /** | ||
224 | * @description: mounted | ||
225 | * @author: renchao | ||
226 | */ | ||
182 | mounted () { // 为indeterminate元素 添加aria-controls 属性 | 227 | mounted () { // 为indeterminate元素 添加aria-controls 属性 |
183 | if (this.indeterminate) { | 228 | if (this.indeterminate) { |
184 | this.$el.setAttribute('aria-controls', this.controls); | 229 | this.$el.setAttribute('aria-controls', this.controls); |
185 | } | 230 | } |
186 | }, | 231 | }, |
187 | 232 | /** | |
233 | * @description: watch | ||
234 | * @author: renchao | ||
235 | */ | ||
188 | watch: { | 236 | watch: { |
189 | value (value) { | 237 | value (value) { |
190 | this.dispatch('ElFormItem', 'el.form.change', value); | 238 | this.dispatch('ElFormItem', 'el.form.change', value); | ... | ... |
... | @@ -92,6 +92,10 @@ export default { | ... | @@ -92,6 +92,10 @@ export default { |
92 | } | 92 | } |
93 | }, | 93 | }, |
94 | methods: { | 94 | methods: { |
95 | /** | ||
96 | * @description: handleFullscreen | ||
97 | * @author: renchao | ||
98 | */ | ||
95 | handleFullscreen () { | 99 | handleFullscreen () { |
96 | this.fullscreen = !this.fullscreen | 100 | this.fullscreen = !this.fullscreen |
97 | if (!this.fullscreen) { | 101 | if (!this.fullscreen) { |
... | @@ -100,11 +104,19 @@ export default { | ... | @@ -100,11 +104,19 @@ export default { |
100 | this.scrollerHeight = (window.innerHeight - 120) + 'px' | 104 | this.scrollerHeight = (window.innerHeight - 120) + 'px' |
101 | } | 105 | } |
102 | }, | 106 | }, |
107 | /** | ||
108 | * @description: submitForm | ||
109 | * @author: renchao | ||
110 | */ | ||
103 | submitForm () { | 111 | submitForm () { |
104 | if (this.isButton) { | 112 | if (this.isButton) { |
105 | this.$emit('submitForm'); | 113 | this.$emit('submitForm'); |
106 | } | 114 | } |
107 | }, | 115 | }, |
116 | /** | ||
117 | * @description: closeDialog | ||
118 | * @author: renchao | ||
119 | */ | ||
108 | closeDialog () { | 120 | closeDialog () { |
109 | this.key++ | 121 | this.key++ |
110 | this.$emit('input', false) | 122 | this.$emit('input', false) | ... | ... |
... | @@ -106,6 +106,11 @@ | ... | @@ -106,6 +106,11 @@ |
106 | components: { | 106 | components: { |
107 | LbColumn, | 107 | LbColumn, |
108 | }, | 108 | }, |
109 | |||
110 | /** | ||
111 | * @description: data | ||
112 | * @author: renchao | ||
113 | */ | ||
109 | data () { | 114 | data () { |
110 | return { | 115 | return { |
111 | tableHeight: 'auto', | 116 | tableHeight: 'auto', |
... | @@ -114,6 +119,10 @@ | ... | @@ -114,6 +119,10 @@ |
114 | selected: '' | 119 | selected: '' |
115 | } | 120 | } |
116 | }, | 121 | }, |
122 | /** | ||
123 | * @description: created | ||
124 | * @author: renchao | ||
125 | */ | ||
117 | created () { | 126 | created () { |
118 | this.getMergeArr(this.data, this.merge) | 127 | this.getMergeArr(this.data, this.merge) |
119 | this.getHeight() | 128 | this.getHeight() |
... | @@ -124,17 +133,29 @@ | ... | @@ -124,17 +133,29 @@ |
124 | }, | 133 | }, |
125 | }, | 134 | }, |
126 | methods: { | 135 | methods: { |
127 | // 单选 | 136 | /** |
137 | * @description: 单选 | ||
138 | * @param {*} row | ||
139 | * @author: renchao | ||
140 | */ | ||
128 | singleElection (row) { | 141 | singleElection (row) { |
129 | this.selected = this.data.indexOf(row); | 142 | this.selected = this.data.indexOf(row); |
130 | // this.$emit('row-click', row) | 143 | // this.$emit('row-click', row) |
131 | }, | 144 | }, |
132 | 145 | ||
146 | /** | ||
147 | * @description: tableRowClassName | ||
148 | * @author: renchao | ||
149 | */ | ||
133 | tableRowClassName ({ row, rowIndex }) { | 150 | tableRowClassName ({ row, rowIndex }) { |
134 | if (rowIndex % 2 === 1) { | 151 | if (rowIndex % 2 === 1) { |
135 | return 'interlaced'; | 152 | return 'interlaced'; |
136 | } | 153 | } |
137 | }, | 154 | }, |
155 | /** | ||
156 | * @description: getHeight | ||
157 | * @author: renchao | ||
158 | */ | ||
138 | getHeight () { | 159 | getHeight () { |
139 | if (!this.heightNumSetting) { | 160 | if (!this.heightNumSetting) { |
140 | let _this = this | 161 | let _this = this |
... | @@ -170,6 +191,12 @@ | ... | @@ -170,6 +191,12 @@ |
170 | }) | 191 | }) |
171 | } | 192 | } |
172 | }, | 193 | }, |
194 | /** | ||
195 | * @description: calcHeightx | ||
196 | * @param {*} value | ||
197 | * @param {*} wappered | ||
198 | * @author: renchao | ||
199 | */ | ||
173 | calcHeightx (value, wappered = true) { | 200 | calcHeightx (value, wappered = true) { |
174 | //项目自定义的公共header部分的高度,可忽略 | 201 | //项目自定义的公共header部分的高度,可忽略 |
175 | let header = document.querySelector(".from-clues-header").offsetHeight; | 202 | let header = document.querySelector(".from-clues-header").offsetHeight; |
... | @@ -195,36 +222,89 @@ | ... | @@ -195,36 +222,89 @@ |
195 | } | 222 | } |
196 | return res; | 223 | return res; |
197 | }, | 224 | }, |
225 | /** | ||
226 | * @description: clearSelection | ||
227 | * @author: renchao | ||
228 | */ | ||
198 | clearSelection () { | 229 | clearSelection () { |
199 | this.$refs.elTable.clearSelection() | 230 | this.$refs.elTable.clearSelection() |
200 | }, | 231 | }, |
232 | /** | ||
233 | * @description: toggleRowSelection | ||
234 | * @author: renchao | ||
235 | */ | ||
201 | toggleRowSelection (row, selected) { | 236 | toggleRowSelection (row, selected) { |
202 | this.$refs.elTable.toggleRowSelection(row, selected) | 237 | this.$refs.elTable.toggleRowSelection(row, selected) |
203 | }, | 238 | }, |
239 | /** | ||
240 | * @description: toggleAllSelection | ||
241 | * @author: renchao | ||
242 | */ | ||
204 | toggleAllSelection () { | 243 | toggleAllSelection () { |
205 | this.$refs.elTable.toggleAllSelection() | 244 | this.$refs.elTable.toggleAllSelection() |
206 | }, | 245 | }, |
246 | /** | ||
247 | * @description: toggleRowExpansion | ||
248 | * @param {*} row | ||
249 | * @param {*} bsm | ||
250 | * @author: renchao | ||
251 | */ | ||
207 | toggleRowExpansion (row, expanded) { | 252 | toggleRowExpansion (row, expanded) { |
208 | this.$refs.elTable.toggleRowExpansion(row, expanded) | 253 | this.$refs.elTable.toggleRowExpansion(row, expanded) |
209 | }, | 254 | }, |
255 | /** | ||
256 | * @description: setCurrentRow | ||
257 | * @param {*} row | ||
258 | * @author: renchao | ||
259 | */ | ||
210 | setCurrentRow (row) { | 260 | setCurrentRow (row) { |
211 | this.$refs.elTable.setCurrentRow(row) | 261 | this.$refs.elTable.setCurrentRow(row) |
212 | }, | 262 | }, |
263 | /** | ||
264 | * @description: setCurrentRow | ||
265 | * @author: renchao | ||
266 | */ | ||
213 | clearSort () { | 267 | clearSort () { |
214 | this.$refs.elTable.clearSort() | 268 | this.$refs.elTable.clearSort() |
215 | }, | 269 | }, |
270 | /** | ||
271 | * @description: clearFilter | ||
272 | * @param {*} columnKey | ||
273 | * @author: renchao | ||
274 | */ | ||
216 | clearFilter (columnKey) { | 275 | clearFilter (columnKey) { |
217 | this.$refs.elTable.clearFilter(columnKey) | 276 | this.$refs.elTable.clearFilter(columnKey) |
218 | }, | 277 | }, |
278 | /** | ||
279 | * @description: doLayout | ||
280 | * @author: renchao | ||
281 | */ | ||
219 | doLayout () { | 282 | doLayout () { |
220 | this.$refs.elTable.doLayout() | 283 | this.$refs.elTable.doLayout() |
221 | }, | 284 | }, |
285 | /** | ||
286 | * @description: sort | ||
287 | * @param {*} prop | ||
288 | * @param {*} order | ||
289 | * @author: renchao | ||
290 | */ | ||
222 | sort (prop, order) { | 291 | sort (prop, order) { |
223 | this.$refs.elTable.sort(prop, order) | 292 | this.$refs.elTable.sort(prop, order) |
224 | }, | 293 | }, |
294 | /** | ||
295 | * @description: paginationCurrentChange | ||
296 | * @param {*} val | ||
297 | * @author: renchao | ||
298 | */ | ||
225 | paginationCurrentChange (val) { | 299 | paginationCurrentChange (val) { |
226 | this.$emit('p-current-change', val) | 300 | this.$emit('p-current-change', val) |
227 | }, | 301 | }, |
302 | /** | ||
303 | * @description: getMergeArr | ||
304 | * @param {*} tableData | ||
305 | * @param {*} merge | ||
306 | * @author: renchao | ||
307 | */ | ||
228 | getMergeArr (tableData, merge) { | 308 | getMergeArr (tableData, merge) { |
229 | if (!merge) return | 309 | if (!merge) return |
230 | this.mergeLine = {} | 310 | this.mergeLine = {} |
... | @@ -247,6 +327,10 @@ | ... | @@ -247,6 +327,10 @@ |
247 | }) | 327 | }) |
248 | }) | 328 | }) |
249 | }, | 329 | }, |
330 | /** | ||
331 | * @description: mergeMethod | ||
332 | * @author: renchao | ||
333 | */ | ||
250 | mergeMethod ({ row, column, rowIndex, columnIndex }) { | 334 | mergeMethod ({ row, column, rowIndex, columnIndex }) { |
251 | const index = this.merge.indexOf(column.property) | 335 | const index = this.merge.indexOf(column.property) |
252 | if (index > -1) { | 336 | if (index > -1) { |
... | @@ -260,9 +344,17 @@ | ... | @@ -260,9 +344,17 @@ |
260 | }, | 344 | }, |
261 | }, | 345 | }, |
262 | watch: { | 346 | watch: { |
347 | /** | ||
348 | * @description: merge | ||
349 | * @author: renchao | ||
350 | */ | ||
263 | merge () { | 351 | merge () { |
264 | this.getMergeArr(this.data, this.merge) | 352 | this.getMergeArr(this.data, this.merge) |
265 | }, | 353 | }, |
354 | /** | ||
355 | * @description: dataLength | ||
356 | * @author: renchao | ||
357 | */ | ||
266 | dataLength () { | 358 | dataLength () { |
267 | this.getMergeArr(this.data, this.merge) | 359 | this.getMergeArr(this.data, this.merge) |
268 | } | 360 | } | ... | ... |
src/components/formMenu/qlr.vue
deleted
100644 → 0
1 | <template> | ||
2 | <div class="temp"> | ||
3 | <table class="tempTable" cellspacing="0" cellpadding="0" border="1"> | ||
4 | <tr> | ||
5 | <template v-if="lq == ''"> | ||
6 | <td colspan="2"><span class="table-title">权利人信息</span></td> | ||
7 | <td colspan="2">共有方式</td> | ||
8 | </template> | ||
9 | <template v-else> | ||
10 | <td colspan="2">共有方式</td> | ||
11 | </template> | ||
12 | <td :colspan="lq == '' ? 8 : 10"> | ||
13 | <el-row> | ||
14 | <el-col :span="14" class="fl" style="line-height:32px"> | ||
15 | <el-radio-group v-model="gyfs" @change="updateGyfs"> | ||
16 | <el-radio :label="item.bsm" :disabled="+qszt !== 0 || item.disabled" :key="item.bsm" | ||
17 | v-for="item in gyfsList">{{ item.mc }}</el-radio> | ||
18 | </el-radio-group> | ||
19 | </el-col> | ||
20 | <el-col :span="10" class="fr"> | ||
21 | <!-- <div v-show="qszt=='0'" class="fr" style="margin-right:20px"> | ||
22 | <el-button class="qlrBtn" size="mini" @click="addRow"> | ||
23 | <i class="iconfont iconxinzeng"></i> 新增 | ||
24 | </el-button> | ||
25 | <el-button class="qlrBtn" size="mini" @click="changeRow"> | ||
26 | <i class="iconfont iconbianji"></i> 编辑 | ||
27 | </el-button> | ||
28 | <el-button class="qlrBtn" size="mini" @click="delRow"> | ||
29 | <i class="iconfont iconshanchu"></i> 删除 | ||
30 | </el-button> | ||
31 | </div>--> | ||
32 | <div v-show="+qszt === 0" class="fr" style="margin-right:20px"> | ||
33 | <el-button class="qlrBtn" size="mini" | ||
34 | :disabled="+qszt !== 0 || (tableData.length > 0 && gyfs === 'PSHGSBDCQJDC000000000000DC340010')" | ||
35 | @click="addRow"> | ||
36 | <i class="iconfont iconxinzeng" :disabled="+qszt !== 0"></i> 新增 | ||
37 | </el-button> | ||
38 | <el-button class="qlrBtn" size="mini" :disabled="+qszt !== 0" @click="changeRow"> | ||
39 | <i class="iconfont iconbianji"></i> 编辑 | ||
40 | </el-button> | ||
41 | <el-button class="qlrBtn" size="mini" :disabled="+qszt !== 0" @click="delRow"> | ||
42 | <i class="iconfont iconshanchu"></i> 删除 | ||
43 | </el-button> | ||
44 | </div> | ||
45 | </el-col> | ||
46 | </el-row> | ||
47 | </td> | ||
48 | </tr> | ||
49 | </table> | ||
50 | |||
51 | <el-table class="qlrTable" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" | ||
52 | @row-dblclick="rowDbclick" border> | ||
53 | <el-table-column type="selection" width="40" align="center"> | ||
54 | </el-table-column> | ||
55 | <el-table-column prop="qlrmc" label="权利人名称" align="center"> | ||
56 | </el-table-column> | ||
57 | <el-table-column prop="qlrlxbsm_dictText" label="权利人类型" align="center"> | ||
58 | </el-table-column> | ||
59 | <el-table-column prop="zjzlbsm_dictText" label="证件种类" align="center"> | ||
60 | </el-table-column> | ||
61 | <el-table-column prop="zjh" label="证件号" align="center"> | ||
62 | </el-table-column> | ||
63 | <el-table-column prop="dz" label="通讯地址" align="center"> | ||
64 | </el-table-column> | ||
65 | <el-table-column prop="dh" label="联系电话" align="center"> | ||
66 | </el-table-column> | ||
67 | </el-table> | ||
68 | <el-dialog :close-on-click-modal="false" title="权利人信息" :visible.sync="dialogVisible" custom-class="insetDialog" | ||
69 | append-to-body width="50%"> | ||
70 | <el-form :model="formData" class="qlrForm"> | ||
71 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> | ||
72 | <tr> | ||
73 | <td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td> | ||
74 | <td colspan="6"> | ||
75 | <el-input v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"></el-input> | ||
76 | </td> | ||
77 | <td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td> | ||
78 | <td colspan="6"> | ||
79 | <el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm"> | ||
80 | <el-option v-for="item in $store.state.qlrlxList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
81 | </el-option> | ||
82 | </el-select> | ||
83 | </td> | ||
84 | </tr> | ||
85 | <tr> | ||
86 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td> | ||
87 | <td colspan="6"> | ||
88 | <el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm"> | ||
89 | <el-option v-for="item in $store.state.zjzlList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
90 | </el-option> | ||
91 | </el-select> | ||
92 | </td> | ||
93 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td> | ||
94 | <td colspan="6"> | ||
95 | <el-input maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"></el-input> | ||
96 | </td> | ||
97 | </tr> | ||
98 | <tr> | ||
99 | <td colspan="4" class="tdright"><i class="requisite">*</i>电话</td> | ||
100 | <td colspan="6"> | ||
101 | <!-- @blur="inputBlur($event)"--> | ||
102 | <el-input v-model="formData.dh" ref="dh" @blur="inputBlur($event)"></el-input> | ||
103 | </td> | ||
104 | <td colspan="4" class="tdright"><i class="requisite">*</i>地址</td> | ||
105 | <td colspan="6"> | ||
106 | <el-input v-model="formData.dz" ref="dz" @blur="inputBlur($event)"></el-input> | ||
107 | </td> | ||
108 | </tr> | ||
109 | <tr> | ||
110 | <td colspan="4" class="tdright">国家</td> | ||
111 | <td colspan="6"> | ||
112 | <el-select class="formSelect" v-model="formData.gjbsm"> | ||
113 | <el-option v-for="item in $store.state.gjList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
114 | </el-option> | ||
115 | </el-select> | ||
116 | </td> | ||
117 | <td colspan="4" class="tdright">户籍所在省市</td> | ||
118 | <td colspan="6"> | ||
119 | <el-select class="formSelect" v-model="formData.hjszssbsm"> | ||
120 | <el-option v-for="item in $store.state.ssList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
121 | </el-option> | ||
122 | </el-select> | ||
123 | </td> | ||
124 | </tr> | ||
125 | <tr> | ||
126 | <td colspan="4" class="tdright">性别</td> | ||
127 | <td colspan="6"> | ||
128 | <el-select class="formSelect" v-model="formData.xbbsm"> | ||
129 | <el-option v-for="item in $store.state.xbList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
130 | </el-option> | ||
131 | </el-select> | ||
132 | </td> | ||
133 | <td colspan="4" class="tdright">邮编</td> | ||
134 | <td colspan="6"> | ||
135 | <el-input v-model="formData.yb" /> | ||
136 | </td> | ||
137 | </tr> | ||
138 | <tr> | ||
139 | <td colspan="4" class="tdright">所属行业</td> | ||
140 | <td colspan="6"> | ||
141 | <el-select class="formSelect" v-model="formData.sshy"> | ||
142 | <el-option v-for="item in $store.state.sshyList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
143 | </el-option> | ||
144 | </el-select> | ||
145 | </td> | ||
146 | <td colspan="4" class="tdright">电子邮件</td> | ||
147 | <td colspan="6"> | ||
148 | <el-input v-model="formData.dzyj" /> | ||
149 | </td> | ||
150 | </tr> | ||
151 | <tr> | ||
152 | <th colspan="20">法人信息</th> | ||
153 | </tr> | ||
154 | <tr> | ||
155 | <td colspan="4" class="tdright">法定代表人或负责人姓名</td> | ||
156 | <td colspan="6"> | ||
157 | <el-input v-model="formData.fr.dlrfrmc" /> | ||
158 | </td> | ||
159 | <td colspan="4" class="tdright">证件类型</td> | ||
160 | <td colspan="6"> | ||
161 | <el-select class="formSelect" v-model="formData.fr.zjzlbsm"> | ||
162 | <el-option v-for="item in $store.state.zjzlList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
163 | </el-option> | ||
164 | </el-select> | ||
165 | </td> | ||
166 | </tr> | ||
167 | <tr> | ||
168 | <td colspan="4" class="tdright">证件号码</td> | ||
169 | <td colspan="6"> | ||
170 | <el-input v-model="formData.fr.zjh" /> | ||
171 | </td> | ||
172 | <td colspan="4" class="tdright">电话</td> | ||
173 | <td colspan="6"> | ||
174 | <el-input v-model="formData.fr.dh" /> | ||
175 | </td> | ||
176 | </tr> | ||
177 | <tr> | ||
178 | <th colspan="20">代理人信息</th> | ||
179 | </tr> | ||
180 | <template v-for="(item, index) in formData.dlrList"> | ||
181 | <tr :key="item.index"> | ||
182 | <td :rowspan="(formData.dlrList.length - 1) * 2 + 2" v-if="index == 0" class="btnCol"> | ||
183 | <span :style="{ 'padding-top': (formData.dlrList.length - 1) * 36 + 20 + 'px' }"> | ||
184 | <i v-show="index == 0" class="iconfont iconicon-test2" @click="handleClick(item, index, 'add')"></i> | ||
185 | </span> | ||
186 | <!-- <div class="line" v-show=" index != formData.dlrList.length-1"></div> --> | ||
187 | </td> | ||
188 | <td rowspan="2" class="minusBtnCol"> | ||
189 | <span> | ||
190 | <i class="iconfont icon-" @click="handleClick(item, index, 'minus')"></i> | ||
191 | </span> | ||
192 | </td> | ||
193 | <td class="tdright" colspan="2">代理人姓名</td> | ||
194 | <td colspan="6"> | ||
195 | <el-input v-model="item.dlrfrmc" /> | ||
196 | </td> | ||
197 | <td colspan="4" class="tdright">证件类型</td> | ||
198 | <td colspan="6"> | ||
199 | <el-select class="formSelect" v-model="item.zjzlbsm"> | ||
200 | <el-option v-for="item in $store.state.zjzlList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
201 | </el-option> | ||
202 | </el-select> | ||
203 | </td> | ||
204 | </tr> | ||
205 | <!-- <tr :key="item.dh">--> | ||
206 | <tr :key="'dh' + index"> | ||
207 | <td class="tdright" colspan="2">证件号码</td> | ||
208 | <td colspan="6"> | ||
209 | <el-input v-model="item.zjh" /> | ||
210 | </td> | ||
211 | <td colspan="4" class="tdright">电话</td> | ||
212 | <td colspan="6"> | ||
213 | <el-input v-model="item.dh" /> | ||
214 | </td> | ||
215 | </tr> | ||
216 | </template> | ||
217 | |||
218 | <tr> | ||
219 | <th colspan="20">权利信息</th> | ||
220 | </tr> | ||
221 | <tr> | ||
222 | <td colspan="4" class="tdright">共有方式</td> | ||
223 | <td colspan="6"> | ||
224 | <el-select class="formSelect" v-model="formData.gyfsbsm" disabled> | ||
225 | <el-option v-for="item in $store.state.gyfsList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
226 | </el-option> | ||
227 | </el-select> | ||
228 | </td> | ||
229 | <td colspan="4" class="tdright">权利比例(%)</td> | ||
230 | <td colspan="6"> | ||
231 | <el-input v-model="formData.qlbl"></el-input> | ||
232 | </td> | ||
233 | </tr> | ||
234 | <tr> | ||
235 | <td colspan="4" class="tdright">房产证号</td> | ||
236 | <td colspan="6"> | ||
237 | <el-input v-model="formData.fczh"></el-input> | ||
238 | </td> | ||
239 | <td colspan="4" class="tdright">土地证号</td> | ||
240 | <td colspan="6"> | ||
241 | <el-input v-model="formData.tdzh"></el-input> | ||
242 | </td> | ||
243 | </tr> | ||
244 | <tr> | ||
245 | <td colspan="4" class="tdright">共有情况</td> | ||
246 | <td colspan="12"> | ||
247 | <el-input v-model="formData.gyqk"></el-input> | ||
248 | </td> | ||
249 | </tr> | ||
250 | </table> | ||
251 | </el-form> | ||
252 | <div class="dialog-footer"> | ||
253 | <el-button type="primary" @click="addNewQlrInfo">确 定</el-button> | ||
254 | <el-button @click="dialogVisible = false">取 消</el-button> | ||
255 | </div> | ||
256 | </el-dialog> | ||
257 | </div> | ||
258 | </template> | ||
259 | |||
260 | <script> | ||
261 | // import { getDdicByMC } from "@api/common"; | ||
262 | // import { insertQlrDlrFr, getQlrInfoByGlbsm, updateQlrDlrFr, deleteQlrDlrFrByQlrbsm, updateGyGyQlrQk, getQlrByGlbsmAndType } from "@api/qlr"; | ||
263 | |||
264 | export default { | ||
265 | props: { | ||
266 | qszt: { | ||
267 | type: String, | ||
268 | default: "0", | ||
269 | }, | ||
270 | title: { | ||
271 | type: String, | ||
272 | default: "", | ||
273 | }, | ||
274 | topHeight: { | ||
275 | type: String, | ||
276 | default: "15vh", | ||
277 | }, | ||
278 | bsm: { | ||
279 | type: String, | ||
280 | default: "", | ||
281 | }, | ||
282 | type: { | ||
283 | type: String, | ||
284 | default: "", | ||
285 | }, | ||
286 | lq: { | ||
287 | type: String, | ||
288 | default: "", | ||
289 | } | ||
290 | }, | ||
291 | data () { | ||
292 | return { | ||
293 | update: false, | ||
294 | gyfs: this.$store.state.gyfsList[0].bsm, | ||
295 | tableData: [], | ||
296 | gyfsList: [], | ||
297 | //表格选中项 | ||
298 | multipleSelection: [], | ||
299 | dialogVisible: false, | ||
300 | formData: { | ||
301 | addQjDlrFrRequest: [], | ||
302 | dlrList: [ | ||
303 | { | ||
304 | dh: "", | ||
305 | dlrfrmc: "", | ||
306 | qlrbsm: "", | ||
307 | zjh: "", | ||
308 | zjzlbsm: "", | ||
309 | }, | ||
310 | ], | ||
311 | fr: { | ||
312 | dh: "", | ||
313 | dlrfrmc: "", | ||
314 | qlrbsm: "", | ||
315 | zjh: "", | ||
316 | zjzlbsm: "", | ||
317 | }, | ||
318 | bz: "", | ||
319 | dh: "", | ||
320 | dz: "", | ||
321 | dzyj: "", | ||
322 | fczh: "", | ||
323 | fzjg: "", | ||
324 | gjbsm: "PSHGSBDCQJDC000000000000DC350010", //默认中国 | ||
325 | glbsm: "", | ||
326 | gyfsbsm: "", | ||
327 | gyqk: "", | ||
328 | gzdw: "", | ||
329 | hjszssbsm: "", | ||
330 | isdel: 0, | ||
331 | qlbl: "", | ||
332 | qlrlxbsm: "", | ||
333 | qlrmc: "", | ||
334 | sshy: "", | ||
335 | sxh: 0, | ||
336 | tdzh: "", | ||
337 | xbbsm: "", | ||
338 | yb: "", | ||
339 | zjh: "", | ||
340 | zjzlbsm: "", | ||
341 | lqqlrtype: "" | ||
342 | }, | ||
343 | glbsm: '', | ||
344 | rules: [], | ||
345 | }; | ||
346 | }, | ||
347 | methods: { | ||
348 | inputBlur (e) { | ||
349 | if (e.target.value != '') { | ||
350 | e.target.style.border = "" | ||
351 | } else { | ||
352 | e.target.style.border = "1px solid red"; | ||
353 | e.target.style.boxSizing = 'border-box'; | ||
354 | } | ||
355 | }, | ||
356 | |||
357 | //新增行数据 | ||
358 | addRow () { | ||
359 | |||
360 | console.log(this.gyfs, '共有方式') | ||
361 | |||
362 | this.update = false; | ||
363 | let flag = false; | ||
364 | for (let i = 0; i < this.$store.state.gyfsList.length; i++) { | ||
365 | let item = this.$store.state.gyfsList[i]; | ||
366 | if (item.mc === "单独所有" && item.bsm === this.gyfs) { | ||
367 | flag = true; | ||
368 | } | ||
369 | } | ||
370 | if (flag) { | ||
371 | if (this.tableData.length > 0) { | ||
372 | this.$message({ | ||
373 | message: "当前方式不可再新增权利人", | ||
374 | type: "warning", | ||
375 | }); | ||
376 | } else { | ||
377 | this.formData.gyfsbsm = this.gyfs; | ||
378 | this.dialogVisible = true; | ||
379 | } | ||
380 | } else { | ||
381 | this.formData.gyfsbsm = this.gyfs; | ||
382 | this.dialogVisible = true; | ||
383 | } | ||
384 | }, | ||
385 | //确认权利人信息按钮;可以进行新增;可以进行更新; | ||
386 | addNewQlrInfo () { | ||
387 | |||
388 | this.rules = [ | ||
389 | { | ||
390 | data: this.formData.qlrmc, | ||
391 | name: '权利人名称', | ||
392 | dom: this.$refs.qlrmc, | ||
393 | rule: /^\s*$/g, //非空 | ||
394 | }, | ||
395 | { | ||
396 | data: this.formData.qlrlxbsm, | ||
397 | name: '权利人类型', | ||
398 | dom: this.$refs.qlrlxbsm, | ||
399 | rule: /^\s*$/g, //非空 | ||
400 | }, | ||
401 | { | ||
402 | data: this.formData.zjzlbsm, | ||
403 | name: '证件类型', | ||
404 | dom: this.$refs.zjzlbsm, | ||
405 | rule: /^\s*$/g, //非空 | ||
406 | }, | ||
407 | { | ||
408 | data: this.formData.zjh, | ||
409 | name: '证件号', | ||
410 | dom: this.$refs.zjh, | ||
411 | rule: /^\s*$/g, //非空 | ||
412 | }, | ||
413 | { | ||
414 | data: this.formData.dh, | ||
415 | name: '电话', | ||
416 | dom: this.$refs.dh, | ||
417 | rule: /^\s*$/g, //非空 | ||
418 | }, | ||
419 | { | ||
420 | data: this.formData.dz, | ||
421 | name: '地址', | ||
422 | dom: this.$refs.dz, | ||
423 | rule: /^\s*$/g, //非空 | ||
424 | }, | ||
425 | ] | ||
426 | let flag = true; | ||
427 | this.rules.forEach(item => { | ||
428 | if (item.rule.test(item.data) || item.data == null) { | ||
429 | if (item.dom.$el) { | ||
430 | item.dom.$el.style.border = '1px solid red'; | ||
431 | item.dom.$el.style.boxSizing = 'border-box'; | ||
432 | } else { | ||
433 | item.dom.style.border = '1px solid red'; | ||
434 | item.dom.style.boxSizing = 'border-box'; | ||
435 | } | ||
436 | flag = false; | ||
437 | return false | ||
438 | } | ||
439 | console.log(this.tableData, '权利人信息') | ||
440 | console.log(this.$store.state.gyfsList[0].bsm, '确定之后共有方式') | ||
441 | }) | ||
442 | this.$nextTick(() => { | ||
443 | if (flag) { | ||
444 | //todo 权利人页面调整 | ||
445 | this.formData.addQjDlrFrRequest = []; | ||
446 | this.formData.glbsm = this.bsm; | ||
447 | //将代理人,法人数据合在一起,名称为addQjDlrFrRequest; | ||
448 | //法人的type字段类型为0, | ||
449 | this.formData.fr.type = 0; | ||
450 | this.formData.addQjDlrFrRequest.push(this.formData.fr); | ||
451 | for (let k = 0; k < this.formData.dlrList.length; k++) { | ||
452 | //代理人的type字段类型为1, | ||
453 | this.formData.dlrList[k].type = 1; | ||
454 | this.formData.addQjDlrFrRequest.push(this.formData.dlrList[k]); | ||
455 | } | ||
456 | //林权权利人类型判断 | ||
457 | this.formData.lqqlrtype = this.lq; | ||
458 | //如果是从更新按钮点击确定的则进行更新操作,如果不是,则进行添加操作 | ||
459 | if (this.update) { | ||
460 | console.log(this.formData) | ||
461 | updateQlrDlrFr(this.formData).then((res) => { | ||
462 | if (res.code === 200) { | ||
463 | this.dialogVisible = false; | ||
464 | this.$message.success("修改完成!"); | ||
465 | this.getQlrInfo(this.bsm); | ||
466 | this.update = false; | ||
467 | } | ||
468 | }) | ||
469 | } else { | ||
470 | insertQlrDlrFr(this.formData).then((res) => { | ||
471 | if (res.code === 200) { | ||
472 | this.dialogVisible = false; | ||
473 | this.tableData.push(this.formData); | ||
474 | this.getQlrInfo(this.bsm); | ||
475 | Object.assign(this.$data, this.$options.data()) | ||
476 | |||
477 | } | ||
478 | }) | ||
479 | } | ||
480 | } | ||
481 | }) | ||
482 | |||
483 | |||
484 | }, | ||
485 | //修改行数据 | ||
486 | changeRow () { | ||
487 | if (this.multipleSelection.length === 1) { | ||
488 | this.dialogVisible = true; | ||
489 | this.update = true; | ||
490 | this.formData = this.multipleSelection[0]; | ||
491 | if (this.multipleSelection[0].frList.length > 0) { | ||
492 | this.formData.fr = this.multipleSelection[0].frList[0]; | ||
493 | } | ||
494 | } else { | ||
495 | this.$message({ | ||
496 | message: "请选择一条信息后继续操作", | ||
497 | type: "warning", | ||
498 | }); | ||
499 | } | ||
500 | }, | ||
501 | |||
502 | updateGyfs (val) { | ||
503 | console.log(val, this.type) | ||
504 | updateGyGyQlrQk(this.bsm, this.type, val).then((res) => { | ||
505 | if (res.code === 200) { | ||
506 | console.log("修改完成!") | ||
507 | //todo 修改该建筑物的所有权利人的相关共有方式 | ||
508 | } | ||
509 | }) | ||
510 | }, | ||
511 | |||
512 | //父组件改变子组件的共有方式 | ||
513 | changeGyfs (val) { | ||
514 | this.gyfs = val; | ||
515 | }, | ||
516 | |||
517 | //行双击事件 | ||
518 | rowDbclick (row) { | ||
519 | if (+this.qszt == 0) { | ||
520 | this.dialogVisible = true; | ||
521 | this.update = true; | ||
522 | this.formData = row; | ||
523 | if (row.frList.length > 0) { | ||
524 | this.formData.fr = row.frList[0]; | ||
525 | } | ||
526 | } | ||
527 | }, | ||
528 | |||
529 | // inputBlur(e){ | ||
530 | // if(e.target.value!=''){ | ||
531 | // console.log(e.target.value) | ||
532 | // console.log(!(/^1(3|4|5|6|7|8|9)d{9}$/.test(e.target.value))) | ||
533 | // if(!(/^1(3|4|5|6|7|8|9)d{9}$/.test(e.target.value))){ | ||
534 | // e.target.style.border="1px solid red"; | ||
535 | // e.target.style.boxSizing = 'border-box'; | ||
536 | // }else { | ||
537 | // e.target.style.border="" | ||
538 | // } | ||
539 | // }else{ | ||
540 | // e.target.style.border="1px solid red"; | ||
541 | // e.target.style.boxSizing = 'border-box'; | ||
542 | // } | ||
543 | // }, | ||
544 | |||
545 | //删除行数据 | ||
546 | delRow () { | ||
547 | if (this.multipleSelection.length > 0) { | ||
548 | let qlrbsms = []; | ||
549 | for (let i = 0; i < this.multipleSelection.length; i++) { | ||
550 | qlrbsms.push(this.multipleSelection[i].qlrbsm) | ||
551 | } | ||
552 | console.log(qlrbsms) | ||
553 | deleteQlrDlrFrByQlrbsm(qlrbsms).then((res) => { | ||
554 | if (res.code === 200) { | ||
555 | this.$message.success("删除完成!") | ||
556 | this.getQlrInfo(this.bsm); | ||
557 | } | ||
558 | }) | ||
559 | } else { | ||
560 | this.$message({ | ||
561 | message: "请至少选择一条信息后继续操作", | ||
562 | type: "warning", | ||
563 | }); | ||
564 | } | ||
565 | }, | ||
566 | //选中表格某一项 | ||
567 | handleSelectionChange (val) { | ||
568 | this.multipleSelection = val; | ||
569 | }, | ||
570 | |||
571 | //供父组件调用来获取共有方式 | ||
572 | getQlgyfsData () { | ||
573 | return this.gyfs; | ||
574 | }, | ||
575 | //供父组件调用来获取权利人表格数据 | ||
576 | getQlrxxData () { | ||
577 | return this.tableData; | ||
578 | }, | ||
579 | //增删代理人 | ||
580 | handleClick (obj, ind, type) { | ||
581 | if (type === "add") { | ||
582 | this.formData.dlrList.push({ | ||
583 | id: Math.random(), | ||
584 | dh: "", | ||
585 | dlrfrmc: "", | ||
586 | qlrbsm: "", | ||
587 | zjh: "", | ||
588 | zjzlbsm: "", | ||
589 | }); | ||
590 | } else { | ||
591 | this.formData.dlrList.forEach((item, index) => { | ||
592 | if (index == ind && this.formData.dlrList.length > 1) { | ||
593 | this.formData.dlrList.splice(ind, 1); | ||
594 | } | ||
595 | }); | ||
596 | } | ||
597 | }, | ||
598 | getQlrInfo (bsm) { | ||
599 | if (this.lq == "") { | ||
600 | getQlrInfoByGlbsm(bsm).then((res) => { | ||
601 | if (res.code) { | ||
602 | if (res.result != null) { | ||
603 | this.tableData = res.result; | ||
604 | if (this.tableData.length === 0) { | ||
605 | this.gyfs = this.$store.state.gyfsList[0].bsm; | ||
606 | } else { | ||
607 | this.gyfs = res.result[0].gyfsbsm; | ||
608 | } | ||
609 | } | ||
610 | } | ||
611 | }) | ||
612 | } else { | ||
613 | let params = { | ||
614 | bsm: bsm, | ||
615 | type: this.lq | ||
616 | } | ||
617 | getQlrByGlbsmAndType(params).then((res) => { | ||
618 | if (res.code) { | ||
619 | if (res.result != null) { | ||
620 | this.tableData = res.result; | ||
621 | if (this.tableData.length === 0) { | ||
622 | this.gyfs = this.$store.state.gyfsList[0].bsm; | ||
623 | } else { | ||
624 | this.gyfs = res.result[0].gyfsbsm; | ||
625 | } | ||
626 | } | ||
627 | } | ||
628 | }) | ||
629 | } | ||
630 | } | ||
631 | }, | ||
632 | created () { | ||
633 | this.gyfsList = this.$store.state.gyfsList; | ||
634 | }, | ||
635 | mounted () { | ||
636 | this.getQlrInfo(this.bsm); | ||
637 | }, | ||
638 | watch: { | ||
639 | tableData: { | ||
640 | handler: function (v) { | ||
641 | this.gyfsList[0].disabled = v.length > 1; | ||
642 | }, | ||
643 | deep: true | ||
644 | }, | ||
645 | dialogVisible (n) { | ||
646 | if (n === false) { | ||
647 | this.formData = { | ||
648 | addQjDlrFrRequest: [], | ||
649 | dlrList: [ | ||
650 | { | ||
651 | dh: "", | ||
652 | dlrfrmc: "", | ||
653 | qlrbsm: "", | ||
654 | zjh: "", | ||
655 | zjzlbsm: "", | ||
656 | }, | ||
657 | ], | ||
658 | fr: { | ||
659 | dh: "", | ||
660 | dlrfrmc: "", | ||
661 | qlrbsm: "", | ||
662 | zjh: "", | ||
663 | zjzlbsm: "", | ||
664 | }, | ||
665 | bz: "", | ||
666 | dh: "", | ||
667 | dz: "", | ||
668 | dzyj: "", | ||
669 | fczh: "", | ||
670 | fzjg: "", | ||
671 | gjbsm: "PSHGSBDCQJDC000000000000DC350010", //默认中国 | ||
672 | glbsm: "", | ||
673 | gyfsbsm: "", | ||
674 | gyqk: "", | ||
675 | gzdw: "", | ||
676 | hjszssbsm: "", | ||
677 | isdel: 0, | ||
678 | qlbl: "", | ||
679 | qlrlxbsm: "", | ||
680 | qlrmc: "", | ||
681 | sshy: "", | ||
682 | sxh: 0, | ||
683 | tdzh: "", | ||
684 | xbbsm: "", | ||
685 | yb: "", | ||
686 | zjh: "", | ||
687 | zjzlbsm: "", | ||
688 | } | ||
689 | } | ||
690 | }, | ||
691 | |||
692 | "formData.qlrlxbsm": function (val) { | ||
693 | if (val != '') { | ||
694 | this.$refs.qlrlxbsm.$el.style.border = ''; | ||
695 | } | ||
696 | }, | ||
697 | } | ||
698 | }; | ||
699 | </script> | ||
700 | <style lang="scss"> | ||
701 | .temp { | ||
702 | width: 100%; | ||
703 | |||
704 | table { | ||
705 | border-bottom: 0; | ||
706 | background-color: #fff; | ||
707 | font-size: 14px; | ||
708 | width: 100%; | ||
709 | table-layout: fixed; | ||
710 | |||
711 | .qlrBtn { | ||
712 | border: 0; | ||
713 | font-size: 14px; | ||
714 | } | ||
715 | |||
716 | .qlrBtn:hover { | ||
717 | background-color: none !important; | ||
718 | } | ||
719 | |||
720 | .iconfont { | ||
721 | font-size: 14px !important; | ||
722 | } | ||
723 | |||
724 | .span { | ||
725 | color: #409eff; | ||
726 | margin-right: 10px; | ||
727 | cursor: pointer; | ||
728 | } | ||
729 | |||
730 | .noEdit { | ||
731 | color: #606266; | ||
732 | margin-right: 10px; | ||
733 | cursor: not-allowed; | ||
734 | } | ||
735 | |||
736 | .el-radio { | ||
737 | margin-right: 20px !important; | ||
738 | } | ||
739 | |||
740 | td { | ||
741 | text-align: center; | ||
742 | padding: 8px 0; | ||
743 | } | ||
744 | } | ||
745 | |||
746 | .table-title { | ||
747 | font-weight: 700; | ||
748 | font-size: 15px; | ||
749 | } | ||
750 | |||
751 | .el-table th { | ||
752 | background-color: #fff !important; | ||
753 | } | ||
754 | |||
755 | el-table td, | ||
756 | .el-table th.is-leaf, | ||
757 | .el-table--border, | ||
758 | .el-table--group { | ||
759 | border-color: black; | ||
760 | } | ||
761 | |||
762 | .el-table--border::after, | ||
763 | .el-table--group::after, | ||
764 | .el-table::before { | ||
765 | background-color: rgba(0, 0, 0, 0); | ||
766 | } | ||
767 | |||
768 | .el-table--border td, | ||
769 | .el-table--border th, | ||
770 | .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed { | ||
771 | border-right: 1px solid#E6E6E6; | ||
772 | } | ||
773 | |||
774 | .el-table td, | ||
775 | .el-table th { | ||
776 | padding: 12px 0; | ||
777 | color: #333 !important; | ||
778 | font-weight: normal; | ||
779 | } | ||
780 | |||
781 | .el-table td, | ||
782 | .el-table th.is-leaf { | ||
783 | border-bottom: 1px solid#E6E6E6; | ||
784 | border-color: #E6E6E6 !important; | ||
785 | } | ||
786 | |||
787 | .qlrTable { | ||
788 | border-color: #E6E6E6 !important; | ||
789 | border-bottom: 0; | ||
790 | border-right: 0; | ||
791 | position: relative; | ||
792 | top: -1px; | ||
793 | |||
794 | .el-input__inner { | ||
795 | height: 20px; | ||
796 | margin: 0; | ||
797 | line-height: 20px; | ||
798 | outline: none; | ||
799 | border: none; | ||
800 | color: #606764; | ||
801 | overflow: visible; | ||
802 | cursor: text; | ||
803 | text-align: center; | ||
804 | } | ||
805 | } | ||
806 | } | ||
807 | |||
808 | .insetDialog { | ||
809 | .qlrForm { | ||
810 | height: 500px; | ||
811 | overflow-y: scroll; | ||
812 | } | ||
813 | |||
814 | .zdjbxxTable { | ||
815 | margin: 10px 0; | ||
816 | background-color: #fff; | ||
817 | font-size: 14px; | ||
818 | width: 100%; | ||
819 | border-bottom: 1px solid #000; | ||
820 | |||
821 | .btnCol, | ||
822 | .minusBtnCol { | ||
823 | position: relative; | ||
824 | padding-right: 0; | ||
825 | |||
826 | span { | ||
827 | display: inline-block; | ||
828 | width: 100%; | ||
829 | height: 100%; | ||
830 | position: relative; | ||
831 | box-sizing: border-box; | ||
832 | padding-right: 10px; | ||
833 | padding-top: 20px; | ||
834 | } | ||
835 | |||
836 | .line { | ||
837 | width: 100%; | ||
838 | height: 2px; | ||
839 | background: #fff; | ||
840 | } | ||
841 | |||
842 | i { | ||
843 | color: #66b1ff; | ||
844 | font-size: 30px; | ||
845 | cursor: pointer; | ||
846 | z-index: 1; | ||
847 | } | ||
848 | } | ||
849 | |||
850 | .minusBtnCol { | ||
851 | i { | ||
852 | color: #FA6400; | ||
853 | } | ||
854 | } | ||
855 | |||
856 | th { | ||
857 | height: 36px; | ||
858 | line-height: 36px; | ||
859 | } | ||
860 | |||
861 | td { | ||
862 | text-align: right; | ||
863 | height: 36px; | ||
864 | } | ||
865 | |||
866 | /deep/.el-input__inner { | ||
867 | margin: 0; | ||
868 | height: 36px; | ||
869 | outline: none; | ||
870 | border: none; | ||
871 | color: #606764; | ||
872 | overflow: visible; | ||
873 | text-align: left; | ||
874 | cursor: text; | ||
875 | } | ||
876 | |||
877 | .percent68 { | ||
878 | width: 68% !important; | ||
879 | float: left; | ||
880 | position: relative; | ||
881 | top: 7px; | ||
882 | } | ||
883 | |||
884 | .percent30 { | ||
885 | width: 30% !important; | ||
886 | float: left; | ||
887 | } | ||
888 | |||
889 | .el-input__icon { | ||
890 | line-height: 37px; | ||
891 | } | ||
892 | |||
893 | .el-select { | ||
894 | width: 100%; | ||
895 | } | ||
896 | } | ||
897 | |||
898 | .dialog-footer { | ||
899 | width: 160px; | ||
900 | margin: 20px auto 0; | ||
901 | } | ||
902 | } | ||
903 | </style> |
src/components/formMenu/qlxz.vue
deleted
100644 → 0
1 | <template> | ||
2 | <div class="temp"> | ||
3 | <div class="qlxzAdd fl"> | ||
4 | <span>权利性质</span> | ||
5 | <i class="iconfont iconicon-test2" v-if="formData.qszt == '0'" @click="handleClick(0, 'add')"></i> | ||
6 | <i class="iconfont iconicon-test2" v-if="formData.qszt != '0'" style="cursor: not-allowed;"></i> | ||
7 | </div> | ||
8 | <el-row class="qlxzModule fl" v-for="(items, index) in countList" :key="items.id"> | ||
9 | <template v-for="(childItem, childIndex) in items.list"> | ||
10 | <el-col :span="1" class="btnCol " :key="childIndex + '1'" :class="childIndex > 0 ? 'childYT noTopBorder' : ''"> | ||
11 | <i v-show="childIndex == 0 && formData.qszt == '0'" | ||
12 | :style="{ 'margin-top': (items.list.length - 1) * 57 - 18 + 'px' }" class="iconfont icon- qlxzMinus" | ||
13 | @click="handleClick(index, 'minus')"></i> | ||
14 | <i v-show="childIndex == 0 && formData.qszt != '0'" | ||
15 | :style="{ 'margin-top': (items.list.length - 1) * 57 - 18 + 'px' }" class="iconfont icon- qlxzMinus" | ||
16 | style="cursor: not-allowed;"></i> | ||
17 | <div :class="items.hasNotBorder ? 'itemShow whiteItem' : 'whiteItem'" v-if="items.isInside"></div> | ||
18 | </el-col> | ||
19 | <el-col :span="2" class="btnCol tdytAdd" :key="childIndex + '17'" | ||
20 | :class="childIndex > 0 ? 'childYT noTopBorder' : ''"> | ||
21 | <template> | ||
22 | <span v-show="childIndex == 0" | ||
23 | :style="{ 'margin-top': (items.list.length - 1) * 57 - 40 + 'px' }">土地用途</span> | ||
24 | <i class="iconfont iconicon-test1" v-show="childIndex == 0 && formData.qszt == '0'" | ||
25 | :style="{ 'margin-top': (items.list.length - 1) * 57 + 'px' }" | ||
26 | @click="handleInClick(index, childIndex, 'add')"></i> | ||
27 | <i class="iconfont iconicon-test1" v-show="childIndex == 0 && formData.qszt != '0'" | ||
28 | :style="{ 'margin-top': (items.list.length - 1) * 57 + 'px' }" style="cursor: not-allowed;"></i> | ||
29 | </template> | ||
30 | </el-col> | ||
31 | <el-col :span="1" class="btnCol tdytMinus pr10" :key="childIndex + '18'" | ||
32 | :class="childIndex > 0 ? 'childYT' : ''"> | ||
33 | <i class="iconfont iconicon-test" v-if="formData.qszt == '0'" | ||
34 | @click="handleInClick(index, childIndex, 'minus')"></i> | ||
35 | <i class="iconfont iconicon-test" v-if="formData.qszt != '0'" style="cursor: not-allowed;"></i> | ||
36 | </el-col> | ||
37 | <template v-if="hasSyqx"> | ||
38 | <el-col :span="3" :key="childIndex + '7'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
39 | <ul> | ||
40 | <li class="pr10"><i class="requisite">*</i>批准用途</li> | ||
41 | <li class="pr10"><i class="requisite">*</i>实际用途</li> | ||
42 | <li class="pr10"><i class="requisite">*</i>土地使用起始时间</li> | ||
43 | </ul> | ||
44 | </el-col> | ||
45 | <el-col :span="4" :key="childIndex + '6'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
46 | <ul> | ||
47 | <li> | ||
48 | <el-select-tree class="formSelect percent30" v-if="show" :default-expand-all="defaultExpandAll" | ||
49 | ref="pzytdm" :multiple="multiple" :placeholder="placeholder" :disabled="formData.qszt != '0'" | ||
50 | :data="$store.state.tdytList" :props="treeProps" :check-strictly="checkStrictly" | ||
51 | :clearable="clearable" v-model="childItem.pzytdm"></el-select-tree> | ||
52 | </li> | ||
53 | <li> | ||
54 | <el-select-tree class="formSelect percent30" v-if="show" :default-expand-all="defaultExpandAll" | ||
55 | ref="sjytdm" :multiple="multiple" :placeholder="placeholder" :disabled="formData.qszt != '0'" | ||
56 | :data="$store.state.tdytList" :props="treeProps" :check-strictly="checkStrictly" | ||
57 | :clearable="clearable" v-model="childItem.sjytdm"></el-select-tree> | ||
58 | </li> | ||
59 | <li> | ||
60 | <el-date-picker :disabled="formData.qszt != '0'" v-model="childItem.tdsyqssj" type="date" ref="tdsyqssj" | ||
61 | :picker-options="childItem.pickerStart" value-format="yyyy-MM-dd" placeholder="选择日期" | ||
62 | @blur="inputBlur($event, true)" @input="startTime(index, childIndex)"> | ||
63 | </el-date-picker> | ||
64 | </li> | ||
65 | </ul> | ||
66 | </el-col> | ||
67 | <el-col :span="3" :key="childIndex + '5'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
68 | <ul> | ||
69 | <li class="pr10">地类编码</li> | ||
70 | <li class="pr10">地类编码</li> | ||
71 | <li class="pr10"><i class="requisite">*</i>年限</li> | ||
72 | </ul> | ||
73 | </el-col> | ||
74 | <el-col :span="3" :key="childIndex + '4'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
75 | <ul> | ||
76 | <li> | ||
77 | <input type="text" style="top: -1px;" :disabled="formData.qszt != '0'" v-model="childItem.pzytdm" | ||
78 | class="formInput" /> | ||
79 | </li> | ||
80 | <li> | ||
81 | <input type="text" :disabled="formData.qszt != '0'" v-model="childItem.sjytdm" class="formInput" /> | ||
82 | </li> | ||
83 | <li> | ||
84 | <input type="text" ref="syqx" @blur="inputBlur($event, false)" maxlength="3" | ||
85 | onkeyup="value=value.replace(/[^\d]/g,'')" | ||
86 | @input="sumTime(index, childIndex, childItem.syqx, childItem.syqx)" :disabled="formData.qszt != '0'" | ||
87 | v-model="childItem.syqx" class="formInput" /> | ||
88 | </li> | ||
89 | </ul> | ||
90 | </el-col> | ||
91 | <el-col class="pr10" :span="3" :key="childIndex + '2'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
92 | <ul> | ||
93 | <li>等级</li> | ||
94 | <li>等级</li> | ||
95 | <li><i class="requisite">*</i>土地使用结束时间</li> | ||
96 | </ul> | ||
97 | </el-col> | ||
98 | <el-col :span="4" :key="childIndex + '3'" class="noRightBorder" :class="childIndex > 0 ? 'childYT ' : ''"> | ||
99 | <ul> | ||
100 | <li> | ||
101 | <el-select :disabled="formData.qszt != '0'" class="formSelect percent30" v-model="childItem.pzdjbsm"> | ||
102 | <el-option v-for="item in $store.state.tddjList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
103 | </el-option> | ||
104 | </el-select> | ||
105 | </li> | ||
106 | <li> | ||
107 | <el-select :disabled="formData.qszt != '0'" class="formSelect percent30" v-model="childItem.sjdjbsm"> | ||
108 | <el-option v-for="item in $store.state.tddjList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
109 | </el-option> | ||
110 | </el-select> | ||
111 | </li> | ||
112 | <li> | ||
113 | <el-date-picker :disabled="formData.qszt != '0'" v-model="childItem.tdsyjssj" type="date" ref="tdsyjssj" | ||
114 | @blur="inputBlur($event, true)" :picker-options="childItem.pickerEnd" | ||
115 | @input="endTime(index, childIndex, $event)" value-format="yyyy-MM-dd" placeholder="选择日期"> | ||
116 | </el-date-picker> | ||
117 | </li> | ||
118 | </ul> | ||
119 | </el-col> | ||
120 | </template> | ||
121 | <template v-if="!hasSyqx"> | ||
122 | <el-col :span="5" :key="childIndex + '7'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
123 | <ul> | ||
124 | <li class="pr10"><i class="requisite">*</i>批准用途</li> | ||
125 | <li class="pr10"><i class="requisite">*</i>实际用途</li> | ||
126 | <li class="pr10"><i class="requisite">*</i>土地使用起始时间</li> | ||
127 | </ul> | ||
128 | </el-col> | ||
129 | <el-col :span="5" :key="childIndex + '6'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
130 | <ul> | ||
131 | <li> | ||
132 | <el-select-tree v-if="show" class="formSelect percent30" :default-expand-all="defaultExpandAll" | ||
133 | ref="pzytdm" :multiple="multiple" :placeholder="placeholder" :disabled="formData.qszt != '0'" | ||
134 | :data="$store.state.tdytList" :props="treeProps" :check-strictly="checkStrictly" | ||
135 | :clearable="clearable" v-model="childItem.pzytdm"></el-select-tree> | ||
136 | </li> | ||
137 | <li> | ||
138 | <el-select-tree v-if="show" class="formSelect percent30" :default-expand-all="defaultExpandAll" | ||
139 | ref="sjytdm" :multiple="multiple" :placeholder="placeholder" :disabled="formData.qszt != '0'" | ||
140 | :data="$store.state.tdytList" :props="treeProps" :check-strictly="checkStrictly" | ||
141 | :clearable="clearable" v-model="childItem.sjytdm"></el-select-tree> | ||
142 | </li> | ||
143 | <li> | ||
144 | <el-date-picker v-model="childItem.tdsyqssj" ref="tdsyqssj" :disabled="formData.qszt != '0'" | ||
145 | :picker-options="childItem.pickerStart" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" | ||
146 | @blur="inputBlur($event, true)" @input="startTime(index, childIndex)"> | ||
147 | </el-date-picker> | ||
148 | </li> | ||
149 | </ul> | ||
150 | </el-col> | ||
151 | <el-col :span="5" :key="childIndex + '5'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
152 | <ul> | ||
153 | <li class="pr10">地类编码</li> | ||
154 | <li class="pr10">地类编码</li> | ||
155 | <li class="pr10"><i class="requisite">*</i>土地使用结束时间</li> | ||
156 | </ul> | ||
157 | </el-col> | ||
158 | <el-col :span="5" :key="childIndex + '4'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
159 | <ul> | ||
160 | <li> | ||
161 | <input type="text" style="top: -1px;" :disabled="formData.qszt != '0'" v-model="childItem.pzytdm" | ||
162 | class="formInput" /> | ||
163 | </li> | ||
164 | <li> | ||
165 | <input type="text" :disabled="formData.qszt != '0'" v-model="childItem.sjytdm" class="formInput" /> | ||
166 | </li> | ||
167 | <li> | ||
168 | <el-date-picker v-model="childItem.tdsyjssj" :disabled="formData.qszt != '0'" ref="tdsyjssj" type="date" | ||
169 | value-format="yyyy-MM-dd" :picker-options="childItem.pickerEnd" placeholder="选择日期" | ||
170 | @blur="inputBlur($event, true)" @input="endTime(index, childIndex)"> | ||
171 | </el-date-picker> | ||
172 | </li> | ||
173 | </ul> | ||
174 | </el-col> | ||
175 | </template> | ||
176 | </template> | ||
177 | |||
178 | <div class="title"> | ||
179 | <el-select-tree v-if="show" class="formSelect" :disabled="formData.qszt != '0'" | ||
180 | :default-expand-all="defaultExpandAll" :multiple="multiple" :placeholder="placeholder" | ||
181 | :data="$store.state.qlxzList" :props="treeProps" :check-strictly="checkStrictly" :clearable="clearable" | ||
182 | ref="qlxzdm" v-model="items.qlxzdm"></el-select-tree> | ||
183 | </div> | ||
184 | </el-row> | ||
185 | </div> | ||
186 | </template> | ||
187 | |||
188 | <script> | ||
189 | // import { getDdicByMC } from "@api/common"; | ||
190 | export default { | ||
191 | props: { | ||
192 | formData: { | ||
193 | type: Object, | ||
194 | default: () => { | ||
195 | return {}; | ||
196 | }, | ||
197 | }, | ||
198 | hasSyqx: { | ||
199 | type: Boolean, | ||
200 | default: false | ||
201 | } | ||
202 | }, | ||
203 | data () { | ||
204 | return { | ||
205 | //树型结构 | ||
206 | show: true, | ||
207 | clearable: true, | ||
208 | defaultExpandAll: true, | ||
209 | multiple: false, | ||
210 | placeholder: "请选择", | ||
211 | disabled: false, | ||
212 | checkStrictly: true, | ||
213 | treeProps: { | ||
214 | value: "dm", | ||
215 | children: "children", | ||
216 | label: "mc", | ||
217 | }, | ||
218 | |||
219 | countList: [ | ||
220 | { | ||
221 | id: Math.random(), | ||
222 | isInside: false, | ||
223 | hasNotBorder: false, | ||
224 | bsm: "", //权利性质标识码 | ||
225 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
226 | qlxzdm: "", | ||
227 | qlxzmc: "", | ||
228 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
229 | list: [ | ||
230 | { | ||
231 | pzdjbsm: "", | ||
232 | pzdjmc: "", | ||
233 | pzytdm: "", | ||
234 | pzytmc: "", | ||
235 | pzytmj: 0, | ||
236 | qlxzbsm: "", | ||
237 | sjdjbsm: "", | ||
238 | sjdjmc: "", | ||
239 | sjytdm: "", | ||
240 | sjytmc: "", | ||
241 | sjytmj: 0, | ||
242 | syqx: "", | ||
243 | tdsyjssj: "", | ||
244 | pickerStart: {}, | ||
245 | pickerEnd: {}, | ||
246 | tdsyqssj: "", | ||
247 | tdzh: "", | ||
248 | }, | ||
249 | ], | ||
250 | }, | ||
251 | ], | ||
252 | outNum: 0, | ||
253 | rulesResult: true,//权利性质表单校验结果 | ||
254 | }; | ||
255 | }, | ||
256 | created () { }, | ||
257 | mounted () { | ||
258 | }, | ||
259 | methods: { | ||
260 | startTime (index, childIndex) { | ||
261 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
262 | let endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
263 | this.countList[index].list[childIndex].pickerEnd = { | ||
264 | disabledDate: (time) => { | ||
265 | if (Object.keys(startTime).length > 0) { | ||
266 | return new Date(startTime).getTime() > time.getTime(); | ||
267 | } else { | ||
268 | return time.getTime() < Date.now(); | ||
269 | } | ||
270 | } | ||
271 | } | ||
272 | if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
273 | let startYear = new Date(startTime).getFullYear(); | ||
274 | let endYear = new Date(endTime).getFullYear(); | ||
275 | //年限暂时不算 | ||
276 | // this.countList[index].list[childIndex].syqx=endYear-startYear; | ||
277 | } | ||
278 | }, | ||
279 | sumTime (index, childIndex, syqx, e) { | ||
280 | this.$refs.syqx.forEach((item, index) => { | ||
281 | if (item.value == syqx) { | ||
282 | this.$refs.tdsyjssj[index].$el.style.border = "" | ||
283 | } | ||
284 | }) | ||
285 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
286 | this.countList[index].list[childIndex].tdsyjssj = Number(startTime.substring(0, 4)) + Number(syqx) + startTime.slice(4, 10); | ||
287 | }, | ||
288 | endTime (index, childIndex, e) { | ||
289 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
290 | let endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
291 | this.countList[index].list[childIndex].pickerStart = { | ||
292 | disabledDate: (time) => { | ||
293 | if (Object.keys(endTime).length > 0) { | ||
294 | return new Date(endTime).getTime() < time.getTime(); | ||
295 | } else { | ||
296 | return time.getTime() > Date.now(); | ||
297 | } | ||
298 | } | ||
299 | } | ||
300 | if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
301 | let startYear = new Date(startTime).getFullYear(); | ||
302 | let endYear = new Date(endTime).getFullYear(); | ||
303 | // this.countList[index].list[childIndex].syqx=endYear-startYear; | ||
304 | } | ||
305 | }, | ||
306 | //外层操作 | ||
307 | handleClick (ind, type) { | ||
308 | let outsideObj = { | ||
309 | id: Math.random(), | ||
310 | isInside: false, | ||
311 | hasNotBorder: false, | ||
312 | bsm: "", //权利性质标识码 | ||
313 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
314 | qlxzdm: "", | ||
315 | qlxzmc: "", | ||
316 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
317 | list: [ | ||
318 | { | ||
319 | pzdjbsm: "", | ||
320 | pzdjmc: "", | ||
321 | pzytdm: "", | ||
322 | pzytmc: "", | ||
323 | pzytmj: 0, | ||
324 | qlxzbsm: "", | ||
325 | sjdjbsm: "", | ||
326 | sjdjmc: "", | ||
327 | sjytdm: "", | ||
328 | pickerStart: {}, | ||
329 | pickerEnd: {}, | ||
330 | sjytmc: "", | ||
331 | sjytmj: 0, | ||
332 | syqx: "", | ||
333 | tdsyjssj: "", | ||
334 | tdsyqssj: "", | ||
335 | tdzh: "", | ||
336 | }, | ||
337 | ], | ||
338 | }; | ||
339 | if (type === "add") { | ||
340 | this.countList.push(outsideObj); | ||
341 | this.outNum++; | ||
342 | } else { | ||
343 | this.countList.forEach((item, index) => { | ||
344 | if (index == ind && this.countList.length > 1) { | ||
345 | this.countList.splice(index, 1); | ||
346 | } | ||
347 | }); | ||
348 | this.outNum--; | ||
349 | } | ||
350 | }, | ||
351 | reset () { | ||
352 | this.countList = [ | ||
353 | { | ||
354 | id: Math.random(), | ||
355 | isInside: false, | ||
356 | hasNotBorder: false, | ||
357 | bsm: "", //权利性质标识码 | ||
358 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
359 | qlxzdm: "", | ||
360 | qlxzmc: "", | ||
361 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
362 | list: [ | ||
363 | { | ||
364 | pzdjbsm: "", | ||
365 | pzdjmc: "", | ||
366 | pzytdm: "", | ||
367 | pzytmc: "", | ||
368 | pzytmj: 0, | ||
369 | qlxzbsm: "", | ||
370 | sjdjbsm: "", | ||
371 | sjdjmc: "", | ||
372 | sjytdm: "", | ||
373 | sjytmc: "", | ||
374 | sjytmj: 0, | ||
375 | syqx: "", | ||
376 | tdsyjssj: "", | ||
377 | pickerStart: {}, | ||
378 | pickerEnd: {}, | ||
379 | tdsyqssj: "", | ||
380 | tdzh: "", | ||
381 | }, | ||
382 | ], | ||
383 | }, | ||
384 | ]; | ||
385 | }, | ||
386 | //内层操作 | ||
387 | handleInClick (index, childIndex, type) { | ||
388 | let insideObj = { | ||
389 | pzdjbsm: "", | ||
390 | pzdjmc: "", | ||
391 | pzytdm: "", | ||
392 | pzytmc: "", | ||
393 | pzytmj: 0, | ||
394 | qlxzbsm: "", | ||
395 | sjdjbsm: "", | ||
396 | sjdjmc: "", | ||
397 | sjytdm: "", | ||
398 | sjytmc: "", | ||
399 | sjytmj: 0, | ||
400 | pickerStart: {}, | ||
401 | pickerEnd: {}, | ||
402 | syqx: "", | ||
403 | tdsyjssj: "", | ||
404 | tdsyqssj: "", | ||
405 | tdzh: "", | ||
406 | }; | ||
407 | if (type === "add") { | ||
408 | this.countList[index].list.splice(childIndex + 1, 0, insideObj); | ||
409 | } else { | ||
410 | this.countList[index].list.forEach((item, childInd) => { | ||
411 | if (childIndex == childInd && this.countList[index].list.length > 1) { | ||
412 | this.countList[index].list.splice(childIndex, 1); | ||
413 | } | ||
414 | }); | ||
415 | } | ||
416 | this.hasBorderOrNot(); | ||
417 | }, | ||
418 | //判断是否显示边框 | ||
419 | hasBorderOrNot () { | ||
420 | this.countList.forEach((item, index) => { | ||
421 | if (index == this.countList.length - 1) { | ||
422 | item.hasNotBorder = true; | ||
423 | } else { | ||
424 | item.hasNotBorder = | ||
425 | item.isInside && !this.countList[index + 1].isInside ? true : false; | ||
426 | } | ||
427 | }); | ||
428 | }, | ||
429 | getQlxzDataList () { | ||
430 | return this.countList; | ||
431 | }, | ||
432 | getRules () { | ||
433 | let rules = []; | ||
434 | let temp = 0; | ||
435 | this.countList.forEach((item, index) => { | ||
436 | rules.push({ | ||
437 | data: this.countList[index].qlxzdm, | ||
438 | name: '权利性质', | ||
439 | dom: this.$refs.qlxzdm[index], | ||
440 | rule: /^\s*$/g, //非空 | ||
441 | }) | ||
442 | item.list.forEach((j, ind) => { | ||
443 | rules.push( | ||
444 | { | ||
445 | data: item.list[ind].tdsyqssj, | ||
446 | name: '土地使用起始时间', | ||
447 | dom: this.$refs.tdsyqssj[temp + ind], | ||
448 | // val:this.$refs.tdsyqssj[temp+ind].value, | ||
449 | rule: /^\s*$/g, //非空 | ||
450 | }, | ||
451 | { | ||
452 | data: item.list[ind].tdsyjssj, | ||
453 | name: '土地使用结束时间', | ||
454 | dom: this.$refs.tdsyjssj[temp + ind], | ||
455 | // val:this.$refs.tdsyjssj[temp+ind].value, | ||
456 | rule: /^\s*$/g, //非空 | ||
457 | }, | ||
458 | { | ||
459 | data: item.list[ind].pzytdm, | ||
460 | name: '批准用途', | ||
461 | dom: this.$refs.pzytdm[temp + ind], | ||
462 | // val:this.$refs.tdsyjssj[temp+ind].value, | ||
463 | rule: /^\s*$/g, //非空 | ||
464 | }, | ||
465 | { | ||
466 | data: item.list[ind].sjytdm, | ||
467 | name: '实际用途', | ||
468 | dom: this.$refs.sjytdm[temp + ind], | ||
469 | // val:this.$refs.tdsyjssj[temp+ind].value, | ||
470 | rule: /^\s*$/g, //非空 | ||
471 | }, | ||
472 | ) | ||
473 | if (this.hasSyqx) { | ||
474 | rules.push( | ||
475 | { | ||
476 | data: item.list[ind].syqx, | ||
477 | name: '使用期限', | ||
478 | dom: this.$refs.syqx[temp + ind], | ||
479 | // val:this.$refs.syqx[temp+ind].value, | ||
480 | rule: /^\s*$/g, //非空 | ||
481 | } | ||
482 | ) | ||
483 | } | ||
484 | if (ind == item.list.length - 1) { | ||
485 | temp += item.list.length; | ||
486 | } | ||
487 | }) | ||
488 | }) | ||
489 | this.rulesResult = true; | ||
490 | rules.forEach(item => { | ||
491 | if (item.rule.test(item.data) || item.data == null) { | ||
492 | if (item.dom.$el) { | ||
493 | item.dom.$el.style.border = '1px solid red'; | ||
494 | item.dom.$el.style.boxSizing = 'border-box'; | ||
495 | } else { | ||
496 | item.dom.style.border = '1px solid red'; | ||
497 | item.dom.style.boxSizing = 'border-box'; | ||
498 | } | ||
499 | // this.$message({ | ||
500 | // // message: item.name+'不能为空', | ||
501 | // message: '不能为空', | ||
502 | // type: "warning", | ||
503 | // }); | ||
504 | this.rulesResult = false; | ||
505 | return false | ||
506 | } | ||
507 | }) | ||
508 | // console.log(rules,'rules'); | ||
509 | }, | ||
510 | getRulesResult () { | ||
511 | return this.rulesResult | ||
512 | }, | ||
513 | inputBlur (e, flag) { | ||
514 | if (flag) { | ||
515 | if (e.value != '') { | ||
516 | e.$el.style.border = "" | ||
517 | } else { | ||
518 | e.$el.style.border = "1px solid red" | ||
519 | e.$el.style.boxSizing = 'border-box'; | ||
520 | } | ||
521 | } else { | ||
522 | if (e.target.value != '') { | ||
523 | e.target.style.border = "" | ||
524 | } else { | ||
525 | e.target.style.border = "1px solid red" | ||
526 | e.target.style.boxSizing = 'border-box'; | ||
527 | } | ||
528 | } | ||
529 | }, | ||
530 | //后续考虑在点击加减号时操作校验规则 | ||
531 | // addRules(){ | ||
532 | // this.tempQssj.push() | ||
533 | // }, | ||
534 | // minusRules(){ | ||
535 | |||
536 | // }, | ||
537 | }, | ||
538 | watch: { | ||
539 | countList: { | ||
540 | handler: function (newVal, oldVal) { | ||
541 | newVal.forEach((i, ind) => { | ||
542 | if (i.qlxzdm != '' && i.qlxzdm != null) { | ||
543 | console.log(this.$refs.qlxzdm, 'this.$refs.qlxzdm[ind]'); | ||
544 | i.qlxzmc = this.$refs.qlxzdm[ind].name; | ||
545 | this.$refs.qlxzdm[ind].$el.style.border = "" | ||
546 | } | ||
547 | i.list.forEach((item, index) => { | ||
548 | if (item.sjytdm != '' && item.sjytdm != null) { | ||
549 | this.$refs.sjytdm[ind].$el.style.border = "" | ||
550 | } | ||
551 | if (item.pzytdm != '' && item.pzytdm != null) { | ||
552 | this.$refs.pzytdm[ind].$el.style.border = "" | ||
553 | } | ||
554 | }) | ||
555 | }) | ||
556 | }, | ||
557 | deep: true | ||
558 | }, | ||
559 | } | ||
560 | }; | ||
561 | </script> | ||
562 | <style lang="scss"> | ||
563 | .temp { | ||
564 | width: 100%; | ||
565 | height: 100%; | ||
566 | |||
567 | .iconfont { | ||
568 | cursor: pointer; | ||
569 | } | ||
570 | |||
571 | .qlxzAdd { | ||
572 | width: 100px; | ||
573 | height: 100%; | ||
574 | border-right: 1px solid #E6E6E6; | ||
575 | position: relative; | ||
576 | |||
577 | span { | ||
578 | font-size: 14px; | ||
579 | height: 140px; | ||
580 | text-align: center; | ||
581 | -webkit-writing-mode: vertical-rl; | ||
582 | writing-mode: vertical-rl; | ||
583 | position: absolute; | ||
584 | top: 50%; | ||
585 | margin-top: -70px; | ||
586 | left: 30%; | ||
587 | } | ||
588 | |||
589 | i { | ||
590 | color: #66b1ff; | ||
591 | font-size: 30px; | ||
592 | position: absolute; | ||
593 | top: 50%; | ||
594 | margin-top: -18px; | ||
595 | left: 55%; | ||
596 | z-index: 1; | ||
597 | } | ||
598 | } | ||
599 | |||
600 | .qlxzModule { | ||
601 | width: calc(100% - 102px); | ||
602 | height: auto; | ||
603 | position: relative; | ||
604 | border-bottom: 1px solid #E6E6E6; | ||
605 | |||
606 | .pr10 { | ||
607 | padding-right: 10px !important; | ||
608 | } | ||
609 | |||
610 | .el-col { | ||
611 | // height: 100%; | ||
612 | border-right: 1px solid #E6E6E6; | ||
613 | position: relative; | ||
614 | text-align: right; | ||
615 | |||
616 | .qlxz { | ||
617 | line-height: 34px; | ||
618 | } | ||
619 | |||
620 | .qlxzMinus { | ||
621 | color: #FA6400; | ||
622 | font-size: 30px; | ||
623 | position: absolute; | ||
624 | top: 50%; | ||
625 | left: 50%; | ||
626 | margin: -18px 0 0 -18px; | ||
627 | z-index: 1; | ||
628 | } | ||
629 | |||
630 | ul { | ||
631 | margin-top: 34px; | ||
632 | |||
633 | li { | ||
634 | height: 37px; | ||
635 | line-height: 37px; | ||
636 | text-decoration: none; | ||
637 | border-bottom: 1px solid #e6e6e6; | ||
638 | |||
639 | .el-select { | ||
640 | width: 100%; | ||
641 | } | ||
642 | |||
643 | .el-input { | ||
644 | width: 100%; | ||
645 | } | ||
646 | |||
647 | input { | ||
648 | position: relative; | ||
649 | top: -2px; | ||
650 | height: 35px; | ||
651 | width: calc(100% - 1px) !important; | ||
652 | } | ||
653 | |||
654 | .el-input__inner { | ||
655 | height: 34px; | ||
656 | } | ||
657 | } | ||
658 | |||
659 | li:last-child { | ||
660 | border-bottom: none; | ||
661 | } | ||
662 | } | ||
663 | |||
664 | .whiteItem { | ||
665 | background-color: #fff; | ||
666 | position: absolute; | ||
667 | width: 100%; | ||
668 | height: 2px; | ||
669 | bottom: -1px; | ||
670 | left: 0; | ||
671 | } | ||
672 | |||
673 | .itemShow { | ||
674 | bottom: 2px; | ||
675 | } | ||
676 | } | ||
677 | |||
678 | .childYT { | ||
679 | height: 114px; | ||
680 | border-top: 1px solid #E6E6E6; | ||
681 | |||
682 | ul { | ||
683 | margin-top: 0; | ||
684 | |||
685 | li { | ||
686 | .el-input__inner { | ||
687 | height: 29px; | ||
688 | } | ||
689 | } | ||
690 | } | ||
691 | |||
692 | .changeBtn { | ||
693 | margin-top: -48px; | ||
694 | } | ||
695 | |||
696 | .el-button+.el-button { | ||
697 | margin-top: 4px; | ||
698 | } | ||
699 | } | ||
700 | |||
701 | .noTopBorder { | ||
702 | border-top: 0; | ||
703 | } | ||
704 | |||
705 | .noRightBorder { | ||
706 | border-right: 0; | ||
707 | } | ||
708 | |||
709 | .el-col:nth-last-child(2) { | ||
710 | border-right: none; | ||
711 | } | ||
712 | |||
713 | .title { | ||
714 | width: 95.83333%; | ||
715 | height: 34px; | ||
716 | line-height: 34px; | ||
717 | background-color: #fff; | ||
718 | border-bottom: 1px solid #E6E6E6; | ||
719 | position: absolute; | ||
720 | right: 0; | ||
721 | top: 0; | ||
722 | |||
723 | .formSelect { | ||
724 | top: -1px; | ||
725 | width: 100%; | ||
726 | |||
727 | .el-input__inner { | ||
728 | height: 32px; | ||
729 | } | ||
730 | } | ||
731 | } | ||
732 | } | ||
733 | |||
734 | .btnCol { | ||
735 | position: relative; | ||
736 | height: 146px; | ||
737 | |||
738 | .changeBtn { | ||
739 | width: 46px; | ||
740 | height: 46px; | ||
741 | font-size: 30px; | ||
742 | padding: 4px 6px; | ||
743 | position: absolute; | ||
744 | top: 50%; | ||
745 | left: 50%; | ||
746 | margin-top: -38px; | ||
747 | margin-left: -23px; | ||
748 | } | ||
749 | |||
750 | .el-button+.el-button { | ||
751 | margin-left: -23px; | ||
752 | margin-top: 16px; | ||
753 | } | ||
754 | } | ||
755 | |||
756 | .tdytAdd { | ||
757 | width: 100px; | ||
758 | } | ||
759 | |||
760 | .tdytAdd, | ||
761 | .tdytMinus { | ||
762 | span { | ||
763 | font-size: 14px; | ||
764 | height: 114px; | ||
765 | text-align: center; | ||
766 | -webkit-writing-mode: vertical-rl; | ||
767 | writing-mode: vertical-rl; | ||
768 | position: absolute; | ||
769 | top: 50%; | ||
770 | left: 30%; | ||
771 | } | ||
772 | |||
773 | i { | ||
774 | color: #66b1ff; | ||
775 | font-size: 30px; | ||
776 | position: absolute; | ||
777 | top: 50%; | ||
778 | margin-top: 0px; | ||
779 | left: 55%; | ||
780 | z-index: 1; | ||
781 | } | ||
782 | } | ||
783 | |||
784 | .tdytMinus { | ||
785 | i { | ||
786 | color: #FA6400; | ||
787 | left: 50%; | ||
788 | margin-left: -18px; | ||
789 | } | ||
790 | } | ||
791 | |||
792 | .childYT { | ||
793 | i { | ||
794 | top: 50%; | ||
795 | margin-top: -18px; | ||
796 | } | ||
797 | } | ||
798 | |||
799 | .el-row:nth-last-child(1) { | ||
800 | border-bottom: none; | ||
801 | } | ||
802 | |||
803 | /deep/.el-select-tree { | ||
804 | width: 100%; | ||
805 | |||
806 | .el-input__inner { | ||
807 | height: 34px !important; | ||
808 | position: relative; | ||
809 | top: -1px; | ||
810 | } | ||
811 | } | ||
812 | } | ||
813 | </style> |
1 | <template> | ||
2 | <div class="temp"> | ||
3 | <el-row class="qlxzModule" v-for="(items, index) in countList" :key="items.id"> | ||
4 | <template v-for="(childItem, childIndex) in items.list"> | ||
5 | <el-col :span="2" class="btnCol" :key="childIndex + '1'" :class="childIndex > 0 ? 'childYT noTopBorder' : ''"> | ||
6 | <el-button v-show="childIndex < 1" type="primary" class="changeBtn addMinus outAdd" | ||
7 | @click="handleClick(index, 'add')">+</el-button> | ||
8 | <el-button v-show="childIndex < 1" type="primary" class="changeBtn addMinus outMinus" | ||
9 | @click="handleClick(index, 'minus')">-</el-button> | ||
10 | <div :class="items.hasNotBorder ? 'itemShow whiteItem' : 'whiteItem'" v-if="items.isInside"></div> | ||
11 | </el-col> | ||
12 | <el-col :span="2" class="btnCol" :key="childIndex + '8'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
13 | <!-- <template v-if="childIndex>0"> --> | ||
14 | <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> | ||
15 | <el-button type="primary" class="changeBtn addMinus inAdd" @click="handleInClick(index, childIndex, 'add')">+ | ||
16 | </el-button> | ||
17 | <el-button type="primary" class="changeBtn addMinus inMinus" | ||
18 | @click="handleInClick(index, childIndex, 'minus')">-</el-button> | ||
19 | <!-- </template> --> | ||
20 | </el-col> | ||
21 | <el-col :span="5" :key="childIndex + '7'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
22 | <ul> | ||
23 | <li>批准用途</li> | ||
24 | <li>实际用途</li> | ||
25 | <li>土地使用起始时间<i class="requisite">*</i></li> | ||
26 | </ul> | ||
27 | </el-col> | ||
28 | <el-col :span="5" :key="childIndex + '6'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
29 | <ul> | ||
30 | <li> | ||
31 | <el-select-tree v-if="show" :default-expand-all="defaultExpandAll" :multiple="multiple" | ||
32 | :placeholder="placeholder" :disabled="disabled" :data="$store.state.tdytList" :props="treeProps" | ||
33 | :check-strictly="checkStrictly" :clearable="clearable" v-model="childItem.pzytdm"></el-select-tree> | ||
34 | </li> | ||
35 | <li> | ||
36 | <el-select-tree v-if="show" :default-expand-all="defaultExpandAll" :multiple="multiple" | ||
37 | :placeholder="placeholder" :disabled="disabled" :data="$store.state.tdytList" :props="treeProps" | ||
38 | :check-strictly="checkStrictly" :clearable="clearable" v-model="childItem.sjytdm"></el-select-tree> | ||
39 | </li> | ||
40 | <li> | ||
41 | <el-date-picker v-model="childItem.tdsyqssj" :picker-options="childItem.pickerStart" type="date" | ||
42 | value-format="yyyy-MM-dd" placeholder="选择日期" @input="startTime(index, childIndex)"> | ||
43 | </el-date-picker> | ||
44 | </li> | ||
45 | </ul> | ||
46 | </el-col> | ||
47 | <el-col :span="5" :key="childIndex + '5'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
48 | <ul> | ||
49 | <li>地类编码</li> | ||
50 | <li>地类编码</li> | ||
51 | <li>土地使用结束时间<i class="requisite">*</i></li> | ||
52 | </ul> | ||
53 | </el-col> | ||
54 | <el-col :span="5" :key="childIndex + '4'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
55 | <ul> | ||
56 | <li> | ||
57 | <input type="text" style="top: -1px;" v-model="childItem.pzytdm" class="formInput" /> | ||
58 | </li> | ||
59 | <li> | ||
60 | <input type="text" v-model="childItem.sjytdm" class="formInput" /> | ||
61 | </li> | ||
62 | <li> | ||
63 | <el-date-picker v-model="childItem.tdsyjssj" type="date" value-format="yyyy-MM-dd" | ||
64 | :picker-options="childItem.pickerEnd" placeholder="选择日期" @input="endTime(index, childIndex)"> | ||
65 | </el-date-picker> | ||
66 | </li> | ||
67 | </ul> | ||
68 | </el-col> | ||
69 | </template> | ||
70 | |||
71 | <div class="title"> | ||
72 | <el-select class="formSelect" v-model="items.qlxzdm"> | ||
73 | <el-option v-for="item in $store.state.qlxzList" :key="item.dm" :label="item.mc" :value="item.dm"> | ||
74 | </el-option> | ||
75 | </el-select> | ||
76 | </div> | ||
77 | </el-row> | ||
78 | </div> | ||
79 | </template> | ||
80 | |||
81 | <script> | ||
82 | // import { getDdicByMC } from "@api/common"; | ||
83 | export default { | ||
84 | props: { | ||
85 | // widtd: { | ||
86 | // type: String, | ||
87 | default: "70%", | ||
88 | , | ||
89 | a () { | ||
90 | return { | ||
91 | //树型结构 | ||
92 | how: true, | ||
93 | arable: true, | ||
94 | aultExpandAll: true, | ||
95 | tiple: false, | ||
96 | ceholder: "请选择", | ||
97 | abled: false, | ||
98 | ckStrictly: true, | ||
99 | eProps: { | ||
100 | lue: "dm", | ||
101 | ildren: "children", | ||
102 | bel: "mc", | ||
103 | |||
104 | ntList: [ | ||
105 | |||
106 | id: Math.random(), | ||
107 | isInside: false, | ||
108 | hasNotBorder: false, | ||
109 | bsm: "", //权利性质标识码 | ||
110 | lbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
111 | lxzdm: "", | ||
112 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
113 | list: [ | ||
114 | { | ||
115 | pzdjbsm: "", | ||
116 | pzdjmc: "", | ||
117 | pzytdm: "", | ||
118 | pzytmc: "", | ||
119 | pzytmj: 0, | ||
120 | qlxzbsm: "", | ||
121 | sjdjbsm: "", | ||
122 | sjdjmc: "", | ||
123 | sjytdm: "", | ||
124 | sjytmc: "", | ||
125 | jytmj: 0, | ||
126 | syqx: "", | ||
127 | tdsyjssj: "", | ||
128 | tdsyqssj: "", | ||
129 | pickerStart: {}, | ||
130 | pickerEnd: {}, | ||
131 | tdzh: "", | ||
132 | }, | ||
133 | |||
134 | |||
135 | |||
136 | Num: 0, | ||
137 | |||
138 | |||
139 | ed () { }, | ||
140 | hods: { | ||
141 | 外层操作 | ||
142 | ndleClick (ind, type) { | ||
143 | outsideObj = { | ||
144 | Math.random(), | ||
145 | Inside: false, | ||
146 | sNotBorder: false, | ||
147 | "", //权利性质标识码 | ||
148 | bsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
149 | xzdm: "", | ||
150 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
151 | list: [ | ||
152 | { | ||
153 | pzdjbsm: "", | ||
154 | pzdjmc: "", | ||
155 | pzytdm: "", | ||
156 | pzytmc: "", | ||
157 | pzytmj: 0, | ||
158 | qlxzbsm: "", | ||
159 | sjdjbsm: "", | ||
160 | sjdjmc: "", | ||
161 | sjytdm: "", | ||
162 | sjytmc: "", | ||
163 | sjytmj: 0, | ||
164 | syqx: "", | ||
165 | tdsyjssj: "", | ||
166 | tdsyqssj: "", | ||
167 | tdzh: "", | ||
168 | |||
169 | |||
170 | }; | ||
171 | (type === "add") { | ||
172 | is.countList.push(outsideObj); | ||
173 | is.outNum++; | ||
174 | lse { | ||
175 | .countList.forEach((item, index) => { | ||
176 | f (index == ind && this.countList.length > 1) { | ||
177 | this.countList.splice(index, 1); | ||
178 | } | ||
179 | }); | ||
180 | this.outNum--; | ||
181 | |||
182 | Click (index, childIndex, type) { | ||
183 | eObj = { | ||
184 | ", | ||
185 | , | ||
186 | "", | ||
187 | "", | ||
188 | : 0, | ||
189 | m: "", | ||
190 | m: "", | ||
191 | "", | ||
192 | : "", | ||
193 | : "", | ||
194 | : 0, | ||
195 | "", | ||
196 | jssj: "", | ||
197 | sj: "", | ||
198 | : "", | ||
199 | e === "add") { | ||
200 | ountList[index].list.splice(childIndex + 1, 0, insideObj); | ||
201 | |||
202 | ountList[index].list.forEach((item, childInd) => { | ||
203 | (childIndex == childInd && this.countList[index].list.length > 1) { | ||
204 | this.countList[index].list.splice(childIndex, 1); | ||
205 | } | ||
206 | }); | ||
207 | |||
208 | s.hasBorderOrNot(); | ||
209 | 是否显示边框 | ||
210 | orderOrNot () { | ||
211 | s.countList.forEach((item, index) => { | ||
212 | (index == this.countList.length - 1) { | ||
213 | m.hasNotBorder = true; | ||
214 | { | ||
215 | sNotBorder = | ||
216 | sInside && !this.countList[index + 1].isInside ? true : false; | ||
217 | aList () { | ||
218 | this.countList; | ||
219 | 时间判断 | ||
220 | tTime (index, childIndex) { | ||
221 | tartTime = this.countList[index].list[childIndex].tdsyqssj; | ||
222 | endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
223 | s.countList[index].list[childIndex].pickerEnd = { | ||
224 | bledDate: (time) => { | ||
225 | f (Object.keys(startTime).length > 0) { | ||
226 | return new Date(startTime).getTime() > time.getTime(); | ||
227 | lse { | ||
228 | rn time.getTime() < Date.now(); | ||
229 | t.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
230 | ear = new Date(startTime).getFullYear(); | ||
231 | ear = new Date(endTime).getFullYear(); | ||
232 | ime (index, childIndex, e) { | ||
233 | onsole.log(e, 'eeeeee'); | ||
234 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
235 | let endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
236 | this.countList[index].list[childIndex].pickerStart = { | ||
237 | disabledDate: (time) => { | ||
238 | if (Object.keys(endTime).length > 0) { | ||
239 | return new Date(endTime).getTime() < time.getTime(); | ||
240 | } else { | ||
241 | return time.getTime() > Date.now(); | ||
242 | } | ||
243 | } | ||
244 | } | ||
245 | if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
246 | let startYear = new Date(startTime).getFullYear(); | ||
247 | let endYear = new Date(endTime).getFullYear(); | ||
248 | } | ||
249 | }, | ||
250 | }, | ||
251 | }; | ||
252 | </script> | ||
253 | <style lang="scss"> | ||
254 | .temp { | ||
255 | width: 100%; | ||
256 | |||
257 | .qlxzModule { | ||
258 | height: auto; | ||
259 | position: relative; | ||
260 | border-bottom: 1px solid #e6e6e6; | ||
261 | |||
262 | .el-col { | ||
263 | // height: 100%; | ||
264 | border-right: 1px solid #E6E6E6; | ||
265 | position: relative; | ||
266 | text-align: right; | ||
267 | padding-right: 10px; | ||
268 | |||
269 | .qlxz { | ||
270 | line-height: 34px; | ||
271 | } | ||
272 | |||
273 | ul { | ||
274 | margin-top: 34px; | ||
275 | |||
276 | li { | ||
277 | height: 37px; | ||
278 | line-height: 37px; | ||
279 | text-decoration: none; | ||
280 | border-bottom: 1px solid #e6e6e6; | ||
281 | |||
282 | .el-select { | ||
283 | width: 100%; | ||
284 | } | ||
285 | |||
286 | .el-input { | ||
287 | width: 100%; | ||
288 | } | ||
289 | |||
290 | .el-input__inner { | ||
291 | height: 34px; | ||
292 | } | ||
293 | |||
294 | input { | ||
295 | position: relative; | ||
296 | top: -2px; | ||
297 | height: 35px; | ||
298 | width: calc(100% - 1px) !important; | ||
299 | } | ||
300 | } | ||
301 | |||
302 | li:last-child { | ||
303 | border-bottom: none; | ||
304 | } | ||
305 | } | ||
306 | |||
307 | .whiteItem { | ||
308 | background-color: #fff; | ||
309 | position: absolute; | ||
310 | width: 100%; | ||
311 | height: 2px; | ||
312 | bottom: -1px; | ||
313 | left: 0; | ||
314 | } | ||
315 | |||
316 | .itemShow { | ||
317 | bottom: 2px; | ||
318 | } | ||
319 | } | ||
320 | |||
321 | .childYT { | ||
322 | height: 114px; | ||
323 | border-top: 1px solid #E6E6E6; | ||
324 | |||
325 | ul { | ||
326 | margin-top: 0; | ||
327 | |||
328 | li { | ||
329 | .el-input__inner { | ||
330 | height: 29px; | ||
331 | } | ||
332 | } | ||
333 | } | ||
334 | |||
335 | .changeBtn { | ||
336 | margin-top: -48px; | ||
337 | } | ||
338 | |||
339 | .el-button+.el-button { | ||
340 | margin-top: 4px; | ||
341 | } | ||
342 | } | ||
343 | |||
344 | .noTopBorder { | ||
345 | border-top: 0; | ||
346 | } | ||
347 | |||
348 | .noRightBorder { | ||
349 | border-right: 0; | ||
350 | } | ||
351 | |||
352 | .el-col:nth-last-child(2) { | ||
353 | border-right: none; | ||
354 | } | ||
355 | |||
356 | .title { | ||
357 | width: 83.33333%; | ||
358 | height: 34px; | ||
359 | line-height: 34px; | ||
360 | background-color: #fff; | ||
361 | border-bottom: 1px solid #E6E6E6; | ||
362 | position: absolute; | ||
363 | right: 0; | ||
364 | top: 0; | ||
365 | |||
366 | .formSelect { | ||
367 | top: -1px; | ||
368 | width: 100%; | ||
369 | |||
370 | .el-input__inner { | ||
371 | height: 32px; | ||
372 | } | ||
373 | } | ||
374 | } | ||
375 | } | ||
376 | |||
377 | .btnCol { | ||
378 | position: relative; | ||
379 | height: 146px; | ||
380 | |||
381 | .changeBtn { | ||
382 | width: 46px; | ||
383 | height: 46px; | ||
384 | font-size: 30px; | ||
385 | padding: 4px 6px; | ||
386 | position: absolute; | ||
387 | top: 50%; | ||
388 | left: 50%; | ||
389 | margin-top: -38px; | ||
390 | margin-left: -23px; | ||
391 | } | ||
392 | |||
393 | .el-button+.el-button { | ||
394 | margin-left: -23px; | ||
395 | margin-top: 16px; | ||
396 | } | ||
397 | } | ||
398 | |||
399 | .el-row:nth-last-child(1) { | ||
400 | border-bottom: none; | ||
401 | } | ||
402 | |||
403 | /deep/.el-select-tree { | ||
404 | width: 100%; | ||
405 | |||
406 | .el-input__inner { | ||
407 | height: 30px !important; | ||
408 | } | ||
409 | } | ||
410 | } | ||
411 | </style> |
src/components/lineTree/lineItem.vue
deleted
100644 → 0
1 | <template> | ||
2 | <div class="tree_item_box"> | ||
3 | <div class="column-start-start linkLine_default" v-for="(item, s_index) in list" :key="s_index" :class="{ | ||
4 | linkLine_first: (s_index === 0) & (list.length > 1), | ||
5 | linkLine_half_top: s_index === 0 && list.length === 1, | ||
6 | linkLine_last: s_index === list.length - 1 && s_index !== 0, | ||
7 | third_layer: !item.children, | ||
8 | second_layer: item.children, | ||
9 | curNode: $route.query.bsm && $route.query.bsm == item.bsm, | ||
10 | zxxNode: item.qszt, | ||
11 | iszd: item.qszt && item.type == 'zd', | ||
12 | isdz: item.qszt && item.type == 'dz', | ||
13 | iszrz: item.qszt && item.type == 'zrz', | ||
14 | isgzw: item.qszt && item.type == 'gzw' | ||
15 | }"> | ||
16 | <div class="row-flex-start basic_banner" @click="itemClick(item)" @dblclick="dbclick(item, item.zdbsm)" :class="{ | ||
17 | active_color: item.expand, | ||
18 | }"> | ||
19 | <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item, list)" :class="{ | ||
20 | active_color: item.expand | ||
21 | }" :ref="($route.query.bsm && $route.query.bsm == item.bsm) ? 'curZxx' : ''" :data-zdbsm="item.zdbsm" | ||
22 | :title=item.mc> | ||
23 | <i v-show="!islpb && !item.qszt && !item.type" class="iconfont iconguoyou" style="margin-right:6px"></i> | ||
24 | <template v-if="islpb && item.type == 'ljz' && item.children.length > 0"> | ||
25 | <i v-if="!item.expand" class="iconfont iconxiala lpbTree-node"></i> | ||
26 | <i v-if="item.expand" class="iconfont iconxialazhankai lpbTree-node"></i> | ||
27 | </template> | ||
28 | <!-- <i v-show="islpb && item.expand && item.children.length > 0" class="iconfont iconxiala" style="margin-right:6px"></i> | ||
29 | <i v-show="islpb && !item.expand && item.children.length > 0" class="iconfont iconxialazhankai" style="margin-right:6px"></i> --> | ||
30 | <span class="qsztImg" v-if="item.bblx == 1 || (item.bhqkbsm != '' && item.bhqkbsm != null)"> | ||
31 | <!-- <span class="qsztFont" style="color: #9e9b9b">变</span> --> | ||
32 | <i | ||
33 | :class="$route.query.bsm && $route.query.bsm == item.bsm ? 'iconfont iconbianing' : 'iconfont iconbian'"></i> | ||
34 | </span> | ||
35 | <template v-else> | ||
36 | <span class="qsztImg" v-if="item.qszt == '0'"> | ||
37 | <!-- <span class="qsztFont" style="color: #2FA3FA; ">临</span> --> | ||
38 | <i :class="$route.query.bsm && $route.query.bsm == item.bsm ? 'iconfont iconlining' : 'iconfont iconlin'" | ||
39 | style="color: #F7B500;"></i> | ||
40 | </span> | ||
41 | <span class="qsztImg" v-if="item.qszt == '1'"> | ||
42 | <!-- <span class="qsztFont" style="color: #1AD6E1; ">正</span> --> | ||
43 | <i :class="$route.query.bsm && $route.query.bsm == item.bsm ? 'iconfont iconzhenging' : 'iconfont iconzheng'" | ||
44 | style="color: #15D7E2;"></i> | ||
45 | </span> | ||
46 | <span class="qsztImg" v-if="item.qszt == '2'"> | ||
47 | <!-- <span class="qsztFont" style="color: #45AEFD; ">现</span> --> | ||
48 | <i :class="$route.query.bsm && $route.query.bsm == item.bsm ? 'iconfont iconxianing' : 'iconfont iconxian'" | ||
49 | style="color: #2FA3FA;"></i> | ||
50 | </span> | ||
51 | </template> | ||
52 | <i class="iconfont iconziranchuang1 mr4" v-if="item.type == 'zrz'"></i> | ||
53 | <i class="iconfont iconduochuang1 mr4" v-if="item.type == 'dz'"></i> | ||
54 | <i class="iconfont icongouzhuwu mr4" v-if="item.type == 'gzw'"></i> | ||
55 | <span v-if="islpb">({{ item.type | bdcLxFilter }})</span> | ||
56 | <span>{{ item.mc }}</span> | ||
57 | |||
58 | </div> | ||
59 | <div v-if="item.children" class="reTree_icon" :style="{ | ||
60 | height: 10 + 'px', | ||
61 | width: 10 + 'px', | ||
62 | }" :class="{ | ||
63 | reTree_default_icon: item.children.length === 0, | ||
64 | reTree_collapse_icon: !islpb && item.expand && item.children.length > 0, | ||
65 | reTree_expand_icon: !islpb && !item.expand && item.children.length > 0, | ||
66 | }"></div> | ||
67 | <div v-if="item.children == null" class="reTree_icon" :class="{ | ||
68 | reTree_default_icon: item.dm != 'G' && item.dm != 'J' && item.dm != 'Z', | ||
69 | reTree_expand_icon: item.dm == 'G' || item.dm == 'J' || item.dm == 'Z', | ||
70 | }" :style="{ | ||
71 | height: 10 + 'px', | ||
72 | width: 10 + 'px', | ||
73 | }"></div> | ||
74 | </div> | ||
75 | <line-item :list="item.children" v-on="$listeners" :islpb="islpb" :size="size" | ||
76 | v-if="item.expand && item.children && item.children.length > 0"></line-item> | ||
77 | </div> | ||
78 | </div> | ||
79 | </template> | ||
80 | <script> | ||
81 | // import { getZdDetailList } from "@api/common" | ||
82 | export default { | ||
83 | name: "line-item", | ||
84 | props: { | ||
85 | list: { | ||
86 | ype: Array, | ||
87 | ault: () => { | ||
88 | turn []; | ||
89 | , | ||
90 | }, | ||
91 | formatData: { | ||
92 | ype: Array, | ||
93 | ault: () => { | ||
94 | turn []; | ||
95 | |||
96 | : { | ||
97 | e: Number, | ||
98 | ault: 16, | ||
99 | ble: { | ||
100 | e: Boolean, | ||
101 | ault: false, | ||
102 | b: { | ||
103 | e: Boolean, | ||
104 | efault: false, | ||
105 | } | ||
106 | , | ||
107 | a () { | ||
108 | rn { | ||
109 | e: null, | ||
110 | reeXzqHeight: 0, | ||
111 | linshi: require("@/image/lpb/lin.png"), | ||
112 | zhengshi: require("@/image/lpb/zheng.png"), | ||
113 | ianshi: require("@/image/lpb/xian.png"), | ||
114 | } | ||
115 | , | ||
116 | nted () { | ||
117 | onsole.log(this.$refs.curZxx,'this.$refs.curZxx'); | ||
118 | this.$refs.curZxx) { | ||
119 | onsole.log(this.$refs.curZxx[0].dataset.zdbsm); | ||
120 | his.$store.state.oldZdbsm = this.$refs.curZxx[0].dataset.zdbsm; | ||
121 | : { | ||
122 | Click (item) { | ||
123 | self = this; | ||
124 | 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 | ||
125 | learTimeout(self.time); | ||
126 | elf.time = setTimeout(() => { | ||
127 | em.expand = item.expand == undefined ? true : !item.expand; | ||
128 | self.$emit("itemClick", item); | ||
129 | source = '' | ||
130 | itch (this.$route.path) { | ||
131 | ase '/add': | ||
132 | source = '1,2' | ||
133 | break; | ||
134 | case '/change': | ||
135 | source = '2' | ||
136 | break; | ||
137 | case '/panel': | ||
138 | source = '0,1,2' | ||
139 | break; | ||
140 | e '/modify': | ||
141 | source = '1' | ||
142 | break; | ||
143 | e '/search': | ||
144 | source = '0,1,2' | ||
145 | break; | ||
146 | default: | ||
147 | break; | ||
148 | |||
149 | 目录树的所有权类型单击时加载子节点 | ||
150 | (!item.children && !item.type) { | ||
151 | et data = { | ||
152 | xzqbsm: item.xzq, | ||
153 | djqbsm: item.djq, | ||
154 | djzqbsm: item.djzq, | ||
155 | syqlx: item.dm, | ||
156 | source: source | ||
157 | |||
158 | / getZdDetailList(data).then((res) => { | ||
159 | // if (res.result.length > 0) { | ||
160 | / res.result.forEach(i => { | ||
161 | // if (i.children.length > 0) { | ||
162 | / i.expand = false; | ||
163 | } | ||
164 | / }) | ||
165 | // self.$emit("ownerMethod", item, res.result); | ||
166 | / } | ||
167 | / }).catch((error) => { | ||
168 | / }); | ||
169 | |||
170 | 0); | ||
171 | 键点击事件 | ||
172 | enMenu (e, item, list) { | ||
173 | onsole.log(item, '右键list'); | ||
174 | his.$emit("changeTop", e.pageY); | ||
175 | s.$emit("changeLeft", e.pageX); | ||
176 | s.$emit("changeZdData", item); | ||
177 | $emit("changeVisible", false); | ||
178 | 所有权类型 | ||
179 | e.log(item.dm,'item.dm '); | ||
180 | dm == 'G' || item.dm == 'J' ||item.dm == 'Z'){ | ||
181 | mit("changeCreateVisible", true); | ||
182 | |||
183 | (item.type) { | ||
184 | zd': | ||
185 | $emit("changeIsZD", true); | ||
186 | mit("changeVisible", true); | ||
187 | ; | ||
188 | dz': | ||
189 | $emit("changeDzVisible", true); | ||
190 | ; | ||
191 | 'zrz': | ||
192 | $emit("changeIsZD", false); | ||
193 | s.$emit("changeVisible", true); | ||
194 | ; | ||
195 | zdy': | ||
196 | $emit("changeLpbVisible", true); | ||
197 | |||
198 | ljz': | ||
199 | s.$emit("changeLpbVisible", true); | ||
200 | reak; | ||
201 | case 'gzw': | ||
202 | this.$emit("changeGzwVisible", true); | ||
203 | break; | ||
204 | fault: | ||
205 | reak; | ||
206 | 键双击事件 | ||
207 | ick (item, bsm) { | ||
208 | Timeout(this.time); | ||
209 | tore.state.newZdbsm = bsm; | ||
210 | tem.type) { | ||
211 | ': | ||
212 | tore.state.zdbsm = item.bsm; | ||
213 | |||
214 | : | ||
215 | tore.state.zrzbsm = item.bsm; | ||
216 | ; | ||
217 | 'dz': | ||
218 | his.$store.state.dzbsm = item.bsm; | ||
219 | reak; | ||
220 | 'gzw': | ||
221 | his.$store.state.gzwbsm = item.bsm; | ||
222 | reak; | ||
223 | fault: | ||
224 | reak; | ||
225 | m.type == 'zd' || item.type == 'dz' || item.type == 'zrz' || item.type == 'gzw') { | ||
226 | = { | ||
227 | 2, | ||
228 | .bsm, | ||
229 | his.$route.query.auth ? this.$route.query.auth : '0,1,2' | ||
230 | .$route.query.workitemInstanceId) { | ||
231 | workitemInstanceId = this.$route.query.workitemInstanceId; | ||
232 | (this.$route.query.ywbsm) { | ||
233 | data.ywbsm = this.$route.query.ywbsm; | ||
234 | } | ||
235 | this.$router.push({ | ||
236 | path: '/' + item.type, | ||
237 | query: data | ||
238 | }); | ||
239 | } | ||
240 | }, | ||
241 | closeMenu () { | ||
242 | this.$emit("changeVisible", false); | ||
243 | }, | ||
244 | }, | ||
245 | watch: { | ||
246 | visible (value) { | ||
247 | if (value) { | ||
248 | document.body.addEventListener("click", this.closeMenu); | ||
249 | } else { | ||
250 | document.body.removeEventListener("click", this.closeMenu); | ||
251 | } | ||
252 | }, | ||
253 | }, | ||
254 | }; | ||
255 | </script> | ||
256 | <style lang="scss"> | ||
257 | .content { | ||
258 | height: 100%; | ||
259 | width: 100%; | ||
260 | } | ||
261 | |||
262 | .column-start-center { | ||
263 | display: flex; | ||
264 | display: -webkit-flex; | ||
265 | flex-direction: column; | ||
266 | justify-content: flex-start; | ||
267 | align-items: center; | ||
268 | } | ||
269 | |||
270 | .row-flex-start { | ||
271 | display: flex; | ||
272 | display: -webkit-flex; | ||
273 | flex-direction: row; | ||
274 | justify-content: flex-start; | ||
275 | align-items: center; | ||
276 | } | ||
277 | |||
278 | .nowrap { | ||
279 | overflow: hidden; | ||
280 | text-overflow: ellipsis; | ||
281 | white-space: nowrap; | ||
282 | } | ||
283 | |||
284 | // .active_color { | ||
285 | // color: #ffffff; | ||
286 | // } | ||
287 | .reTree_icon { | ||
288 | width: 17px; | ||
289 | height: 17px; | ||
290 | margin-right: 16px; | ||
291 | } | ||
292 | |||
293 | .no_icon { | ||
294 | width: 17px; | ||
295 | height: 17px; | ||
296 | } | ||
297 | |||
298 | .tree_item_box { | ||
299 | position: relative; | ||
300 | width: 100%; | ||
301 | cursor: pointer; | ||
302 | } | ||
303 | |||
304 | // .ofy_scroll{ | ||
305 | // overflow-y: scroll; | ||
306 | // overflow-x: hidden; | ||
307 | // } | ||
308 | .basic_layer { | ||
309 | width: 100%; | ||
310 | position: relative; | ||
311 | color: #4a4a4a; | ||
312 | cursor: pointer; | ||
313 | |||
314 | .layer_text { | ||
315 | flex: 1; | ||
316 | line-height: 40px; | ||
317 | } | ||
318 | } | ||
319 | |||
320 | .first_vertical_line { | ||
321 | content: ""; | ||
322 | position: absolute; | ||
323 | width: 1px; | ||
324 | left: 6px; | ||
325 | top: 17px; | ||
326 | background: #c3c5c8; | ||
327 | } | ||
328 | |||
329 | .basic_banner { | ||
330 | position: relative; | ||
331 | width: 279px; | ||
332 | height: 40px; | ||
333 | box-sizing: border-box; | ||
334 | padding-left: 20px; | ||
335 | } | ||
336 | |||
337 | .lpb_basic_banner { | ||
338 | padding-left: 42px; | ||
339 | } | ||
340 | |||
341 | .second_layer { | ||
342 | position: relative; | ||
343 | width: calc(100% - 20px); | ||
344 | cursor: pointer; | ||
345 | padding-left: 20px; | ||
346 | |||
347 | .basic_banner { | ||
348 | width: 100%; | ||
349 | } | ||
350 | } | ||
351 | |||
352 | .zxxNode { | ||
353 | width: 279px !important; | ||
354 | position: relative; | ||
355 | left: -80px; | ||
356 | text-indent: 80px; | ||
357 | } | ||
358 | |||
359 | .iszd { | ||
360 | .tree_item_box { | ||
361 | .zxxNode { | ||
362 | padding-left: 0; | ||
363 | left: 0; | ||
364 | } | ||
365 | } | ||
366 | } | ||
367 | |||
368 | .iszrz, | ||
369 | .isgzw { | ||
370 | left: 0px !important; | ||
371 | text-indent: 96px; | ||
372 | } | ||
373 | |||
374 | .isdz { | ||
375 | text-indent: 96px !important; | ||
376 | |||
377 | .iszrz { | ||
378 | left: 0 !important; | ||
379 | text-indent: 112px !important; | ||
380 | } | ||
381 | } | ||
382 | |||
383 | .third_layer { | ||
384 | position: relative; | ||
385 | width: calc(100% - 20px); | ||
386 | cursor: pointer; | ||
387 | padding-left: 20px; | ||
388 | } | ||
389 | |||
390 | .white_layer { | ||
391 | color: black !important; | ||
392 | } | ||
393 | |||
394 | .lpbTree-node { | ||
395 | position: absolute; | ||
396 | top: 1px; | ||
397 | left: 0; | ||
398 | } | ||
399 | |||
400 | // .second_layer::before { | ||
401 | // content: ""; | ||
402 | // position: absolute; | ||
403 | // height: 1px; | ||
404 | // width: 16px; | ||
405 | // left: 8px; | ||
406 | // top: 8px; | ||
407 | // opacity: .5; | ||
408 | // background: url('../../assets/images/rowline1.png'); | ||
409 | // background-position-y: center; | ||
410 | // } | ||
411 | // .third_layer::before { | ||
412 | // content: ""; | ||
413 | // position: absolute; | ||
414 | // height: 1px; | ||
415 | // width: 16px; | ||
416 | // left: 8px; | ||
417 | // top: 8px; | ||
418 | // opacity: .5; | ||
419 | // background: url('../../assets/images/rowline1.png'); | ||
420 | // background-position-y: center; | ||
421 | // } | ||
422 | |||
423 | // .linkLine_default::after { | ||
424 | // content: ""; | ||
425 | // position: absolute; | ||
426 | // height: 100%; | ||
427 | // width: 1px; | ||
428 | // left: 7px; | ||
429 | // top: 0px; | ||
430 | // opacity: .5; | ||
431 | // background: url('../../assets/images/colline1.png'); | ||
432 | // background-position-x: center; | ||
433 | // } | ||
434 | // .linkLine_first::after { | ||
435 | // content: ""; | ||
436 | // position: absolute; | ||
437 | // /* 为了触顶 */ | ||
438 | // top: -16px; | ||
439 | // height: calc(100% + 16px); | ||
440 | // width: 1px; | ||
441 | // left: 7px; | ||
442 | // opacity: .5; | ||
443 | // background: url('../../assets/images/colline1.png'); | ||
444 | // background-position-x: center; | ||
445 | // } | ||
446 | // // 上半截 | ||
447 | // .linkLine_half_top::after { | ||
448 | // content: ""; | ||
449 | // position: absolute; | ||
450 | // height: 23px; | ||
451 | // top: -14px; | ||
452 | // width: 1px; | ||
453 | // left: 7px; | ||
454 | // opacity: .5; | ||
455 | // background: url('../../assets/images/colline1.png'); | ||
456 | // background-position-x: center; | ||
457 | // } | ||
458 | // .linkLine_last::after { | ||
459 | // content: ""; | ||
460 | // position: absolute; | ||
461 | // height: 9px; | ||
462 | // width: 1px; | ||
463 | // left: 7px; | ||
464 | // top: 0px; | ||
465 | // opacity: .5; | ||
466 | // background: url('../../assets/images/colline1.png'); | ||
467 | // background-position-x: center; | ||
468 | // } | ||
469 | |||
470 | .reTree_default_icon { | ||
471 | // opacity: .5; | ||
472 | background-size: contain; | ||
473 | } | ||
474 | |||
475 | .reTree_collapse_icon { | ||
476 | // opacity: .5; | ||
477 | background: url("../../assets/images/arrow-down-bold.svg") no-repeat center center; | ||
478 | background-size: contain; | ||
479 | } | ||
480 | |||
481 | .reTree_expand_icon { | ||
482 | // opacity: .5; | ||
483 | background: url("../../assets/images/arrow-left-bold.svg") no-repeat center center; | ||
484 | background-size: contain; | ||
485 | } | ||
486 | |||
487 | .lpbTree_collapse_icon { | ||
488 | // opacity: .5; | ||
489 | background-size: contain; | ||
490 | } | ||
491 | |||
492 | .lpbTree_expand_icon { | ||
493 | // opacity: .5; | ||
494 | background: url("../../assets/images/arrow-left-bold.svg") no-repeat center center; | ||
495 | background-size: contain; | ||
496 | } | ||
497 | |||
498 | |||
499 | .reTree_focus_icon { | ||
500 | // opacity: .5; | ||
501 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center center; | ||
502 | background-size: contain; | ||
503 | } | ||
504 | |||
505 | .qsztImg { | ||
506 | width: 16px; | ||
507 | margin-right: 6px; | ||
508 | // border-radius: 50%; height: 20px; width: 20px; display: inline-block; | ||
509 | } | ||
510 | |||
511 | .curNode { | ||
512 | >.basic_banner { | ||
513 | background: #E9F5FF; | ||
514 | box-shadow: inset 2px 0 0 0 #0C71FB; | ||
515 | color: #0C71FB; | ||
516 | } | ||
517 | } | ||
518 | |||
519 | .qsztFont { | ||
520 | text-align: center; | ||
521 | |||
522 | display: inline-block; | ||
523 | width: 16px; | ||
524 | height: 16px; | ||
525 | font-size: 12px; | ||
526 | line-height: 16px; | ||
527 | border: 1px solid; | ||
528 | border-radius: 8px; | ||
529 | } | ||
530 | |||
531 | .mr4 { | ||
532 | margin-right: 4px; | ||
533 | } | ||
534 | </style> |
src/components/lineTree/lineTree.vue
deleted
100644 → 0
1 | <template> | ||
2 | <div class="content column-start-center reTree_box" | ||
3 | :style="{ fontSize: (size || 16) + 'px', lineHeight: (size || 16) + 'px', width: (islpb ? '200' : '286') + 'px' }"> | ||
4 | <div class="column-start-center basic_layer" :class="islpb ? 'white_layer' : ''" v-for="(item, index) in formatData" | ||
5 | :key="index"> | ||
6 | <div class="row-flex-start basic_banner" :class="{ | ||
7 | active_color: item.expand && item.children.length > 0, | ||
8 | }" @click="itemClick(item)"> | ||
9 | |||
10 | <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item)"><i class="iconfont iconguoyou"></i> | ||
11 | {{ item.mc }}</div> | ||
12 | <div class="reTree_icon" :style="{ | ||
13 | height: 10 + 'px', | ||
14 | width: 10 + 'px', | ||
15 | }" :class="{ | ||
16 | reTree_default_icon: item.children.length === 0, | ||
17 | reTree_collapse_icon: !islpb && item.expand && item.children.length > 0, | ||
18 | reTree_expand_icon: !islpb && !item.expand && item.children.length > 0, | ||
19 | lpbTree_collapse_icon: islpb && item.expand && item.children.length > 0, | ||
20 | lpbTree_expand_icon: islpb && !item.expand && item.children.length > 0, | ||
21 | }"></div> | ||
22 | </div> | ||
23 | |||
24 | <lineItem v-if="item.expand && item.children.length > 0" v-on="$listeners" @ownerMethod="ownerMethod(arguments)" | ||
25 | @changeTop="changeTop" @changeZdData="changeZdData" @changeLeft="changeLeft" @changeVisible="changeVisible" | ||
26 | @changeLpbVisible="changeLpbVisible" @changeIsZD="changeIsZD" @changeCreateVisible="changeCreateVisible" | ||
27 | @changeDzVisible="changeDzVisible" @changeGzwVisible="changeGzwVisible" :list="item.children" | ||
28 | :visible="zrzVisible" :size="size" :islpb="islpb" :formatData="formatData"></lineItem> | ||
29 | </div> | ||
30 | |||
31 | <ul v-show="zrzVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> | ||
32 | <li @click="postionToMap">定位</li> | ||
33 | <li @click="importGeo">导入图形</li> | ||
34 | <li> | ||
35 | 导出图形 | ||
36 | <ul class="contextmenu childUl"> | ||
37 | <li @click="exportText">文本</li> | ||
38 | <li @click="exportCad">CAD</li> | ||
39 | <li @click="exportExcel">Excel</li> | ||
40 | <li @click="exportToShp">ESRI Shape</li> | ||
41 | </ul> | ||
42 | </li> | ||
43 | <li @click="drsx" :class="zdQszt == '0' ? '' : 'noEdit'">导入属性</li> | ||
44 | <li @click="dcsx">导出属性</li> | ||
45 | <li v-show="!isZD">导入楼盘</li> | ||
46 | <!-- <li>重叠分析</li> --> | ||
47 | <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog('dzw')">添加定着物</li> | ||
48 | <li v-show="isZD && (zdQszt != '1' && zdQszt != '2')" class="noEdit">添加定着物</li> | ||
49 | <li @click="deleteByBsm()">删除</li> | ||
50 | <li @click="deleteGeoByBsm()">删除图形</li> | ||
51 | </ul> | ||
52 | <ul v-show="dzVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> | ||
53 | <li @click="openCreateDialog('zrz')">新建自然幢</li> | ||
54 | <li @click="deleteByBsm()">删除</li> | ||
55 | </ul> | ||
56 | <ul v-show="createVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> | ||
57 | <li @click="openCreateDialog">新建宗地</li> | ||
58 | </ul> | ||
59 | <!-- 构筑物删除 --> | ||
60 | <ul v-show="gzwVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> | ||
61 | <li @click="deleteByBsm">删除</li> | ||
62 | </ul> | ||
63 | <ul v-show="lpbvisible" :style="{ left: lpbleft + 'px', top: lpbtop + 'px' }" class="contextmenu"> | ||
64 | <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li> | ||
65 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li> | ||
66 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz' || zdData.type == 'zdy'" @click="openLpbDialog('ch')"> | ||
67 | 添加层户</li> | ||
68 | <li v-show="zdData.type == 'ljz'" @click="deleteLjz">删除</li> | ||
69 | <li v-show="zdData.type == 'zdy'" @click="deleteZdy">删除</li> | ||
70 | </ul> | ||
71 | |||
72 | <!--@close="closeImportDialog"--> | ||
73 | <el-dialog :close-on-click-modal="false" title="导入图形" :modal="false" custom-class="importDialog" | ||
74 | :visible.sync="improtDialog" width="30%" @close="closeImportDialog"> | ||
75 | <import-geo :property-info="zdData" :timeLine="new Date().getTime()" :geo-info="currentClickZdGeo" | ||
76 | @closeImportDialog="closeImportDialog"></import-geo> | ||
77 | </el-dialog> | ||
78 | <!-- 添加定着物弹框 --> | ||
79 | <el-dialog :close-on-click-modal="false" title="新建" :modal="false" :visible.sync="dialogVisible" width="48%"> | ||
80 | <!-- <Create @closeDialog="closeDialog" :auth="true" :createZrz="createZrz" ></Create> --> | ||
81 | </el-dialog> | ||
82 | <!-- <sxdr :sxdr-visible="sxdrVisible" @close="sxdrClose" :dylx="zdData.type" :bsm="zdData.bsm"></sxdr> --> | ||
83 | </div> | ||
84 | </template> | ||
85 | <script> | ||
86 | import lineItem from "./lineItem.vue"; | ||
87 | // import { deleteZdInfoByBsm, exportShp, exportExcel, delJzdByBsm, delJzxByBsm } from "@api/zd"; | ||
88 | // import Create from "../../views/panel/create/index"; | ||
89 | import ImportGeo from './tx/importGeo' | ||
90 | port geoUtils from "@/components/lineTree/tx/js/geoUtils"; | ||
91 | rt featureUpdate from "@/libs/map/featureUpdate"; | ||
92 | ort { deleteLjz, deleteZdy } from "@api/lpcx.js" | ||
93 | exportTemJson from '@/api/json/exportTemplate.json' | ||
94 | mport sxdr from '@/components/sxdr/sxdr' | ||
95 | port default { | ||
96 | nheritAttrs: false, | ||
97 | ps: { | ||
98 | { | ||
99 | e: Array, | ||
100 | ault: () => { | ||
101 | turn[]; | ||
102 | |||
103 | : { | ||
104 | e: Number, | ||
105 | ault: 16, | ||
106 | b: { | ||
107 | e: Boolean, | ||
108 | ault: false, | ||
109 | |||
110 | omponents: { lineItem, Create, ImportGeo, sxdr }, | ||
111 | ixins: [geoUtils, featureUpdate], | ||
112 | a() { | ||
113 | rn { | ||
114 | rVisible: false, | ||
115 | electedDetail: { }, | ||
116 | timer: { }, | ||
117 | formatData: this.$store.state.treeData, | ||
118 | isible: false, | ||
119 | top: 0, | ||
120 | left: 0, | ||
121 | sZD: true, | ||
122 | ata: { }, | ||
123 | rentClickZdGeo: "", | ||
124 | mprotDialog: false, | ||
125 | ialogVisible: false, | ||
126 | 制自然幢右键菜单 | ||
127 | Visible: false, | ||
128 | 盘表 | ||
129 | visible: false, | ||
130 | top: 0, | ||
131 | left: 0, | ||
132 | /控制新建宗地菜单 | ||
133 | reateVisible: false, | ||
134 | 幢 | ||
135 | isible: false, | ||
136 | 属状态 | ||
137 | szt: null, | ||
138 | : "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]", | ||
139 | ateZrz: false, | ||
140 | /构筑物 | ||
141 | zwVisible: false | ||
142 | |||
143 | ch: { | ||
144 | (n, o) { | ||
145 | s.formatData = this.preDealData(n); | ||
146 | isible(value) { | ||
147 | (value) { | ||
148 | ment.body.addEventListener("click", this.closeMenu); | ||
149 | lse { | ||
150 | cument.body.removeEventListener("click", this.closeMenu); | ||
151 | |||
152 | |||
153 | Visible(value) { | ||
154 | (value) { | ||
155 | cument.body.addEventListener("click", this.closeMenu); | ||
156 | lse { | ||
157 | cument.body.removeEventListener("click", this.closeMenu); | ||
158 | wVisible(value) { | ||
159 | f(value) { | ||
160 | document.body.addEventListener("click", this.closeMenu); | ||
161 | lse { | ||
162 | cument.body.removeEventListener("click", this.closeMenu); | ||
163 | } | ||
164 | zrzVisible(value) { | ||
165 | (value) { | ||
166 | ment.body.addEventListener("click", this.closeMenu); | ||
167 | lse { | ||
168 | document.body.removeEventListener("click", this.closeMenu); | ||
169 | reateVisible(value) { | ||
170 | (value) { | ||
171 | document.body.addEventListener("click", this.closeMenu); | ||
172 | } else { | ||
173 | document.body.removeEventListener("click", this.closeMenu); | ||
174 | } | ||
175 | } | ||
176 | ed() { | ||
177 | nextTick(() => { | ||
178 | eDealData(this.pd); | ||
179 | ndTreeItemById(["6b5af49d803f97baf06afb897de257f5"]); | ||
180 | |||
181 | { | ||
182 | .log(this.zdData, 'zdData') | ||
183 | ow.open(`api/tx/excelGeo/export?bsm=${this.zdData.bsm}&type=${this.zdData.type}`) | ||
184 | `api/tx/excelGeo/export?bsm=${this.zdData.bsm}&type=${this.zdData.type}` | ||
185 | mIF = document.createElement("iframe"); | ||
186 | src = url; | ||
187 | style.display = "none"; | ||
188 | t.body.appendChild(elemIF) | ||
189 | { | ||
190 | his.zdQszt != '0') { | ||
191 | |||
192 | drVisible = true; | ||
193 | e() { | ||
194 | sxdrVisible = false; | ||
195 | ading() { | ||
196 | his.$emit("loading") | ||
197 | |||
198 | eleteLjz() { | ||
199 | console.log("删除逻辑幢") | ||
200 | console.log(this.zdData, "zdData") | ||
201 | deleteLjz(this.zdData.bsm).then(res => { | ||
202 | if (res.success) { | ||
203 | this.loading() | ||
204 | else { | ||
205 | dy() { | ||
206 | log("删除幢单元") | ||
207 | e.log(this.zdData, "zdData") | ||
208 | teZdy(this.zdData.bsm).then(res => { | ||
209 | f(res.success) { | ||
210 | this.loading() | ||
211 | } | ||
212 | |||
213 | , | ||
214 | 变菜单数据 | ||
215 | Visible(data) { | ||
216 | s.zrzVisible = data; | ||
217 | s.lpbvisible = false; | ||
218 | dzVisible = false; | ||
219 | wVisible = false; | ||
220 | ta(data) { | ||
221 | = data; | ||
222 | zt = data.qszt; | ||
223 | (data) { | ||
224 | p = data; | ||
225 | lpbtop = data; | ||
226 | angeLeft(data) { | ||
227 | this.left = data; | ||
228 | this.lpbleft = data; | ||
229 | }, | ||
230 | changeIsZD(data) { | ||
231 | this.isZD = data; | ||
232 | }, | ||
233 | changeLpbVisible(data) { | ||
234 | this.lpbvisible = data; | ||
235 | this.zrzVisible = false; | ||
236 | this.dzVisible = false; | ||
237 | this.gzwVisible = false; | ||
238 | }, | ||
239 | changeCreateVisible(data) { | ||
240 | this.createVisible = true; | ||
241 | }, | ||
242 | //多幢 | ||
243 | changeDzVisible(data) { | ||
244 | this.dzVisible = data; | ||
245 | this.zrzVisible = false; | ||
246 | this.lpbvisible = false; | ||
247 | this.gzwVisible = false; | ||
248 | }, | ||
249 | //构筑物 | ||
250 | changeGzwVisible(data) { | ||
251 | this.gzwVisible = data; | ||
252 | this.zrzVisible = false; | ||
253 | this.lpbvisible = false; | ||
254 | this.dzVisible = false; | ||
255 | }, | ||
256 | //添加定着物 | ||
257 | openCreateDialog(type) { | ||
258 | if (type == 'zrz') { | ||
259 | this.createZrz = true; | ||
260 | } | ||
261 | console.log(this.zdData, 'this.zdData'); | ||
262 | this.dialogVisible = true; | ||
263 | this.$store.state.zdbsm = this.zdData.zdbsm; | ||
264 | if (this.zdData.type == 'dz') { | ||
265 | this.$store.state.dzbsm = this.zdData.bsm; | ||
266 | } else { | ||
267 | this.$store.state.dzbsm = ''; | ||
268 | } | ||
269 | }, | ||
270 | //关闭添加定着物弹框 | ||
271 | closeDialog() { | ||
272 | this.dialogVisible = false; | ||
273 | this.createZrz = false; | ||
274 | }, | ||
275 | preDealData(list) { | ||
276 | //楼盘表目录树没有expand属性 | ||
277 | // if(list == null){ | ||
278 | // return list | ||
279 | // }else{ | ||
280 | list.forEach((x) => { | ||
281 | if (x.expand == undefined) this.$set(x, "expand", true); | ||
282 | if (x.children && x.children.length > 0) { | ||
283 | this.preDealData(x.children); | ||
284 | } | ||
285 | }); | ||
286 | return list; | ||
287 | // } | ||
288 | }, | ||
289 | // 根据id展开树的具体项 | ||
290 | expandTreeItemById(idList) { | ||
291 | let _this = this; | ||
292 | function loopTree (list) { | ||
293 | list.forEach((x) => { | ||
294 | if (idList.includes(x.zdbsm)) { | ||
295 | _this.$set(x, "expand", true); | ||
296 | } else { | ||
297 | _this.$set(x, "expand", false); | ||
298 | } | ||
299 | if (x.children && x.children.length > 0) loopTree(x.children); | ||
300 | }); | ||
301 | return list; | ||
302 | } | ||
303 | this.formatData = loopTree(this.pd); | ||
304 | console.log(this.formatData, "this.formatData"); | ||
305 | }, | ||
306 | itemClick(item) { | ||
307 | // item.expand = item.expand == undefined? true:!item.expand; | ||
308 | this.formatData.forEach(i => { | ||
309 | if (i.bsm != item.bsm) { | ||
310 | i.expand = false | ||
311 | } else { | ||
312 | // i.expand = !item.expand | ||
313 | } | ||
314 | }) | ||
315 | item.expand = !item.expand; | ||
316 | // this.$emit("itemClick", item); | ||
317 | }, | ||
318 | //给所有权类型添加子节点 | ||
319 | ownerMethod(arr) { | ||
320 | let item = arr[0]; | ||
321 | let list = arr[1] | ||
322 | this.formatData.forEach(i => { | ||
323 | if (i.bsm == item.xzq) { | ||
324 | i.children.forEach(j => { | ||
325 | if (j.bsm == item.djq) { | ||
326 | j.children.forEach(k => { | ||
327 | if (k.bsm == item.djzq) { | ||
328 | k.children.forEach(n => { | ||
329 | if (n.dm == item.dm) { | ||
330 | this.$nextTick(() => { | ||
331 | n.children = list; | ||
332 | }) | ||
333 | } | ||
334 | }) | ||
335 | } | ||
336 | }) | ||
337 | } | ||
338 | }) | ||
339 | } | ||
340 | }); | ||
341 | this.$store.state.treeData = this.formatData; | ||
342 | }, | ||
343 | //自然幢右键点击事件 | ||
344 | openMenu(e, item) { | ||
345 | this.lpbleft = e.pageX; | ||
346 | this.lpbtop = e.pageY; | ||
347 | this.zdData = item; | ||
348 | this.changeLpbVisible(true); | ||
349 | }, | ||
350 | //关闭右键菜单 | ||
351 | closeMenu() { | ||
352 | this.zrzVisible = false; | ||
353 | this.lpbvisible = false; | ||
354 | this.dzVisible = false; | ||
355 | this.gzwVisible = false; | ||
356 | }, | ||
357 | //楼盘表右键菜单项打开父组件弹框 | ||
358 | openLpbDialog(type) { | ||
359 | this.$parent.openLpbDialog(this.zdData, type); | ||
360 | }, | ||
361 | detailDoubleClick(data) { | ||
362 | clearTimeout(this.timer); | ||
363 | this.selectedDetail = data; | ||
364 | this.$emit("detailDoubleClick", data); | ||
365 | }, | ||
366 | //右键菜单的删除 | ||
367 | deleteByBsm() { | ||
368 | let name = ''; | ||
369 | switch (this.zdData.type) { | ||
370 | case 'zd': | ||
371 | name = '宗地' | ||
372 | break; | ||
373 | case 'dz': | ||
374 | name = '多幢' | ||
375 | break; | ||
376 | case 'zrz': | ||
377 | name = '自然幢' | ||
378 | break; | ||
379 | case 'gzw': | ||
380 | name = '构筑物' | ||
381 | break; | ||
382 | |||
383 | default: | ||
384 | break; | ||
385 | } | ||
386 | this.$confirm('是否确定删除该' + name + '?', '提示', { | ||
387 | confirmButtonText: '确定', | ||
388 | cancelButtonText: '取消', | ||
389 | type: 'warning' | ||
390 | }).then(() => { | ||
391 | let params = { "bsm": this.zdData.bsm, "type": this.zdData.type }; | ||
392 | deleteZdInfoByBsm(params) | ||
393 | .then((res) => { | ||
394 | console.log(res); | ||
395 | if (res.success) { | ||
396 | this.$message({ | ||
397 | type: 'success', | ||
398 | message: '删除成功!' | ||
399 | }); | ||
400 | this.$router.push("/panel"); | ||
401 | } else { | ||
402 | this.$message({ | ||
403 | message: res.message, | ||
404 | type: "warning", | ||
405 | }); | ||
406 | } | ||
407 | }) | ||
408 | .catch((error) => { }); | ||
409 | }).catch(() => { | ||
410 | |||
411 | }); | ||
412 | var self = this; | ||
413 | var BSM = ""; | ||
414 | var type = this.zdData.type; | ||
415 | if (type == "zd") { | ||
416 | BSM = this.zdData.zdbsm; | ||
417 | } else { | ||
418 | BSM = this.zdData.bsm; | ||
419 | } | ||
420 | //删除图形相关信息 | ||
421 | var type = this.zdData.type; | ||
422 | this.queryGeoByBsm(BSM, type, function (features) { | ||
423 | if (features && features.length > 0) { | ||
424 | var layer = null; | ||
425 | if (type == 'zd') { | ||
426 | layer = self.getLayerByName("ZDJBXX"); | ||
427 | } else { | ||
428 | layer = self.getLayerByName("ZRZ"); | ||
429 | |||
430 | } | ||
431 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
432 | featureUrl += "/" + layer.id; | ||
433 | self.delGraphic(featureUrl, features[0], null); | ||
434 | } | ||
435 | }); | ||
436 | }, | ||
437 | //删除图形 | ||
438 | deleteGeoByBsm() { | ||
439 | var self = this; | ||
440 | var BSM = ""; | ||
441 | var type = this.zdData.type; | ||
442 | if (type == "zd") { | ||
443 | BSM = this.zdData.zdbsm; | ||
444 | } else { | ||
445 | BSM = this.zdData.bsm; | ||
446 | } | ||
447 | //删除图形相关信息 | ||
448 | var type = this.zdData.type; | ||
449 | this.queryGeoByBsm(BSM, type, function (features) { | ||
450 | if (features && features.length > 0 && features[0].geometry.rings.length > 0) { | ||
451 | var layer = null; | ||
452 | if (type == 'zd') { | ||
453 | layer = self.getLayerByName("ZDJBXX"); | ||
454 | } else { | ||
455 | layer = self.getLayerByName("ZRZ"); | ||
456 | } | ||
457 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
458 | featureUrl += "/" + layer.id; | ||
459 | features[0].geometry = null; | ||
460 | self.updateGraphic(featureUrl, features, function (res) { | ||
461 | if (!res.updateFeatureResults[0].error) { | ||
462 | self.$message.warning("删除成功!!!") | ||
463 | //清除图层 | ||
464 | self.clearHighlightLayer("testMap"); | ||
465 | //self.addGeoByBsm(BSM,type,"testMap"); | ||
466 | //删除界址点 界址线 | ||
467 | if (type == 'zd') { | ||
468 | self.delJzdAndJzx(BSM); | ||
469 | } | ||
470 | } | ||
471 | |||
472 | }); | ||
473 | } else { | ||
474 | self.$message.warning("暂无图形信息!!!") | ||
475 | } | ||
476 | }); | ||
477 | }, | ||
478 | //删除宗地界址点 界址线 | ||
479 | delJzdAndJzx(bsm) { | ||
480 | delJzdByBsm({ zdbsm: bsm }).then(res => { | ||
481 | if (res.success) { | ||
482 | console.log("删除界址点成功!!!"); | ||
483 | } | ||
484 | }); | ||
485 | delJzxByBsm({ zdbsm: bsm }).then(res => { | ||
486 | if (res.success) { | ||
487 | console.log("删除界址线成功!!!"); | ||
488 | } | ||
489 | }) | ||
490 | }, | ||
491 | /* | ||
492 | * 导入图形 | ||
493 | * */ | ||
494 | importGeo() { | ||
495 | var self = this; | ||
496 | var BSM = ""; | ||
497 | if (this.zdData.qszt != '0') { | ||
498 | this.$message.warning("不是临时数据,不能导入图形!!!"); | ||
499 | return; | ||
500 | } | ||
501 | var type = this.zdData.type; | ||
502 | if (type == "zd") { | ||
503 | BSM = this.zdData.zdbsm; | ||
504 | } else { | ||
505 | BSM = this.zdData.bsm; | ||
506 | } | ||
507 | //当确定导入图形是 跳转到图形界面 | ||
508 | this.queryGeoByBsm(BSM, type, function (features) { | ||
509 | if (features && features.length > 0) { | ||
510 | if (features[0].geometry && features[0].geometry.rings.length > 0) { | ||
511 | self.$confirm('该条数据有地块信息,是否继续导入?', '提示', { | ||
512 | confirmButtonText: '继续', | ||
513 | cancelButtonText: '取消', | ||
514 | type: 'warning' | ||
515 | }).then(() => { | ||
516 | self.postionToMap(); | ||
517 | self.improtDialog = true; | ||
518 | self.currentClickZdGeo = features[0]; | ||
519 | }).catch(() => { | ||
520 | self.$message({ | ||
521 | type: 'info', | ||
522 | message: '已取消' | ||
523 | }); | ||
524 | }); | ||
525 | } else { | ||
526 | self.postionToMap(); | ||
527 | self.currentClickZdGeo = features[0]; | ||
528 | self.improtDialog = true; | ||
529 | } | ||
530 | |||
531 | } else { | ||
532 | self.postionToMap(); | ||
533 | self.currentClickZdGeo = null; | ||
534 | self.improtDialog = true; | ||
535 | } | ||
536 | }); | ||
537 | }, | ||
538 | //导出文本文件 | ||
539 | exportText() { | ||
540 | var self = this; | ||
541 | var type = this.zdData.type; | ||
542 | var BSM = type == 'zd' ? this.zdData.zdbsm : this.zdData.bsm; | ||
543 | this.queryGeoByBsm(BSM, type, function (features) { | ||
544 | if (features && features.length > 0 && features[0].geometry.rings.length > 0) { | ||
545 | var data = features[0]; | ||
546 | var jzdInfo = self.craetJZPoint(data); | ||
547 | var textCotent = ""; | ||
548 | textCotent += exportTemJson.exprotTextAttr; | ||
549 | textCotent += "[地块坐标]\n"; | ||
550 | var dkMc = "", dkYt = ""; | ||
551 | if (type == 'zd') { | ||
552 | dkMc = data.attributes.ZL; | ||
553 | dkYt = data.attributes.YT; | ||
554 | } else { | ||
555 | dkMc = data.attributes.XMMC + data.attributes.JZWMC; | ||
556 | dkYt = "建设用地"; | ||
557 | } | ||
558 | textCotent += ",,," + dkMc + ",面,," + dkYt + ",,@\n"; | ||
559 | for (var i = 0; i < jzdInfo.length; i++) { | ||
560 | textCotent += jzdInfo[i].jzdh + "," + jzdInfo[i].sxh + "," + | ||
561 | jzdInfo[i].x + "," + jzdInfo[i].y + "\n" | ||
562 | } | ||
563 | self.downloadTxt(textCotent, "outPut.txt"); | ||
564 | } | ||
565 | }, { wkt: this.wkt }); | ||
566 | }, | ||
567 | //导出shp文件 | ||
568 | exportToShp() { | ||
569 | var self = this; | ||
570 | var type = this.zdData.type; | ||
571 | var BSM = type == 'zd' ? this.zdData.zdbsm : this.zdData.bsm; | ||
572 | this.queryGeoByBsm(BSM, type, function (features) { | ||
573 | if (features && features.length > 0 && features[0].geometry.rings.length > 0) { | ||
574 | var data = JSON.stringify(features[0]); | ||
575 | window.location.href = "/api/tx/shpUtils/writeShp?strObj=" + encodeURI(data) | ||
576 | /* exportShp({ | ||
577 | "strObj":encodeURI(data) | ||
578 | }).then(res => { | ||
579 | debugger | ||
580 | });*/ | ||
581 | } else { | ||
582 | self.$message.warning("暂无空间信息!!!!"); | ||
583 | } | ||
584 | }, { wkt: this.wkt }); | ||
585 | }, | ||
586 | //导出excel | ||
587 | exportExcel() { | ||
588 | var self = this; | ||
589 | var type = this.zdData.type; | ||
590 | var BSM = type == 'zd' ? this.zdData.zdbsm : this.zdData.bsm; | ||
591 | this.queryGeoByBsm(BSM, type, function (features) { | ||
592 | if (features && features.length > 0 && features[0].geometry.rings.length > 0) { | ||
593 | var data = features[0]; | ||
594 | var jzdInfo = self.craetJZPoint(data); | ||
595 | var submitData = []; | ||
596 | for (var i = 0; i < jzdInfo.length; i++) { | ||
597 | var obj = { | ||
598 | jzdHao: jzdInfo[i].jzdh, | ||
599 | x: jzdInfo[i].x, | ||
600 | y: jzdInfo[i].y, | ||
601 | diKuaiQuanHao: jzdInfo.sxh | ||
602 | } | ||
603 | submitData.push(obj); | ||
604 | } | ||
605 | exportExcel(submitData).then((res) => { | ||
606 | if (res.code == 200) { | ||
607 | var path = res.result; | ||
608 | window.location.href = "/api/tx/excelGeo/download?filePath=" + encodeURI(path); | ||
609 | } | ||
610 | }); | ||
611 | } else { | ||
612 | self.$message.warning("还没有空间信息!!!!") | ||
613 | } | ||
614 | }, { wkt: this.wkt }) | ||
615 | }, | ||
616 | //导出CAD | ||
617 | exportCad() { | ||
618 | //TODO | ||
619 | }, | ||
620 | downloadTxt(text, fileName) { | ||
621 | let element = document.createElement('a') | ||
622 | element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)) | ||
623 | element.setAttribute('download', fileName) | ||
624 | element.style.display = 'none' | ||
625 | element.click() | ||
626 | }, | ||
627 | //图形定位 | ||
628 | postionToMap() { | ||
629 | var type = this.zdData.type; | ||
630 | var BSM = type == 'zd' ? this.zdData.zdbsm : this.zdData.bsm; | ||
631 | if (this.$route.path == "/viewMap") { | ||
632 | //定位到当前空间位置 | ||
633 | // TODO 这个方法只是为了支撑功能 | ||
634 | this.postionToThisGeo(BSM, type); | ||
635 | return; | ||
636 | } | ||
637 | var curretRouterInfo = { | ||
638 | path: this.$route.path, | ||
639 | query: this.$route.query | ||
640 | } | ||
641 | sessionStorage.setItem("curretRouterInfo", JSON.stringify(curretRouterInfo)); | ||
642 | this.$router.push({ | ||
643 | path: "/viewMap", | ||
644 | query: { | ||
645 | bsm: BSM, | ||
646 | type: type | ||
647 | } | ||
648 | }); | ||
649 | }, | ||
650 | |||
651 | //关闭图形弹框 | ||
652 | closeImportDialog() { | ||
653 | this.improtDialog = false; | ||
654 | this.clearOverLayer(); | ||
655 | } | ||
656 | |||
657 | }, | ||
658 | }; | ||
659 | </script> | ||
660 | <style lang="scss" scoped> | ||
661 | .content { | ||
662 | height: 100%; | ||
663 | width: 100%; | ||
664 | overflow-y: scroll; | ||
665 | overflow-x: hidden; | ||
666 | } | ||
667 | |||
668 | .column-start-center { | ||
669 | display: flex; | ||
670 | display: -webkit-flex; | ||
671 | flex-direction: column; | ||
672 | justify-content: flex-start; | ||
673 | align-items: center; | ||
674 | |||
675 | } | ||
676 | |||
677 | .row-flex-start { | ||
678 | display: flex; | ||
679 | display: -webkit-flex; | ||
680 | flex-direction: row; | ||
681 | justify-content: flex-start; | ||
682 | align-items: center; | ||
683 | } | ||
684 | |||
685 | .nowrap { | ||
686 | overflow: hidden; | ||
687 | text-overflow: ellipsis; | ||
688 | white-space: nowrap; | ||
689 | } | ||
690 | |||
691 | .reTree_icon { | ||
692 | width: 17px; | ||
693 | height: 17px; | ||
694 | margin-right: 16px; | ||
695 | } | ||
696 | |||
697 | .basic_layer { | ||
698 | width: 100%; | ||
699 | position: relative; | ||
700 | color: #4a4a4a; | ||
701 | cursor: pointer; | ||
702 | -moz-user-select: none; | ||
703 | -o-user-select: none; | ||
704 | -khtml-user-select: none; | ||
705 | -webkit-user-select: none; | ||
706 | -ms-user-select: none; | ||
707 | user-select: none; | ||
708 | |||
709 | .layer_text { | ||
710 | flex: 1; | ||
711 | } | ||
712 | } | ||
713 | |||
714 | .white_layer { | ||
715 | color: black !important; | ||
716 | } | ||
717 | |||
718 | .first_vertical_line { | ||
719 | content: ""; | ||
720 | position: absolute; | ||
721 | width: 1px; | ||
722 | left: 6px; | ||
723 | top: 17px; | ||
724 | background: #c3c5c8; | ||
725 | } | ||
726 | |||
727 | .basic_banner { | ||
728 | position: relative; | ||
729 | width: 280px; | ||
730 | height: 40px; | ||
731 | } | ||
732 | |||
733 | .second_layer { | ||
734 | position: relative; | ||
735 | width: 100%; | ||
736 | cursor: pointer; | ||
737 | padding-left: 25px; | ||
738 | } | ||
739 | |||
740 | .second_layer::before { | ||
741 | content: ""; | ||
742 | position: absolute; | ||
743 | height: 1px; | ||
744 | width: 16px; | ||
745 | left: 9px; | ||
746 | top: 9px; | ||
747 | background: #c3c5c8; | ||
748 | } | ||
749 | |||
750 | .linkLine_default::after { | ||
751 | content: ""; | ||
752 | position: absolute; | ||
753 | height: 100%; | ||
754 | width: 1px; | ||
755 | left: 9px; | ||
756 | top: 0px; | ||
757 | background: #c3c5c8; | ||
758 | } | ||
759 | |||
760 | .linkLine_first::after { | ||
761 | content: ""; | ||
762 | position: absolute; | ||
763 | /* 为了触顶 */ | ||
764 | top: -16px; | ||
765 | height: calc(100% + 16px); | ||
766 | width: 1px; | ||
767 | left: 9px; | ||
768 | background: #c3c5c8; | ||
769 | } | ||
770 | |||
771 | // 上半截 | ||
772 | .linkLine_half_top::after { | ||
773 | content: ""; | ||
774 | position: absolute; | ||
775 | height: 23px; | ||
776 | top: -14px; | ||
777 | width: 1px; | ||
778 | left: 9px; | ||
779 | background: #c3c5c8; | ||
780 | } | ||
781 | |||
782 | .linkLine_last::after { | ||
783 | content: ""; | ||
784 | position: absolute; | ||
785 | height: 9px; | ||
786 | width: 1px; | ||
787 | left: 9px; | ||
788 | top: 0px; | ||
789 | background: #c3c5c8; | ||
790 | } | ||
791 | |||
792 | .reTree_collapse_icon { | ||
793 | background: url("../../assets/images/arrow-down-bold.svg") no-repeat center center; | ||
794 | background-size: contain; | ||
795 | } | ||
796 | |||
797 | .reTree_default_icon { | ||
798 | background: url("../../assets/images/reTree_default_.svg") no-repeat center center; | ||
799 | background-size: contain; | ||
800 | } | ||
801 | |||
802 | .reTree_expand_icon { | ||
803 | background: url("../../assets/images/arrow-left-bold.svg") no-repeat center center; | ||
804 | background-size: contain; | ||
805 | } | ||
806 | |||
807 | .lpbTree_collapse_icon { | ||
808 | // opacity: .5; | ||
809 | background: url("../../assets/images/lpbTree_expand_.svg") no-repeat center center; | ||
810 | background-size: contain; | ||
811 | } | ||
812 | |||
813 | .lpbTree_expand_icon { | ||
814 | // opacity: .5; | ||
815 | background: url("../../assets/images/lpbTree_collapse_.svg") no-repeat center center; | ||
816 | background-size: contain; | ||
817 | } | ||
818 | |||
819 | .reTree_focus_icon { | ||
820 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center center; | ||
821 | background-size: contain; | ||
822 | } | ||
823 | |||
824 | /* /deep/ .importDialog{ | ||
825 | margin-top: 120px!important; | ||
826 | margin-left: 291px; | ||
827 | } */ | ||
828 | </style> |
1 | <template> | ||
2 | <div> | ||
3 | <ul class="importDiv" v-if="!resultDialog && !txtResultDialog && !dealDialog"> | ||
4 | <li> | ||
5 | <el-upload class="avatar-uploader" action="#" accept=".txt" :auto-upload="false" :show-file-list="false" | ||
6 | :on-change="txtFileChange"> | ||
7 | <!-- <el-button size="small" type="primary">点击上传</el-button>--> | ||
8 | <i class="iconfont iconshangchuan"></i> | ||
9 | <div class="title">TXT文本格式</div> | ||
10 | <div class="templateDowload"> | ||
11 | <a href="#" @click.stop="downloadFile('./fileTemplate/txttemplet.txt', 'txttemplet.txt')">TXT模板下载</a> | ||
12 | </div> | ||
13 | </el-upload> | ||
14 | </li> | ||
15 | <li> | ||
16 | <el-upload class="avatar-uploader" action="/api/tx/shpUtils/readShp" accept=".zip" :show-file-list="false" | ||
17 | :on-success="shpFileSuccess"> | ||
18 | <!--<el-button size="small" type="primary">点击上传</el-button>--> | ||
19 | <i class="iconfont iconshangchuan"></i> | ||
20 | <div class="title">ESRI Shape文件格式</div> | ||
21 | </el-upload> | ||
22 | </li> | ||
23 | <li> | ||
24 | <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" accept=".dwg,.dxf" | ||
25 | :show-file-list="false" :on-success="cadFileSuccess"> | ||
26 | <!-- <el-button size="small" type="primary">点击上传</el-button>--> | ||
27 | <i class="iconfont iconshangchuan"></i> | ||
28 | <div class="title">CAD文件</div> | ||
29 | </el-upload> | ||
30 | </li> | ||
31 | <li> | ||
32 | <el-upload class="avatar-uploader" action="/api/tx/excelGeo/readExcel" accept=".xls,.xlsx" | ||
33 | :show-file-list="false" :on-success="excelFileSuccess"> | ||
34 | <!--<el-button size="small" type="primary">点击上传</el-button>--> | ||
35 | <i class="iconfont iconshangchuan"></i> | ||
36 | <div class="title">Excel文件格式</div> | ||
37 | <div class="templateDowload"> | ||
38 | <a href="#" | ||
39 | @click.stop="downloadFile('./fileTemplate/exceltemplet.xlsx', 'exceltemplet.xlsx')">Excel模板下载</a> | ||
40 | </div> | ||
41 | </el-upload> | ||
42 | </li> | ||
43 | </ul> | ||
44 | <div v-if="resultDialog"> | ||
45 | <el-form :model="zdForm" ref="zdCheckForm" label-width="100px" size="small" @submit.native.prevent | ||
46 | class="demo-ruleForm"> | ||
47 | <el-form-item label="宗地" prop="zdBsm" :rules="[ | ||
48 | { required: true, message: '请选择宗地', trigger: 'change' }, | ||
49 | ]"> | ||
50 | <el-select v-model="zdForm.zdBsm" filterable placeholder="请选择" @change="zdChange"> | ||
51 | <el-option v-for="item in resultData" :key="item.objectid" :label="item.XMMC" :value="item"> | ||
52 | </el-option> | ||
53 | </el-select> | ||
54 | </el-form-item> | ||
55 | <el-form-item> | ||
56 | <el-button type="primary" @click="submitForm('zdCheckForm')">导入</el-button> | ||
57 | <el-button @click="cancel('zdCheckForm')">取消</el-button> | ||
58 | </el-form-item> | ||
59 | </el-form> | ||
60 | </div> | ||
61 | <div v-if="txtResultDialog"> | ||
62 | <el-form :model="txtZd" ref="txtZdForm" label-width="100px" size="small" @submit.native.prevent | ||
63 | class="demo-ruleForm"> | ||
64 | <el-form-item label="地块名称" prop="name" :rules="[ | ||
65 | { required: true, message: '请选择地块', trigger: 'change' }, | ||
66 | ]"> | ||
67 | <el-select v-model="txtZd.name" filterable placeholder="请选择" @change="txtChange"> | ||
68 | <el-option v-for="(item, index) in txtResult" :key="index" :label="item.attributes.name" | ||
69 | :value="item.attributes.name"> | ||
70 | </el-option> | ||
71 | </el-select> | ||
72 | </el-form-item> | ||
73 | <el-form-item> | ||
74 | <el-button type="primary" @click="submitTxtForm('txtZdForm')">导入</el-button> | ||
75 | <el-button @click="cancelTxtForm('txtZdForm')">取消</el-button> | ||
76 | </el-form-item> | ||
77 | </el-form> | ||
78 | </div> | ||
79 | <div v-if="dealDialog"> | ||
80 | <el-form :model="dealForm" ref="dealForm" label-width="100px" size="small" @submit.native.prevent | ||
81 | class="demo-ruleForm"> | ||
82 | <el-form-item label="处理方法" prop="method" :rules="[ | ||
83 | { required: true, message: '请选择', trigger: 'change' }, | ||
84 | ]"> | ||
85 | <el-select v-model="dealForm.method" filterable placeholder="请选择"> | ||
86 | <el-option v-for="(item, index) in dealMethods" :key="index" :label="item.label" :value="item.value"> | ||
87 | </el-option> | ||
88 | </el-select> | ||
89 | </el-form-item> | ||
90 | <el-form-item> | ||
91 | <el-button type="primary" @click="submitDealForm('dealForm')">确定</el-button> | ||
92 | <el-button @click="cancelDealForm('dealForm')">取消</el-button> | ||
93 | </el-form-item> | ||
94 | </el-form> | ||
95 | </div> | ||
96 | </div> | ||
97 | </template> | ||
98 | <script> | ||
99 | import geoUtils from "@components/lineTree/tx/js/geoUtils"; | ||
100 | import featureUpdate from "@libs/map/featureUpdate"; | ||
101 | // import { addjzd, addjzx } from "@/api/zd" | ||
102 | export default { | ||
103 | props: { | ||
104 | propertyInfo: { | ||
105 | type: Object, | ||
106 | default: null | ||
107 | }, | ||
108 | geoInfo: { | ||
109 | type: Object, | ||
110 | default: null | ||
111 | }, | ||
112 | timeLine: { | ||
113 | type: Number, | ||
114 | default: null | ||
115 | } | ||
116 | }, | ||
117 | mixins: [geoUtils, featureUpdate], | ||
118 | data () { | ||
119 | return { | ||
120 | resultData: [], | ||
121 | resultDialog: false, | ||
122 | zdForm: { | ||
123 | zdBsm: "" | ||
124 | }, | ||
125 | currentClickZd: null, | ||
126 | txtResult: [], | ||
127 | txtResultDialog: null, | ||
128 | txtZd: { | ||
129 | name: "" | ||
130 | }, | ||
131 | overResults: [],//与导入宗地重叠的地块 | ||
132 | currntDealGraphic: null, | ||
133 | dealMethods: [{ | ||
134 | label: "不做处理", | ||
135 | value: "1" | ||
136 | }, { | ||
137 | label: "删除叠加部分", | ||
138 | value: "2" | ||
139 | }, { | ||
140 | label: "删除已重叠部分", | ||
141 | value: "3" | ||
142 | }, { | ||
143 | label: "删除原图形", | ||
144 | value: "4" | ||
145 | }], | ||
146 | dealDialog: false, | ||
147 | dealForm: { | ||
148 | method: "" | ||
149 | } | ||
150 | } | ||
151 | }, | ||
152 | watch: { | ||
153 | timeLine (newValue, oldValue) { | ||
154 | this.resultDialog = false; | ||
155 | this.txtResultDialog = false; | ||
156 | this.dealDialog = false; | ||
157 | } | ||
158 | }, | ||
159 | methods: { | ||
160 | txtFileChange (file, fileList) { | ||
161 | var self = this; | ||
162 | var fileReader = new FileReader(); | ||
163 | fileReader.readAsText(file.raw); | ||
164 | fileReader.onload = function (res) { | ||
165 | var content = this.result; | ||
166 | if (!content || content.length == 0) { | ||
167 | self.$message.warning("文件内容为空!!!"); | ||
168 | return; | ||
169 | } | ||
170 | self.analysisTextFile(content); | ||
171 | } | ||
172 | }, | ||
173 | analysisTextFile (content) { | ||
174 | var index = content.indexOf("[地块坐标]"), | ||
175 | geoInfos = content.substr(index), | ||
176 | geoList = geoInfos.split("\n"); | ||
177 | if (geoList.length < 1) { | ||
178 | this.$message.warning("文本内容格式有误,请效验文本内容格式!!!"); | ||
179 | return; | ||
180 | } | ||
181 | //this.$emit("closeImportDialog"); | ||
182 | var features = [], attributes = {}, points = [], j = 1; | ||
183 | for (var i = 1; i < geoList.length; i++) { | ||
184 | var rowData = geoList[i]; | ||
185 | if ((rowData.indexOf("J") != -1 && rowData.indexOf("J") == 0) || (rowData.indexOf("j") != -1 && rowData.indexOf("j") == 0)) { | ||
186 | //解析坐标点信息 | ||
187 | var pointInfo = rowData.split(","); | ||
188 | var point = [parseFloat(pointInfo[2]), parseFloat(pointInfo[3])]; | ||
189 | points.push(point); | ||
190 | } else { | ||
191 | if (points.length > 0) { | ||
192 | var graphic = { | ||
193 | attributes: JSON.parse(JSON.stringify(attributes)), | ||
194 | geometry: { | ||
195 | rings: [points] | ||
196 | } | ||
197 | } | ||
198 | features.push(graphic); | ||
199 | } | ||
200 | //新建一个信息 坐标名称 类型 | ||
201 | attributes = {}; | ||
202 | points = [] | ||
203 | var info = rowData.split(","); | ||
204 | if (info[3] || info[3] == 'null') { | ||
205 | attributes.name = '地块' + j; | ||
206 | j++ | ||
207 | } else { | ||
208 | attributes.name = info[3]; | ||
209 | } | ||
210 | } | ||
211 | } | ||
212 | if (points.length > 0) { | ||
213 | var graphic = { | ||
214 | attributes: JSON.parse(JSON.stringify(attributes)), | ||
215 | geometry: { | ||
216 | rings: [[points.concat()]] | ||
217 | } | ||
218 | } | ||
219 | features.push(graphic); | ||
220 | } | ||
221 | //新建一个信息 坐标名称 类型 | ||
222 | attributes = {}; | ||
223 | points = [] | ||
224 | this.txtResult = features; | ||
225 | this.txtZd.name = ""; | ||
226 | this.txtResultDialog = true; | ||
227 | }, | ||
228 | shpFileSuccess (response, file, fileList) { | ||
229 | var self = this; | ||
230 | if (response.success) { | ||
231 | this.resultData = response.result; | ||
232 | this.resultDialog = true; | ||
233 | } else { | ||
234 | this.$message.warning(response.message); | ||
235 | } | ||
236 | }, | ||
237 | cadFileSuccess (response, file, fileList) { | ||
238 | |||
239 | }, | ||
240 | excelFileSuccess (response, file, fileList) { | ||
241 | var self = this; | ||
242 | if (response.success) { | ||
243 | var result = response.result; | ||
244 | var points = []; | ||
245 | for (var i = 0; i < result.length; i++) { | ||
246 | var point = []; | ||
247 | point[0] = parseFloat(result[i].x); | ||
248 | point[1] = parseFloat(result[i].y); | ||
249 | points.push(point); | ||
250 | } | ||
251 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
252 | var geometry = { | ||
253 | rings: [points], | ||
254 | spatialReference: { | ||
255 | wkt: wkt | ||
256 | }, | ||
257 | type: "polygon" | ||
258 | } | ||
259 | var graphic = { | ||
260 | attributes: null, | ||
261 | geometry: geometry | ||
262 | } | ||
263 | self.checkGeo(graphic); | ||
264 | } else { | ||
265 | this.$message.warning(response.message); | ||
266 | } | ||
267 | }, | ||
268 | //文本文档导入 | ||
269 | submitTxtForm (formName) { | ||
270 | var self = this; | ||
271 | this.$refs[formName].validate((valid) => { | ||
272 | if (valid) { | ||
273 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
274 | var graphics = self.txtResult.filter(item => { | ||
275 | return item.attributes.name == self.txtZd.name; | ||
276 | }) | ||
277 | var graphic = graphics[0]; | ||
278 | graphic.geometry.type = "polygon"; | ||
279 | graphic.geometry.spatialReference = { | ||
280 | wkt: wkt | ||
281 | } | ||
282 | self.checkGeo(graphic); | ||
283 | } else { | ||
284 | console.log('error submit!!'); | ||
285 | return false; | ||
286 | } | ||
287 | }) | ||
288 | }, | ||
289 | txtChange (value) { | ||
290 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
291 | var graphics = this.txtResult.filter(item => { | ||
292 | return item.attributes.name == value; | ||
293 | }) | ||
294 | var graphic = graphics[0]; | ||
295 | graphic.geometry.type = "polygon"; | ||
296 | graphic.geometry.spatialReference = { | ||
297 | wkt: wkt | ||
298 | } | ||
299 | this.addOverLayer(graphic.geometry, []); | ||
300 | }, | ||
301 | //校验空间完整性 | ||
302 | checkGeo (graphic) { | ||
303 | var self = this; | ||
304 | //校验完整性 直接调用空间方法 提交空间表 | ||
305 | self.geoJoint(graphic.geometry, function (isJoint, message) { | ||
306 | if (isJoint) { | ||
307 | self.$message.warning(message) | ||
308 | return; | ||
309 | } else { | ||
310 | var type = self.propertyInfo.type; | ||
311 | if (type == 'zd') { | ||
312 | //重叠分析 | ||
313 | self.zdOverAnalys(self.propertyInfo.zdbsm, graphic, function (flag, results) { | ||
314 | if (flag) { | ||
315 | self.$message.warning("导入的宗地与其他宗地有重叠,请处理!!"); | ||
316 | self.dealOverData(results, graphic); | ||
317 | } else { | ||
318 | self.saveZd(graphic); | ||
319 | } | ||
320 | }); | ||
321 | } else { | ||
322 | self.zrzOverAnalys(self.propertyInfo.bsm, graphic, function (flag, mes) { | ||
323 | if (flag) { | ||
324 | self.$message.warning(mes); | ||
325 | return; | ||
326 | } else { | ||
327 | self.saveZRZ(graphic); | ||
328 | } | ||
329 | }); | ||
330 | } | ||
331 | } | ||
332 | }); | ||
333 | }, | ||
334 | //选择处理方式 | ||
335 | submitDealForm (formName) { | ||
336 | var self = this; | ||
337 | this.$refs[formName].validate((valid) => { | ||
338 | if (valid) { | ||
339 | //选择处理方式 | ||
340 | var value = self.dealForm.method; | ||
341 | self.currntDealGraphic.attributes = {}; | ||
342 | switch (value) { | ||
343 | case '1': self.currntDealGraphic.attributes.BGZT = 1; self.saveZd(self.currntDealGraphic); break; | ||
344 | case "2": self.getDifference(self.currntDealGraphic, self.overResults, self.delOverGeo); break; | ||
345 | case "3": self.getResultsDif(self.overResults, self.currntDealGraphic, self.delOtherGeo, true); break; | ||
346 | case "4": self.getResultsDif(self.overResults, self.currntDealGraphic, self.delOtherGeo, false); break; | ||
347 | } | ||
348 | } else { | ||
349 | console.log('error submit!!'); | ||
350 | return false; | ||
351 | } | ||
352 | }) | ||
353 | }, | ||
354 | //裁剪自己在保存 | ||
355 | delOverGeo (geometry) { | ||
356 | if (!this.currntDealGraphic.attributes) { | ||
357 | this.currntDealGraphic.attributes = {}; | ||
358 | } | ||
359 | this.currntDealGraphic.attributes.BGZT = 2; | ||
360 | if (geometry == null) { | ||
361 | this.$message.warning("完全重叠,已删除图形信息!!!") | ||
362 | this.currntDealGraphic.geometry = geometry; | ||
363 | } | ||
364 | this.saveZd(this.currntDealGraphic); | ||
365 | }, | ||
366 | //裁剪别的在保存 | ||
367 | delOtherGeo (results) { | ||
368 | //执行编辑操作 | ||
369 | var layer = this.getLayerByName("ZDJBXX"); | ||
370 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
371 | featureUrl += "/" + layer.id; | ||
372 | this.updateGraphic(featureUrl, results); | ||
373 | this.saveZd(this.currntDealGraphic); | ||
374 | }, | ||
375 | //下载文档模板 | ||
376 | downloadFile (url, fileName) { | ||
377 | let link = document.createElement("a"); | ||
378 | link.style.display = "none"; | ||
379 | link.href = url; | ||
380 | link.setAttribute("download", fileName); | ||
381 | document.body.appendChild(link); | ||
382 | link.click(); | ||
383 | document.body.removeChild(link); | ||
384 | }, | ||
385 | //导入 | ||
386 | submitForm (formName) { | ||
387 | //校验完整性 直接调用空间方法 提交空间表 | ||
388 | var self = this; | ||
389 | this.$refs[formName].validate((valid) => { | ||
390 | if (valid) { | ||
391 | var geometry = self.parseWktToArc(self.currentClickZd.wkt); | ||
392 | geometry.type = "polygon"; | ||
393 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
394 | geometry.spatialReference = { | ||
395 | wkt: wkt | ||
396 | } | ||
397 | var graphic = { | ||
398 | attributes: self.currentClickZd, | ||
399 | geometry: geometry | ||
400 | } | ||
401 | self.checkGeo(graphic); | ||
402 | } else { | ||
403 | console.log('error submit!!'); | ||
404 | return false; | ||
405 | } | ||
406 | }); | ||
407 | }, | ||
408 | dealOverData (results, graphic) { | ||
409 | this.overResults = results; | ||
410 | this.currntDealGraphic = graphic; | ||
411 | this.resultDialog = false; | ||
412 | this.txtResultDialog = false; | ||
413 | this.dealDialog = true; | ||
414 | }, | ||
415 | saveZd (graphic) { | ||
416 | var self = this; | ||
417 | var points = null, lines = null, | ||
418 | layer = self.getLayerByName("ZDJBXX"); | ||
419 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
420 | featureUrl += "/" + layer.id; | ||
421 | if (self.geoInfo) { | ||
422 | //替换 生成图像 高亮 | ||
423 | if (graphic.attributes && graphic.attributes.BGZT) { | ||
424 | self.geoInfo.attributes.BGZT = graphic.attributes.BGZT; | ||
425 | } | ||
426 | self.geoInfo.attributes.BSM = this.propertyInfo.zdbsm; | ||
427 | self.geoInfo.attributes.ZDDM = this.propertyInfo.zddm; | ||
428 | self.geoInfo.attributes.XMMC = this.propertyInfo.mc; | ||
429 | graphic.attributes = self.geoInfo.attributes; | ||
430 | self.updateGraphic(featureUrl, graphic, function (res) { | ||
431 | //保存成功之后生成界址点 界址线 | ||
432 | //生成坐标点 | ||
433 | //跳转至map界面updateResults | ||
434 | var updResult = res.updateFeatureResults[0]; | ||
435 | if (updResult.objectId) { | ||
436 | var OBJECTID = updResult.objectId; | ||
437 | if (graphic.geometry) { | ||
438 | points = self.craetJZPoint(graphic); | ||
439 | self.savejzd(points) | ||
440 | //生成边框线 | ||
441 | self.createJZLine(graphic, function (res) { | ||
442 | lines = res; | ||
443 | self.saveJzx(lines); | ||
444 | }); | ||
445 | } | ||
446 | self.$message.success("保存成功!!!"); | ||
447 | self.goMap(); | ||
448 | } | ||
449 | }); | ||
450 | } else { | ||
451 | //生成图像 保存 | ||
452 | var attributes = { | ||
453 | BSM: this.propertyInfo.zdbsm, | ||
454 | ZDDM: this.propertyInfo.zddm, | ||
455 | XMMC: this.propertyInfo.mc | ||
456 | }; | ||
457 | if (graphic.attributes && graphic.attributes.BGZT) { | ||
458 | attributes.BGZT = graphic.attributes.BGZT; | ||
459 | } | ||
460 | graphic.attributes = attributes; | ||
461 | self.addGraphic(featureUrl, graphic, function (res) { | ||
462 | var addRresult = res.addFeatureResults[0]; | ||
463 | if (addRresult.objectId) { | ||
464 | var OBJECTID = addRresult.objectId; | ||
465 | if (graphic.geometry) { | ||
466 | points = self.craetJZPoint(graphic); | ||
467 | self.savejzd(points) | ||
468 | //生成边框线 | ||
469 | self.createJZLine(graphic, function (res) { | ||
470 | lines = res; | ||
471 | self.saveJzx(lines); | ||
472 | }); | ||
473 | } | ||
474 | self.$message.success("保存成功!!!"); | ||
475 | self.goMap(); | ||
476 | } | ||
477 | }); | ||
478 | } | ||
479 | }, | ||
480 | savejzd (points) { | ||
481 | var savePoints = [] | ||
482 | for (var i = 0; i < points.length; i++) { | ||
483 | var obj = { | ||
484 | glbsm: this.propertyInfo.zdbsm, | ||
485 | jzdh: points[i].jzdh, | ||
486 | sxh: points[i].sxh, | ||
487 | xzbz: points[i].x, | ||
488 | yzbz: points[i].y, | ||
489 | jblx: "", | ||
490 | jzdlx: "" | ||
491 | } | ||
492 | savePoints.push(obj); | ||
493 | } | ||
494 | //保存矢量数据表 | ||
495 | // addjzd(savePoints).then(res => { | ||
496 | // if (res.succcess) { | ||
497 | // console.log("界址点保存成成功!!!"); | ||
498 | // } | ||
499 | // }); | ||
500 | //保存空间数据 | ||
501 | |||
502 | }, | ||
503 | saveJzx (lines) { | ||
504 | var jzxLines = []; | ||
505 | for (var i = 0; i < lines.length; i++) { | ||
506 | var obj = { | ||
507 | glbsm: this.propertyInfo.zdbsm, | ||
508 | qsd: lines[i].startPoint, | ||
509 | zzd: lines[i].endPoint, | ||
510 | jzjj: lines[i].distance, | ||
511 | qdh: lines[i].qdh, | ||
512 | zdh: lines[i].zdh, | ||
513 | jzxlx: "", | ||
514 | jzxwz: "", | ||
515 | jxxz: "", | ||
516 | sm: "" | ||
517 | } | ||
518 | jzxLines.push(obj); | ||
519 | } | ||
520 | //保存矢量数据表 | ||
521 | // addjzx(jzxLines).then(res => { | ||
522 | // if (res.success) { | ||
523 | // //触发查询界址线 | ||
524 | // console.log("界址线保存成功!!!!!"); | ||
525 | // } | ||
526 | // }); | ||
527 | //保存空间数据表 | ||
528 | }, | ||
529 | saveZRZ (graphic) { | ||
530 | var self = this; | ||
531 | var layer = null; | ||
532 | layer = self.getLayerByName("ZRZ"); | ||
533 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
534 | featureUrl += "/" + layer.id; | ||
535 | if (self.geoInfo) { | ||
536 | self.geoInfo.BSM = self.propertyInfo.bsm; | ||
537 | graphic.attributes = self.geoInfo.attributes; | ||
538 | //替换 生成图像 高亮 | ||
539 | self.updateGraphic(featureUrl, graphic, function (res) { | ||
540 | var addRresult = res.updateFeatureResults[0]; | ||
541 | if (addRresult.objectId) { | ||
542 | self.$message.success("保存成功!!!"); | ||
543 | self.goMap(); | ||
544 | } | ||
545 | }); | ||
546 | } else { | ||
547 | var attributes = { | ||
548 | BSM: this.propertyInfo.bsm, | ||
549 | XMMC: this.propertyInfo.xmmc | ||
550 | } | ||
551 | graphic.attributes = attributes; | ||
552 | //生成图像 保存 | ||
553 | self.addGraphic(featureUrl, graphic, function (res) { | ||
554 | var addRresult = res.addFeatureResults[0]; | ||
555 | if (addRresult.objectId) { | ||
556 | self.$message.success("保存成功!!!"); | ||
557 | self.goMap(); | ||
558 | } | ||
559 | }); | ||
560 | } | ||
561 | }, | ||
562 | //操作成功不需要跳转地图 (直接定位新导入的图形) | ||
563 | goMap () { | ||
564 | var bsm = "", type = this.propertyInfo.type; | ||
565 | if (type == "zd") { | ||
566 | bsm = this.propertyInfo.zdbsm; | ||
567 | } else { | ||
568 | bsm = this.propertyInfo.bsm; | ||
569 | } | ||
570 | this.resultDialog = false; | ||
571 | this.txtResultDialog = false; | ||
572 | this.dealDialog = false; | ||
573 | this.$emit("closeImportDialog"); | ||
574 | //TODO 定位当前新导入的图形 | ||
575 | this.addGeoByBsm(bsm, type, "testMap"); | ||
576 | }, | ||
577 | //取消 | ||
578 | cancel () { | ||
579 | this.zdForm.zdBsm = ""; | ||
580 | this.currentClickZd = null; | ||
581 | this.resultDialog = false; | ||
582 | // 清空当前图层上显示的图形 | ||
583 | this.clearOverLayer(); | ||
584 | }, | ||
585 | //取消文本选择的弹出框 | ||
586 | cancelTxtForm () { | ||
587 | this.txtZd.name = ""; | ||
588 | this.txtResultDialog = false; | ||
589 | // 清空当前图层上显示的图形 | ||
590 | this.clearOverLayer(); | ||
591 | }, | ||
592 | //取消导入处理的结果 | ||
593 | cancelDealForm () { | ||
594 | this.dealForm.method = ""; | ||
595 | this.dealDialog = false; | ||
596 | this.overResults = []; | ||
597 | // 清空当前图层上显示的图形 | ||
598 | this.clearOverLayer(); | ||
599 | }, | ||
600 | //宗地选择发生改变 | ||
601 | zdChange (value) { | ||
602 | this.zdForm.zdBsm = value.XMMC; | ||
603 | this.currentClickZd = value; | ||
604 | var geometry = this.parseWktToArc(this.currentClickZd.wkt); | ||
605 | geometry.type = "polygon"; | ||
606 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
607 | geometry.spatialReference = { | ||
608 | wkt: wkt | ||
609 | } | ||
610 | this.addOverLayer(geometry, []); | ||
611 | } | ||
612 | } | ||
613 | } | ||
614 | </script> | ||
615 | <style scoped lang="scss"> | ||
616 | .importDiv { | ||
617 | display: flex; | ||
618 | justify-content: center; | ||
619 | align-content: center; | ||
620 | |||
621 | li { | ||
622 | margin: 5px; | ||
623 | width: 50%; | ||
624 | |||
625 | .title { | ||
626 | line-height: 1; | ||
627 | margin-top: -57px; | ||
628 | font-size: 14px; | ||
629 | } | ||
630 | |||
631 | .templateDowload { | ||
632 | line-height: 1; | ||
633 | margin-top: 7px; | ||
634 | |||
635 | a { | ||
636 | color: #409eff; | ||
637 | } | ||
638 | } | ||
639 | } | ||
640 | } | ||
641 | |||
642 | /deep/ .avatar-uploader .el-upload { | ||
643 | border: 1px dashed #d9d9d9; | ||
644 | border-radius: 6px; | ||
645 | cursor: pointer; | ||
646 | position: relative; | ||
647 | overflow: hidden; | ||
648 | width: 100%; | ||
649 | height: 178px; | ||
650 | line-height: 178px; | ||
651 | } | ||
652 | |||
653 | /deep/ .avatar-uploader .el-upload:hover { | ||
654 | border-color: #409EFF; | ||
655 | } | ||
656 | |||
657 | /deep/ .iconfont { | ||
658 | font-size: 20px; | ||
659 | color: #8c939d; | ||
660 | width: 100%; | ||
661 | text-align: center; | ||
662 | } | ||
663 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | | ||
2 | export default { | ||
3 | methods:{ | ||
4 | downloadTxt(text, fileName){ | ||
5 | let element = document.createElement('a') | ||
6 | element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)) | ||
7 | element.setAttribute('download', fileName) | ||
8 | element.style.display = 'none' | ||
9 | element.click() | ||
10 | }, | ||
11 | createTextContent(jzdInfo){ | ||
12 | var textContent = ""; | ||
13 | for(var i = 0;i < jzdInfo.length;i++){ | ||
14 | textContent += jzdInfo[i].jzdh +","+jzdInfo[i].sxh+"," + | ||
15 | jzdInfo[i].x+","+jzdInfo[i].y+"\n" | ||
16 | } | ||
17 | return textContent; | ||
18 | }, | ||
19 | |||
20 | } | ||
21 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | /* | ||
2 | * 图形相关的操作 js | ||
3 | * */ | ||
4 | |||
5 | import layers from '@/api/json/layers.json' | ||
6 | import queryUtils from "@/utils/map/queryUtils"; | ||
7 | import identifyUtils from '@/utils/map/IdentifyUtils' | ||
8 | import { loadModules } from "esri-loader" | ||
9 | import featureUpdate from "@/utils/map/featureUpdate"; | ||
10 | import arcgisParser from 'terraformer-arcgis-parser' | ||
11 | import wktParse from 'terraformer-wkt-parser' | ||
12 | import { maps } from '@/utils/map/mapUtils' | ||
13 | import graphicSymbol from '@/api/json/graphicSymbol.json' | ||
14 | |||
15 | export default { | ||
16 | data () { | ||
17 | return { | ||
18 | |||
19 | } | ||
20 | }, | ||
21 | methods: { | ||
22 | getLayerByName (name) { | ||
23 | for (var i = 0; i < layers.length; i++) { | ||
24 | if (layers[i].layerName == name) { | ||
25 | return layers[i]; | ||
26 | } | ||
27 | } | ||
28 | return null; | ||
29 | }, | ||
30 | queryGeoByBsm (bsm, type, callBackFunction, outSpatialReference) { | ||
31 | var layer = null; | ||
32 | if (type == 'zd') { | ||
33 | layer = this.getLayerByName("ZDJBXX"); | ||
34 | } else if (type == 'zrz') { | ||
35 | layer = this.getLayerByName("ZRZ"); | ||
36 | } else { | ||
37 | console.log("未定义类型!!"); | ||
38 | return; | ||
39 | } | ||
40 | if (!layer) { | ||
41 | console.log("没有找到图层,不能查询"); | ||
42 | return; | ||
43 | } | ||
44 | queryUtils.methods.queryByWhere(layer.layerUrl + "/" + layer.id, { "BSM": bsm }, null, true, null, outSpatialReference, function (res) { | ||
45 | var features = res.features; | ||
46 | if (callBackFunction && typeof callBackFunction == 'function') { | ||
47 | callBackFunction(features); | ||
48 | } | ||
49 | }); | ||
50 | }, | ||
51 | //生成介质点 | ||
52 | craetJZPoint (graphic) { | ||
53 | var geomtry = graphic.geometry, rings = geomtry.rings[0]; | ||
54 | var pointInfos = []; | ||
55 | this.getPointByRings(rings, pointInfos); | ||
56 | return pointInfos; | ||
57 | }, | ||
58 | getPointByRings (rings, pointInfos) { | ||
59 | for (var i = 0; i < rings.length; i++) { | ||
60 | var children = rings[i]; | ||
61 | if (children.length == 2 && typeof children[0] == 'number') { | ||
62 | var obj = {}; | ||
63 | obj.jzdh = "j" + pointInfos.length; | ||
64 | obj.sxh = pointInfos.length; | ||
65 | obj.x = children[0]; | ||
66 | obj.y = children[1]; | ||
67 | pointInfos.push(obj); | ||
68 | } else { | ||
69 | this.getPointByRings(children, pointInfos); | ||
70 | } | ||
71 | } | ||
72 | }, | ||
73 | //生成介质线 | ||
74 | createJZLine (graphic, callBackFunction) { | ||
75 | var self = this; | ||
76 | loadModules([ | ||
77 | "esri/geometry/support/geodesicUtils", | ||
78 | "esri/geometry/Point", | ||
79 | "esri/geometry/Polyline" | ||
80 | |||
81 | ]).then(([ | ||
82 | geodesicUtils, | ||
83 | Point, | ||
84 | Polyline | ||
85 | ]) => { | ||
86 | //取得各个坐标点 然后生成外围坐标线 | ||
87 | var geometry = graphic.geometry, | ||
88 | rings = geometry.rings, | ||
89 | points = []; | ||
90 | if (rings.length > 0) { | ||
91 | for (var i = 0; i < rings.length; i++) { | ||
92 | var danPoints = []; | ||
93 | self.getPointByRings(rings[i], danPoints); | ||
94 | points.push(danPoints); | ||
95 | } | ||
96 | } else { | ||
97 | var danPoints = []; | ||
98 | self.getPointByRings(rings, danPoints); | ||
99 | points.push(danPoints); | ||
100 | } | ||
101 | var lines = []; | ||
102 | //meters | ||
103 | for (var i = 0; i < points.length; i++) { | ||
104 | for (var j = 0; j < points[i].length; j++) { | ||
105 | if (j < (points[i].length - 1)) { | ||
106 | const join = geodesicUtils.geodesicDistance( | ||
107 | new Point({ x: points[i][j].x, y: points[i][j].y }), | ||
108 | new Point({ x: points[i][j + 1].x, y: points[i][j + 1].y }), | ||
109 | "meters" | ||
110 | ); | ||
111 | const { distance, azimuth } = join; | ||
112 | |||
113 | var obj = { | ||
114 | startPoint: points[i][j].x + "," + points[i][j].y, | ||
115 | endPoint: points[i][j + 1].x + "," + points[i][j + 1].y, | ||
116 | qdh: points[i][j].sxh, | ||
117 | zdh: points[i][j + 1].sxh, | ||
118 | distance: distance, | ||
119 | jzxlx: "", | ||
120 | jzxwz: "", | ||
121 | jzxxz: "", | ||
122 | remark: "" | ||
123 | } | ||
124 | lines.push(obj); | ||
125 | } else { | ||
126 | const join = geodesicUtils.geodesicDistance( | ||
127 | new Point({ x: points[i][j].x, y: points[i][j].y }), | ||
128 | new Point({ x: points[i][0].x, y: points[i][0].y }), | ||
129 | "meters" | ||
130 | ); | ||
131 | const { distance, azimuth } = join; | ||
132 | var obj = { | ||
133 | startPoint: points[i][j].x + "," + points[i][j].y, | ||
134 | endPoint: points[i][0].x + "," + points[i][0].y, | ||
135 | qdh: points[i][j].sxh, | ||
136 | zdh: points[i][0].sxh, | ||
137 | distance: distance, | ||
138 | jzxlx: "", | ||
139 | jzxwz: "", | ||
140 | jzxxz: "", | ||
141 | remark: "" | ||
142 | } | ||
143 | lines.push(obj); | ||
144 | } | ||
145 | } | ||
146 | } | ||
147 | if (callBackFunction && typeof callBackFunction == "function") { | ||
148 | callBackFunction(lines); | ||
149 | } | ||
150 | }).catch(err => { | ||
151 | throw (err); | ||
152 | }) | ||
153 | }, | ||
154 | //wkt转换成arcgis | ||
155 | parseWktToArc (wkt) { | ||
156 | var primitive = wktParse.parse(wkt); | ||
157 | /*if(primitive.type == "MultiPolygon"){ | ||
158 | primitive.type = "Polygon" | ||
159 | }*/ | ||
160 | return arcgisParser.convert(primitive) | ||
161 | }, | ||
162 | postionToThisGeo (bsm, type) { | ||
163 | var view = maps["testMap"]; | ||
164 | var layer = view.map.findLayerById("highlightLayer"); | ||
165 | if (layer) { | ||
166 | var graphics = layer.graphics; | ||
167 | if (graphics.length > 0 && graphics.items[0].attributes.BSM == bsm) { | ||
168 | // view.extent = graphics.items[0].geometry.extent; | ||
169 | view.center = graphics.items[0].geometry.extent.center; | ||
170 | view.zoom = 15; | ||
171 | } | ||
172 | } else { | ||
173 | this.$message.success("暂无图形信息!!!"); | ||
174 | } | ||
175 | }, | ||
176 | //导入空间图形是 先判断数据是否跨界 | ||
177 | geoJoint (geometry, callBacFunction) { | ||
178 | var self = this; | ||
179 | loadModules([ | ||
180 | "esri/geometry/geometryEngine", | ||
181 | "esri/geometry/Polygon" | ||
182 | ]).then(([ | ||
183 | geometryEngine, | ||
184 | Polygon | ||
185 | ]) => { | ||
186 | var djqLayer = null, djzqLayer = null, xjzqLayer = null; | ||
187 | djqLayer = self.getLayerByName("DJQ"); | ||
188 | djzqLayer = self.getLayerByName("DJZQ"); | ||
189 | xjzqLayer = self.getLayerByName("XJZQ"); | ||
190 | var layerIds = []; | ||
191 | layerIds.push(djqLayer.id); | ||
192 | layerIds.push(djzqLayer.id); | ||
193 | layerIds.push(xjzqLayer.id); | ||
194 | var polygon = new Polygon(geometry); | ||
195 | identifyUtils.methods.identify(djqLayer.layerUrl, layerIds, polygon, function (res) { | ||
196 | var results = res.results; | ||
197 | var isJoint = false, layerName = "", message = ""; | ||
198 | if (!results || results.length == 0) { | ||
199 | callBacFunction(true, "不在行政区内,请检查空间位置信息!!!"); | ||
200 | } | ||
201 | for (var i = 0; i < results.length; i++) { | ||
202 | var feature = results[i].feature; | ||
203 | var flag = geometryEngine.intersects(polygon, feature.geometry); | ||
204 | var withinFlag = geometryEngine.within(polygon, feature.geometry); | ||
205 | if (!withinFlag && flag) { | ||
206 | isJoint = true; | ||
207 | layerName = results[i].layerName; | ||
208 | switch (layerName) { | ||
209 | case 'DJQ': message = "地块跨越地籍区,数据不合法!!!"; break; | ||
210 | case 'DJZQ': message = "地块跨越地籍子区,数据不合法!!!"; break; | ||
211 | case 'XJZQ': message = "地块跨越行政区,数据不合法!!!"; break; | ||
212 | } | ||
213 | break | ||
214 | } | ||
215 | } | ||
216 | if (callBacFunction && typeof callBacFunction == "function") { | ||
217 | callBacFunction(isJoint, message); | ||
218 | } | ||
219 | }, true) | ||
220 | }).catch(err => { | ||
221 | console.log(err); | ||
222 | throw (err); | ||
223 | }) | ||
224 | }, | ||
225 | //保存或者编辑属性信息 | ||
226 | updAttributes (bsm, type, attributes, callBackFunction, ydybsm) { | ||
227 | var layer = null; | ||
228 | if (type == 'zd') { | ||
229 | layer = this.getLayerByName("ZDJBXX"); | ||
230 | } else { | ||
231 | layer = this.getLayerByName("ZRZ"); | ||
232 | } | ||
233 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
234 | featureUrl += "/" + layer.id; | ||
235 | this.queryGeoByBsm(ydybsm ? ydybsm : bsm, type, function (features) { | ||
236 | if (features && features.length > 0) { | ||
237 | attributes.OBJECTID = features[0].attributes.OBJECTID; | ||
238 | features[0].attributes = attributes; | ||
239 | /* var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
240 | features[0].geometry.spatialReference = { | ||
241 | wkt:wkt | ||
242 | }*/ | ||
243 | if (ydybsm) { | ||
244 | features[0].attributes.BSM = ydybsm; | ||
245 | } | ||
246 | featureUpdate.methods.updateGraphic(featureUrl, features[0], callBackFunction); | ||
247 | } else { | ||
248 | var graphic = { | ||
249 | attributes: attributes | ||
250 | } | ||
251 | featureUpdate.methods.addGraphic(featureUrl, graphic, callBackFunction); | ||
252 | } | ||
253 | }); | ||
254 | }, | ||
255 | //叠加分析 同一个图层的叠加分析 | ||
256 | zdOverAnalys (bsm, graphic, callBacFunction) { | ||
257 | var self = this; | ||
258 | loadModules([ | ||
259 | "esri/geometry/Polygon" | ||
260 | ]).then(([ | ||
261 | Polygon | ||
262 | ]) => { | ||
263 | var zdLayer = null; | ||
264 | zdLayer = self.getLayerByName("ZDJBXX"); | ||
265 | var layerIds = []; | ||
266 | layerIds.push(zdLayer.id); | ||
267 | var polygon = new Polygon(graphic.geometry); | ||
268 | identifyUtils.methods.identify(zdLayer.layerUrl, layerIds, polygon, function (res) { | ||
269 | var results = res.results; | ||
270 | //判断数据是否与其他数据有重叠 | ||
271 | var flag = false; | ||
272 | if (results && results.length > 0) { | ||
273 | flag = true; | ||
274 | //加载在图层上 原本的要导入的数据 和重叠数据 | ||
275 | self.addOverLayer(polygon, results); | ||
276 | } | ||
277 | callBacFunction(flag, results); | ||
278 | }, true) | ||
279 | }).catch(err => { | ||
280 | console.log(err); | ||
281 | throw (err); | ||
282 | }) | ||
283 | }, | ||
284 | //添加添加元素和覆盖的元素到地图上 | ||
285 | addOverLayer (geometry, results) { | ||
286 | var view = maps["testMap"]; | ||
287 | loadModules([ | ||
288 | "esri/Graphic", | ||
289 | "esri/geometry/Polygon", | ||
290 | "esri/layers/GraphicsLayer", | ||
291 | "esri/geometry/geometryEngineAsync", | ||
292 | "esri/geometry/Extent" | ||
293 | ]).then(([ | ||
294 | Graphic, | ||
295 | Polygon, | ||
296 | GraphicsLayer, | ||
297 | geometryEngineAsync, | ||
298 | Extent | ||
299 | ]) => { | ||
300 | var graphic = new Graphic({ | ||
301 | geometry: geometry | ||
302 | }) | ||
303 | var layer = view.map.findLayerById("overLayer"); | ||
304 | if (layer) { | ||
305 | layer.removeAll(); | ||
306 | } else { | ||
307 | layer = new GraphicsLayer({ | ||
308 | id: "overLayer" | ||
309 | }) | ||
310 | view.map.add(layer); | ||
311 | } | ||
312 | var impotSymbol = graphicSymbol.fillSymbol.importSymbol, | ||
313 | defaultSymbol = graphicSymbol.fillSymbol.defaultSymbol; | ||
314 | for (var i = 0; i < results.length; i++) { | ||
315 | var feature = results[i].feature; | ||
316 | feature.symbol = defaultSymbol; | ||
317 | layer.add(feature); | ||
318 | var geo = geometryEngineAsync.intersect(feature.geometry, geometry); | ||
319 | geo.then(function (res) { | ||
320 | var interGra = new Graphic({ | ||
321 | geometry: res, | ||
322 | symbol: graphicSymbol.fillSymbol.highlightSymbol | ||
323 | }) | ||
324 | layer.add(interGra); | ||
325 | }) | ||
326 | } | ||
327 | graphic.symbol = impotSymbol | ||
328 | layer.add(graphic); | ||
329 | var extent = new Extent(JSON.parse(JSON.stringify(graphic.geometry.extent))) | ||
330 | extent.spatialReference = view.spatialReference; | ||
331 | // view.extent = extent; | ||
332 | view.center = extent.center; | ||
333 | view.zoom = 15; | ||
334 | }).catch(err => { | ||
335 | console.log(err); | ||
336 | |||
337 | }) | ||
338 | }, | ||
339 | clearOverLayer () { | ||
340 | var view = maps["testMap"]; | ||
341 | var layer = view.map.findLayerById("overLayer"); | ||
342 | if (layer) { | ||
343 | layer.removeAll(); | ||
344 | } | ||
345 | }, | ||
346 | //自然幢叠加分析 不能跨宗地 图层本身的叠加分析 | ||
347 | zrzOverAnalys (bsm, graphic, callBacFunction) { | ||
348 | var self = this; | ||
349 | loadModules([ | ||
350 | "esri/geometry/Polygon", | ||
351 | "esri/geometry/geometryEngine" | ||
352 | ]).then(([ | ||
353 | Polygon, | ||
354 | geometryEngine | ||
355 | ]) => { | ||
356 | var polygon = new Polygon(graphic.geometry); | ||
357 | var zdLayer = null, | ||
358 | zrzLayer = null; | ||
359 | zdLayer = self.getLayerByName("ZDJBXX"); | ||
360 | zrzLayer = self.getLayerByName("ZRZ"); | ||
361 | var layerIds = []; | ||
362 | layerIds.push(zdLayer.id); | ||
363 | layerIds.push(zrzLayer.id); | ||
364 | identifyUtils.methods.identify(zdLayer.layerUrl, layerIds, polygon, function (res) { | ||
365 | var results = res.results; | ||
366 | //判断数据是否与其他数据有重叠 | ||
367 | var flag = false, | ||
368 | mesge = ""; | ||
369 | if (results && results.length > 0) { | ||
370 | for (var i = 0; i < results.length; i++) { | ||
371 | var feature = results[i].feature, | ||
372 | layerName = results[i].layerName; | ||
373 | if (layerName == 'ZRZ') { | ||
374 | if (!feature.attributes['标识码'] || feature.attributes['标识码'] != bsm) { | ||
375 | var interFlag = geometryEngine.intersects(polygon, feature.geometry); | ||
376 | if (interFlag) { | ||
377 | flag = true; | ||
378 | mesge = "导入的自然幢与其他自然幢重叠,不能导入!!!"; | ||
379 | break; | ||
380 | } | ||
381 | } | ||
382 | } else if (layerName == 'ZDJBXX') { | ||
383 | var interFlag = geometryEngine.intersects(polygon, feature.geometry); | ||
384 | var withinFlag = geometryEngine.within(polygon, feature.geometry); | ||
385 | if (!withinFlag && interFlag) { | ||
386 | flag = true; | ||
387 | mesge = "导入的自然幢与其跨宗地,不能导入!!!"; | ||
388 | break; | ||
389 | } | ||
390 | } | ||
391 | } | ||
392 | } | ||
393 | callBacFunction(flag, mesge); | ||
394 | }, true) | ||
395 | }).catch(err => { | ||
396 | console.log(err); | ||
397 | }) | ||
398 | }, | ||
399 | //去除重叠部分 | ||
400 | getDifference (inputGraphic, subGraphic, callBackFuncton) { | ||
401 | loadModules([ | ||
402 | "esri/geometry/Polygon", | ||
403 | "esri/geometry/geometryEngine", | ||
404 | "esri/Graphic" | ||
405 | ]).then(([ | ||
406 | Polygon, | ||
407 | geometryEngine, | ||
408 | Graphic | ||
409 | ]) => { | ||
410 | var inputGeometry = new Polygon(inputGraphic.geometry); | ||
411 | var outGeometry = null; | ||
412 | for (var i = 0; i < subGraphic.length; i++) { | ||
413 | var feature = subGraphic[i].feature; | ||
414 | outGeometry = geometryEngine.difference(inputGeometry, feature.geometry); | ||
415 | } | ||
416 | if (callBackFuncton && typeof callBackFuncton == 'function') { | ||
417 | callBackFuncton(outGeometry); | ||
418 | } | ||
419 | }).catch(err => { | ||
420 | console.log(err); | ||
421 | }) | ||
422 | }, | ||
423 | //业务处理 先用query方法 查询将所有属性查询 在做空间裁剪 | ||
424 | getResultsDif (subGraphics, currntGraphic, callBackFunction, flag) { | ||
425 | var self = this; | ||
426 | loadModules([ | ||
427 | "esri/geometry/geometryEngine", | ||
428 | "esri/geometry/Polygon" | ||
429 | ]).then(([ | ||
430 | geometryEngine, | ||
431 | Polygon | ||
432 | ]) => { | ||
433 | var objectIds = []; | ||
434 | subGraphics.filter(item => { | ||
435 | objectIds.push(item.feature.attributes.OBJECTID); | ||
436 | }) | ||
437 | var inputGeometry = new Polygon(currntGraphic.geometry); | ||
438 | var zdLayer = self.getLayerByName("ZDJBXX"); | ||
439 | queryUtils.methods.queryByWhere(zdLayer.layerUrl + "/" + zdLayer.id, { OBJECTID: objectIds }, null, true, "", subGraphics[0].feature.geometry.spatialReference, function (result) { | ||
440 | var features = result.features; | ||
441 | if (flag) { | ||
442 | for (var i = 0; i < features.length; i++) { | ||
443 | features[i].geometry = geometryEngine.difference(features[i].geometry, inputGeometry); | ||
444 | features[i].attributes.BGZT = 3; | ||
445 | } | ||
446 | } else { | ||
447 | for (var i = 0; i < features.length; i++) { | ||
448 | features[i].geometry = null; | ||
449 | features[i].attributes.BGZT = 4; | ||
450 | } | ||
451 | } | ||
452 | if (callBackFunction && typeof callBackFunction == 'function') { | ||
453 | callBackFunction(features); | ||
454 | } | ||
455 | }) | ||
456 | |||
457 | }).catch(err => { | ||
458 | console.log(err); | ||
459 | }) | ||
460 | |||
461 | }, | ||
462 | addGeoByBsm (bsm, type, viewId) { | ||
463 | var self = this; | ||
464 | var layer = null; | ||
465 | if (type == 'zd') { | ||
466 | layer = this.getLayerByName("ZDJBXX"); | ||
467 | } else if (type == 'zrz') { | ||
468 | layer = this.getLayerByName("ZRZ"); | ||
469 | } else { | ||
470 | console.log("未定义类型!!"); | ||
471 | return; | ||
472 | } | ||
473 | if (!layer) { | ||
474 | console.log("没有找到图层,不能查询"); | ||
475 | return; | ||
476 | } | ||
477 | queryUtils.methods.queryByWhere(layer.layerUrl + "/" + layer.id, { "BSM": bsm }, null, true, null, null, function (res) { | ||
478 | var features = res.features; | ||
479 | if (features && features.length > 0) { | ||
480 | if (!features[0].geometry || features[0].geometry.rings.length == 0) { | ||
481 | self.$message.success("暂无图形信息!!"); | ||
482 | return; | ||
483 | } | ||
484 | loadModules([ | ||
485 | "esri/layers/GraphicsLayer" | ||
486 | ]).then(([ | ||
487 | GraphicsLayer | ||
488 | ]) => { | ||
489 | var view = maps[viewId]; | ||
490 | var layer = view.map.findLayerById("highlightLayer"); | ||
491 | if (layer) { | ||
492 | layer.removeAll(); | ||
493 | } else { | ||
494 | layer = new GraphicsLayer({ | ||
495 | id: "highlightLayer" | ||
496 | }) | ||
497 | view.map.add(layer, 5); | ||
498 | } | ||
499 | var symbol = graphicSymbol.fillSymbol.highlightSymbol; | ||
500 | var graphic = features[0]; | ||
501 | graphic.symbol = symbol; | ||
502 | layer.add(graphic); | ||
503 | // view.extent = graphic.geometry.extent; | ||
504 | view.center = graphic.geometry.extent.center; | ||
505 | view.zoom = 15; | ||
506 | }).catch(err => { | ||
507 | thow(err); | ||
508 | }) | ||
509 | } else { | ||
510 | self.$message.success("暂无图形信息!!"); | ||
511 | return; | ||
512 | } | ||
513 | }); | ||
514 | }, | ||
515 | //清空当前图层 | ||
516 | clearHighlightLayer (viewId) { | ||
517 | var view = maps[viewId]; | ||
518 | var layer = view.map.findLayerById("highlightLayer"); | ||
519 | if (layer) { | ||
520 | layer.removeAll(); | ||
521 | } | ||
522 | } | ||
523 | } | ||
524 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -26,11 +26,11 @@ | ... | @@ -26,11 +26,11 @@ |
26 | <el-upload class="fileUpdate" ref="upload" action="" :show-file-list="false" :multiple="true" :auto-upload="false" | 26 | <el-upload class="fileUpdate" ref="upload" action="" :show-file-list="false" :multiple="true" :auto-upload="false" |
27 | :on-change="handleChange" | 27 | :on-change="handleChange" |
28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> | 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> |
29 | <el-button icon="el-icon-upload" type="primary" v-if="!this.$route.query.viewtype && ableOperation">上传</el-button> | 29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> |
30 | </el-upload> | 30 | </el-upload> |
31 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 31 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
32 | v-if="!this.$route.query.viewtype && thumbnailImages.length>0 && ableOperation">删除</el-button> | 32 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
33 | <div v-if="!this.$route.query.viewtype" class="pl-5"> | 33 | <div v-if="ableOperation" class="pl-5"> |
34 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> | 34 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> |
35 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | 35 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> |
36 | </div> | 36 | </div> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-17 10:41:09 | ||
5 | --> | ||
6 | <template> | ||
7 | <div> | ||
8 | <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> | ||
9 | </lb-table> | ||
10 | <addJtcy v-model="dialog" :details="details" @updateDetail="updateDetail" /> | ||
11 | </div> | ||
12 | </template> | ||
13 | <script> | ||
14 | import addJtcy from './addJtcy.vue' | ||
15 | import { mapGetters } from 'vuex' | ||
16 | export default { | ||
17 | components: { | ||
18 | addJtcy | ||
19 | }, | ||
20 | computed: { | ||
21 | ...mapGetters(["dictData"]), | ||
22 | }, | ||
23 | props: { | ||
24 | tableData: { | ||
25 | type: Array, | ||
26 | default: function () { | ||
27 | return [] | ||
28 | } | ||
29 | }, | ||
30 | gyfs: { | ||
31 | type: String, | ||
32 | default: '1' | ||
33 | } | ||
34 | }, | ||
35 | data () { | ||
36 | return { | ||
37 | key: 0, | ||
38 | dataIndex: 0, | ||
39 | dialog: false, | ||
40 | details: {}, | ||
41 | tableDataList: [], | ||
42 | qlrCommonTable: [ | ||
43 | { | ||
44 | width: '50', | ||
45 | renderHeader: (h, scope) => { | ||
46 | return <div> { | ||
47 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | ||
48 | } | ||
49 | </div> | ||
50 | }, | ||
51 | render: (h, scope) => { | ||
52 | return ( | ||
53 | <div> | ||
54 | { | ||
55 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
56 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | ||
57 | } | ||
58 | </div> | ||
59 | ) | ||
60 | } | ||
61 | }, | ||
62 | { | ||
63 | label: '身份证读卡器', | ||
64 | align: 'center', | ||
65 | render: (h, scope) => { | ||
66 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | ||
67 | } | ||
68 | }, | ||
69 | { | ||
70 | prop: "cyxm", | ||
71 | label: "成员姓名" | ||
72 | }, | ||
73 | { | ||
74 | prop: "sfzhm", | ||
75 | label: "身份证号码" | ||
76 | }, | ||
77 | { | ||
78 | prop: "dh", | ||
79 | label: "联系电话" | ||
80 | }, | ||
81 | { | ||
82 | label: '修改', | ||
83 | render: (h, scope) => { | ||
84 | return ( | ||
85 | <div> | ||
86 | { | ||
87 | this.$route.query.viewtype == 1 ? <el-button | ||
88 | icon="el-icon-view" | ||
89 | type="text" | ||
90 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
91 | icon="el-icon-edit-outline" | ||
92 | type="text" | ||
93 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
94 | } | ||
95 | </div> | ||
96 | ) | ||
97 | } | ||
98 | } | ||
99 | ], | ||
100 | column: this.qlrCommonTable | ||
101 | } | ||
102 | }, | ||
103 | watch: { | ||
104 | tableData: { | ||
105 | handler: function (val, oldVal) { | ||
106 | let that = this | ||
107 | if (val.length == 0 || !val) { | ||
108 | that.tableDataList = _.cloneDeep([{ | ||
109 | sqrmc: '', | ||
110 | dlrzjlx: '', | ||
111 | dlrzjh: '', | ||
112 | fr: '' | ||
113 | }]) | ||
114 | } else { | ||
115 | that.tableDataList = _.cloneDeep(val) | ||
116 | } | ||
117 | }, | ||
118 | immediate: true, | ||
119 | deep: true | ||
120 | }, | ||
121 | gyfs: { | ||
122 | handler (newVal, oldValue) { | ||
123 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
124 | if (newVal == '1') { | ||
125 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
126 | } else { | ||
127 | this.column = dataList | ||
128 | } | ||
129 | }, | ||
130 | immediate: true | ||
131 | } | ||
132 | }, | ||
133 | methods: { | ||
134 | updateDetail (value) { | ||
135 | this.tableDataList[this.dataIndex] = value | ||
136 | this.key++ | ||
137 | this.$emit('upDateJtcyList', this.tableDataList) | ||
138 | }, | ||
139 | |||
140 | // 新增 | ||
141 | addClick () { | ||
142 | this.dialog = true | ||
143 | }, | ||
144 | |||
145 | // 删除 | ||
146 | deleClick (index, row) { | ||
147 | this.tableData.splice(index, 1) | ||
148 | }, | ||
149 | |||
150 | // 身份证读取 | ||
151 | readClick () { }, | ||
152 | |||
153 | // 修改 | ||
154 | editClick (index, row) { | ||
155 | console.log(row, 'rowrowrowrowrow'); | ||
156 | this.dataIndex = index | ||
157 | this.dialog = true | ||
158 | this.details = row | ||
159 | }, | ||
160 | |||
161 | queryViewClick () { | ||
162 | this.dialog = true | ||
163 | } | ||
164 | } | ||
165 | } | ||
166 | </script> | ||
167 | <style scoped lang='scss'> | ||
168 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-17 10:41:15 | ||
5 | --> | ||
6 | <template> | ||
7 | <div> | ||
8 | <div class="process-viewer"> | ||
9 | <div v-show="!isLoading" ref="processCanvas" class="process-canvas" style="height: 280px;" /> | ||
10 | <!-- 自定义箭头样式,用于成功状态下流程连线箭头 --> | ||
11 | <defs ref="customSuccessDefs"> | ||
12 | <marker id="sequenceflow-end-white-success" view-box="0 0 20 20" ref-x="11" ref-y="10" marker-width="10" | ||
13 | marker-height="10" orient="auto"> | ||
14 | <path class="success-arrow" d="M 1 5 L 11 10 L 1 15 Z" | ||
15 | style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" /> | ||
16 | </marker> | ||
17 | <marker id="conditional-flow-marker-white-success" view-box="0 0 20 20" ref-x="-1" ref-y="10" marker-width="10" | ||
18 | marker-height="10" orient="auto"> | ||
19 | <path class="success-conditional" d="M 0 10 L 8 6 L 16 10 L 8 14 Z" | ||
20 | style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" /> | ||
21 | </marker> | ||
22 | </defs> | ||
23 | <!-- 自定义箭头样式,用于失败状态下流程连线箭头 --> | ||
24 | <defs ref="customFailDefs"> | ||
25 | <marker id="sequenceflow-end-white-fail" view-box="0 0 20 20" ref-x="11" ref-y="10" marker-width="10" | ||
26 | marker-height="10" orient="auto"> | ||
27 | <path class="fail-arrow" d="M 1 5 L 11 10 L 1 15 Z" | ||
28 | style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" /> | ||
29 | </marker> | ||
30 | <marker id="conditional-flow-marker-white-fail" view-box="0 0 20 20" ref-x="-1" ref-y="10" marker-width="10" | ||
31 | marker-height="10" orient="auto"> | ||
32 | <path class="fail-conditional" d="M 0 10 L 8 6 L 16 10 L 8 14 Z" | ||
33 | style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" /> | ||
34 | </marker> | ||
35 | </defs> | ||
36 | |||
37 | <div style="position: absolute; top: 0px; left: 0px; width: 100%;"> | ||
38 | <el-row type="flex" justify="end"> | ||
39 | <el-button-group key="scale-control" size="medium"> | ||
40 | <el-button size="medium" type="default" :plain="true" :disabled="defaultZoom <= 0.3" icon="el-icon-zoom-out" | ||
41 | @click="processZoomOut()" /> | ||
42 | <el-button size="medium" type="default" style="width: 90px;">{{ Math.floor(this.defaultZoom * 10 * 10) + "%" | ||
43 | }}</el-button> | ||
44 | <el-button size="medium" type="default" :plain="true" :disabled="defaultZoom >= 3.9" icon="el-icon-zoom-in" | ||
45 | @click="processZoomIn()" /> | ||
46 | <el-button size="medium" type="default" icon="el-icon-c-scale-to-original" @click="processReZoom()" /> | ||
47 | <slot /> | ||
48 | </el-button-group> | ||
49 | </el-row> | ||
50 | </div> | ||
51 | </div> | ||
52 | <!-- 已完成节点悬浮弹窗 --> | ||
53 | <div class="information-list"> | ||
54 | <el-select v-model="selectValue" @change="handleSelect"> | ||
55 | <el-option v-for="item in selectOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
56 | </el-option> | ||
57 | </el-select> | ||
58 | <el-table height="190" :data="taskCommentList" size="mini" border header-cell-class-name="table-header-gray"> | ||
59 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> | ||
60 | <el-table-column label="流程状态" header-align="center" align="center"> | ||
61 | <template slot-scope="scope"> | ||
62 | <div v-if="scope.row.endTime">已完结</div> | ||
63 | <div v-else>正在办理</div> | ||
64 | </template> | ||
65 | </el-table-column> | ||
66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> | ||
67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> | ||
68 | <el-table-column label="转入时间" prop="createTime" :formatter="formatDate" width="160" align="center" /> | ||
69 | <el-table-column label="认领时间" prop="claimTime" :formatter="formatDate" width="160" align="center" /> | ||
70 | <el-table-column label="转出时间" prop="endTime" :formatter="formatDate" width="160" align="center" /> | ||
71 | <el-table-column label="操作方式" prop="controls" align="center"/> | ||
72 | <el-table-column label="意见" prop="idea" align="center"/> | ||
73 | </el-table> | ||
74 | </div> | ||
75 | </div> | ||
76 | </template> | ||
77 | <script> | ||
78 | import '@/styles/package/theme/index.scss' | ||
79 | import BpmnViewer from 'bpmn-js/lib/Viewer' | ||
80 | import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' | ||
81 | export default { | ||
82 | props: { | ||
83 | formData: { | ||
84 | type: Object, | ||
85 | default: {} | ||
86 | } | ||
87 | }, | ||
88 | data () { | ||
89 | return { | ||
90 | dlgTitle: undefined, | ||
91 | defaultZoom: 1, | ||
92 | // 是否正在加载流程图 | ||
93 | isLoading: true, | ||
94 | bpmnViewer: undefined, | ||
95 | // 已完成流程元素 | ||
96 | processNodeInfo: undefined, | ||
97 | // 当前任务id | ||
98 | selectTaskId: undefined, | ||
99 | // 任务节点审批记录 | ||
100 | taskList:[], | ||
101 | taskCommentList: [], | ||
102 | // 已完成任务悬浮延迟Timer | ||
103 | hoverTimer: null, | ||
104 | // 下拉 | ||
105 | selectValue: '', | ||
106 | selectOptions: [] | ||
107 | } | ||
108 | }, | ||
109 | created () { | ||
110 | this.$nextTick(() => { | ||
111 | // 获取流程记录 | ||
112 | this.getCommentList() | ||
113 | this.setProcessStatus(this.formData.finishedInfo); | ||
114 | this.importXML(this.formData.xml) | ||
115 | |||
116 | }) | ||
117 | }, | ||
118 | destroyed () { | ||
119 | this.clearViewer() | ||
120 | }, | ||
121 | methods: { | ||
122 | formatDate(row, column) { | ||
123 | let data = row[column.property] | ||
124 | if(data == null) { | ||
125 | return null | ||
126 | } | ||
127 | let dt = new Date(data) | ||
128 | return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds() | ||
129 | }, | ||
130 | processReZoom () { | ||
131 | this.defaultZoom = 1 | ||
132 | this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto') | ||
133 | }, | ||
134 | processZoomIn (zoomStep = 0.1) { | ||
135 | const newZoom = Math.floor(this.defaultZoom * 100 + zoomStep * 100) / 100 | ||
136 | if (newZoom > 4) { | ||
137 | throw new Error('[Process Designer Warn ]: The zoom ratio cannot be greater than 4') | ||
138 | } | ||
139 | this.defaultZoom = newZoom | ||
140 | this.bpmnViewer.get('canvas').zoom(this.defaultZoom) | ||
141 | }, | ||
142 | processZoomOut (zoomStep = 0.1) { | ||
143 | const newZoom = Math.floor(this.defaultZoom * 100 - zoomStep * 100) / 100 | ||
144 | if (newZoom < 0.2) { | ||
145 | throw new Error('[Process Designer Warn ]: The zoom ratio cannot be scss than 0.2') | ||
146 | } | ||
147 | this.defaultZoom = newZoom | ||
148 | this.bpmnViewer.get('canvas').zoom(this.defaultZoom) | ||
149 | }, | ||
150 | getOperationTagType (type) { | ||
151 | return 'success' | ||
152 | }, | ||
153 | // 流程图预览清空 | ||
154 | clearViewer (a) { | ||
155 | if (this.$refs.processCanvas) { | ||
156 | this.$refs.processCanvas.innerHTML = '' | ||
157 | } | ||
158 | if (this.bpmnViewer) { | ||
159 | this.bpmnViewer.destroy() | ||
160 | } | ||
161 | this.bpmnViewer = null | ||
162 | }, | ||
163 | // 添加自定义箭头 | ||
164 | addCustomDefs () { | ||
165 | const canvas = this.bpmnViewer.get('canvas') | ||
166 | const svg = canvas._svg | ||
167 | const customSuccessDefs = this.$refs.customSuccessDefs | ||
168 | const customFailDefs = this.$refs.customFailDefs | ||
169 | svg.appendChild(customSuccessDefs) | ||
170 | svg.appendChild(customFailDefs) | ||
171 | }, | ||
172 | // 任务悬浮弹窗 | ||
173 | onSelectElement (element) { | ||
174 | this.selectTaskId = undefined | ||
175 | this.dlgTitle = undefined | ||
176 | let allfinishedTaskSet = [...this.processNodeInfo.finishedTaskSet, ...this.processNodeInfo.unfinishedTaskSet] | ||
177 | if (this.processNodeInfo == null || allfinishedTaskSet == null) | ||
178 | return | ||
179 | if (element == null || allfinishedTaskSet.indexOf(element.id) === -1) { | ||
180 | return | ||
181 | } | ||
182 | this.selectTaskId = element.id | ||
183 | this.selectValue = element.id | ||
184 | this.dlgTitle = element.businessObject ? element.businessObject.name : undefined | ||
185 | // 计算当前悬浮任务审批记录,如果记录为空不显示弹窗 | ||
186 | this.taskCommentList = (this.taskList || []).filter(item => { | ||
187 | return item.taskDefinitionKey === this.selectTaskId | ||
188 | }) | ||
189 | if (this.taskCommentList.length==0) { | ||
190 | this.taskCommentList = this.taskList; | ||
191 | } | ||
192 | }, | ||
193 | // 下拉列表切换 | ||
194 | handleSelect (val) { | ||
195 | this.taskCommentList = (this.taskList || []).filter(item => { | ||
196 | return item.taskDefinitionKey === val | ||
197 | }) | ||
198 | if (this.taskCommentList.length==0) { | ||
199 | this.taskCommentList = this.taskList; | ||
200 | } | ||
201 | }, | ||
202 | // 显示流程图 | ||
203 | async importXML (xml) { | ||
204 | let xmlData = this.$x2js.xml2js(xml).definitions.process; | ||
205 | this.selectOptions = xmlData.userTask.map(item => { | ||
206 | return { value: item._id, label: item._name } | ||
207 | }) | ||
208 | this.selectOptions = [{ value: xmlData.startEvent._id, label: '浏览记录' }, ...this.selectOptions] | ||
209 | this.selectOptions = this.selectOptions.map(item => { | ||
210 | if (this.formData.finishedInfo.finishedTaskSet.includes(item.value)) { | ||
211 | return item | ||
212 | } | ||
213 | if (this.formData.finishedInfo.unfinishedTaskSet.includes(item.value)) { | ||
214 | return item | ||
215 | } | ||
216 | }).filter(Boolean); | ||
217 | this.selectValue = xmlData.startEvent._id | ||
218 | this.clearViewer('a') | ||
219 | if (xml != null && xml !== '') { | ||
220 | try { | ||
221 | this.bpmnViewer = new BpmnViewer({ | ||
222 | additionalModules: [ | ||
223 | // 移动整个画布 | ||
224 | MoveCanvasModule | ||
225 | ], | ||
226 | container: this.$refs.processCanvas | ||
227 | }) | ||
228 | // 任务节点悬浮事件 | ||
229 | this.bpmnViewer.on('element.click', ({ element }) => { | ||
230 | this.onSelectElement(element) | ||
231 | }) | ||
232 | await this.bpmnViewer.importXML(xml) | ||
233 | this.isLoading = true | ||
234 | this.addCustomDefs() | ||
235 | } catch (e) { | ||
236 | this.clearViewer('b') | ||
237 | } finally { | ||
238 | this.isLoading = false | ||
239 | this.setProcessStatus(this.processNodeInfo) | ||
240 | this.$nextTick(() => { | ||
241 | this.processReZoom() | ||
242 | }) | ||
243 | } | ||
244 | } | ||
245 | }, | ||
246 | // 获取流程记录 | ||
247 | getCommentList() { | ||
248 | this.formData.allCommentList.forEach(async (item,index) => { | ||
249 | item.comments.forEach(element => { | ||
250 | if(element.type=="COMPLETE"){ | ||
251 | this.formData.allCommentList[index].idea=element.message | ||
252 | this.formData.allCommentList[index].controls="完成" | ||
253 | } | ||
254 | }); | ||
255 | this.formData.allCommentList[index].agent=item.assignee.name | ||
256 | }) | ||
257 | this.formData.handlinglist.forEach(async (item,index) => { | ||
258 | if(item.assignee.name){ | ||
259 | this.formData.handlinglist[index].agent=item.assignee.name | ||
260 | }else{ | ||
261 | let str="" | ||
262 | item.countersign.forEach((item) => { | ||
263 | str+=item.name+"," | ||
264 | }) | ||
265 | str=str.slice(0, -1); | ||
266 | this.formData.allCommentList[index].agent=str | ||
267 | } | ||
268 | |||
269 | }) | ||
270 | this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist]; | ||
271 | // this.taskList =this.formData.allCommentList; | ||
272 | // 处理数据之后赋值 | ||
273 | this.taskCommentList=this.taskList | ||
274 | |||
275 | }, | ||
276 | |||
277 | // 设置流程图元素状态 | ||
278 | setProcessStatus (processNodeInfo) { | ||
279 | this.processNodeInfo = processNodeInfo | ||
280 | if (this.isLoading || this.processNodeInfo == null || this.bpmnViewer == null) return | ||
281 | const { finishedTaskSet, rejectedTaskSet, unfinishedTaskSet, finishedSequenceFlowSet } = this.processNodeInfo | ||
282 | const canvas = this.bpmnViewer.get('canvas') | ||
283 | const elementRegistry = this.bpmnViewer.get('elementRegistry') | ||
284 | if (Array.isArray(finishedSequenceFlowSet)) { | ||
285 | finishedSequenceFlowSet.forEach(item => { | ||
286 | if (item != null) { | ||
287 | canvas.addMarker(item, 'success') | ||
288 | const element = elementRegistry.get(item) | ||
289 | const conditionExpression = element.businessObject.conditionExpression | ||
290 | if (conditionExpression) { | ||
291 | canvas.addMarker(item, 'condition-expression') | ||
292 | } | ||
293 | } | ||
294 | }) | ||
295 | } | ||
296 | if (Array.isArray(finishedTaskSet)) { | ||
297 | finishedTaskSet.forEach(item => canvas.addMarker(item, 'success')) | ||
298 | } | ||
299 | if (Array.isArray(unfinishedTaskSet)) { | ||
300 | unfinishedTaskSet.forEach(item => canvas.addMarker(item, 'primary')) | ||
301 | } | ||
302 | if (Array.isArray(rejectedTaskSet)) { | ||
303 | rejectedTaskSet.forEach(item => { | ||
304 | if (item != null) { | ||
305 | const element = elementRegistry.get(item) | ||
306 | if (element.type.includes('Task')) { | ||
307 | canvas.addMarker(item, 'danger') | ||
308 | } else { | ||
309 | canvas.addMarker(item, 'warning') | ||
310 | } | ||
311 | } | ||
312 | }) | ||
313 | } | ||
314 | |||
315 | } | ||
316 | } | ||
317 | } | ||
318 | </script> | ||
319 | <style scoped lang="scss"> | ||
320 | .information-list { | ||
321 | height: 220px; | ||
322 | margin-top: 10px; | ||
323 | |||
324 | p { | ||
325 | font-size: 16px; | ||
326 | line-height: 24px; | ||
327 | } | ||
328 | } | ||
329 | /deep/.bjs-powered-by { | ||
330 | display: none; | ||
331 | } | ||
332 | // /deep/.information-list { | ||
333 | // height: 170px; | ||
334 | // overflow: visible; | ||
335 | // } | ||
336 | </style> |
... | @@ -143,7 +143,7 @@ export default { | ... | @@ -143,7 +143,7 @@ export default { |
143 | render: (h, scope) => { | 143 | render: (h, scope) => { |
144 | return ( | 144 | return ( |
145 | <div> | 145 | <div> |
146 | {this.$route.query.viewtype ? ( | 146 | {!this.showButton ? ( |
147 | <el-button | 147 | <el-button |
148 | icon="el-icon-view" | 148 | icon="el-icon-view" |
149 | type="text" | 149 | type="text" |
... | @@ -263,22 +263,12 @@ export default { | ... | @@ -263,22 +263,12 @@ export default { |
263 | }, | 263 | }, |
264 | // 修改 | 264 | // 修改 |
265 | editClick(index, row) { | 265 | editClick(index, row) { |
266 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
267 | // showButton: this.$route.query.viewtype ? false : true, | ||
268 | // dataIndex :index, | ||
269 | // details :row, | ||
270 | // isaddupdate :false | ||
271 | // }); | ||
272 | this.dataIndex = index; | 266 | this.dataIndex = index; |
273 | this.dialog = true; | 267 | this.dialog = true; |
274 | this.details = row; | 268 | this.details = row; |
275 | this.isaddupdate = false; | 269 | this.isaddupdate = false; |
276 | }, | 270 | }, |
277 | queryViewClick(index, row) { | 271 | queryViewClick(index, row) { |
278 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
279 | // showButton: this.$route.query.viewtype ? false : true, | ||
280 | // details: row, | ||
281 | // }); | ||
282 | this.dialog = true; | 272 | this.dialog = true; |
283 | this.details = row; | 273 | this.details = row; |
284 | }, | 274 | }, | ... | ... |
... | @@ -143,7 +143,7 @@ export default { | ... | @@ -143,7 +143,7 @@ export default { |
143 | render: (h, scope) => { | 143 | render: (h, scope) => { |
144 | return ( | 144 | return ( |
145 | <div> | 145 | <div> |
146 | {this.$route.query.viewtype ? ( | 146 | {!this.showButton? ( |
147 | <el-button | 147 | <el-button |
148 | icon="el-icon-view" | 148 | icon="el-icon-view" |
149 | type="text" | 149 | type="text" |
... | @@ -259,22 +259,12 @@ export default { | ... | @@ -259,22 +259,12 @@ export default { |
259 | 259 | ||
260 | // 修改 | 260 | // 修改 |
261 | editClick(index, row) { | 261 | editClick(index, row) { |
262 | // popupDialog("申请人信息", "workflow/components/addYwr", { | ||
263 | // showButton: this.$route.query.viewtype ? false : true, | ||
264 | // dataIndex :index, | ||
265 | // details :row, | ||
266 | // isaddupdate :false | ||
267 | // }); | ||
268 | this.dataIndex = index; | 262 | this.dataIndex = index; |
269 | this.dialog = true; | 263 | this.dialog = true; |
270 | this.details = row; | 264 | this.details = row; |
271 | this.isaddupdate = false; | 265 | this.isaddupdate = false; |
272 | }, | 266 | }, |
273 | queryViewClick(index, row) { | 267 | queryViewClick(index, row) { |
274 | // popupDialog("申请人信息", "workflow/components/addYwr", { | ||
275 | // showButton: this.$route.query.viewtype ? false : true, | ||
276 | // details: row, | ||
277 | // }); | ||
278 | this.dialog = true; | 268 | this.dialog = true; |
279 | this.details = row; | 269 | this.details = row; |
280 | }, | 270 | }, | ... | ... |
... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
16 | :inline="flag" | 16 | :inline="flag" |
17 | :show-message="false" | 17 | :show-message="false" |
18 | inline-message | 18 | inline-message |
19 | label-width="145px" | 19 | label-width="145px"> |
20 | > | ||
21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
23 | 补录信息 | 22 | 补录信息 |
... | @@ -52,18 +51,15 @@ | ... | @@ -52,18 +51,15 @@ |
52 | :table-width="550" | 51 | :table-width="550" |
53 | :tableData="ssQlxxList" | 52 | :tableData="ssQlxxList" |
54 | :props="props" | 53 | :props="props" |
55 | @change="ssQlxxchange" | 54 | @change="ssQlxxchange"> |
56 | > | ||
57 | <el-table-column | 55 | <el-table-column |
58 | prop="qllxmc" | 56 | prop="qllxmc" |
59 | width="130" | 57 | width="130" |
60 | label="权利类型" | 58 | label="权利类型"></el-table-column> |
61 | ></el-table-column> | ||
62 | <el-table-column | 59 | <el-table-column |
63 | prop="bdcqzh" | 60 | prop="bdcqzh" |
64 | width="160" | 61 | width="160" |
65 | label="不动产权证书" | 62 | label="不动产权证书"></el-table-column> |
66 | ></el-table-column> | ||
67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
68 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
69 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
... | @@ -102,8 +98,7 @@ | ... | @@ -102,8 +98,7 @@ |
102 | v-for="item in djlxlist" | 98 | v-for="item in djlxlist" |
103 | :key="item.dcode" | 99 | :key="item.dcode" |
104 | :label="item.dname" | 100 | :label="item.dname" |
105 | :value="item.dcode" | 101 | :value="item.dcode"> |
106 | > | ||
107 | </el-option> | 102 | </el-option> |
108 | </el-select> | 103 | </el-select> |
109 | </el-form-item> | 104 | </el-form-item> |
... | @@ -137,8 +132,7 @@ | ... | @@ -137,8 +132,7 @@ |
137 | placeholder="" | 132 | placeholder="" |
138 | :normalizer="normalizer" | 133 | :normalizer="normalizer" |
139 | :show-count="true" | 134 | :show-count="true" |
140 | :options="dictData['A9']" | 135 | :options="dictData['A9']" /> |
141 | /> | ||
142 | </el-form-item> | 136 | </el-form-item> |
143 | </el-col> | 137 | </el-col> |
144 | <el-col :span="8"> | 138 | <el-col :span="8"> |
... | @@ -146,15 +140,13 @@ | ... | @@ -146,15 +140,13 @@ |
146 | <div style="display: flex"> | 140 | <div style="display: flex"> |
147 | <el-input | 141 | <el-input |
148 | v-model="ruleForm.fdcq2.qjjg" | 142 | v-model="ruleForm.fdcq2.qjjg" |
149 | style="width: 500%" | 143 | style="width: 500%"></el-input> |
150 | ></el-input> | ||
151 | <el-select v-model="ruleForm.fdcq2.jedw"> | 144 | <el-select v-model="ruleForm.fdcq2.jedw"> |
152 | <el-option | 145 | <el-option |
153 | v-for="item in dictData['A57']" | 146 | v-for="item in dictData['A57']" |
154 | :key="item.dcode" | 147 | :key="item.dcode" |
155 | :label="item.dname" | 148 | :label="item.dname" |
156 | :value="item.dcode" | 149 | :value="item.dcode"> |
157 | > | ||
158 | </el-option> | 150 | </el-option> |
159 | </el-select> | 151 | </el-select> |
160 | </div> | 152 | </div> |
... | @@ -167,8 +159,7 @@ | ... | @@ -167,8 +159,7 @@ |
167 | v-for="item in qsztlist" | 159 | v-for="item in qsztlist" |
168 | :key="item.dcode" | 160 | :key="item.dcode" |
169 | :label="item.dname" | 161 | :label="item.dname" |
170 | :value="item.dcode" | 162 | :value="item.dcode"> |
171 | > | ||
172 | </el-option> | 163 | </el-option> |
173 | </el-select> | 164 | </el-select> |
174 | </el-form-item> | 165 | </el-form-item> |
... | @@ -180,8 +171,7 @@ | ... | @@ -180,8 +171,7 @@ |
180 | v-for="item in dictData['A17']" | 171 | v-for="item in dictData['A17']" |
181 | :key="item.dcode" | 172 | :key="item.dcode" |
182 | :label="item.dname" | 173 | :label="item.dname" |
183 | :value="item.dcode" | 174 | :value="item.dcode"> |
184 | > | ||
185 | </el-option> | 175 | </el-option> |
186 | </el-select> | 176 | </el-select> |
187 | </el-form-item> | 177 | </el-form-item> |
... | @@ -203,8 +193,7 @@ | ... | @@ -203,8 +193,7 @@ |
203 | v-for="item in dictData['A19']" | 193 | v-for="item in dictData['A19']" |
204 | :key="item.dcode" | 194 | :key="item.dcode" |
205 | :label="item.dname" | 195 | :label="item.dname" |
206 | :value="item.dcode" | 196 | :value="item.dcode"> |
207 | > | ||
208 | </el-option> | 197 | </el-option> |
209 | </el-select> | 198 | </el-select> |
210 | </el-form-item> | 199 | </el-form-item> |
... | @@ -213,15 +202,13 @@ | ... | @@ -213,15 +202,13 @@ |
213 | <el-form-item | 202 | <el-form-item |
214 | label="房屋结构:" | 203 | label="房屋结构:" |
215 | prop="fdcq2.fwjg" | 204 | prop="fdcq2.fwjg" |
216 | :rules="rules.fwjgrules" | 205 | :rules="rules.fwjgrules"> |
217 | > | ||
218 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 206 | <el-select v-model="ruleForm.fdcq2.fwjg"> |
219 | <el-option | 207 | <el-option |
220 | v-for="item in dictData['A46']" | 208 | v-for="item in dictData['A46']" |
221 | :key="item.dcode" | 209 | :key="item.dcode" |
222 | :label="item.dname" | 210 | :label="item.dname" |
223 | :value="item.dcode" | 211 | :value="item.dcode"> |
224 | > | ||
225 | </el-option> | 212 | </el-option> |
226 | </el-select> | 213 | </el-select> |
227 | </el-form-item> | 214 | </el-form-item> |
... | @@ -261,8 +248,7 @@ | ... | @@ -261,8 +248,7 @@ |
261 | <el-form-item | 248 | <el-form-item |
262 | label="不动产权证号:" | 249 | label="不动产权证号:" |
263 | prop="qlxx.bdcqzh" | 250 | prop="qlxx.bdcqzh" |
264 | :rules="rules.bdcqzhrules" | 251 | :rules="rules.bdcqzhrules"> |
265 | > | ||
266 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 252 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
267 | </el-form-item> | 253 | </el-form-item> |
268 | </el-col> | 254 | </el-col> |
... | @@ -279,8 +265,7 @@ | ... | @@ -279,8 +265,7 @@ |
279 | <el-form-item | 265 | <el-form-item |
280 | label="登记机构:" | 266 | label="登记机构:" |
281 | prop="qlxx.djjg" | 267 | prop="qlxx.djjg" |
282 | :rules="rules.djjgrules" | 268 | :rules="rules.djjgrules"> |
283 | > | ||
284 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 269 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
285 | </el-form-item> | 270 | </el-form-item> |
286 | </el-col> | 271 | </el-col> |
... | @@ -288,8 +273,7 @@ | ... | @@ -288,8 +273,7 @@ |
288 | <el-form-item | 273 | <el-form-item |
289 | label="登簿人:" | 274 | label="登簿人:" |
290 | prop="qlxx.dbr" | 275 | prop="qlxx.dbr" |
291 | :rules="rules.dbrrules" | 276 | :rules="rules.dbrrules"> |
292 | > | ||
293 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 277 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
294 | </el-form-item> | 278 | </el-form-item> |
295 | </el-col> | 279 | </el-col> |
... | @@ -297,15 +281,13 @@ | ... | @@ -297,15 +281,13 @@ |
297 | <el-form-item | 281 | <el-form-item |
298 | label="登记时间:" | 282 | label="登记时间:" |
299 | prop="qlxx.djsj" | 283 | prop="qlxx.djsj" |
300 | :rules="rules.djsjrules" | 284 | :rules="rules.djsjrules"> |
301 | > | ||
302 | <el-date-picker | 285 | <el-date-picker |
303 | v-model="ruleForm.qlxx.djsj" | 286 | v-model="ruleForm.qlxx.djsj" |
304 | type="date" | 287 | type="date" |
305 | placeholder="选择日期" | 288 | placeholder="选择日期" |
306 | value-format="yyyy-MM-dd HH:mm:ss" | 289 | value-format="yyyy-MM-dd HH:mm:ss" |
307 | format="yyyy-MM-dd" | 290 | format="yyyy-MM-dd"> |
308 | > | ||
309 | </el-date-picker> | 291 | </el-date-picker> |
310 | </el-form-item> | 292 | </el-form-item> |
311 | </el-col> | 293 | </el-col> |
... | @@ -331,8 +313,7 @@ | ... | @@ -331,8 +313,7 @@ |
331 | <tdytTable | 313 | <tdytTable |
332 | :tableData="ruleForm.tdytqxList" | 314 | :tableData="ruleForm.tdytqxList" |
333 | @upDateTdytxxList="upDateTdytxxList" | 315 | @upDateTdytxxList="upDateTdytxxList" |
334 | :ableOperation="ableOperation" | 316 | :ableOperation="ableOperation" /> |
335 | /> | ||
336 | <div class="slxx_title title-block"> | 317 | <div class="slxx_title title-block"> |
337 | 权利人信息 | 318 | 权利人信息 |
338 | <div class="triangle"></div> | 319 | <div class="triangle"></div> |
... | @@ -342,8 +323,7 @@ | ... | @@ -342,8 +323,7 @@ |
342 | <el-form-item label="共有方式:"> | 323 | <el-form-item label="共有方式:"> |
343 | <el-radio-group | 324 | <el-radio-group |
344 | :disabled="!ableOperation" | 325 | :disabled="!ableOperation" |
345 | v-model="ruleForm.qlxx.gyfs" | 326 | v-model="ruleForm.qlxx.gyfs"> |
346 | > | ||
347 | <el-radio label="0">单独所有</el-radio> | 327 | <el-radio label="0">单独所有</el-radio> |
348 | <el-radio label="1">共同共有</el-radio> | 328 | <el-radio label="1">共同共有</el-radio> |
349 | <el-radio label="2">按份所有</el-radio> | 329 | <el-radio label="2">按份所有</el-radio> |
... | @@ -357,8 +337,7 @@ | ... | @@ -357,8 +337,7 @@ |
357 | @upDateQlrxxList="upDateQlrxxList" | 337 | @upDateQlrxxList="upDateQlrxxList" |
358 | :ableOperation="ableOperation" | 338 | :ableOperation="ableOperation" |
359 | :key="key" | 339 | :key="key" |
360 | :gyfs="ruleForm.qlxx.gyfs" | 340 | :gyfs="ruleForm.qlxx.gyfs" /> |
361 | /> | ||
362 | </div> | 341 | </div> |
363 | <el-row class="btn" v-if="ableOperation"> | 342 | <el-row class="btn" v-if="ableOperation"> |
364 | <el-form-item> | 343 | <el-form-item> |
... | @@ -369,21 +348,21 @@ | ... | @@ -369,21 +348,21 @@ |
369 | </div> | 348 | </div> |
370 | </template> | 349 | </template> |
371 | <script> | 350 | <script> |
372 | import { mapGetters } from "vuex"; | 351 | import { mapGetters } from "vuex"; |
373 | import { init,getSsQlxx, save } from "@/api/djbRepair.js"; | 352 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; |
374 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 353 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
375 | import selectTable from "@/components/selectTable/index.vue"; | 354 | import selectTable from "@/components/selectTable/index.vue"; |
376 | import tdytTable from "@/views/workflow/components/tdytTable"; | 355 | import tdytTable from "@/views/workflow/components/tdytTable"; |
377 | // import the component | 356 | // import the component |
378 | // import Treeselect from '@riophae/vue-treeselect' | 357 | // import Treeselect from '@riophae/vue-treeselect' |
379 | // // import the styles | 358 | // // import the styles |
380 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' | 359 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
381 | export default { | 360 | export default { |
382 | components: { qlrCommonTable, tdytTable,selectTable}, | 361 | components: { qlrCommonTable, tdytTable, selectTable }, |
383 | computed: { | 362 | computed: { |
384 | ...mapGetters(["dictData", "flag"]), | 363 | ...mapGetters(["dictData", "flag"]), |
385 | // 根据流程判断表单是否为只读 | 364 | // 根据流程判断表单是否为只读 |
386 | editDisabled() { | 365 | editDisabled () { |
387 | if (!this.ableOperation) { | 366 | if (!this.ableOperation) { |
388 | //只读状态 | 367 | //只读状态 |
389 | return true; | 368 | return true; |
... | @@ -391,15 +370,15 @@ export default { | ... | @@ -391,15 +370,15 @@ export default { |
391 | return false; | 370 | return false; |
392 | }, | 371 | }, |
393 | }, | 372 | }, |
394 | data() { | 373 | data () { |
395 | return { | 374 | return { |
396 | ssqlxxshow:true, | 375 | ssqlxxshow: true, |
397 | props: { | 376 | props: { |
398 | label: "bdcqzh", | 377 | label: "bdcqzh", |
399 | value: "bdcdyid", | 378 | value: "bdcdyid", |
400 | }, | 379 | }, |
401 | // 键名转换,方法默认是label和children进行树状渲染 | 380 | // 键名转换,方法默认是label和children进行树状渲染 |
402 | normalizer(node) { | 381 | normalizer (node) { |
403 | //方法 | 382 | //方法 |
404 | if (node.children == null || node.children == "null") { | 383 | if (node.children == null || node.children == "null") { |
405 | delete node.children; | 384 | delete node.children; |
... | @@ -468,23 +447,23 @@ export default { | ... | @@ -468,23 +447,23 @@ export default { |
468 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 447 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
469 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 448 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
470 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 449 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
471 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "blur" }], | 450 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], |
472 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 451 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
473 | }, | 452 | }, |
474 | }; | 453 | }; |
475 | }, | 454 | }, |
476 | created() {}, | 455 | created () { }, |
477 | mounted() { | 456 | mounted () { |
478 | this.loadData(); | 457 | this.loadData(); |
479 | this.ableOperation = this.$parent.ableOperation; | 458 | this.ableOperation = this.$parent.ableOperation; |
480 | }, | 459 | }, |
481 | methods: { | 460 | methods: { |
482 | ssQlxxchange(val) { | 461 | ssQlxxchange (val) { |
483 | this.ruleForm.ssQlxx = val; | 462 | this.ruleForm.ssQlxx = val; |
484 | this.ruleForm.qlxx.ssywh = val.ssywh; | 463 | this.ruleForm.qlxx.ssywh = val.ssywh; |
485 | }, | 464 | }, |
486 | djlxchange(val) { | 465 | djlxchange (val) { |
487 | console.log("val",val); | 466 | console.log("val", val); |
488 | if (val == null || val == 100) { | 467 | if (val == null || val == 100) { |
489 | this.ssqlxxshow = false; | 468 | this.ssqlxxshow = false; |
490 | } else { | 469 | } else { |
... | @@ -492,7 +471,7 @@ export default { | ... | @@ -492,7 +471,7 @@ export default { |
492 | } | 471 | } |
493 | }, | 472 | }, |
494 | 473 | ||
495 | loadData() { | 474 | loadData () { |
496 | this.$startLoading(); | 475 | this.$startLoading(); |
497 | this.propsParam.isEdit = this.$parent.isEdit; | 476 | this.propsParam.isEdit = this.$parent.isEdit; |
498 | init(this.propsParam).then((res) => { | 477 | init(this.propsParam).then((res) => { |
... | @@ -523,22 +502,22 @@ export default { | ... | @@ -523,22 +502,22 @@ export default { |
523 | }); | 502 | }); |
524 | }, | 503 | }, |
525 | // 更新土地用途信息 | 504 | // 更新土地用途信息 |
526 | upDateTdytxxList(val) { | 505 | upDateTdytxxList (val) { |
527 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 506 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
528 | this.key++; | 507 | this.key++; |
529 | }, | 508 | }, |
530 | // 更新权利人信息 | 509 | // 更新权利人信息 |
531 | upDateQlrxxList(val) { | 510 | upDateQlrxxList (val) { |
532 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 511 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
533 | this.czrOptions = this.ruleForm.qlrData; | 512 | this.czrOptions = this.ruleForm.qlrData; |
534 | this.key++; | 513 | this.key++; |
535 | }, | 514 | }, |
536 | // 更新义务人信息 | 515 | // 更新义务人信息 |
537 | upDateYwrxxList(val) { | 516 | upDateYwrxxList (val) { |
538 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 517 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
539 | this.key++; | 518 | this.key++; |
540 | }, | 519 | }, |
541 | onSubmit() { | 520 | onSubmit () { |
542 | this.$refs.ruleForm.validate((valid) => { | 521 | this.$refs.ruleForm.validate((valid) => { |
543 | if (valid) { | 522 | if (valid) { |
544 | if (this.ruleForm.qlrData.length == 0) { | 523 | if (this.ruleForm.qlrData.length == 0) { |
... | @@ -549,14 +528,6 @@ export default { | ... | @@ -549,14 +528,6 @@ export default { |
549 | }); | 528 | }); |
550 | return false; | 529 | return false; |
551 | } | 530 | } |
552 | if (this.ruleForm.ywrData.length == 0) { | ||
553 | this.$message({ | ||
554 | showClose: true, | ||
555 | message: "请确认义务人信息", | ||
556 | type: "error", | ||
557 | }); | ||
558 | return false; | ||
559 | } | ||
560 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { | 531 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { |
561 | this.$message({ | 532 | this.$message({ |
562 | showClose: true, | 533 | showClose: true, |
... | @@ -629,9 +600,9 @@ export default { | ... | @@ -629,9 +600,9 @@ export default { |
629 | }); | 600 | }); |
630 | }, | 601 | }, |
631 | }, | 602 | }, |
632 | }; | 603 | }; |
633 | </script> | 604 | </script> |
634 | <style scoped lang="scss"> | 605 | <style scoped lang="scss"> |
635 | @import "~@/styles/public.scss"; | 606 | @import "~@/styles/public.scss"; |
636 | @import "~@/styles/slxx/slxx.scss"; | 607 | @import "~@/styles/slxx/slxx.scss"; |
637 | </style> | 608 | </style> | ... | ... |
... | @@ -224,7 +224,7 @@ | ... | @@ -224,7 +224,7 @@ |
224 | /> | 224 | /> |
225 | </div> | 225 | </div> |
226 | </div> | 226 | </div> |
227 | <el-row class="btn" v-if="!$route.query.viewtype"> | 227 | <el-row class="btn" v-if="ableOperation"> |
228 | <el-form-item> | 228 | <el-form-item> |
229 | <el-button type="primary" @click="onSubmit">保存</el-button> | 229 | <el-button type="primary" @click="onSubmit">保存</el-button> |
230 | </el-form-item> | 230 | </el-form-item> | ... | ... |
... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
71 | import { getForm } from "./flowform"; | 71 | import { getForm } from "./flowform"; |
72 | import { getStepFormInfo } from "@/api/workFlow.js"; | 72 | import { getStepFormInfo } from "@/api/workFlow.js"; |
73 | import NoticeBar from "@/components/NoticeBar/index"; | 73 | import NoticeBar from "@/components/NoticeBar/index"; |
74 | import ProcessViewer from "./components/processViewer.vue"; | 74 | // import ProcessViewer from "./components/processViewer.vue"; |
75 | 75 | ||
76 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 76 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
77 | import qllxDailog from "./djbBook/components/qllxDailog"; | 77 | import qllxDailog from "./djbBook/components/qllxDailog"; |
... | @@ -86,7 +86,6 @@ | ... | @@ -86,7 +86,6 @@ |
86 | components: { | 86 | components: { |
87 | selectBdc, | 87 | selectBdc, |
88 | NoticeBar, | 88 | NoticeBar, |
89 | ProcessViewer, | ||
90 | ordinaryMenu, | 89 | ordinaryMenu, |
91 | qllxDailog, | 90 | qllxDailog, |
92 | }, | 91 | }, | ... | ... |
... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
71 | import { getForm } from "./flowform"; | 71 | import { getForm } from "./flowform"; |
72 | import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; | 72 | import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; |
73 | import NoticeBar from "@/components/NoticeBar/index"; | 73 | import NoticeBar from "@/components/NoticeBar/index"; |
74 | import ProcessViewer from "./components/processViewer.vue"; | 74 | // import ProcessViewer from "./components/processViewer.vue"; |
75 | // 引入左侧菜单 | 75 | // 引入左侧菜单 |
76 | import { leftMenubl } from "@/api/djbRepair.js"; | 76 | import { leftMenubl } from "@/api/djbRepair.js"; |
77 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 77 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
... | @@ -86,7 +86,6 @@ | ... | @@ -86,7 +86,6 @@ |
86 | components: { | 86 | components: { |
87 | selectBdc, | 87 | selectBdc, |
88 | NoticeBar, | 88 | NoticeBar, |
89 | ProcessViewer, | ||
90 | ordinaryMenu, | 89 | ordinaryMenu, |
91 | qllxDailog, | 90 | qllxDailog, |
92 | }, | 91 | }, | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 16:04:43 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <dialogBox title="新增法律法规" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" | 7 | <dialogBox title="新增法律法规" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" |
3 | @closeDialog="closeDialog" v-model="value"> | 8 | @closeDialog="closeDialog" v-model="value"> |
... | @@ -25,9 +30,9 @@ | ... | @@ -25,9 +30,9 @@ |
25 | </template> | 30 | </template> |
26 | 31 | ||
27 | <script> | 32 | <script> |
28 | import { addSysNotice } from "@/api/sysNotice.js" | 33 | import { addSysNotice } from "@/api/sysNotice.js" |
29 | import { upload } from "@/api/file.js" | 34 | import { upload } from "@/api/file.js" |
30 | export default { | 35 | export default { |
31 | props: { | 36 | props: { |
32 | value: { type: Boolean, default: false }, | 37 | value: { type: Boolean, default: false }, |
33 | }, | 38 | }, |
... | @@ -89,8 +94,7 @@ export default { | ... | @@ -89,8 +94,7 @@ export default { |
89 | }) | 94 | }) |
90 | }, | 95 | }, |
91 | } | 96 | } |
92 | } | 97 | } |
93 | </script> | 98 | </script> |
94 | <style scoped lang="scss"> | 99 | <style scoped lang="scss"> |
95 | |||
96 | </style> | 100 | </style> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 16:04:47 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
... | @@ -29,11 +34,11 @@ | ... | @@ -29,11 +34,11 @@ |
29 | </div> | 34 | </div> |
30 | </template> | 35 | </template> |
31 | <script> | 36 | <script> |
32 | import table from "@/utils/mixin/table"; | 37 | import table from "@/utils/mixin/table"; |
33 | import { datas, sendThis } from "./flfgdata"; | 38 | import { datas, sendThis } from "./flfgdata"; |
34 | import { getSysPolicyList, deleteSysNotice } from "@/api/sysNotice.js" | 39 | import { getSysPolicyList, deleteSysNotice } from "@/api/sysNotice.js" |
35 | import addDialog from "./components/addDialog.vue"; | 40 | import addDialog from "./components/addDialog.vue"; |
36 | export default { | 41 | export default { |
37 | name: "flfg", | 42 | name: "flfg", |
38 | components: { addDialog }, | 43 | components: { addDialog }, |
39 | mixins: [table], | 44 | mixins: [table], |
... | @@ -100,8 +105,8 @@ export default { | ... | @@ -100,8 +105,8 @@ export default { |
100 | }); | 105 | }); |
101 | }, | 106 | }, |
102 | }, | 107 | }, |
103 | }; | 108 | }; |
104 | </script> | 109 | </script> |
105 | <style scoped lang="scss"> | 110 | <style scoped lang="scss"> |
106 | @import "~@/styles/public.scss"; | 111 | @import "~@/styles/public.scss"; |
107 | </style> | 112 | </style> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-07-19 16:04:58 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div> | 7 | <div> |
3 | <div class="qtjfjmb-edit-title"> | 8 | <div class="qtjfjmb-edit-title"> |
... | @@ -117,8 +122,8 @@ | ... | @@ -117,8 +122,8 @@ |
117 | </template> | 122 | </template> |
118 | 123 | ||
119 | <script> | 124 | <script> |
120 | import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/sysSqywmbsz' | 125 | import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/sysSqywmbsz' |
121 | export default { | 126 | export default { |
122 | props: { | 127 | props: { |
123 | formData: { | 128 | formData: { |
124 | type: Object, | 129 | type: Object, |
... | @@ -216,19 +221,19 @@ export default { | ... | @@ -216,19 +221,19 @@ export default { |
216 | }) | 221 | }) |
217 | } | 222 | } |
218 | } | 223 | } |
219 | } | 224 | } |
220 | </script> | 225 | </script> |
221 | <style scoped lang="scss"> | 226 | <style scoped lang="scss"> |
222 | @import "~@/styles/mixin.scss"; | 227 | @import "~@/styles/mixin.scss"; |
223 | @import "~@/styles/dialogBoxheader.scss"; | 228 | @import "~@/styles/dialogBoxheader.scss"; |
224 | 229 | ||
225 | .qtjfjmb-edit-title { | 230 | .qtjfjmb-edit-title { |
226 | padding-bottom: 10px; | 231 | padding-bottom: 10px; |
227 | border-bottom: 1px solid $borderColor; | 232 | border-bottom: 1px solid $borderColor; |
228 | margin-bottom: 10px; | 233 | margin-bottom: 10px; |
229 | } | 234 | } |
230 | 235 | ||
231 | ul { | 236 | ul { |
232 | @include flex; | 237 | @include flex; |
233 | border-radius: 5px; | 238 | border-radius: 5px; |
234 | overflow: hidden; | 239 | overflow: hidden; |
... | @@ -252,5 +257,5 @@ ul { | ... | @@ -252,5 +257,5 @@ ul { |
252 | @extend .active; | 257 | @extend .active; |
253 | } | 258 | } |
254 | } | 259 | } |
255 | } | 260 | } |
256 | </style> | 261 | </style> | ... | ... |
... | @@ -38,6 +38,7 @@ | ... | @@ -38,6 +38,7 @@ |
38 | }, | 38 | }, |
39 | data () { | 39 | data () { |
40 | return { | 40 | return { |
41 | isDisabled: this.disabled, | ||
41 | key: 0, | 42 | key: 0, |
42 | dataIndex: 0, | 43 | dataIndex: 0, |
43 | dialog: false, | 44 | dialog: false, |
... | @@ -48,7 +49,7 @@ | ... | @@ -48,7 +49,7 @@ |
48 | width: '50', | 49 | width: '50', |
49 | renderHeader: (h, scope) => { | 50 | renderHeader: (h, scope) => { |
50 | return <div> { | 51 | return <div> { |
51 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 52 | this.isDisabled? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
52 | } | 53 | } |
53 | </div> | 54 | </div> |
54 | }, | 55 | }, |
... | @@ -56,7 +57,7 @@ | ... | @@ -56,7 +57,7 @@ |
56 | return ( | 57 | return ( |
57 | <div> | 58 | <div> |
58 | { | 59 | { |
59 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 60 | this.isDisabled? <span>{scope.$index + 1}</span> : |
60 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 61 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> |
61 | } | 62 | } |
62 | </div> | 63 | </div> |
... | @@ -88,7 +89,7 @@ | ... | @@ -88,7 +89,7 @@ |
88 | return ( | 89 | return ( |
89 | <div> | 90 | <div> |
90 | { | 91 | { |
91 | this.$route.query.viewtype == 1 ? <el-button | 92 | this.isDisabled? <el-button |
92 | icon="el-icon-view" | 93 | icon="el-icon-view" |
93 | type="text" | 94 | type="text" |
94 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} disabled={this.isDisabled}>查看</el-button> : <el-button | 95 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} disabled={this.isDisabled}>查看</el-button> : <el-button | ... | ... |
... | @@ -74,7 +74,7 @@ | ... | @@ -74,7 +74,7 @@ |
74 | return ( | 74 | return ( |
75 | <div> | 75 | <div> |
76 | { | 76 | { |
77 | this.$route.query.viewtype == 1 ? '序号' : | 77 | this.ableOperation? '序号' : |
78 | <i | 78 | <i |
79 | class="el-icon-plus pointer" | 79 | class="el-icon-plus pointer" |
80 | onClick={() => { | 80 | onClick={() => { |
... | @@ -91,7 +91,7 @@ | ... | @@ -91,7 +91,7 @@ |
91 | return ( | 91 | return ( |
92 | <div> | 92 | <div> |
93 | { | 93 | { |
94 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 94 | this.ableOperation? <span>{scope.$index + 1}</span> : |
95 | <i | 95 | <i |
96 | class="el-icon-minus pointer" | 96 | class="el-icon-minus pointer" |
97 | 97 | ... | ... |
... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
23 | </div> | 23 | </div> |
24 | </div> | 24 | </div> |
25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" | 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" |
26 | v-if="!this.$route.query.viewtype && ableOperation">新增</el-button> | 26 | v-if="ableOperation">新增</el-button> |
27 | </div> | 27 | </div> |
28 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" :ableOperation="ableOperation" @updateList="updateList" | 28 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" :ableOperation="ableOperation" @updateList="updateList" |
29 | @nextPriview="nextPriview" | 29 | @nextPriview="nextPriview" | ... | ... |
... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" |
9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
10 | </lb-table> | 10 | </lb-table> |
11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | 11 | <addQlr v-model="dialog" :details="details" :showButton="!isDisabled" @updateDetail="handleupdateDetail" /> |
12 | </div> | 12 | </div> |
13 | </template> | 13 | </template> |
14 | <script> | 14 | <script> |
... | @@ -44,7 +44,6 @@ | ... | @@ -44,7 +44,6 @@ |
44 | dataIndex: 0, | 44 | dataIndex: 0, |
45 | dialog: false, | 45 | dialog: false, |
46 | isaddupdate: false, | 46 | isaddupdate: false, |
47 | showButton: this.$route.query.viewtype ? false : true, | ||
48 | isDisabled: this.disabled, | 47 | isDisabled: this.disabled, |
49 | details: {}, | 48 | details: {}, |
50 | tableDataList: [], | 49 | tableDataList: [], |
... | @@ -53,7 +52,7 @@ | ... | @@ -53,7 +52,7 @@ |
53 | width: '50', | 52 | width: '50', |
54 | renderHeader: (h, scope) => { | 53 | renderHeader: (h, scope) => { |
55 | return <div> { | 54 | return <div> { |
56 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 55 | this.isDisabled? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
57 | } | 56 | } |
58 | </div> | 57 | </div> |
59 | }, | 58 | }, |
... | @@ -61,7 +60,7 @@ | ... | @@ -61,7 +60,7 @@ |
61 | return ( | 60 | return ( |
62 | <div> | 61 | <div> |
63 | { | 62 | { |
64 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 63 | this.isDisabled? <span>{scope.$index + 1}</span> : |
65 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 64 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> |
66 | } | 65 | } |
67 | </div> | 66 | </div> |
... | @@ -104,7 +103,7 @@ | ... | @@ -104,7 +103,7 @@ |
104 | return ( | 103 | return ( |
105 | <div> | 104 | <div> |
106 | { | 105 | { |
107 | this.$route.query.viewtype ? <el-button | 106 | this.isDisabled ? <el-button |
108 | icon="el-icon-view" | 107 | icon="el-icon-view" |
109 | type="text" | 108 | type="text" |
110 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} disabled={this.isDisabled} > 查看</el-button> : <el-button | 109 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} disabled={this.isDisabled} > 查看</el-button> : <el-button |
... | @@ -239,7 +238,7 @@ | ... | @@ -239,7 +238,7 @@ |
239 | /deep/.el-table th { | 238 | /deep/.el-table th { |
240 | height: 30px !important; | 239 | height: 30px !important; |
241 | } | 240 | } |
242 | /deep/.el-table--small .el-table__cell { | 241 | /deep/.el-table .cell { |
243 | padding: 3px; | 242 | padding-right: 12px; |
244 | } | 243 | } |
245 | </style> | 244 | </style> | ... | ... |
... | @@ -83,11 +83,7 @@ | ... | @@ -83,11 +83,7 @@ |
83 | }, | 83 | }, |
84 | }, | 84 | }, |
85 | mounted () { | 85 | mounted () { |
86 | this.propsParam.isEdit=this.$parent.isEdit | 86 | this.ableOperation = this.$parent.ableOperation; |
87 | this.propsParam = this.$attrs; | ||
88 | if (this.$route.query.viewtype) { | ||
89 | this.ableOperation = false | ||
90 | } | ||
91 | this.list(); | 87 | this.list(); |
92 | }, | 88 | }, |
93 | methods: { | 89 | methods: { |
... | @@ -98,7 +94,7 @@ | ... | @@ -98,7 +94,7 @@ |
98 | var formdata = new FormData(); | 94 | var formdata = new FormData(); |
99 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | 95 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); |
100 | formdata.append("bestepid", this.$route.query.bestepid); | 96 | formdata.append("bestepid", this.$route.query.bestepid); |
101 | formdata.append("ableOperation", this.ableOperation) | 97 | // formdata.append("ableOperation", this.ableOperation) |
102 | getSpyjList(formdata).then((res) => { | 98 | getSpyjList(formdata).then((res) => { |
103 | this.$endLoading() | 99 | this.$endLoading() |
104 | if (res.code === 200 && res.result) { | 100 | if (res.code === 200 && res.result) { | ... | ... |
... | @@ -41,7 +41,7 @@ | ... | @@ -41,7 +41,7 @@ |
41 | width: '50', | 41 | width: '50', |
42 | renderHeader: (h, scope) => { | 42 | renderHeader: (h, scope) => { |
43 | return <div> { | 43 | return <div> { |
44 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> | 44 | this.ableOperation ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> |
45 | } | 45 | } |
46 | </div> | 46 | </div> |
47 | }, | 47 | }, |
... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +49,7 @@ |
49 | return ( | 49 | return ( |
50 | <div> | 50 | <div> |
51 | { | 51 | { |
52 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 52 | this.ableOperation ? <span>{scope.$index + 1}</span> : |
53 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | 53 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> |
54 | } | 54 | } |
55 | </div> | 55 | </div> | ... | ... |
... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
63 | import { getStepFormInfo, unClaimTask } from "@/api/workFlow.js" | 63 | import { getStepFormInfo, unClaimTask } from "@/api/workFlow.js" |
64 | import { getForm } from "./flowform" | 64 | import { getForm } from "./flowform" |
65 | import NoticeBar from "@/components/NoticeBar/index" | 65 | import NoticeBar from "@/components/NoticeBar/index" |
66 | import ProcessViewer from "./components/processViewer.vue" | 66 | // import ProcessViewer from "./components/processViewer.vue" |
67 | // 引入左侧菜单 | 67 | // 引入左侧菜单 |
68 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" | 68 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" |
69 | // 引入左侧菜单 | 69 | // 引入左侧菜单 |
... | @@ -73,7 +73,6 @@ | ... | @@ -73,7 +73,6 @@ |
73 | components: { | 73 | components: { |
74 | selectBdc, | 74 | selectBdc, |
75 | NoticeBar, | 75 | NoticeBar, |
76 | ProcessViewer, | ||
77 | ordinaryMenu, | 76 | ordinaryMenu, |
78 | segmentMenu | 77 | segmentMenu |
79 | }, | 78 | }, | ... | ... |
... | @@ -64,12 +64,12 @@ | ... | @@ -64,12 +64,12 @@ |
64 | <el-row :gutter="10"> | 64 | <el-row :gutter="10"> |
65 | <el-col :span="8"> | 65 | <el-col :span="8"> |
66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> | 66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> |
67 | <el-input v-model="ruleForm.cfdjList[0].cfjg" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 67 | <el-input v-model="ruleForm.cfdjList[0].cfjg" :disabled="!ableOperation|| isJfOperation"></el-input> |
68 | </el-form-item> | 68 | </el-form-item> |
69 | </el-col> | 69 | </el-col> |
70 | <el-col :span="8"> | 70 | <el-col :span="8"> |
71 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> | 71 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> |
72 | <el-input v-model="ruleForm.cfdjList[0].cfwh" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 72 | <el-input v-model="ruleForm.cfdjList[0].cfwh" :disabled="!ableOperation|| isJfOperation"></el-input> |
73 | </el-form-item> | 73 | </el-form-item> |
74 | </el-col> | 74 | </el-col> |
75 | <!-- 批量查封状态有多种查封类型,不予展示 --> | 75 | <!-- 批量查封状态有多种查封类型,不予展示 --> |
... | @@ -82,19 +82,19 @@ | ... | @@ -82,19 +82,19 @@ |
82 | <el-row :gutter="10"> | 82 | <el-row :gutter="10"> |
83 | <el-col :span="8"> | 83 | <el-col :span="8"> |
84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> | 84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> |
85 | <el-input v-model="ruleForm.cfdjList[0].cfqx" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 85 | <el-input v-model="ruleForm.cfdjList[0].cfqx" :disabled="!ableOperation|| isJfOperation"></el-input> |
86 | </el-form-item> | 86 | </el-form-item> |
87 | </el-col> | 87 | </el-col> |
88 | <el-col :span="8"> | 88 | <el-col :span="8"> |
89 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> | 89 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> |
90 | <el-date-picker v-model="ruleForm.cfdjList[0].cfqssj" class="width100" type="date" placeholder="选择日期" | 90 | <el-date-picker v-model="ruleForm.cfdjList[0].cfqssj" class="width100" type="date" placeholder="选择日期" |
91 | value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || isJfOperation"></el-date-picker> | 91 | value-format="yyyy-MM-dd" :disabled="!ableOperation|| isJfOperation"></el-date-picker> |
92 | </el-form-item> | 92 | </el-form-item> |
93 | </el-col> | 93 | </el-col> |
94 | <el-col :span="8"> | 94 | <el-col :span="8"> |
95 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj"> | 95 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj"> |
96 | <el-date-picker v-model="ruleForm.cfdjList[0].cfjssj" class="width100" | 96 | <el-date-picker v-model="ruleForm.cfdjList[0].cfjssj" class="width100" |
97 | :disabled="$route.query.viewtype || isJfOperation" type="date" placeholder="选择日期" | 97 | :disabled="!ableOperation|| isJfOperation" type="date" placeholder="选择日期" |
98 | value-format="yyyy-MM-dd"></el-date-picker> | 98 | value-format="yyyy-MM-dd"></el-date-picker> |
99 | </el-form-item> | 99 | </el-form-item> |
100 | </el-col> | 100 | </el-col> |
... | @@ -102,19 +102,19 @@ | ... | @@ -102,19 +102,19 @@ |
102 | <el-row :gutter="10"> | 102 | <el-row :gutter="10"> |
103 | <el-col :span="8"> | 103 | <el-col :span="8"> |
104 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> | 104 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> |
105 | <el-input v-model="ruleForm.cfdjList[0].cfwj" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 105 | <el-input v-model="ruleForm.cfdjList[0].cfwj" :disabled="!ableOperation|| isJfOperation"></el-input> |
106 | </el-form-item> | 106 | </el-form-item> |
107 | </el-col> | 107 | </el-col> |
108 | <el-col :span="16"> | 108 | <el-col :span="16"> |
109 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> | 109 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> |
110 | <el-input v-model="ruleForm.cfdjList[0].cffw" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 110 | <el-input v-model="ruleForm.cfdjList[0].cffw" :disabled="!ableOperation|| isJfOperation"></el-input> |
111 | </el-form-item> | 111 | </el-form-item> |
112 | </el-col> | 112 | </el-col> |
113 | </el-row> | 113 | </el-row> |
114 | <el-row :gutter="10"> | 114 | <el-row :gutter="10"> |
115 | <el-col :span="24"> | 115 | <el-col :span="24"> |
116 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj"> | 116 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj"> |
117 | <el-input v-model="ruleForm.cfdjList[0].fj" type="textarea" :disabled="$route.query.viewtype || isJfOperation"> | 117 | <el-input v-model="ruleForm.cfdjList[0].fj" type="textarea" :disabled="!ableOperation|| isJfOperation"> |
118 | </el-input> | 118 | </el-input> |
119 | </el-form-item> | 119 | </el-form-item> |
120 | </el-col> | 120 | </el-col> |
... | @@ -123,7 +123,7 @@ | ... | @@ -123,7 +123,7 @@ |
123 | <el-col> | 123 | <el-col> |
124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> | 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> |
125 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdjList[0].djyy" | 125 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdjList[0].djyy" |
126 | :disabled="$route.query.viewtype || isJfOperation"></el-input> | 126 | :disabled="!ableOperation|| isJfOperation"></el-input> |
127 | </el-form-item> | 127 | </el-form-item> |
128 | </el-col> | 128 | </el-col> |
129 | </el-row> | 129 | </el-row> |
... | @@ -135,23 +135,23 @@ | ... | @@ -135,23 +135,23 @@ |
135 | <el-row :gutter="10"> | 135 | <el-row :gutter="10"> |
136 | <el-col :span="8"> | 136 | <el-col :span="8"> |
137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> | 137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> |
138 | <el-input v-model="ruleForm.cfdjList[0].jfjg" :disabled="$route.query.viewtype"></el-input> | 138 | <el-input v-model="ruleForm.cfdjList[0].jfjg" :disabled="!ableOperation"></el-input> |
139 | </el-form-item> | 139 | </el-form-item> |
140 | </el-col> | 140 | </el-col> |
141 | <el-col :span="8"> | 141 | <el-col :span="8"> |
142 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> | 142 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> |
143 | <el-input v-model="ruleForm.cfdjList[0].jfwj" :disabled="$route.query.viewtype"></el-input> | 143 | <el-input v-model="ruleForm.cfdjList[0].jfwj" :disabled="!ableOperation"></el-input> |
144 | </el-form-item> | 144 | </el-form-item> |
145 | </el-col> | 145 | </el-col> |
146 | <el-col :span="8"> | 146 | <el-col :span="8"> |
147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> | 147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> |
148 | <el-input v-model="ruleForm.cfdjList[0].jfwh" :disabled="$route.query.viewtype"></el-input> | 148 | <el-input v-model="ruleForm.cfdjList[0].jfwh" :disabled="!ableOperation"></el-input> |
149 | </el-form-item> | 149 | </el-form-item> |
150 | </el-col> | 150 | </el-col> |
151 | </el-row> | 151 | </el-row> |
152 | </div> | 152 | </div> |
153 | </div> | 153 | </div> |
154 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 154 | <el-row class="btn" v-if="ableOperation"> |
155 | <el-form-item :class="flag ? 'marginBot0' : ''"> | 155 | <el-form-item :class="flag ? 'marginBot0' : ''"> |
156 | <el-button type="primary" @click="onSubmit">保存</el-button> | 156 | <el-button type="primary" @click="onSubmit">保存</el-button> |
157 | </el-form-item> | 157 | </el-form-item> | ... | ... |
... | @@ -152,14 +152,14 @@ | ... | @@ -152,14 +152,14 @@ |
152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> | 152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> |
153 | <el-input | 153 | <el-input |
154 | v-model="ruleForm.cfdj.cfjg" | 154 | v-model="ruleForm.cfdj.cfjg" |
155 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 155 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
156 | </el-form-item> | 156 | </el-form-item> |
157 | </el-col> | 157 | </el-col> |
158 | <el-col :span="8"> | 158 | <el-col :span="8"> |
159 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> | 159 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> |
160 | <el-input | 160 | <el-input |
161 | v-model="ruleForm.cfdj.cfwh" | 161 | v-model="ruleForm.cfdj.cfwh" |
162 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 162 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
163 | </el-form-item> | 163 | </el-form-item> |
164 | </el-col> | 164 | </el-col> |
165 | <el-col :span="8"> | 165 | <el-col :span="8"> |
... | @@ -173,7 +173,7 @@ | ... | @@ -173,7 +173,7 @@ |
173 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> | 173 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> |
174 | <el-input | 174 | <el-input |
175 | v-model="ruleForm.cfdj.cfqx" | 175 | v-model="ruleForm.cfdj.cfqx" |
176 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 176 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
177 | </el-form-item> | 177 | </el-form-item> |
178 | </el-col> | 178 | </el-col> |
179 | <el-col :span="8"> | 179 | <el-col :span="8"> |
... | @@ -184,7 +184,7 @@ | ... | @@ -184,7 +184,7 @@ |
184 | type="date" | 184 | type="date" |
185 | placeholder="选择日期" | 185 | placeholder="选择日期" |
186 | value-format="yyyy-MM-dd" | 186 | value-format="yyyy-MM-dd" |
187 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-date-picker> | 187 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-date-picker> |
188 | </el-form-item> | 188 | </el-form-item> |
189 | </el-col> | 189 | </el-col> |
190 | <el-col :span="8"> | 190 | <el-col :span="8"> |
... | @@ -192,7 +192,7 @@ | ... | @@ -192,7 +192,7 @@ |
192 | <el-date-picker | 192 | <el-date-picker |
193 | v-model="ruleForm.cfdj.cfjssj" | 193 | v-model="ruleForm.cfdj.cfjssj" |
194 | class="width100" | 194 | class="width100" |
195 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | 195 | :disabled="!ableOperation || ableEdit || isJfOperation" |
196 | type="date" | 196 | type="date" |
197 | placeholder="选择日期" | 197 | placeholder="选择日期" |
198 | value-format="yyyy-MM-dd"></el-date-picker> | 198 | value-format="yyyy-MM-dd"></el-date-picker> |
... | @@ -204,14 +204,14 @@ | ... | @@ -204,14 +204,14 @@ |
204 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> | 204 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> |
205 | <el-input | 205 | <el-input |
206 | v-model="ruleForm.cfdj.cfwj" | 206 | v-model="ruleForm.cfdj.cfwj" |
207 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 207 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
208 | </el-form-item> | 208 | </el-form-item> |
209 | </el-col> | 209 | </el-col> |
210 | <el-col :span="16"> | 210 | <el-col :span="16"> |
211 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> | 211 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> |
212 | <el-input | 212 | <el-input |
213 | v-model="ruleForm.cfdj.cffw" | 213 | v-model="ruleForm.cfdj.cffw" |
214 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 214 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
215 | </el-form-item> | 215 | </el-form-item> |
216 | </el-col> | 216 | </el-col> |
217 | </el-row> | 217 | </el-row> |
... | @@ -221,7 +221,7 @@ | ... | @@ -221,7 +221,7 @@ |
221 | <el-input | 221 | <el-input |
222 | v-model="ruleForm.cfdj.fj" | 222 | v-model="ruleForm.cfdj.fj" |
223 | type="textarea" | 223 | type="textarea" |
224 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 224 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
225 | </el-form-item> | 225 | </el-form-item> |
226 | </el-col> | 226 | </el-col> |
227 | </el-row> | 227 | </el-row> |
... | @@ -232,7 +232,7 @@ | ... | @@ -232,7 +232,7 @@ |
232 | class="textArea" | 232 | class="textArea" |
233 | type="textarea" | 233 | type="textarea" |
234 | v-model="ruleForm.cfdj.djyy" | 234 | v-model="ruleForm.cfdj.djyy" |
235 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 235 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
236 | </el-form-item> | 236 | </el-form-item> |
237 | </el-col> | 237 | </el-col> |
238 | </el-row> | 238 | </el-row> |
... | @@ -246,27 +246,27 @@ | ... | @@ -246,27 +246,27 @@ |
246 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> | 246 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> |
247 | <el-input | 247 | <el-input |
248 | v-model="ruleForm.cfdj.jfjg" | 248 | v-model="ruleForm.cfdj.jfjg" |
249 | :disabled="$route.query.viewtype || ableEdit"></el-input> | 249 | :disabled="!ableOperation || ableEdit"></el-input> |
250 | </el-form-item> | 250 | </el-form-item> |
251 | </el-col> | 251 | </el-col> |
252 | <el-col :span="8"> | 252 | <el-col :span="8"> |
253 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> | 253 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> |
254 | <el-input | 254 | <el-input |
255 | v-model="ruleForm.cfdj.jfwj" | 255 | v-model="ruleForm.cfdj.jfwj" |
256 | :disabled="$route.query.viewtype || ableEdit"></el-input> | 256 | :disabled="!ableOperation || ableEdit"></el-input> |
257 | </el-form-item> | 257 | </el-form-item> |
258 | </el-col> | 258 | </el-col> |
259 | <el-col :span="8"> | 259 | <el-col :span="8"> |
260 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> | 260 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> |
261 | <el-input | 261 | <el-input |
262 | v-model="ruleForm.cfdj.jfwh" | 262 | v-model="ruleForm.cfdj.jfwh" |
263 | :disabled="$route.query.viewtype || ableEdit"></el-input> | 263 | :disabled="!ableOperation || ableEdit"></el-input> |
264 | </el-form-item> | 264 | </el-form-item> |
265 | </el-col> | 265 | </el-col> |
266 | </el-row> | 266 | </el-row> |
267 | </div> | 267 | </div> |
268 | </div> | 268 | </div> |
269 | <el-row class="btn" v-if="!$route.query.viewtype && !ableEdit"> | 269 | <el-row class="btn" v-if="ableOperation && !ableEdit"> |
270 | <el-form-item :class="flag ? 'marginBot0' : ''"> | 270 | <el-form-item :class="flag ? 'marginBot0' : ''"> |
271 | <el-button type="primary" @click="onSubmit">保存</el-button> | 271 | <el-button type="primary" @click="onSubmit">保存</el-button> |
272 | </el-form-item> | 272 | </el-form-item> | ... | ... |
... | @@ -139,7 +139,7 @@ | ... | @@ -139,7 +139,7 @@ |
139 | <el-form-item label="被担保主债权数额:"> | 139 | <el-form-item label="被担保主债权数额:"> |
140 | <div style="display:flex"> | 140 | <div style="display:flex"> |
141 | <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation" style="width:500%"></el-input> | 141 | <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation" style="width:500%"></el-input> |
142 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 142 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!ableOperation"> |
143 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 143 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
144 | </el-option> | 144 | </el-option> |
145 | </el-select> | 145 | </el-select> |
... | @@ -170,7 +170,7 @@ | ... | @@ -170,7 +170,7 @@ |
170 | <el-col :span="24"> | 170 | <el-col :span="24"> |
171 | <el-form-item label="担保范围:"> | 171 | <el-form-item label="担保范围:"> |
172 | <el-input v-model="ruleForm.diyaq.dbfw" | 172 | <el-input v-model="ruleForm.diyaq.dbfw" |
173 | :disabled="($route.query.viewtype == 1 || ruleForm.sldy.djlx == '300') && !ableOperation"></el-input> | 173 | :disabled="ruleForm.sldy.djlx == '300'&& !ableOperation"></el-input> |
174 | </el-form-item> | 174 | </el-form-item> |
175 | </el-col> | 175 | </el-col> |
176 | </el-row> | 176 | </el-row> |
... | @@ -184,7 +184,7 @@ | ... | @@ -184,7 +184,7 @@ |
184 | <el-row> | 184 | <el-row> |
185 | <el-col> | 185 | <el-col> |
186 | <el-form-item label="附记:" prop="fj"> | 186 | <el-form-item label="附记:" prop="fj"> |
187 | <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 187 | <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="!ableOperation"></el-input> |
188 | </el-form-item> | 188 | </el-form-item> |
189 | </el-col> | 189 | </el-col> |
190 | </el-row> | 190 | </el-row> |
... | @@ -196,7 +196,7 @@ | ... | @@ -196,7 +196,7 @@ |
196 | <el-row :gutter="10"> | 196 | <el-row :gutter="10"> |
197 | <el-col :span="14"> | 197 | <el-col :span="14"> |
198 | <el-form-item label="共有方式:"> | 198 | <el-form-item label="共有方式:"> |
199 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 199 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
200 | <el-radio label="0">单独所有</el-radio> | 200 | <el-radio label="0">单独所有</el-radio> |
201 | <el-radio label="1">共同共有</el-radio> | 201 | <el-radio label="1">共同共有</el-radio> |
202 | <el-radio label="2">按份所有</el-radio> | 202 | <el-radio label="2">按份所有</el-radio> |
... | @@ -222,13 +222,13 @@ | ... | @@ -222,13 +222,13 @@ |
222 | </el-col> | 222 | </el-col> |
223 | </el-row> | 223 | </el-row> |
224 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList="upDateQlrxxList" | 224 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList="upDateQlrxxList" |
225 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | 225 | :viewtype="!ableOperation" :gyfs="ruleForm.sldy.gyfs" /> |
226 | <div class="slxx_title title-block"> | 226 | <div class="slxx_title title-block"> |
227 | 抵押人信息 | 227 | 抵押人信息 |
228 | <div class="triangle"></div> | 228 | <div class="triangle"></div> |
229 | </div> | 229 | </div> |
230 | <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="!ableOperation" @upDateQlrxxList="upDateYwrxxList" | 230 | <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="!ableOperation" @upDateQlrxxList="upDateYwrxxList" |
231 | :viewtype="$route.query.viewtype" /> | 231 | :viewtype="!ableOperation" /> |
232 | 232 | ||
233 | <div class="slxx_title title-block"> | 233 | <div class="slxx_title title-block"> |
234 | 登记原因 | 234 | 登记原因 |
... | @@ -237,12 +237,12 @@ | ... | @@ -237,12 +237,12 @@ |
237 | <el-row :gutter="10"> | 237 | <el-row :gutter="10"> |
238 | <el-col> | 238 | <el-col> |
239 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> | 239 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> |
240 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 240 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
241 | v-model="ruleForm.diyaq.zxdyyy"> | 241 | v-model="ruleForm.diyaq.zxdyyy"> |
242 | </el-input> | 242 | </el-input> |
243 | </el-form-item> | 243 | </el-form-item> |
244 | <el-form-item v-else label="登记原因:" prop="djyy"> | 244 | <el-form-item v-else label="登记原因:" prop="djyy"> |
245 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 245 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
246 | v-model="ruleForm.diyaq.djyy"> | 246 | v-model="ruleForm.diyaq.djyy"> |
247 | </el-input> | 247 | </el-input> |
248 | </el-form-item> | 248 | </el-form-item> |
... | @@ -250,7 +250,7 @@ | ... | @@ -250,7 +250,7 @@ |
250 | </el-row> | 250 | </el-row> |
251 | 251 | ||
252 | </div> | 252 | </div> |
253 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 253 | <el-row class="btn" v-if="ableOperation"> |
254 | <el-form-item> | 254 | <el-form-item> |
255 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 255 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
256 | </el-form-item> | 256 | </el-form-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-19 14:43:59 | 4 | * @LastEditTime: 2023-07-20 09:30:06 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -141,7 +141,7 @@ | ... | @@ -141,7 +141,7 @@ |
141 | <el-row :gutter="10"> | 141 | <el-row :gutter="10"> |
142 | <el-col :span="14" v-if="ruleForm.qlxx"> | 142 | <el-col :span="14" v-if="ruleForm.qlxx"> |
143 | <el-form-item label="共有方式:"> | 143 | <el-form-item label="共有方式:"> |
144 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" @change="showCZInfo" | 144 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" |
145 | v-model="ruleForm.sldy.gyfs"> | 145 | v-model="ruleForm.sldy.gyfs"> |
146 | <el-radio label="0">单独所有</el-radio> | 146 | <el-radio label="0">单独所有</el-radio> |
147 | <el-radio label="1">共同共有</el-radio> | 147 | <el-radio label="1">共同共有</el-radio> |
... | @@ -194,14 +194,14 @@ | ... | @@ -194,14 +194,14 @@ |
194 | <el-row :gutter="10"> | 194 | <el-row :gutter="10"> |
195 | <el-col> | 195 | <el-col> |
196 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> | 196 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> |
197 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 197 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
198 | v-model="ruleForm.fdcq2.djyy"> | 198 | v-model="ruleForm.fdcq2.djyy"> |
199 | </el-input> | 199 | </el-input> |
200 | </el-form-item> | 200 | </el-form-item> |
201 | </el-col> | 201 | </el-col> |
202 | </el-row> | 202 | </el-row> |
203 | </div> | 203 | </div> |
204 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 204 | <el-row class="btn" v-if="ableOperation"> |
205 | <el-form-item> | 205 | <el-form-item> |
206 | <el-button type="primary" @click="onSubmit">保存</el-button> | 206 | <el-button type="primary" @click="onSubmit">保存</el-button> |
207 | </el-form-item> | 207 | </el-form-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-14 11:18:17 | 4 | * @LastEditTime: 2023-07-20 09:30:11 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -153,7 +153,7 @@ | ... | @@ -153,7 +153,7 @@ |
153 | <el-row :gutter="10"> | 153 | <el-row :gutter="10"> |
154 | <el-col :span="14"> | 154 | <el-col :span="14"> |
155 | <el-form-item label="共有方式:"> | 155 | <el-form-item label="共有方式:"> |
156 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 156 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
157 | <el-radio label="0">单独所有</el-radio> | 157 | <el-radio label="0">单独所有</el-radio> |
158 | <el-radio label="1">共同共有</el-radio> | 158 | <el-radio label="1">共同共有</el-radio> |
159 | <el-radio label="2">按份所有</el-radio> | 159 | <el-radio label="2">按份所有</el-radio> |
... | @@ -187,14 +187,14 @@ | ... | @@ -187,14 +187,14 @@ |
187 | <el-row :gutter="10"> | 187 | <el-row :gutter="10"> |
188 | <el-col> | 188 | <el-col> |
189 | <el-form-item v-if="ruleForm.fdcq2" label="登记原因:" prop="djyy"> | 189 | <el-form-item v-if="ruleForm.fdcq2" label="登记原因:" prop="djyy"> |
190 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 190 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
191 | v-model="ruleForm.fdcq2.djyy"> | 191 | v-model="ruleForm.fdcq2.djyy"> |
192 | </el-input> | 192 | </el-input> |
193 | </el-form-item> | 193 | </el-form-item> |
194 | </el-col> | 194 | </el-col> |
195 | </el-row> | 195 | </el-row> |
196 | </div> | 196 | </div> |
197 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 197 | <el-row class="btn" v-if="ableOperation"> |
198 | <el-form-item> | 198 | <el-form-item> |
199 | <el-button type="primary" @click="onSubmit">保存</el-button> | 199 | <el-button type="primary" @click="onSubmit">保存</el-button> |
200 | </el-form-item> | 200 | </el-form-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:41:40 | 4 | * @LastEditTime: 2023-07-20 09:30:21 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -101,7 +101,7 @@ | ... | @@ -101,7 +101,7 @@ |
101 | <el-row :gutter="10"> | 101 | <el-row :gutter="10"> |
102 | <el-col :span="14"> | 102 | <el-col :span="14"> |
103 | <el-form-item label="共有方式:"> | 103 | <el-form-item label="共有方式:"> |
104 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" | 104 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" |
105 | v-model="ruleForm.sldyList[0].gyfs"> | 105 | v-model="ruleForm.sldyList[0].gyfs"> |
106 | <el-radio label="0">单独所有</el-radio> | 106 | <el-radio label="0">单独所有</el-radio> |
107 | <el-radio label="1">共同共有</el-radio> | 107 | <el-radio label="1">共同共有</el-radio> |
... | @@ -111,7 +111,6 @@ | ... | @@ -111,7 +111,6 @@ |
111 | </el-form-item> | 111 | </el-form-item> |
112 | </el-col> | 112 | </el-col> |
113 | 113 | ||
114 | |||
115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> | 114 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> |
116 | <el-form-item label="是否分别持证:"> | 115 | <el-form-item label="是否分别持证:"> |
117 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> | 116 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> |
... | @@ -138,14 +137,14 @@ | ... | @@ -138,14 +137,14 @@ |
138 | <el-row :gutter="10"> | 137 | <el-row :gutter="10"> |
139 | <el-col> | 138 | <el-col> |
140 | <el-form-item v-if="ruleForm.slsq" label="登记原因:" prop="djyy"> | 139 | <el-form-item v-if="ruleForm.slsq" label="登记原因:" prop="djyy"> |
141 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 140 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
142 | v-model="ruleForm.fdcq2List[0].djyy"> | 141 | v-model="ruleForm.fdcq2List[0].djyy"> |
143 | </el-input> | 142 | </el-input> |
144 | </el-form-item> | 143 | </el-form-item> |
145 | </el-col> | 144 | </el-col> |
146 | </el-row> | 145 | </el-row> |
147 | </div> | 146 | </div> |
148 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 147 | <el-row class="btn" v-if="ableOperation"> |
149 | <el-form-item> | 148 | <el-form-item> |
150 | <el-button type="primary" @click="onSubmit">保存</el-button> | 149 | <el-button type="primary" @click="onSubmit">保存</el-button> |
151 | </el-form-item> | 150 | </el-form-item> |
... | @@ -154,11 +153,11 @@ | ... | @@ -154,11 +153,11 @@ |
154 | </div> | 153 | </div> |
155 | </template> | 154 | </template> |
156 | <script> | 155 | <script> |
157 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 156 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
158 | import {BatchInit, Init, saveBatchData, saveData} from "@/api/workflow/fwsyqFlow.js"; | 157 | import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; |
159 | import { mapGetters } from "vuex"; | 158 | import { mapGetters } from "vuex"; |
160 | export default { | 159 | export default { |
161 | created(callbackfn, thisArg) { | 160 | created (callbackfn, thisArg) { |
162 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 161 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
163 | this.propsParam = this.$attrs; | 162 | this.propsParam = this.$attrs; |
164 | var formdata = new FormData(); | 163 | var formdata = new FormData(); |
... | @@ -184,19 +183,19 @@ export default { | ... | @@ -184,19 +183,19 @@ export default { |
184 | tdytOption: [], | 183 | tdytOption: [], |
185 | czrOptions: [], | 184 | czrOptions: [], |
186 | ruleForm: { | 185 | ruleForm: { |
187 | cfdjList:[]//查封登记 | 186 | cfdjList: []//查封登记 |
188 | ,diyaqList:[]//抵押权 | 187 | , diyaqList: []//抵押权 |
189 | ,fdcq2List:[]//房屋信息集合 | 188 | , fdcq2List: []//房屋信息集合 |
190 | ,qlrList:[]//权利人 | 189 | , qlrList: []//权利人 |
191 | ,ywrList:[]//义务人 | 190 | , ywrList: []//义务人 |
192 | ,qlxxList:[]//权利信息集合 | 191 | , qlxxList: []//权利信息集合 |
193 | ,sldyList:[]//受理不动产单元集合 | 192 | , sldyList: []//受理不动产单元集合 |
194 | ,slsq: {}//受理申请流程明细 | 193 | , slsq: {}//受理申请流程明细 |
195 | ,flow: {}//受理申请流程明细 | 194 | , flow: {}//受理申请流程明细 |
196 | ,sqrList:[]//申请人 | 195 | , sqrList: []//申请人 |
197 | ,ssQlxxList:[]//上手权利信息 | 196 | , ssQlxxList: []//上手权利信息 |
198 | ,user:{}//用户 | 197 | , user: {}//用户 |
199 | ,zdjbxx: {}//宗地基本信息 | 198 | , zdjbxx: {}//宗地基本信息 |
200 | }, | 199 | }, |
201 | //传递参数 | 200 | //传递参数 |
202 | propsParam: this.$attrs, | 201 | propsParam: this.$attrs, |
... | @@ -204,17 +203,17 @@ export default { | ... | @@ -204,17 +203,17 @@ export default { |
204 | ableOperation: true, | 203 | ableOperation: true, |
205 | rules: {}, | 204 | rules: {}, |
206 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 | 205 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 |
207 | splicingFdcq2:{//前端根据后台数组组装展示内容 | 206 | splicingFdcq2: {//前端根据后台数组组装展示内容 |
208 | fwxz:{}//房屋性质 | 207 | fwxz: {}//房屋性质 |
209 | ,fwjg:{}//房屋结构 | 208 | , fwjg: {}//房屋结构 |
210 | ,jzmj:{} //建筑面积 | 209 | , jzmj: {} //建筑面积 |
211 | ,zts:{}//房屋总套数 | 210 | , zts: {}//房屋总套数 |
212 | } | 211 | } |
213 | } | 212 | } |
214 | }, | 213 | }, |
215 | methods: { | 214 | methods: { |
216 | //组装房地产权通用信息 | 215 | //组装房地产权通用信息 |
217 | splicingFdcq2Info(){ | 216 | splicingFdcq2Info () { |
218 | let fdcq2List = this.ruleForm.fdcq2List; | 217 | let fdcq2List = this.ruleForm.fdcq2List; |
219 | let fwxzArr = []; | 218 | let fwxzArr = []; |
220 | let fwjgArr = []; | 219 | let fwjgArr = []; |
... | @@ -231,7 +230,7 @@ export default { | ... | @@ -231,7 +230,7 @@ export default { |
231 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | 230 | let fwjg = Array.from(new Set(fwjgArr)).join(","); |
232 | this.splicingFdcq2.fwxz = fwxz; | 231 | this.splicingFdcq2.fwxz = fwxz; |
233 | this.splicingFdcq2.fwjg = fwjg; | 232 | this.splicingFdcq2.fwjg = fwjg; |
234 | this.splicingFdcq2.jzmj = jzmj==null ? 0 : jzmj; | 233 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; |
235 | this.splicingFdcq2.zts = fdcq2List.length; | 234 | this.splicingFdcq2.zts = fdcq2List.length; |
236 | 235 | ||
237 | }, | 236 | }, |
... | @@ -266,55 +265,55 @@ export default { | ... | @@ -266,55 +265,55 @@ export default { |
266 | }) | 265 | }) |
267 | } | 266 | } |
268 | } | 267 | } |
269 | } | 268 | } |
270 | </script> | 269 | </script> |
271 | <style scoped lang='scss'> | 270 | <style scoped lang='scss'> |
272 | @import "~@/styles/public.scss"; | 271 | @import "~@/styles/public.scss"; |
273 | 272 | ||
274 | /deep/.el-form { | 273 | /deep/.el-form { |
275 | display: flex; | 274 | display: flex; |
276 | flex-direction: column; | 275 | flex-direction: column; |
277 | height: calc(100vh - 130px); | 276 | height: calc(100vh - 130px); |
278 | } | 277 | } |
279 | 278 | ||
280 | /deep/.el-form-item__label { | 279 | /deep/.el-form-item__label { |
281 | padding: 0; | 280 | padding: 0; |
282 | } | 281 | } |
283 | 282 | ||
284 | /deep/.el-radio { | 283 | /deep/.el-radio { |
285 | margin-right: 10px; | 284 | margin-right: 10px; |
286 | } | 285 | } |
287 | 286 | ||
288 | /deep/.el-select { | 287 | /deep/.el-select { |
289 | width: 100%; | 288 | width: 100%; |
290 | } | 289 | } |
291 | 290 | ||
292 | /deep/.el-form-item { | 291 | /deep/.el-form-item { |
293 | margin-bottom: 8px; | 292 | margin-bottom: 8px; |
294 | } | 293 | } |
295 | 294 | ||
296 | .marginBot0 { | 295 | .marginBot0 { |
297 | margin-bottom: 0 !important; | 296 | margin-bottom: 0 !important; |
298 | } | 297 | } |
299 | 298 | ||
300 | .slxx { | 299 | .slxx { |
301 | box-sizing: border-box; | 300 | box-sizing: border-box; |
302 | } | 301 | } |
303 | 302 | ||
304 | .slxx_con { | 303 | .slxx_con { |
305 | flex: 1; | 304 | flex: 1; |
306 | height: 100%; | 305 | height: 100%; |
307 | background-color: #ffffff; | 306 | background-color: #ffffff; |
308 | overflow-y: auto; | 307 | overflow-y: auto; |
309 | padding-right: 3px; | 308 | padding-right: 3px; |
310 | overflow-x: hidden; | 309 | overflow-x: hidden; |
311 | } | 310 | } |
312 | 311 | ||
313 | .submit_btn { | 312 | .submit_btn { |
314 | height: 50px; | 313 | height: 50px; |
315 | } | 314 | } |
316 | 315 | ||
317 | .slxx_title { | 316 | .slxx_title { |
318 | border-bottom: 1px solid $borderColor; | 317 | border-bottom: 1px solid $borderColor; |
319 | padding-left: 10px; | 318 | padding-left: 10px; |
320 | padding-bottom: 5px; | 319 | padding-bottom: 5px; |
... | @@ -323,23 +322,23 @@ export default { | ... | @@ -323,23 +322,23 @@ export default { |
323 | font-size: 16px; | 322 | font-size: 16px; |
324 | font-weight: 500; | 323 | font-weight: 500; |
325 | color: #4a4a4a; | 324 | color: #4a4a4a; |
326 | } | 325 | } |
327 | 326 | ||
328 | .btn { | 327 | .btn { |
329 | text-align: center; | 328 | text-align: center; |
330 | padding-top: 10px; | 329 | padding-top: 10px; |
331 | height: 36px; | 330 | height: 36px; |
332 | background-color: #ffffff; | 331 | background-color: #ffffff; |
333 | padding: 5px 0; | 332 | padding: 5px 0; |
334 | } | 333 | } |
335 | 334 | ||
336 | .textArea { | 335 | .textArea { |
337 | /deep/.el-textarea__inner { | 336 | /deep/.el-textarea__inner { |
338 | min-height: 90px !important; | 337 | min-height: 90px !important; |
339 | } | 338 | } |
340 | } | 339 | } |
341 | 340 | ||
342 | /deep/.el-form-item__label { | 341 | /deep/.el-form-item__label { |
343 | padding-bottom: 0px; | 342 | padding-bottom: 0px; |
344 | } | 343 | } |
345 | </style> | 344 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 10:08:11 | 4 | * @LastEditTime: 2023-07-20 09:32:18 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -139,7 +139,7 @@ | ... | @@ -139,7 +139,7 @@ |
139 | <el-row :gutter="10"> | 139 | <el-row :gutter="10"> |
140 | <el-col :span="14"> | 140 | <el-col :span="14"> |
141 | <el-form-item label="共有方式:"> | 141 | <el-form-item label="共有方式:"> |
142 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.gyfs"> | 142 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.gyfs"> |
143 | <el-radio label="1">单独所有</el-radio> | 143 | <el-radio label="1">单独所有</el-radio> |
144 | <el-radio label="2">共同共有</el-radio> | 144 | <el-radio label="2">共同共有</el-radio> |
145 | <el-radio label="3">按份所有</el-radio> | 145 | <el-radio label="3">按份所有</el-radio> |
... | @@ -171,13 +171,13 @@ | ... | @@ -171,13 +171,13 @@ |
171 | <el-row :gutter="10"> | 171 | <el-row :gutter="10"> |
172 | <el-col> | 172 | <el-col> |
173 | <el-form-item label="登记原因:" prop="djyy"> | 173 | <el-form-item label="登记原因:" prop="djyy"> |
174 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.djyy"> | 174 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" v-model="ruleForm.djyy"> |
175 | </el-input> | 175 | </el-input> |
176 | </el-form-item> | 176 | </el-form-item> |
177 | </el-col> | 177 | </el-col> |
178 | </el-row> | 178 | </el-row> |
179 | </div> | 179 | </div> |
180 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 180 | <el-row class="btn" v-if="ableOperation"> |
181 | <el-form-item> | 181 | <el-form-item> |
182 | <el-button type="primary" @click="onSubmit">保存</el-button> | 182 | <el-button type="primary" @click="onSubmit">保存</el-button> |
183 | </el-form-item> | 183 | </el-form-item> | ... | ... |
... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
138 | <el-row :gutter="10"> | 138 | <el-row :gutter="10"> |
139 | <el-col :span="12"> | 139 | <el-col :span="12"> |
140 | <el-form-item label="共有方式:"> | 140 | <el-form-item label="共有方式:"> |
141 | <el-radio-group :disabled="$route.query.viewtype == 0 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 141 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
142 | <el-radio label="0">单独所有</el-radio> | 142 | <el-radio label="0">单独所有</el-radio> |
143 | <el-radio label="1">共同共有</el-radio> | 143 | <el-radio label="1">共同共有</el-radio> |
144 | <el-radio label="2">按份所有</el-radio> | 144 | <el-radio label="2">按份所有</el-radio> |
... | @@ -165,16 +165,14 @@ | ... | @@ -165,16 +165,14 @@ |
165 | </el-row> | 165 | </el-row> |
166 | <qlrCommonTable :tableData="ruleForm.qlrList" | 166 | <qlrCommonTable :tableData="ruleForm.qlrList" |
167 | :disabled="!ableOperation" | 167 | :disabled="!ableOperation" |
168 | @upDateQlrxxList="upDateQlrxxList" :key="key" | 168 | @upDateQlrxxList="upDateQlrxxList" :key="key" :gyfs="ruleForm.sldy.gyfs" /> |
169 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | ||
170 | 169 | ||
171 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 170 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
172 | <div class="slxx_title title-block"> | 171 | <div class="slxx_title title-block"> |
173 | 义务人信息 | 172 | 义务人信息 |
174 | <div class="triangle"></div> | 173 | <div class="triangle"></div> |
175 | </div> | 174 | </div> |
176 | <qlrCommonTable v-if="ruleForm.ywrList" :disabled="!ableOperation" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" | 175 | <qlrCommonTable v-if="ruleForm.ywrList" :disabled="!ableOperation" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" /> |
177 | :viewtype="$route.query.viewtype" /> | ||
178 | </div> | 176 | </div> |
179 | 177 | ||
180 | <div class="slxx_title title-block"> | 178 | <div class="slxx_title title-block"> |
... | @@ -184,14 +182,14 @@ | ... | @@ -184,14 +182,14 @@ |
184 | <el-row :gutter="10"> | 182 | <el-row :gutter="10"> |
185 | <el-col> | 183 | <el-col> |
186 | <el-form-item label="登记原因:" prop="djyy"> | 184 | <el-form-item label="登记原因:" prop="djyy"> |
187 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype && !ableOperation" | 185 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
188 | v-model="ruleForm.jsydsyq.djyy"> | 186 | v-model="ruleForm.jsydsyq.djyy"> |
189 | </el-input> | 187 | </el-input> |
190 | </el-form-item> | 188 | </el-form-item> |
191 | </el-col> | 189 | </el-col> |
192 | </el-row> | 190 | </el-row> |
193 | </div> | 191 | </div> |
194 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 192 | <el-row class="btn" v-if="ableOperation"> |
195 | <el-form-item> | 193 | <el-form-item> |
196 | <el-button type="primary" @click="onSubmit">保存</el-button> | 194 | <el-button type="primary" @click="onSubmit">保存</el-button> |
197 | </el-form-item> | 195 | </el-form-item> |
... | @@ -227,7 +225,7 @@ | ... | @@ -227,7 +225,7 @@ |
227 | computed: { | 225 | computed: { |
228 | ...mapGetters(["dictData", "flag"]), | 226 | ...mapGetters(["dictData", "flag"]), |
229 | // 根据流程判断表单是否为只读 | 227 | // 根据流程判断表单是否为只读 |
230 | editDisabled() { | 228 | editDisabled () { |
231 | if (!this.ableOperation) { | 229 | if (!this.ableOperation) { |
232 | //只读状态 | 230 | //只读状态 |
233 | return true; | 231 | return true; | ... | ... |
... | @@ -121,7 +121,7 @@ | ... | @@ -121,7 +121,7 @@ |
121 | <el-row :gutter="10"> | 121 | <el-row :gutter="10"> |
122 | <el-col> | 122 | <el-col> |
123 | <el-form-item label="附记:" prop="fj"> | 123 | <el-form-item label="附记:" prop="fj"> |
124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype=='1' && !ableOperation"></el-input> | 124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="!ableOperation"></el-input> |
125 | </el-form-item> | 125 | </el-form-item> |
126 | </el-col> | 126 | </el-col> |
127 | </el-row> | 127 | </el-row> |
... | @@ -143,7 +143,7 @@ | ... | @@ -143,7 +143,7 @@ |
143 | <el-row :gutter="10"> | 143 | <el-row :gutter="10"> |
144 | <el-col :span="14"> | 144 | <el-col :span="14"> |
145 | <el-form-item label="共有方式:"> | 145 | <el-form-item label="共有方式:"> |
146 | <el-radio-group :disabled="$route.query.viewtype=='1' && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 146 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
147 | <el-radio label="0">单独所有</el-radio> | 147 | <el-radio label="0">单独所有</el-radio> |
148 | <el-radio label="1">共同共有</el-radio> | 148 | <el-radio label="1">共同共有</el-radio> |
149 | <el-radio label="2">按份所有</el-radio> | 149 | <el-radio label="2">按份所有</el-radio> |
... | @@ -168,8 +168,7 @@ | ... | @@ -168,8 +168,7 @@ |
168 | </el-form-item> | 168 | </el-form-item> |
169 | </el-col> | 169 | </el-col> |
170 | </el-row> | 170 | </el-row> |
171 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList='upDateQlrxxList' | 171 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList='upDateQlrxxList' :gyfs="ruleForm.sldy.gyfs" /> |
172 | :viewtype="$route.query.viewtype=='1'" :gyfs="ruleForm.sldy.gyfs" /> | ||
173 | <div class="slxx_title title-block"> | 172 | <div class="slxx_title title-block"> |
174 | 登记原因 | 173 | 登记原因 |
175 | <div class="triangle"></div> | 174 | <div class="triangle"></div> |
... | @@ -177,14 +176,14 @@ | ... | @@ -177,14 +176,14 @@ |
177 | <el-row :gutter="10"> | 176 | <el-row :gutter="10"> |
178 | <el-col> | 177 | <el-col> |
179 | <el-form-item label="登记原因:" prop="djyy"> | 178 | <el-form-item label="登记原因:" prop="djyy"> |
180 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype=='1' && !ableOperation" | 179 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
181 | v-model="ruleForm.jsydsyq.djyy"> | 180 | v-model="ruleForm.jsydsyq.djyy"> |
182 | </el-input> | 181 | </el-input> |
183 | </el-form-item> | 182 | </el-form-item> |
184 | </el-col> | 183 | </el-col> |
185 | </el-row> | 184 | </el-row> |
186 | </div> | 185 | </div> |
187 | <el-row class="btn" v-if="!$route.query.viewtype=='1' && ableOperation"> | 186 | <el-row class="btn" v-if="ableOperation"> |
188 | <el-form-item> | 187 | <el-form-item> |
189 | <el-button type="primary" @click="onSubmit">保存</el-button> | 188 | <el-button type="primary" @click="onSubmit">保存</el-button> |
190 | </el-form-item> | 189 | </el-form-item> | ... | ... |
... | @@ -165,7 +165,7 @@ | ... | @@ -165,7 +165,7 @@ |
165 | <el-row :gutter="10"> | 165 | <el-row :gutter="10"> |
166 | <el-col> | 166 | <el-col> |
167 | <el-form-item label="附记:" prop="fj"> | 167 | <el-form-item label="附记:" prop="fj"> |
168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="$route.query.viewtype && !ableOperation"></el-input> | 168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="!ableOperation"></el-input> |
169 | </el-form-item> | 169 | </el-form-item> |
170 | </el-col> | 170 | </el-col> |
171 | </el-row> | 171 | </el-row> |
... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
176 | <el-row :gutter="10"> | 176 | <el-row :gutter="10"> |
177 | <el-col :span="14"> | 177 | <el-col :span="14"> |
178 | <el-form-item label="共有方式:"> | 178 | <el-form-item label="共有方式:"> |
179 | <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="$route.query.viewtype&& !ableOperation"> | 179 | <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!ableOperation"> |
180 | <el-radio label="0">单独所有</el-radio> | 180 | <el-radio label="0">单独所有</el-radio> |
181 | <el-radio label="1">共同共有</el-radio> | 181 | <el-radio label="1">共同共有</el-radio> |
182 | <el-radio label="2">按份所有</el-radio> | 182 | <el-radio label="2">按份所有</el-radio> |
... | @@ -201,14 +201,12 @@ | ... | @@ -201,14 +201,12 @@ |
201 | </el-form-item> | 201 | </el-form-item> |
202 | </el-col> | 202 | </el-col> |
203 | </el-row> | 203 | </el-row> |
204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" | 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.slywxx.gyfs" /> |
205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | ||
206 | <div class="slxx_title title-block"> | 205 | <div class="slxx_title title-block"> |
207 | 家庭成员 | 206 | 家庭成员 |
208 | <div class="triangle"></div> | 207 | <div class="triangle"></div> |
209 | </div> | 208 | </div> |
210 | <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :viewtype="$route.query.viewtype" | 209 | <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :disabled="!ableOperation" :gyfs="ruleForm.slywxx.gyfs" /> |
211 | :gyfs="ruleForm.slywxx.gyfs" /> | ||
212 | <div class="slxx_title title-block"> | 210 | <div class="slxx_title title-block"> |
213 | 登记原因 | 211 | 登记原因 |
214 | <div class="triangle"></div> | 212 | <div class="triangle"></div> |
... | @@ -216,14 +214,14 @@ | ... | @@ -216,14 +214,14 @@ |
216 | <el-row :gutter="10"> | 214 | <el-row :gutter="10"> |
217 | <el-col> | 215 | <el-col> |
218 | <el-form-item label="登记原因:" prop="djyy"> | 216 | <el-form-item label="登记原因:" prop="djyy"> |
219 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype && ableOperation" | 217 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
220 | v-model="ruleForm.nydsyq.djyy"> | 218 | v-model="ruleForm.nydsyq.djyy"> |
221 | </el-input> | 219 | </el-input> |
222 | </el-form-item> | 220 | </el-form-item> |
223 | </el-col> | 221 | </el-col> |
224 | </el-row> | 222 | </el-row> |
225 | </div> | 223 | </div> |
226 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 224 | <el-row class="btn" v-if="ableOperation"> |
227 | <el-form-item> | 225 | <el-form-item> |
228 | <el-button type="primary" @click="onSubmit">保存</el-button> | 226 | <el-button type="primary" @click="onSubmit">保存</el-button> |
229 | </el-form-item> | 227 | </el-form-item> | ... | ... |
... | @@ -165,7 +165,7 @@ | ... | @@ -165,7 +165,7 @@ |
165 | <el-row :gutter="10"> | 165 | <el-row :gutter="10"> |
166 | <el-col> | 166 | <el-col> |
167 | <el-form-item label="附记:" prop="fj"> | 167 | <el-form-item label="附记:" prop="fj"> |
168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="!ableOperation"></el-input> |
169 | </el-form-item> | 169 | </el-form-item> |
170 | </el-col> | 170 | </el-col> |
171 | </el-row> | 171 | </el-row> |
... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
176 | <el-row :gutter="10"> | 176 | <el-row :gutter="10"> |
177 | <el-col :span="14"> | 177 | <el-col :span="14"> |
178 | <el-form-item label="共有方式:"> | 178 | <el-form-item label="共有方式:"> |
179 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 179 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
180 | <el-radio label="0">单独所有</el-radio> | 180 | <el-radio label="0">单独所有</el-radio> |
181 | <el-radio label="1">共同共有</el-radio> | 181 | <el-radio label="1">共同共有</el-radio> |
182 | <el-radio label="2">按份所有</el-radio> | 182 | <el-radio label="2">按份所有</el-radio> |
... | @@ -201,20 +201,17 @@ | ... | @@ -201,20 +201,17 @@ |
201 | </el-form-item> | 201 | </el-form-item> |
202 | </el-col> | 202 | </el-col> |
203 | </el-row> | 203 | </el-row> |
204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" | 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.sldy.gyfs" /> |
205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | ||
206 | <div class="slxx_title title-block"> | 205 | <div class="slxx_title title-block"> |
207 | 义务人信息 | 206 | 义务人信息 |
208 | <div class="triangle"></div> | 207 | <div class="triangle"></div> |
209 | </div> | 208 | </div> |
210 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" | 209 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
211 | :viewtype="$route.query.viewtype" /> | ||
212 | <div class="slxx_title title-block"> | 210 | <div class="slxx_title title-block"> |
213 | 家庭成员 | 211 | 家庭成员 |
214 | <div class="triangle"></div> | 212 | <div class="triangle"></div> |
215 | </div> | 213 | </div> |
216 | <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!ableOperation" @upDateJtcyList="upDateJtcyList" :viewtype="$route.query.viewtype" | 214 | <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!ableOperation" @upDateJtcyList="upDateJtcyList" :gyfs="ruleForm.slywxx.gyfs" /> |
217 | :gyfs="ruleForm.slywxx.gyfs" /> | ||
218 | <div class="slxx_title title-block"> | 215 | <div class="slxx_title title-block"> |
219 | 登记原因 | 216 | 登记原因 |
220 | <div class="triangle"></div> | 217 | <div class="triangle"></div> |
... | @@ -222,14 +219,14 @@ | ... | @@ -222,14 +219,14 @@ |
222 | <el-row :gutter="10"> | 219 | <el-row :gutter="10"> |
223 | <el-col> | 220 | <el-col> |
224 | <el-form-item label="登记原因:" prop="djyy"> | 221 | <el-form-item label="登记原因:" prop="djyy"> |
225 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 222 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
226 | v-model="ruleForm.nydsyq.djyy"> | 223 | v-model="ruleForm.nydsyq.djyy"> |
227 | </el-input> | 224 | </el-input> |
228 | </el-form-item> | 225 | </el-form-item> |
229 | </el-col> | 226 | </el-col> |
230 | </el-row> | 227 | </el-row> |
231 | </div> | 228 | </div> |
232 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 229 | <el-row class="btn" v-if="ableOperation"> |
233 | <el-form-item> | 230 | <el-form-item> |
234 | <el-button type="primary" @click="onSubmit">保存</el-button> | 231 | <el-button type="primary" @click="onSubmit">保存</el-button> |
235 | </el-form-item> | 232 | </el-form-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-14 11:06:27 | 4 | * @LastEditTime: 2023-07-20 09:30:51 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
8 | <div class="slxx"> | 8 | <div class="slxx"> |
9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 9 | <el-form |
10 | :inline="flag" label-width="120px"> | 10 | :model="ruleForm" |
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="120px"> | ||
11 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
12 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
13 | 受理信息 | 19 | 受理信息 |
... | @@ -81,7 +87,9 @@ | ... | @@ -81,7 +87,9 @@ |
81 | </el-col> | 87 | </el-col> |
82 | <el-col :span="8"> | 88 | <el-col :span="8"> |
83 | <el-form-item label="面积单位:"> | 89 | <el-form-item label="面积单位:"> |
84 | <el-input v-model="ruleForm.tdsyq.mjdw" :disabled="!ableOperation"></el-input> | 90 | <el-input |
91 | v-model="ruleForm.tdsyq.mjdw" | ||
92 | :disabled="!ableOperation"></el-input> | ||
85 | </el-form-item> | 93 | </el-form-item> |
86 | </el-col> | 94 | </el-col> |
87 | </el-row> | 95 | </el-row> |
... | @@ -89,10 +97,19 @@ | ... | @@ -89,10 +97,19 @@ |
89 | <el-col :span="8"> | 97 | <el-col :span="8"> |
90 | <el-form-item label="农用地面积:"> | 98 | <el-form-item label="农用地面积:"> |
91 | <div class="flex"> | 99 | <div class="flex"> |
92 | <el-input v-model="ruleForm.tdsyq.nydmj" :disabled="!ableOperation" | 100 | <el-input |
101 | v-model="ruleForm.tdsyq.nydmj" | ||
102 | :disabled="!ableOperation" | ||
93 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 103 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
94 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 104 | <el-select |
95 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 105 | v-model="mjdw" |
106 | :disabled="!ableOperation" | ||
107 | style="width: 20%"> | ||
108 | <el-option | ||
109 | v-for="item in dictData['A7']" | ||
110 | :key="item.dcode" | ||
111 | :label="item.dname" | ||
112 | :value="item.dcode"> | ||
96 | </el-option> | 113 | </el-option> |
97 | </el-select> | 114 | </el-select> |
98 | </div> | 115 | </div> |
... | @@ -101,10 +118,19 @@ | ... | @@ -101,10 +118,19 @@ |
101 | <el-col :span="8"> | 118 | <el-col :span="8"> |
102 | <el-form-item label="耕地面积:"> | 119 | <el-form-item label="耕地面积:"> |
103 | <div class="flex"> | 120 | <div class="flex"> |
104 | <el-input v-model="ruleForm.tdsyq.gdmj" :disabled="!ableOperation" | 121 | <el-input |
122 | v-model="ruleForm.tdsyq.gdmj" | ||
123 | :disabled="!ableOperation" | ||
105 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 124 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
106 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 125 | <el-select |
107 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 126 | v-model="mjdw" |
127 | :disabled="!ableOperation" | ||
128 | style="width: 20%"> | ||
129 | <el-option | ||
130 | v-for="item in dictData['A7']" | ||
131 | :key="item.dcode" | ||
132 | :label="item.dname" | ||
133 | :value="item.dcode"> | ||
108 | </el-option> | 134 | </el-option> |
109 | </el-select> | 135 | </el-select> |
110 | </div> | 136 | </div> |
... | @@ -113,10 +139,19 @@ | ... | @@ -113,10 +139,19 @@ |
113 | <el-col :span="8"> | 139 | <el-col :span="8"> |
114 | <el-form-item label="林地面积:"> | 140 | <el-form-item label="林地面积:"> |
115 | <div class="flex"> | 141 | <div class="flex"> |
116 | <el-input v-model="ruleForm.tdsyq.ldmj" :disabled="!ableOperation" | 142 | <el-input |
143 | v-model="ruleForm.tdsyq.ldmj" | ||
144 | :disabled="!ableOperation" | ||
117 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 145 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
118 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 146 | <el-select |
119 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 147 | v-model="mjdw" |
148 | :disabled="!ableOperation" | ||
149 | style="width: 20%"> | ||
150 | <el-option | ||
151 | v-for="item in dictData['A7']" | ||
152 | :key="item.dcode" | ||
153 | :label="item.dname" | ||
154 | :value="item.dcode"> | ||
120 | </el-option> | 155 | </el-option> |
121 | </el-select> | 156 | </el-select> |
122 | </div> | 157 | </div> |
... | @@ -127,10 +162,19 @@ | ... | @@ -127,10 +162,19 @@ |
127 | <el-col :span="8"> | 162 | <el-col :span="8"> |
128 | <el-form-item label="草地面积:"> | 163 | <el-form-item label="草地面积:"> |
129 | <div class="flex"> | 164 | <div class="flex"> |
130 | <el-input v-model="ruleForm.tdsyq.cdmj" :disabled="!ableOperation" | 165 | <el-input |
166 | v-model="ruleForm.tdsyq.cdmj" | ||
167 | :disabled="!ableOperation" | ||
131 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 168 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
132 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 169 | <el-select |
133 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 170 | v-model="mjdw" |
171 | :disabled="!ableOperation" | ||
172 | style="width: 20%"> | ||
173 | <el-option | ||
174 | v-for="item in dictData['A7']" | ||
175 | :key="item.dcode" | ||
176 | :label="item.dname" | ||
177 | :value="item.dcode"> | ||
134 | </el-option> | 178 | </el-option> |
135 | </el-select> | 179 | </el-select> |
136 | </div> | 180 | </div> |
... | @@ -139,10 +183,19 @@ | ... | @@ -139,10 +183,19 @@ |
139 | <el-col :span="8"> | 183 | <el-col :span="8"> |
140 | <el-form-item label="其他农用地面积:"> | 184 | <el-form-item label="其他农用地面积:"> |
141 | <div class="flex"> | 185 | <div class="flex"> |
142 | <el-input v-model="ruleForm.tdsyq.qtnydmj" :disabled="!ableOperation" | 186 | <el-input |
187 | v-model="ruleForm.tdsyq.qtnydmj" | ||
188 | :disabled="!ableOperation" | ||
143 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 189 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
144 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 190 | <el-select |
145 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 191 | v-model="mjdw" |
192 | :disabled="!ableOperation" | ||
193 | style="width: 20%"> | ||
194 | <el-option | ||
195 | v-for="item in dictData['A7']" | ||
196 | :key="item.dcode" | ||
197 | :label="item.dname" | ||
198 | :value="item.dcode"> | ||
146 | </el-option> | 199 | </el-option> |
147 | </el-select> | 200 | </el-select> |
148 | </div> | 201 | </div> |
... | @@ -151,10 +204,19 @@ | ... | @@ -151,10 +204,19 @@ |
151 | <el-col :span="8"> | 204 | <el-col :span="8"> |
152 | <el-form-item label="建筑使用面积:"> | 205 | <el-form-item label="建筑使用面积:"> |
153 | <div class="flex"> | 206 | <div class="flex"> |
154 | <el-input v-model="ruleForm.tdsyq.jsydmj" :disabled="!ableOperation" | 207 | <el-input |
208 | v-model="ruleForm.tdsyq.jsydmj" | ||
209 | :disabled="!ableOperation" | ||
155 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 210 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
156 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 211 | <el-select |
157 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 212 | v-model="mjdw" |
213 | :disabled="!ableOperation" | ||
214 | style="width: 20%"> | ||
215 | <el-option | ||
216 | v-for="item in dictData['A7']" | ||
217 | :key="item.dcode" | ||
218 | :label="item.dname" | ||
219 | :value="item.dcode"> | ||
158 | </el-option> | 220 | </el-option> |
159 | </el-select> | 221 | </el-select> |
160 | </div> | 222 | </div> |
... | @@ -165,10 +227,19 @@ | ... | @@ -165,10 +227,19 @@ |
165 | <el-col :span="8"> | 227 | <el-col :span="8"> |
166 | <el-form-item label="未利用地面积:"> | 228 | <el-form-item label="未利用地面积:"> |
167 | <div class="flex"> | 229 | <div class="flex"> |
168 | <el-input v-model="ruleForm.tdsyq.wlydmj" :disabled="!ableOperation" | 230 | <el-input |
231 | v-model="ruleForm.tdsyq.wlydmj" | ||
232 | :disabled="!ableOperation" | ||
169 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 233 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
170 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 234 | <el-select |
171 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 235 | v-model="mjdw" |
236 | :disabled="!ableOperation" | ||
237 | style="width: 20%"> | ||
238 | <el-option | ||
239 | v-for="item in dictData['A7']" | ||
240 | :key="item.dcode" | ||
241 | :label="item.dname" | ||
242 | :value="item.dcode"> | ||
172 | </el-option> | 243 | </el-option> |
173 | </el-select> | 244 | </el-select> |
174 | </div> | 245 | </div> |
... | @@ -190,7 +261,9 @@ | ... | @@ -190,7 +261,9 @@ |
190 | <el-row :gutter="10"> | 261 | <el-row :gutter="10"> |
191 | <el-col :span="12"> | 262 | <el-col :span="12"> |
192 | <el-form-item label="共有方式:"> | 263 | <el-form-item label="共有方式:"> |
193 | <el-radio-group :disabled="$route.query.viewtype == 0" v-model="ruleForm.sldy.gyfs"> | 264 | <el-radio-group |
265 | :disabled="!ableOperation" | ||
266 | v-model="ruleForm.sldy.gyfs"> | ||
194 | <el-radio label="0">单独所有</el-radio> | 267 | <el-radio label="0">单独所有</el-radio> |
195 | <el-radio label="1">共同共有</el-radio> | 268 | <el-radio label="1">共同共有</el-radio> |
196 | <el-radio label="2">按份所有</el-radio> | 269 | <el-radio label="2">按份所有</el-radio> |
... | @@ -200,31 +273,50 @@ | ... | @@ -200,31 +273,50 @@ |
200 | </el-col> | 273 | </el-col> |
201 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'"> | 274 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'"> |
202 | <el-form-item label="是否分别持证:"> | 275 | <el-form-item label="是否分别持证:"> |
203 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> | 276 | <el-radio-group |
204 | <el-radio :label=1>是</el-radio> | 277 | v-model="ruleForm.sldy.sqfbcz" |
205 | <el-radio :label=0>否</el-radio> | 278 | :disabled="!ableOperation"> |
279 | <el-radio :label="1">是</el-radio> | ||
280 | <el-radio :label="0">否</el-radio> | ||
206 | </el-radio-group> | 281 | </el-radio-group> |
207 | </el-form-item> | 282 | </el-form-item> |
208 | </el-col> | 283 | </el-col> |
209 | <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0'&&ruleForm.sldy.gyfs == '1'"> | 284 | <el-col |
285 | :span="6" | ||
286 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'"> | ||
210 | <el-form-item label="持证人:"> | 287 | <el-form-item label="持证人:"> |
211 | <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> | 288 | <el-select |
212 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | 289 | v-model="ruleForm.czr" |
290 | placeholder="持证人" | ||
291 | :disabled="!ableOperation"> | ||
292 | <el-option | ||
293 | v-for="item in czrOptions" | ||
294 | :key="item.zjh" | ||
295 | :label="item.sqrmc" | ||
296 | :value="item.zjh"> | ||
213 | </el-option> | 297 | </el-option> |
214 | </el-select> | 298 | </el-select> |
215 | </el-form-item> | 299 | </el-form-item> |
216 | </el-col> | 300 | </el-col> |
217 | </el-row> | 301 | </el-row> |
218 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList="upDateQlrxxList" :key="key" | 302 | <qlrCommonTable |
219 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | 303 | :tableData="ruleForm.qlrList" |
304 | :disabled="!ableOperation" | ||
305 | @upDateQlrxxList="upDateQlrxxList" | ||
306 | :key="key" | ||
307 | :gyfs="ruleForm.sldy.gyfs" /> | ||
220 | 308 | ||
221 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 309 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
222 | <div class="slxx_title title-block"> | 310 | <div class="slxx_title title-block"> |
223 | 义务人信息 | 311 | 义务人信息 |
224 | <div class="triangle"></div> | 312 | <div class="triangle"></div> |
225 | </div> | 313 | </div> |
226 | <qlrCommonTable v-if="ruleForm.ywrList" :disabled="!ableOperation" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" | 314 | <qlrCommonTable |
227 | :viewtype="$route.query.viewtype" /> | 315 | v-if="ruleForm.ywrList" |
316 | :disabled="!ableOperation" | ||
317 | :tableData="ruleForm.ywrList" | ||
318 | :key="key" | ||
319 | @upDateQlrxxList="upDateYwrxxList" /> | ||
228 | </div> | 320 | </div> |
229 | 321 | ||
230 | <div class="slxx_title title-block"> | 322 | <div class="slxx_title title-block"> |
... | @@ -234,14 +326,17 @@ | ... | @@ -234,14 +326,17 @@ |
234 | <el-row :gutter="10"> | 326 | <el-row :gutter="10"> |
235 | <el-col> | 327 | <el-col> |
236 | <el-form-item label="登记原因:" prop="djyy"> | 328 | <el-form-item label="登记原因:" prop="djyy"> |
237 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" | 329 | <el-input |
330 | class="textArea" | ||
331 | type="textarea" | ||
332 | :disabled="!ableOperation" | ||
238 | v-model="ruleForm.tdsyq.djyy"> | 333 | v-model="ruleForm.tdsyq.djyy"> |
239 | </el-input> | 334 | </el-input> |
240 | </el-form-item> | 335 | </el-form-item> |
241 | </el-col> | 336 | </el-col> |
242 | </el-row> | 337 | </el-row> |
243 | </div> | 338 | </div> |
244 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 339 | <el-row class="btn" v-if="ableOperation"> |
245 | <el-form-item> | 340 | <el-form-item> |
246 | <el-button type="primary" @click="onSubmit">保存</el-button> | 341 | <el-button type="primary" @click="onSubmit">保存</el-button> |
247 | </el-form-item> | 342 | </el-form-item> |
... | @@ -250,17 +345,17 @@ | ... | @@ -250,17 +345,17 @@ |
250 | </div> | 345 | </div> |
251 | </template> | 346 | </template> |
252 | <script> | 347 | <script> |
253 | import { mapGetters } from "vuex" | 348 | import { mapGetters } from "vuex"; |
254 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" | 349 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; |
255 | import tdytTable from "@/views/workflow/components/tdytTable"; | 350 | import tdytTable from "@/views/workflow/components/tdytTable"; |
256 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 351 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
257 | export default { | 352 | export default { |
258 | components: { qlrCommonTable, tdytTable }, | 353 | components: { qlrCommonTable, tdytTable }, |
259 | mounted () { | 354 | mounted () { |
260 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 355 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; |
261 | this.propsParam = this.$attrs; | 356 | this.propsParam = this.$attrs; |
262 | var formdata = new FormData(); | 357 | var formdata = new FormData(); |
263 | let that = this | 358 | let that = this; |
264 | this.$startLoading(); | 359 | this.$startLoading(); |
265 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 360 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
266 | formdata.append("djlx", this.propsParam.djlx); | 361 | formdata.append("djlx", this.propsParam.djlx); |
... | @@ -271,24 +366,24 @@ | ... | @@ -271,24 +366,24 @@ |
271 | that.$endLoading(); | 366 | that.$endLoading(); |
272 | that.isShow = true; | 367 | that.isShow = true; |
273 | this.czrOptions = this.ruleForm.qlrList; | 368 | this.czrOptions = this.ruleForm.qlrList; |
274 | }) | 369 | }); |
275 | }) | 370 | }); |
276 | }, | 371 | }, |
277 | 372 | ||
278 | computed: { | 373 | computed: { |
279 | ...mapGetters(["dictData", "flag"]) | 374 | ...mapGetters(["dictData", "flag"]), |
280 | }, | 375 | }, |
281 | data () { | 376 | data () { |
282 | return { | 377 | return { |
283 | mjdw: '1', | 378 | mjdw: "1", |
284 | value2: { | 379 | value2: { |
285 | id: "520000198407304275", | 380 | id: "520000198407304275", |
286 | user: "史平" | 381 | user: "史平", |
287 | }, | 382 | }, |
288 | props: { | 383 | props: { |
289 | label: 'user', | 384 | label: "user", |
290 | value: 'id', | 385 | value: "id", |
291 | keyword: "keyword" | 386 | keyword: "keyword", |
292 | }, | 387 | }, |
293 | 388 | ||
294 | //表单是否可操作 | 389 | //表单是否可操作 |
... | @@ -300,8 +395,8 @@ | ... | @@ -300,8 +395,8 @@ |
300 | ruleForm: {}, | 395 | ruleForm: {}, |
301 | //传递参数 | 396 | //传递参数 |
302 | propsParam: {}, | 397 | propsParam: {}, |
303 | rules: {} | 398 | rules: {}, |
304 | } | 399 | }; |
305 | }, | 400 | }, |
306 | methods: { | 401 | methods: { |
307 | // 更新土地用途信息 | 402 | // 更新土地用途信息 |
... | @@ -311,14 +406,14 @@ | ... | @@ -311,14 +406,14 @@ |
311 | }, | 406 | }, |
312 | // 更新权利人信息 | 407 | // 更新权利人信息 |
313 | upDateQlrxxList (val) { | 408 | upDateQlrxxList (val) { |
314 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | 409 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); |
315 | this.czrOptions = this.ruleForm.qlrList; | 410 | this.czrOptions = this.ruleForm.qlrList; |
316 | this.key++ | 411 | this.key++; |
317 | }, | 412 | }, |
318 | // 更新义务人信息 | 413 | // 更新义务人信息 |
319 | upDateYwrxxList (val) { | 414 | upDateYwrxxList (val) { |
320 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)) | 415 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); |
321 | this.key++ | 416 | this.key++; |
322 | }, | 417 | }, |
323 | onSubmit () { | 418 | onSubmit () { |
324 | if (this.ruleForm.qlrList.length == 0) { | 419 | if (this.ruleForm.qlrList.length == 0) { |
... | @@ -343,18 +438,19 @@ | ... | @@ -343,18 +438,19 @@ |
343 | } | 438 | } |
344 | if (this.ruleForm.sldy.gyfs == "1") { | 439 | if (this.ruleForm.sldy.gyfs == "1") { |
345 | //是否分别持证 | 440 | //是否分别持证 |
346 | if (this.ruleForm.sldy.sqfbcz == '1') { //是 | 441 | if (this.ruleForm.sldy.sqfbcz == "1") { |
442 | //是 | ||
347 | this.ruleForm.qlrList.forEach((item, index) => { | 443 | this.ruleForm.qlrList.forEach((item, index) => { |
348 | item.sfczr = "1" | 444 | item.sfczr = "1"; |
349 | }); | 445 | }); |
350 | } else { | 446 | } else { |
351 | this.ruleForm.qlrList.forEach((item, index) => { | 447 | this.ruleForm.qlrList.forEach((item, index) => { |
352 | if (item.zjh == this.ruleForm.czr) { | 448 | if (item.zjh == this.ruleForm.czr) { |
353 | item.sfczr = "1" | 449 | item.sfczr = "1"; |
354 | } else { | 450 | } else { |
355 | item.sfczr = "0" | 451 | item.sfczr = "0"; |
356 | } | 452 | } |
357 | }) | 453 | }); |
358 | } | 454 | } |
359 | } | 455 | } |
360 | saveData(this.ruleForm).then((res) => { | 456 | saveData(this.ruleForm).then((res) => { |
... | @@ -362,22 +458,22 @@ | ... | @@ -362,22 +458,22 @@ |
362 | this.$message({ | 458 | this.$message({ |
363 | showClose: true, | 459 | showClose: true, |
364 | message: "保存成功!", | 460 | message: "保存成功!", |
365 | type: "success" | 461 | type: "success", |
366 | }) | 462 | }); |
367 | this.$store.dispatch('user/refreshPage', true); | 463 | this.$store.dispatch("user/refreshPage", true); |
368 | } else { | 464 | } else { |
369 | this.$message({ | 465 | this.$message({ |
370 | showClose: true, | 466 | showClose: true, |
371 | message: res.message, | 467 | message: res.message, |
372 | type: "error" | 468 | type: "error", |
373 | }) | 469 | }); |
374 | } | ||
375 | }) | ||
376 | } | ||
377 | } | ||
378 | } | 470 | } |
471 | }); | ||
472 | }, | ||
473 | }, | ||
474 | }; | ||
379 | </script> | 475 | </script> |
380 | <style scoped lang='scss'> | 476 | <style scoped lang="scss"> |
381 | @import "~@/styles/public.scss"; | 477 | @import "~@/styles/public.scss"; |
382 | @import "~@/styles/slxx/slxx.scss"; | 478 | @import "~@/styles/slxx/slxx.scss"; |
383 | </style> | 479 | </style> | ... | ... |
... | @@ -111,7 +111,7 @@ | ... | @@ -111,7 +111,7 @@ |
111 | <el-row :gutter="10"> | 111 | <el-row :gutter="10"> |
112 | <el-col :span="14" v-if="ruleForm.qlxx"> | 112 | <el-col :span="14" v-if="ruleForm.qlxx"> |
113 | <el-form-item label="共有方式:"> | 113 | <el-form-item label="共有方式:"> |
114 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs"> | 114 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
115 | <el-radio label="0">单独所有</el-radio> | 115 | <el-radio label="0">单独所有</el-radio> |
116 | <el-radio label="1">共同共有</el-radio> | 116 | <el-radio label="1">共同共有</el-radio> |
117 | <el-radio label="2">按份所有</el-radio> | 117 | <el-radio label="2">按份所有</el-radio> |
... | @@ -120,13 +120,13 @@ | ... | @@ -120,13 +120,13 @@ |
120 | </el-form-item> | 120 | </el-form-item> |
121 | </el-col> | 121 | </el-col> |
122 | </el-row> | 122 | </el-row> |
123 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 123 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :tableData="ruleForm.qlrList" |
124 | :gyfs="ruleForm.qlxx.gyfs" /> | 124 | :gyfs="ruleForm.qlxx.gyfs" /> |
125 | <div class="slxx_title title-block"> | 125 | <div class="slxx_title title-block"> |
126 | 义务人信息 | 126 | 义务人信息 |
127 | <div class="triangle"></div> | 127 | <div class="triangle"></div> |
128 | </div> | 128 | </div> |
129 | <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 129 | <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" :tableData="ruleForm.ywrList" |
130 | :gyfs="ruleForm.qlxx.gyfs" /> | 130 | :gyfs="ruleForm.qlxx.gyfs" /> |
131 | <div class="slxx_title title-block"> | 131 | <div class="slxx_title title-block"> |
132 | 登记原因 | 132 | 登记原因 |
... | @@ -135,14 +135,14 @@ | ... | @@ -135,14 +135,14 @@ |
135 | <el-row :gutter="10"> | 135 | <el-row :gutter="10"> |
136 | <el-col> | 136 | <el-col> |
137 | <el-form-item label="登记原因:" prop="djyy"> | 137 | <el-form-item label="登记原因:" prop="djyy"> |
138 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 138 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
139 | v-model="ruleForm.ygdj.djyy"> | 139 | v-model="ruleForm.ygdj.djyy"> |
140 | </el-input> | 140 | </el-input> |
141 | </el-form-item> | 141 | </el-form-item> |
142 | </el-col> | 142 | </el-col> |
143 | </el-row> | 143 | </el-row> |
144 | </div> | 144 | </div> |
145 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 145 | <el-row class="btn" v-if="ableOperation"> |
146 | <el-form-item> | 146 | <el-form-item> |
147 | <el-button type="primary" @click="onSubmit">保存</el-button> | 147 | <el-button type="primary" @click="onSubmit">保存</el-button> |
148 | </el-form-item> | 148 | </el-form-item> | ... | ... |
... | @@ -114,7 +114,7 @@ | ... | @@ -114,7 +114,7 @@ |
114 | <el-row :gutter="10"> | 114 | <el-row :gutter="10"> |
115 | <el-col :span="14" v-if="ruleForm.qlxx"> | 115 | <el-col :span="14" v-if="ruleForm.qlxx"> |
116 | <el-form-item label="共有方式:"> | 116 | <el-form-item label="共有方式:"> |
117 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 117 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
118 | <el-radio label="0">单独所有</el-radio> | 118 | <el-radio label="0">单独所有</el-radio> |
119 | <el-radio label="1">共同共有</el-radio> | 119 | <el-radio label="1">共同共有</el-radio> |
120 | <el-radio label="2">按份所有</el-radio> | 120 | <el-radio label="2">按份所有</el-radio> |
... | @@ -138,14 +138,14 @@ | ... | @@ -138,14 +138,14 @@ |
138 | <el-row :gutter="10"> | 138 | <el-row :gutter="10"> |
139 | <el-col> | 139 | <el-col> |
140 | <el-form-item label="登记原因:" prop="djyy"> | 140 | <el-form-item label="登记原因:" prop="djyy"> |
141 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 141 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
142 | v-model="ruleForm.ygdj.djyy"> | 142 | v-model="ruleForm.ygdj.djyy"> |
143 | </el-input> | 143 | </el-input> |
144 | </el-form-item> | 144 | </el-form-item> |
145 | </el-col> | 145 | </el-col> |
146 | </el-row> | 146 | </el-row> |
147 | </div> | 147 | </div> |
148 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 148 | <el-row class="btn" v-if="ableOperation"> |
149 | <el-form-item> | 149 | <el-form-item> |
150 | <el-button type="primary" @click="onSubmit">保存</el-button> | 150 | <el-button type="primary" @click="onSubmit">保存</el-button> |
151 | </el-form-item> | 151 | </el-form-item> | ... | ... |
... | @@ -136,13 +136,13 @@ | ... | @@ -136,13 +136,13 @@ |
136 | <el-col :span="16"> | 136 | <el-col :span="16"> |
137 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定:"> | 137 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定:"> |
138 | <el-input v-model="ruleForm.ygdj.sfczjzhxz" | 138 | <el-input v-model="ruleForm.ygdj.sfczjzhxz" |
139 | :disabled="($route.query.viewtype == 1 || ruleForm.sldy.djlx == '300') && !ableOperation"></el-input> | 139 | :disabled="ruleForm.sldy.djlx == '300' && !ableOperation"></el-input> |
140 | </el-form-item> | 140 | </el-form-item> |
141 | </el-col> | 141 | </el-col> |
142 | <el-col :span="8"> | 142 | <el-col :span="8"> |
143 | <el-form-item label="担保范围:"> | 143 | <el-form-item label="担保范围:"> |
144 | <el-input v-model="ruleForm.ygdj.dbfw" | 144 | <el-input v-model="ruleForm.ygdj.dbfw" |
145 | :disabled="($route.query.viewtype == 1 || ruleForm.sldy.djlx == '300') && !ableOperation"></el-input> | 145 | :disabled="ruleForm.sldy.djlx == '300' && !ableOperation"></el-input> |
146 | </el-form-item> | 146 | </el-form-item> |
147 | </el-col> | 147 | </el-col> |
148 | 148 | ||
... | @@ -150,7 +150,7 @@ | ... | @@ -150,7 +150,7 @@ |
150 | <el-row> | 150 | <el-row> |
151 | <el-col :span="24"> | 151 | <el-col :span="24"> |
152 | <el-form-item label="附记:" prop="fj"> | 152 | <el-form-item label="附记:" prop="fj"> |
153 | <el-input type="textarea" v-model="ruleForm.ygdj.fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 153 | <el-input type="textarea" v-model="ruleForm.ygdj.fj" :disabled="!ableOperation"></el-input> |
154 | </el-form-item> | 154 | </el-form-item> |
155 | </el-col> | 155 | </el-col> |
156 | </el-row> | 156 | </el-row> |
... | @@ -161,7 +161,7 @@ | ... | @@ -161,7 +161,7 @@ |
161 | <el-row :gutter="10"> | 161 | <el-row :gutter="10"> |
162 | <el-col :span="14"> | 162 | <el-col :span="14"> |
163 | <el-form-item label="共有方式:"> | 163 | <el-form-item label="共有方式:"> |
164 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 164 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
165 | <el-radio label="0">单独所有</el-radio> | 165 | <el-radio label="0">单独所有</el-radio> |
166 | <el-radio label="1">共同共有</el-radio> | 166 | <el-radio label="1">共同共有</el-radio> |
167 | <el-radio label="2">按份所有</el-radio> | 167 | <el-radio label="2">按份所有</el-radio> |
... | @@ -185,14 +185,14 @@ | ... | @@ -185,14 +185,14 @@ |
185 | <el-row :gutter="10"> | 185 | <el-row :gutter="10"> |
186 | <el-col> | 186 | <el-col> |
187 | <el-form-item label="登记原因:" prop="djyy"> | 187 | <el-form-item label="登记原因:" prop="djyy"> |
188 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 188 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
189 | v-model="ruleForm.ygdj.djyy"> | 189 | v-model="ruleForm.ygdj.djyy"> |
190 | </el-input> | 190 | </el-input> |
191 | </el-form-item> | 191 | </el-form-item> |
192 | </el-col> | 192 | </el-col> |
193 | </el-row> | 193 | </el-row> |
194 | </div> | 194 | </div> |
195 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 195 | <el-row class="btn" v-if="ableOperation"> |
196 | <el-form-item> | 196 | <el-form-item> |
197 | <el-button type="primary" @click="onSubmit">保存</el-button> | 197 | <el-button type="primary" @click="onSubmit">保存</el-button> |
198 | </el-form-item> | 198 | </el-form-item> | ... | ... |
... | @@ -83,7 +83,7 @@ | ... | @@ -83,7 +83,7 @@ |
83 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> | 83 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> |
84 | <el-form-item label="被担保主债权数额:"> | 84 | <el-form-item label="被担保主债权数额:"> |
85 | <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!ableOperation"></el-input> | 85 | <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!ableOperation"></el-input> |
86 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 86 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!ableOperation"> |
87 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 87 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
88 | </el-option> | 88 | </el-option> |
89 | </el-select> | 89 | </el-select> |
... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
93 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> | 93 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> |
94 | <el-form-item label="最高债权额:"> | 94 | <el-form-item label="最高债权额:"> |
95 | <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!ableOperation"></el-input> | 95 | <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!ableOperation"></el-input> |
96 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 96 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!ableOperation"> |
97 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 97 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
98 | </el-option> | 98 | </el-option> |
99 | </el-select> | 99 | </el-select> |
... | @@ -118,7 +118,7 @@ | ... | @@ -118,7 +118,7 @@ |
118 | <el-col :span="24"> | 118 | <el-col :span="24"> |
119 | <el-form-item label="担保范围:"> | 119 | <el-form-item label="担保范围:"> |
120 | <el-input v-model="ruleForm.diyaqList[0].dbfw" | 120 | <el-input v-model="ruleForm.diyaqList[0].dbfw" |
121 | :disabled="($route.query.viewtype == 1 || ruleForm.sldyList[0].djlx == '300') && !ableOperation"></el-input> | 121 | :disabled="ruleForm.sldyList[0].djlx == '300' && !ableOperation"></el-input> |
122 | </el-form-item> | 122 | </el-form-item> |
123 | </el-col> | 123 | </el-col> |
124 | </el-row> | 124 | </el-row> |
... | @@ -132,7 +132,7 @@ | ... | @@ -132,7 +132,7 @@ |
132 | <el-row> | 132 | <el-row> |
133 | <el-col> | 133 | <el-col> |
134 | <el-form-item label="附记:" prop="fj"> | 134 | <el-form-item label="附记:" prop="fj"> |
135 | <el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 135 | <el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="!ableOperation"></el-input> |
136 | </el-form-item> | 136 | </el-form-item> |
137 | </el-col> | 137 | </el-col> |
138 | </el-row> | 138 | </el-row> |
... | @@ -144,7 +144,7 @@ | ... | @@ -144,7 +144,7 @@ |
144 | <el-row :gutter="10"> | 144 | <el-row :gutter="10"> |
145 | <el-col :span="14"> | 145 | <el-col :span="14"> |
146 | <el-form-item label="共有方式:"> | 146 | <el-form-item label="共有方式:"> |
147 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldyList[0].gyfs"> | 147 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldyList[0].gyfs"> |
148 | <el-radio label="0">单独所有</el-radio> | 148 | <el-radio label="0">单独所有</el-radio> |
149 | <el-radio label="1">共同共有</el-radio> | 149 | <el-radio label="1">共同共有</el-radio> |
150 | <el-radio label="2">按份所有</el-radio> | 150 | <el-radio label="2">按份所有</el-radio> |
... | @@ -169,14 +169,12 @@ | ... | @@ -169,14 +169,12 @@ |
169 | </el-form-item> | 169 | </el-form-item> |
170 | </el-col> | 170 | </el-col> |
171 | </el-row> | 171 | </el-row> |
172 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" | 172 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.sldyList[0].gyfs" /> |
173 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldyList[0].gyfs" /> | ||
174 | <div class="slxx_title title-block"> | 173 | <div class="slxx_title title-block"> |
175 | 抵押人信息 | 174 | 抵押人信息 |
176 | <div class="triangle"></div> | 175 | <div class="triangle"></div> |
177 | </div> | 176 | </div> |
178 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" | 177 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
179 | :viewtype="$route.query.viewtype" /> | ||
180 | 178 | ||
181 | <div class="slxx_title title-block"> | 179 | <div class="slxx_title title-block"> |
182 | 登记原因 | 180 | 登记原因 |
... | @@ -185,20 +183,19 @@ | ... | @@ -185,20 +183,19 @@ |
185 | <el-row :gutter="10"> | 183 | <el-row :gutter="10"> |
186 | <el-col> | 184 | <el-col> |
187 | <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因:" prop="djyy"> | 185 | <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因:" prop="djyy"> |
188 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 186 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
189 | v-model="ruleForm.diyaqList[0].zxdyyy"> | 187 | v-model="ruleForm.diyaqList[0].zxdyyy"> |
190 | </el-input> | 188 | </el-input> |
191 | </el-form-item> | 189 | </el-form-item> |
192 | <el-form-item v-else label="登记原因:" prop="djyy"> | 190 | <el-form-item v-else label="登记原因:" prop="djyy"> |
193 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 191 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
194 | v-model="ruleForm.diyaqList[0].djyy"> | 192 | v-model="ruleForm.diyaqList[0].djyy"> |
195 | </el-input> | 193 | </el-input> |
196 | </el-form-item> | 194 | </el-form-item> |
197 | </el-col> | 195 | </el-col> |
198 | </el-row> | 196 | </el-row> |
199 | |||
200 | </div> | 197 | </div> |
201 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 198 | <el-row class="btn" v-if="ableOperation"> |
202 | <el-form-item> | 199 | <el-form-item> |
203 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 200 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
204 | </el-form-item> | 201 | </el-form-item> | ... | ... |
... | @@ -127,7 +127,7 @@ | ... | @@ -127,7 +127,7 @@ |
127 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> | 127 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> |
128 | <el-form-item label="被担保主债权数额:"> | 128 | <el-form-item label="被担保主债权数额:"> |
129 | <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation"></el-input> | 129 | <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation"></el-input> |
130 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 130 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!ableOperation"> |
131 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 131 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
132 | </el-option> | 132 | </el-option> |
133 | </el-select> | 133 | </el-select> |
... | @@ -137,7 +137,7 @@ | ... | @@ -137,7 +137,7 @@ |
137 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> | 137 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> |
138 | <el-form-item label="最高债权额:"> | 138 | <el-form-item label="最高债权额:"> |
139 | <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!ableOperation"></el-input> | 139 | <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!ableOperation"></el-input> |
140 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 140 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!ableOperation"> |
141 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 141 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
142 | </el-option> | 142 | </el-option> |
143 | </el-select> | 143 | </el-select> |
... | @@ -162,7 +162,7 @@ | ... | @@ -162,7 +162,7 @@ |
162 | <el-col :span="24"> | 162 | <el-col :span="24"> |
163 | <el-form-item label="担保范围:"> | 163 | <el-form-item label="担保范围:"> |
164 | <el-input v-model="ruleForm.diyaq.dbfw" | 164 | <el-input v-model="ruleForm.diyaq.dbfw" |
165 | :disabled="($route.query.viewtype == 1 || ruleForm.sldy.djlx == '300') && !ableOperation"></el-input> | 165 | :disabled="ruleForm.sldy.djlx == '300' && !ableOperation"></el-input> |
166 | </el-form-item> | 166 | </el-form-item> |
167 | </el-col> | 167 | </el-col> |
168 | </el-row> | 168 | </el-row> |
... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
176 | <el-row> | 176 | <el-row> |
177 | <el-col> | 177 | <el-col> |
178 | <el-form-item label="附记:" prop="fj"> | 178 | <el-form-item label="附记:" prop="fj"> |
179 | <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 179 | <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="!ableOperation"></el-input> |
180 | </el-form-item> | 180 | </el-form-item> |
181 | </el-col> | 181 | </el-col> |
182 | </el-row> | 182 | </el-row> |
... | @@ -188,7 +188,7 @@ | ... | @@ -188,7 +188,7 @@ |
188 | <el-row :gutter="10"> | 188 | <el-row :gutter="10"> |
189 | <el-col :span="14"> | 189 | <el-col :span="14"> |
190 | <el-form-item label="共有方式:"> | 190 | <el-form-item label="共有方式:"> |
191 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 191 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
192 | <el-radio label="0">单独所有</el-radio> | 192 | <el-radio label="0">单独所有</el-radio> |
193 | <el-radio label="1">共同共有</el-radio> | 193 | <el-radio label="1">共同共有</el-radio> |
194 | <el-radio label="2">按份所有</el-radio> | 194 | <el-radio label="2">按份所有</el-radio> |
... | @@ -213,14 +213,12 @@ | ... | @@ -213,14 +213,12 @@ |
213 | </el-form-item> | 213 | </el-form-item> |
214 | </el-col> | 214 | </el-col> |
215 | </el-row> | 215 | </el-row> |
216 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" | 216 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.sldy.gyfs" /> |
217 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | ||
218 | <div class="slxx_title title-block"> | 217 | <div class="slxx_title title-block"> |
219 | 抵押人信息 | 218 | 抵押人信息 |
220 | <div class="triangle"></div> | 219 | <div class="triangle"></div> |
221 | </div> | 220 | </div> |
222 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" | 221 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
223 | :viewtype="$route.query.viewtype" /> | ||
224 | 222 | ||
225 | <div class="slxx_title title-block"> | 223 | <div class="slxx_title title-block"> |
226 | 登记原因 | 224 | 登记原因 |
... | @@ -229,20 +227,19 @@ | ... | @@ -229,20 +227,19 @@ |
229 | <el-row :gutter="10"> | 227 | <el-row :gutter="10"> |
230 | <el-col> | 228 | <el-col> |
231 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> | 229 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> |
232 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 230 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
233 | v-model="ruleForm.diyaq.zxdyyy"> | 231 | v-model="ruleForm.diyaq.zxdyyy"> |
234 | </el-input> | 232 | </el-input> |
235 | </el-form-item> | 233 | </el-form-item> |
236 | <el-form-item v-else label="登记原因:" prop="djyy"> | 234 | <el-form-item v-else label="登记原因:" prop="djyy"> |
237 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation " | 235 | <el-input class="textArea" type="textarea" :disabled="!ableOperation " |
238 | v-model="ruleForm.diyaq.djyy"> | 236 | v-model="ruleForm.diyaq.djyy"> |
239 | </el-input> | 237 | </el-input> |
240 | </el-form-item> | 238 | </el-form-item> |
241 | </el-col> | 239 | </el-col> |
242 | </el-row> | 240 | </el-row> |
243 | |||
244 | </div> | 241 | </div> |
245 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 242 | <el-row class="btn" v-if="ableOperation"> |
246 | <el-form-item> | 243 | <el-form-item> |
247 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 244 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
248 | </el-form-item> | 245 | </el-form-item> | ... | ... |
... | @@ -211,9 +211,7 @@ | ... | @@ -211,9 +211,7 @@ |
211 | "/workFrameView?bsmSlsq=" + | 211 | "/workFrameView?bsmSlsq=" + |
212 | item.bsmSlsq + | 212 | item.bsmSlsq + |
213 | "&bestepid=" + | 213 | "&bestepid=" + |
214 | item.bestepid + | 214 | item.bestepid |
215 | "&bsmBusiness=" + | ||
216 | "&viewtype=1" | ||
217 | ); | 215 | ); |
218 | window.open(href, `workFrameView${item.bsmSlsq}`); | 216 | window.open(href, `workFrameView${item.bsmSlsq}`); |
219 | } | 217 | } | ... | ... |
... | @@ -3,9 +3,7 @@ const path = require('path') | ... | @@ -3,9 +3,7 @@ const path = require('path') |
3 | function resolve (dir) { | 3 | function resolve (dir) { |
4 | return path.join(__dirname, dir) | 4 | return path.join(__dirname, dir) |
5 | } | 5 | } |
6 | |||
7 | const port = process.env.port || process.env.npm_config_port || 8888 // dev port | 6 | const port = process.env.port || process.env.npm_config_port || 8888 // dev port |
8 | |||
9 | // All configuration item explanations can be find in https://cli.vuejs.org/config/ | 7 | // All configuration item explanations can be find in https://cli.vuejs.org/config/ |
10 | module.exports = { | 8 | module.exports = { |
11 | /** | 9 | /** | ... | ... |
-
Please register or sign in to post a comment