style:权利人信息
Showing
7 changed files
with
371 additions
and
345 deletions
1 | /* | 1 | /* |
2 | * @Description: 企业银行接口 | 2 | * @Description: 企业银行接口 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-13 17:08:10 | 4 | * @LastEditTime: 2023-09-20 14:49:22 |
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')) |
... | @@ -108,4 +108,20 @@ export function editCompanyMaterialList (data, bsmCompany) { | ... | @@ -108,4 +108,20 @@ export function editCompanyMaterialList (data, bsmCompany) { |
108 | method: 'post', | 108 | method: 'post', |
109 | data | 109 | data |
110 | }) | 110 | }) |
111 | } | ||
112 | |||
113 | /** | ||
114 | * @description: 是否覆盖才材料信息 | ||
115 | * @author: renchao | ||
116 | */ | ||
117 | export function replace (bsmCompany, bsmSldy, bsmSlsq) { | ||
118 | return request({ | ||
119 | url: SERVER.SERVERAPI + '/rest/sys/company/replace', | ||
120 | method: 'get', | ||
121 | params: { | ||
122 | bsmCompany: bsmCompany, | ||
123 | bsmSldy: bsmSldy, | ||
124 | bsmSlsq: bsmSlsq | ||
125 | } | ||
126 | }) | ||
111 | } | 127 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Author: yangwei | 2 | * @Author: yangwei |
3 | * @Date: 2023-02-28 15:47:12 | 3 | * @Date: 2023-02-28 15:47:12 |
4 | * @LastEditors: yangwei | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-09-15 14:52:50 | 5 | * @LastEditTime: 2023-09-20 15:17:07 |
6 | * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue | 6 | * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue |
7 | * @Description: | 7 | * @Description: |
8 | * | 8 | * |
... | @@ -16,16 +16,14 @@ | ... | @@ -16,16 +16,14 @@ |
16 | border="1" | 16 | border="1" |
17 | cellspacing="0" | 17 | cellspacing="0" |
18 | cellpadding="0" | 18 | cellpadding="0" |
19 | v-show="ch.length" | 19 | v-show="ch.length"> |
20 | > | ||
21 | <tr v-for="(cs, csIndex) in ch" :key="csIndex"> | 20 | <tr v-for="(cs, csIndex) in ch" :key="csIndex"> |
22 | <!-- 显示层数 --> | 21 | <!-- 显示层数 --> |
23 | <td | 22 | <td |
24 | class="floor" | 23 | class="floor" |
25 | ref="cBsm" | 24 | ref="cBsm" |
26 | @contextmenu.prevent="openMenu($event, cs, 'c')" | 25 | @contextmenu.prevent="openMenu($event, cs, 'c')" |
27 | @click="handleClickC($event, cs)" | 26 | @click="handleClickC($event, cs)"> |
28 | > | ||
29 | {{ cs.sjc }}层 | 27 | {{ cs.sjc }}层 |
30 | </td> | 28 | </td> |
31 | <!-- 显示户 --> | 29 | <!-- 显示户 --> |
... | @@ -41,18 +39,11 @@ | ... | @@ -41,18 +39,11 @@ |
41 | :class="hs.select ? 'tdSelect' : ''" | 39 | :class="hs.select ? 'tdSelect' : ''" |
42 | @click="handleClickH($event.target, hs.bsm, hs)" | 40 | @click="handleClickH($event.target, hs.bsm, hs)" |
43 | @dblclick="dbclick(hs.bsm)" | 41 | @dblclick="dbclick(hs.bsm)" |
44 | @contextmenu.prevent="openMenu($event, hs, 'h')" | 42 | @contextmenu.prevent="openMenu($event, hs, 'h')"> |
45 | > | ||
46 | {{ hs.shbw }} | 43 | {{ hs.shbw }} |
47 | <span @click.stop="" class="hqszt lin" v-show="hs.qszt == '0'" | 44 | <span @click.stop="" class="hqszt lin" v-show="hs.qszt == '0'">临</span> |
48 | >临</span | 45 | <span @click.stop="" class="hqszt zheng" v-show="hs.qszt == '1'">正</span> |
49 | > | 46 | <span @click.stop="" class="hqszt xian" v-show="hs.qszt == '2'">现</span> |
50 | <span @click.stop="" class="hqszt zheng" v-show="hs.qszt == '1'" | ||
51 | >正</span | ||
52 | > | ||
53 | <span @click.stop="" class="hqszt xian" v-show="hs.qszt == '2'" | ||
54 | >现</span | ||
55 | > | ||
56 | <ul @click.stop="hDyztClick($event, hs.bsm, hs)" class="dyzt"> | 47 | <ul @click.stop="hDyztClick($event, hs.bsm, hs)" class="dyzt"> |
57 | <li style="background-color: #6edee1" v-show="hs.qqzt == '1'"> | 48 | <li style="background-color: #6edee1" v-show="hs.qqzt == '1'"> |
58 | 确 | 49 | 确 |
... | @@ -80,330 +71,329 @@ | ... | @@ -80,330 +71,329 @@ |
80 | </template> | 71 | </template> |
81 | 72 | ||
82 | <script> | 73 | <script> |
83 | export default { | 74 | export default { |
84 | name: "BdcdjWebCh", | 75 | name: "BdcdjWebCh", |
85 | inject: { | 76 | inject: { |
86 | openMenu:{value:'openMenu',default:null}, | 77 | openMenu: { value: 'openMenu', default: null }, |
87 | selectAll:{value:'selectAll',default:null}, | 78 | selectAll: { value: 'selectAll', default: null }, |
88 | changeChoosedObj:{value:'changeChoosedObj',default:null}, | 79 | changeChoosedObj: { value: 'changeChoosedObj', default: null }, |
89 | clearChangeChoosedObj:{value:'clearChangeChoosedObj',default:null}, | 80 | clearChangeChoosedObj: { value: 'clearChangeChoosedObj', default: null }, |
90 | getBsmList:{value:'getBsmList',default:null} | 81 | getBsmList: { value: 'getBsmList', default: null } |
91 | }, | 82 | }, |
92 | props: { | 83 | props: { |
93 | ch: { | 84 | ch: { |
94 | type: Array, | 85 | type: Array, |
95 | default: function () { | 86 | default: function () { |
96 | return []; | 87 | return []; |
88 | }, | ||
97 | }, | 89 | }, |
90 | onlyShow: { | ||
91 | type: Boolean, | ||
92 | default: true, | ||
93 | } | ||
98 | }, | 94 | }, |
99 | onlyShow:{ | 95 | data () { |
100 | type: Boolean, | 96 | return { |
101 | default: true, | 97 | //选中户bsm合集 |
102 | } | 98 | hbsmList: [], |
103 | }, | 99 | //选中层bsm合集 |
104 | data() { | 100 | cbsmList: [], |
105 | return { | 101 | //区分单双击事件的定时器 |
106 | //选中户bsm合集 | 102 | time: null, |
107 | hbsmList: [], | 103 | // 边框颜色 |
108 | //选中层bsm合集 | 104 | borderColor: 'rgb(230, 230, 230)', |
109 | cbsmList: [], | 105 | // 申请单元列表数据 |
110 | //区分单双击事件的定时器 | 106 | unitIdList: [], |
111 | time: null, | 107 | // 组件标识 |
112 | // 边框颜色 | 108 | compFlag: Math.random() |
113 | borderColor:'rgb(230, 230, 230)', | 109 | }; |
114 | // 申请单元列表数据 | 110 | }, |
115 | unitIdList:[], | 111 | mounted () { |
116 | // 组件标识 | 112 | // 根据申请单元列表数据处理选中户 |
117 | compFlag:Math.random() | 113 | if (window.unitData && window.unitData.length) { |
118 | }; | 114 | window.unitData.forEach(e => { |
119 | }, | 115 | this.unitIdList.push(e.bdcdyid) |
120 | mounted() { | 116 | }) |
121 | // 根据申请单元列表数据处理选中户 | 117 | this.ch.forEach((c) => { |
122 | console.log("window.unitData",window.unitData); | 118 | c.hs.forEach((h) => { |
123 | if(window.unitData && window.unitData.length){ | 119 | if (h.dyhbsm.indexOf(this.unitIdList) > -1) { |
124 | window.unitData.forEach(e => { | 120 | h.select = true; |
125 | this.unitIdList.push(e.bdcdyid) | 121 | // 使用hbsmList时,需要去重 |
126 | }) | 122 | this.hbsmList.push(h.bsm) |
127 | this.ch.forEach((c) => { | 123 | } |
128 | c.hs.forEach((h) => { | ||
129 | if (h.dyhbsm.indexOf(this.unitIdList) > -1) { | ||
130 | h.select = true; | ||
131 | // 使用hbsmList时,需要去重 | ||
132 | this.hbsmList.push(h.bsm) | ||
133 | } | ||
134 | }); | ||
135 | }); | ||
136 | } | ||
137 | }, | ||
138 | methods: { | ||
139 | // 层选中事件 | ||
140 | /** | ||
141 | * @description: 层选中事件 | ||
142 | * @param {*} e | ||
143 | * @param {*} item | ||
144 | * @author: renchao | ||
145 | */ | ||
146 | handleClickC(e, item) { | ||
147 | if (!this.onlyShow) { | ||
148 | // 判断点击的层是否选中 | ||
149 | if (e.target.className.indexOf("tdSelect") == -1) { | ||
150 | //未选中→选中 | ||
151 | item.hs.forEach((h) => { | ||
152 | //加边框 | ||
153 | e.target.className += " tdSelect"; | ||
154 | h.select = true; | ||
155 | // 使用hbsmList时,需要去重 | ||
156 | this.hbsmList.push(h.bsm) | ||
157 | }); | ||
158 | } else { | ||
159 | //选中→未选中 | ||
160 | item.hs.forEach((h) => { | ||
161 | e.target.className = "floor"; | ||
162 | h.select = false; | ||
163 | this.hbsmList = this.hbsmList.filter((i) => i != h.bsm); | ||
164 | }); | 124 | }); |
165 | } | 125 | }); |
166 | } | 126 | } |
167 | }, | 127 | }, |
168 | //户单击事件 | 128 | methods: { |
169 | /** | 129 | // 层选中事件 |
170 | * @description: 户单击事件 | 130 | /** |
171 | * @param {*} e | 131 | * @description: 层选中事件 |
172 | * @param {*} bsm | 132 | * @param {*} e |
173 | * @param {*} hs | 133 | * @param {*} item |
174 | * @author: renchao | 134 | * @author: renchao |
175 | */ | 135 | */ |
176 | handleClickH(e, bsm, hs) { | 136 | handleClickC (e, item) { |
177 | if (!this.onlyShow) { | 137 | if (!this.onlyShow) { |
178 | let self = this; | 138 | // 判断点击的层是否选中 |
179 | // 开启延时器,200ms的间隔区分单击和双击,解决双击时执行两次单击事件 | 139 | if (e.target.className.indexOf("tdSelect") == -1) { |
180 | clearTimeout(self.time); | ||
181 | self.time = setTimeout(() => { | ||
182 | // this.closeMenu(); | ||
183 | //判断点击的户是否选中 | ||
184 | if (!hs.select) { | ||
185 | //未选中→选中 | 140 | //未选中→选中 |
186 | //加边框 | 141 | item.hs.forEach((h) => { |
187 | hs.select = true; | 142 | //加边框 |
188 | // 将户bsm放进hbsmList | 143 | e.target.className += " tdSelect"; |
189 | self.hbsmList.push(bsm); | 144 | h.select = true; |
145 | // 使用hbsmList时,需要去重 | ||
146 | this.hbsmList.push(h.bsm) | ||
147 | }); | ||
190 | } else { | 148 | } else { |
191 | //选中→未选中 | 149 | //选中→未选中 |
192 | hs.select = false; | 150 | item.hs.forEach((h) => { |
193 | self.hbsmList = self.hbsmList.filter((i) => i != bsm); | 151 | e.target.className = "floor"; |
194 | } | 152 | h.select = false; |
195 | //更新当前选中户数据 | 153 | this.hbsmList = this.hbsmList.filter((i) => i != h.bsm); |
196 | this.$forceUpdate(); | 154 | }); |
197 | }, 200); | ||
198 | } | ||
199 | }, | ||
200 | // 户单元状态点击事件 | ||
201 | /** | ||
202 | * @description: 户单元状态点击事件 | ||
203 | * @param {*} e | ||
204 | * @param {*} bsm | ||
205 | * @param {*} hs | ||
206 | * @author: renchao | ||
207 | */ | ||
208 | hDyztClick(e, bsm, hs) { | ||
209 | if (!this.onlyShow) { | ||
210 | this.handleClickH(e.target.parentNode, bsm, hs); | ||
211 | } | ||
212 | }, | ||
213 | //户双击事件 | ||
214 | /** | ||
215 | * @description: 户双击事件 | ||
216 | * @param {*} bsm | ||
217 | * @author: renchao | ||
218 | */ | ||
219 | dbclick(bsm) { | ||
220 | // clearTimeout(this.time); | ||
221 | }, | ||
222 | //幢单元全选/反选 | ||
223 | /** | ||
224 | * @description: 幢单元全选/反选 | ||
225 | * @param {*} val | ||
226 | * @param {*} flag | ||
227 | * @author: renchao | ||
228 | */ | ||
229 | zdySelectAll(val,flag) { | ||
230 | // 手动点击全部取消选中 | ||
231 | !flag && this.clearChangeChoosedObj() | ||
232 | this.ch.forEach((c) => { | ||
233 | c.hs.forEach((h) => { | ||
234 | if (val) { | ||
235 | h.select = true; | ||
236 | // 使用hbsmList时,需要去重 | ||
237 | this.hbsmList.push(h.bsm) | ||
238 | } else { | ||
239 | h.select = false; | ||
240 | this.borderColor = 'rgb(230, 230, 230)' | ||
241 | this.hbsmList = [] | ||
242 | } | 155 | } |
243 | }); | 156 | } |
244 | }); | ||
245 | this.$refs.hBsm && this.$refs.hBsm.forEach((item) => { | ||
246 | // item.style.borderColor = this.borderColor | ||
247 | item.style.backgroundColor = '#fff'; | ||
248 | // item.style.border = `1px solid ${this.borderColor}` | ||
249 | }); | ||
250 | }, | ||
251 | //清除选中 | ||
252 | clearChoosed(){ | ||
253 | //清除选中户 | ||
254 | this.zdySelectAll(false) | ||
255 | //清除选中层 | ||
256 | this.cbsmList = []; | ||
257 | this.$refs.cBsm && this.$refs.cBsm.forEach((item)=>{ | ||
258 | item.className = 'floor' | ||
259 | }) | ||
260 | }, | ||
261 | }, | ||
262 | watch: { | ||
263 | selectAll: { | ||
264 | handler(val) { | ||
265 | this.zdySelectAll(val.selectAll); | ||
266 | val.cancelChoosed && this.clearChoosed() | ||
267 | }, | 157 | }, |
268 | immediate: true, | 158 | //户单击事件 |
269 | deep: true, | 159 | /** |
270 | }, | 160 | * @description: 户单击事件 |
271 | hbsmList(val){ | 161 | * @param {*} e |
272 | let list = [] | 162 | * @param {*} bsm |
273 | val.length && val.forEach((i)=>{ | 163 | * @param {*} hs |
164 | * @author: renchao | ||
165 | */ | ||
166 | handleClickH (e, bsm, hs) { | ||
167 | if (!this.onlyShow) { | ||
168 | let self = this; | ||
169 | // 开启延时器,200ms的间隔区分单击和双击,解决双击时执行两次单击事件 | ||
170 | clearTimeout(self.time); | ||
171 | self.time = setTimeout(() => { | ||
172 | // this.closeMenu(); | ||
173 | //判断点击的户是否选中 | ||
174 | if (!hs.select) { | ||
175 | //未选中→选中 | ||
176 | //加边框 | ||
177 | hs.select = true; | ||
178 | // 将户bsm放进hbsmList | ||
179 | self.hbsmList.push(bsm); | ||
180 | } else { | ||
181 | //选中→未选中 | ||
182 | hs.select = false; | ||
183 | self.hbsmList = self.hbsmList.filter((i) => i != bsm); | ||
184 | } | ||
185 | //更新当前选中户数据 | ||
186 | this.$forceUpdate(); | ||
187 | }, 200); | ||
188 | } | ||
189 | }, | ||
190 | // 户单元状态点击事件 | ||
191 | /** | ||
192 | * @description: 户单元状态点击事件 | ||
193 | * @param {*} e | ||
194 | * @param {*} bsm | ||
195 | * @param {*} hs | ||
196 | * @author: renchao | ||
197 | */ | ||
198 | hDyztClick (e, bsm, hs) { | ||
199 | if (!this.onlyShow) { | ||
200 | this.handleClickH(e.target.parentNode, bsm, hs); | ||
201 | } | ||
202 | }, | ||
203 | //户双击事件 | ||
204 | /** | ||
205 | * @description: 户双击事件 | ||
206 | * @param {*} bsm | ||
207 | * @author: renchao | ||
208 | */ | ||
209 | dbclick (bsm) { | ||
210 | // clearTimeout(this.time); | ||
211 | }, | ||
212 | //幢单元全选/反选 | ||
213 | /** | ||
214 | * @description: 幢单元全选/反选 | ||
215 | * @param {*} val | ||
216 | * @param {*} flag | ||
217 | * @author: renchao | ||
218 | */ | ||
219 | zdySelectAll (val, flag) { | ||
220 | // 手动点击全部取消选中 | ||
221 | !flag && this.clearChangeChoosedObj() | ||
274 | this.ch.forEach((c) => { | 222 | this.ch.forEach((c) => { |
275 | c.hs.forEach((h) => { | 223 | c.hs.forEach((h) => { |
276 | if (i == h.bsm) { | 224 | if (val) { |
277 | list.push( | 225 | h.select = true; |
278 | { | 226 | // 使用hbsmList时,需要去重 |
279 | bdcdyh:h.bdcdyh, | 227 | this.hbsmList.push(h.bsm) |
280 | bsm:h.bsm, | 228 | } else { |
281 | dyhbsm:h.dyhbsm, | 229 | h.select = false; |
282 | bdcdyid:h.dyhbsm, | 230 | this.borderColor = 'rgb(230, 230, 230)' |
283 | bdcdylx:'7', | 231 | this.hbsmList = [] |
284 | flag:this.compFlag | ||
285 | } | ||
286 | ) | ||
287 | } | 232 | } |
288 | }); | 233 | }); |
289 | }); | 234 | }); |
290 | }) | 235 | this.$refs.hBsm && this.$refs.hBsm.forEach((item) => { |
291 | this.getBsmList(list,this.compFlag) | 236 | // item.style.borderColor = this.borderColor |
237 | item.style.backgroundColor = '#fff'; | ||
238 | // item.style.border = `1px solid ${this.borderColor}` | ||
239 | }); | ||
240 | }, | ||
241 | //清除选中 | ||
242 | clearChoosed () { | ||
243 | //清除选中户 | ||
244 | this.zdySelectAll(false) | ||
245 | //清除选中层 | ||
246 | this.cbsmList = []; | ||
247 | this.$refs.cBsm && this.$refs.cBsm.forEach((item) => { | ||
248 | item.className = 'floor' | ||
249 | }) | ||
250 | }, | ||
292 | }, | 251 | }, |
293 | changeChoosedObj: { | 252 | watch: { |
294 | handler(val) { | 253 | selectAll: { |
295 | this.borderColor = 'rgb(230, 230, 230)'; | 254 | handler (val) { |
296 | if (val.bsms.length) { | 255 | this.zdySelectAll(val.selectAll); |
297 | //清除选中户 | 256 | val.cancelChoosed && this.clearChoosed() |
298 | this.zdySelectAll(false,true) | 257 | }, |
299 | this.$refs.hBsm.forEach((item) => { | 258 | immediate: true, |
300 | val.bsms.forEach((i,ind) => { | 259 | deep: true, |
301 | if (item.dataset.bsm == i) { | 260 | }, |
302 | if (ind == 0) { | 261 | hbsmList (val) { |
303 | //定位到第一个户所在位置 | 262 | let list = [] |
304 | window.lpbContent.$refs.lpbContent.scrollTop = item.offsetTop; | 263 | val.length && val.forEach((i) => { |
305 | window.lpbContent.$refs.lpbContent.scrollLeft = item.offsetLeft; | 264 | this.ch.forEach((c) => { |
306 | } | 265 | c.hs.forEach((h) => { |
307 | // item.style.border = '1px solid '+ val.color; | 266 | if (i == h.bsm) { |
308 | // 背景色高亮 | 267 | list.push( |
309 | item.style.backgroundColor = val.color; | 268 | { |
269 | bdcdyh: h.bdcdyh, | ||
270 | bsm: h.bsm, | ||
271 | dyhbsm: h.dyhbsm, | ||
272 | bdcdyid: h.dyhbsm, | ||
273 | bdcdylx: '7', | ||
274 | flag: this.compFlag | ||
275 | } | ||
276 | ) | ||
310 | } | 277 | } |
311 | }); | 278 | }); |
312 | }); | 279 | }); |
313 | } | 280 | }) |
281 | this.getBsmList(list, this.compFlag) | ||
314 | }, | 282 | }, |
315 | immediate: true, | 283 | changeChoosedObj: { |
316 | deep: true, | 284 | handler (val) { |
317 | } | 285 | this.borderColor = 'rgb(230, 230, 230)'; |
318 | }, | 286 | if (val.bsms.length) { |
319 | }; | 287 | //清除选中户 |
288 | this.zdySelectAll(false, true) | ||
289 | this.$refs.hBsm.forEach((item) => { | ||
290 | val.bsms.forEach((i, ind) => { | ||
291 | if (item.dataset.bsm == i) { | ||
292 | if (ind == 0) { | ||
293 | //定位到第一个户所在位置 | ||
294 | window.lpbContent.$refs.lpbContent.scrollTop = item.offsetTop; | ||
295 | window.lpbContent.$refs.lpbContent.scrollLeft = item.offsetLeft; | ||
296 | } | ||
297 | // item.style.border = '1px solid '+ val.color; | ||
298 | // 背景色高亮 | ||
299 | item.style.backgroundColor = val.color; | ||
300 | } | ||
301 | }); | ||
302 | }); | ||
303 | } | ||
304 | }, | ||
305 | immediate: true, | ||
306 | deep: true, | ||
307 | } | ||
308 | }, | ||
309 | }; | ||
320 | </script> | 310 | </script> |
321 | 311 | ||
322 | <style lang="scss" scoped> | 312 | <style lang="scss" scoped> |
323 | .ch-wrap { | 313 | .ch-wrap { |
324 | display: flex; | 314 | display: flex; |
325 | flex-direction: column-reverse; | 315 | flex-direction: column-reverse; |
326 | .chTable { | 316 | .chTable { |
327 | // margin-left: -1px; | 317 | // margin-left: -1px; |
328 | border-color: #e4ebf4 !important; | 318 | border-color: #e4ebf4 !important; |
329 | border-collapse: collapse; | 319 | border-collapse: collapse; |
330 | border-spacing: 0; | 320 | border-spacing: 0; |
331 | // position: relative; | 321 | // position: relative; |
332 | tr { | 322 | tr { |
333 | .floor { | ||
334 | min-width: 56px; | ||
335 | background: #e8f2ff; | ||
336 | border: 1px solid #acbae8; | ||
337 | } | ||
338 | &:first-child { | ||
339 | .floor { | 323 | .floor { |
340 | border-radius: 4px 0px 0px 1px; | 324 | min-width: 56px; |
341 | } | 325 | background: #e8f2ff; |
342 | } | 326 | border: 1px solid #acbae8; |
343 | td { | ||
344 | min-width: 138px; | ||
345 | height: 64px; | ||
346 | line-height: 64px; | ||
347 | text-align: center; | ||
348 | cursor: pointer; | ||
349 | position: relative; | ||
350 | .hqszt { | ||
351 | display: inline-block; | ||
352 | width: 16px; | ||
353 | height: 16px; | ||
354 | font-size: 12px; | ||
355 | line-height: 16px; | ||
356 | position: absolute; | ||
357 | left: 6px; | ||
358 | top: 6px; | ||
359 | border: 1px solid; | ||
360 | border-radius: 3px 0px 3px 0px; | ||
361 | } | ||
362 | .lin { | ||
363 | color: #f7b500; | ||
364 | border-color: #f7b500; | ||
365 | } | 327 | } |
366 | .zheng { | 328 | &:first-child { |
367 | color: #1ad6e1; | 329 | .floor { |
368 | border-color: #1ad6e1; | 330 | border-radius: 4px 0px 0px 1px; |
369 | } | 331 | } |
370 | .xian { | ||
371 | color: #45aefd; | ||
372 | border-color: #45aefd; | ||
373 | } | 332 | } |
374 | .dyzt { | 333 | td { |
375 | user-select: none; | 334 | min-width: 138px; |
376 | width: 138px; | 335 | height: 64px; |
377 | height: 18px; | 336 | line-height: 64px; |
378 | position: absolute; | 337 | text-align: center; |
379 | bottom: 28px; | 338 | cursor: pointer; |
380 | box-sizing: border-box; | 339 | position: relative; |
381 | padding: 0 6px; | 340 | .hqszt { |
382 | li { | ||
383 | display: inline-block; | 341 | display: inline-block; |
384 | width: 18px; | 342 | width: 16px; |
385 | height: 18px; | 343 | height: 16px; |
386 | font-size: 12px; | 344 | font-size: 12px; |
387 | line-height: 18px; | 345 | line-height: 16px; |
388 | color: #ffffff; | 346 | position: absolute; |
347 | left: 6px; | ||
348 | top: 6px; | ||
389 | border: 1px solid; | 349 | border: 1px solid; |
390 | border-radius: 9px; | 350 | border-radius: 3px 0px 3px 0px; |
351 | } | ||
352 | .lin { | ||
353 | color: #f7b500; | ||
354 | border-color: #f7b500; | ||
355 | } | ||
356 | .zheng { | ||
357 | color: #1ad6e1; | ||
358 | border-color: #1ad6e1; | ||
359 | } | ||
360 | .xian { | ||
361 | color: #45aefd; | ||
362 | border-color: #45aefd; | ||
363 | } | ||
364 | .dyzt { | ||
365 | user-select: none; | ||
366 | width: 138px; | ||
367 | height: 18px; | ||
368 | position: absolute; | ||
369 | bottom: 28px; | ||
370 | box-sizing: border-box; | ||
371 | padding: 0 6px; | ||
372 | li { | ||
373 | display: inline-block; | ||
374 | width: 18px; | ||
375 | height: 18px; | ||
376 | font-size: 12px; | ||
377 | line-height: 18px; | ||
378 | color: #ffffff; | ||
379 | border: 1px solid; | ||
380 | border-radius: 9px; | ||
381 | } | ||
391 | } | 382 | } |
392 | } | 383 | } |
393 | } | 384 | .tdSelect { |
394 | .tdSelect { | 385 | border: 1px solid; |
395 | border: 1px solid ; | 386 | border-color: #5a78de !important; |
396 | border-color: #5A78DE !important; | 387 | background-image: url("./images/tdSelect.png"); |
397 | background-image: url("./images/tdSelect.png"); | 388 | background-repeat: no-repeat; |
398 | background-repeat: no-repeat; | 389 | background-position: right top; |
399 | background-position: right top; | 390 | background-size: 30px; |
400 | background-size: 30px; | 391 | } |
401 | } | 392 | .hasBorder { |
402 | .hasBorder { | 393 | border-width: 1px; |
403 | border-width: 1px; | 394 | border-style: solid; |
404 | border-style: solid; | 395 | } |
405 | } | 396 | } |
406 | } | 397 | } |
407 | } | 398 | } |
408 | } | ||
409 | </style> | 399 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-20 10:06:22 | 4 | * @LastEditTime: 2023-09-20 16:07:43 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -286,13 +286,12 @@ | ... | @@ -286,13 +286,12 @@ |
286 | </el-table-column> | 286 | </el-table-column> |
287 | <el-table-column label="操作" width="50"> | 287 | <el-table-column label="操作" width="50"> |
288 | <template slot-scope="scope"> | 288 | <template slot-scope="scope"> |
289 | <el-button type="text" @click="handlesQYSelect(scope.row)">使用</el-button> | 289 | <el-button type="text" @click="handleSelect(scope.row)">使用</el-button> |
290 | </template> | 290 | </template> |
291 | </el-table-column> | 291 | </el-table-column> |
292 | </el-table> | 292 | </el-table> |
293 | <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total" | 293 | <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total" |
294 | @current-change="handleQYCurrentChange"></el-pagination> | 294 | @current-change="handleQYCurrentChange"></el-pagination> |
295 | |||
296 | </div> | 295 | </div> |
297 | 296 | ||
298 | <div v-if="activeName==3" class="padding10"> | 297 | <div v-if="activeName==3" class="padding10"> |
... | @@ -327,7 +326,7 @@ | ... | @@ -327,7 +326,7 @@ |
327 | </el-table-column> | 326 | </el-table-column> |
328 | <el-table-column label="操作" width="50"> | 327 | <el-table-column label="操作" width="50"> |
329 | <template slot-scope="scope"> | 328 | <template slot-scope="scope"> |
330 | <el-button type="text" @click="handlesYHSelect(scope.row)">使用</el-button> | 329 | <el-button type="text" @click="handleSelect(scope.row)">使用</el-button> |
331 | </template> | 330 | </template> |
332 | </el-table-column> | 331 | </el-table-column> |
333 | </el-table> | 332 | </el-table> |
... | @@ -341,6 +340,7 @@ | ... | @@ -341,6 +340,7 @@ |
341 | import { mapGetters } from "vuex"; | 340 | import { mapGetters } from "vuex"; |
342 | import store from '@/store/index.js' | 341 | import store from '@/store/index.js' |
343 | import { getUuid } from "@/utils/operation.js" | 342 | import { getUuid } from "@/utils/operation.js" |
343 | import { replace } from "@/api/company.js" | ||
344 | import { getIdCardInfo } from '@/utils/operation.js' | 344 | import { getIdCardInfo } from '@/utils/operation.js' |
345 | import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js"; | 345 | import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js"; |
346 | import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData"; | 346 | import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData"; |
... | @@ -535,9 +535,31 @@ | ... | @@ -535,9 +535,31 @@ |
535 | * @param {*} val | 535 | * @param {*} val |
536 | * @author: renchao | 536 | * @author: renchao |
537 | */ | 537 | */ |
538 | handlesQYSelect (val) { | 538 | handleSelect (val) { |
539 | this.$emit("updateDetail", _.cloneDeep(val)); | 539 | let that = this |
540 | this.$emit("input", false); | 540 | let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : '' |
541 | this.$confirm('是否同步材料信息?', '提示', { | ||
542 | confirmButtonText: '确定', | ||
543 | cancelButtonText: '取消', | ||
544 | }).then(() => { | ||
545 | replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { | ||
546 | that.$emit("updateDetail", _.cloneDeep(val)); | ||
547 | that.$emit("input", false); | ||
548 | if (res.code == 200) { | ||
549 | that.$message({ | ||
550 | type: 'success', | ||
551 | message: '同步成功!' | ||
552 | }) | ||
553 | } else { | ||
554 | this.$message.error(res.message); | ||
555 | } | ||
556 | }) | ||
557 | }).catch(() => { | ||
558 | this.$message({ | ||
559 | type: 'info', | ||
560 | message: '已取消' | ||
561 | }) | ||
562 | }) | ||
541 | }, | 563 | }, |
542 | /** | 564 | /** |
543 | * @description: 银行信息搜索 | 565 | * @description: 银行信息搜索 |
... | @@ -570,15 +592,6 @@ | ... | @@ -570,15 +592,6 @@ |
570 | this.handleSearchQY() | 592 | this.handleSearchQY() |
571 | }, | 593 | }, |
572 | /** | 594 | /** |
573 | * @description: handlesYHSelect | ||
574 | * @param {*} val | ||
575 | * @author: renchao | ||
576 | */ | ||
577 | handlesYHSelect (val) { | ||
578 | this.$emit("updateDetail", _.cloneDeep(val)); | ||
579 | this.$emit("input", false); | ||
580 | }, | ||
581 | /** | ||
582 | * @description: 身份证打卡器 | 595 | * @description: 身份证打卡器 |
583 | * @author: renchao | 596 | * @author: renchao |
584 | */ | 597 | */ |
... | @@ -610,7 +623,9 @@ | ... | @@ -610,7 +623,9 @@ |
610 | */ | 623 | */ |
611 | closeDialog () { | 624 | closeDialog () { |
612 | this.$emit("input", false); | 625 | this.$emit("input", false); |
613 | this.$refs["ruleForm"].resetFields(); | 626 | this.$nextTick(() => { |
627 | this.$refs["ruleForm"].resetFields(); | ||
628 | }) | ||
614 | }, | 629 | }, |
615 | /** | 630 | /** |
616 | * @description: submitForm | 631 | * @description: submitForm | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-19 16:13:24 | 4 | * @LastEditTime: 2023-09-20 15:46:25 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -209,6 +209,7 @@ | ... | @@ -209,6 +209,7 @@ |
209 | * @author: renchao | 209 | * @author: renchao |
210 | */ | 210 | */ |
211 | batchUnitClick () { | 211 | batchUnitClick () { |
212 | window.currentSelect = {} | ||
212 | this.currentSelectProps.batchOperation = true; | 213 | this.currentSelectProps.batchOperation = true; |
213 | this.activeIndex = "-1"; | 214 | this.activeIndex = "-1"; |
214 | this.$parent.stepForm(0); | 215 | this.$parent.stepForm(0); |
... | @@ -230,6 +231,7 @@ | ... | @@ -230,6 +231,7 @@ |
230 | * @author: renchao | 231 | * @author: renchao |
231 | */ | 232 | */ |
232 | unitClick (index) { | 233 | unitClick (index) { |
234 | window.currentSelect = this.unitData[index] | ||
233 | if (this.unitData.length == 0) return | 235 | if (this.unitData.length == 0) return |
234 | this.currentSelectProps = this.unitData[index]; | 236 | this.currentSelectProps = this.unitData[index]; |
235 | this.currentSelectProps.batchOperation = false; | 237 | this.currentSelectProps.batchOperation = false; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-19 16:15:15 | 4 | * @LastEditTime: 2023-09-20 15:33:05 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -218,6 +218,7 @@ | ... | @@ -218,6 +218,7 @@ |
218 | * @author: renchao | 218 | * @author: renchao |
219 | */ | 219 | */ |
220 | unitClick (index) { | 220 | unitClick (index) { |
221 | window.currentSelect = this.unitData[index] | ||
221 | this.activeHIndex = '-1' | 222 | this.activeHIndex = '-1' |
222 | this.currentSelectProps = this.aroundUnitData[index]; | 223 | this.currentSelectProps = this.aroundUnitData[index]; |
223 | this.currentSelectProps.issave = '1' | 224 | this.currentSelectProps.issave = '1' |
... | @@ -234,6 +235,7 @@ | ... | @@ -234,6 +235,7 @@ |
234 | * @author: renchao | 235 | * @author: renchao |
235 | */ | 236 | */ |
236 | handleAfterunitClick (index) { | 237 | handleAfterunitClick (index) { |
238 | window.currentSelect = this.unitData[index] | ||
237 | this.activeIndex = '-1' | 239 | this.activeIndex = '-1' |
238 | this.currentSelectProps = this.afterUnitData[index]; | 240 | this.currentSelectProps = this.afterUnitData[index]; |
239 | this.currentSelectProps.batchOperation = false; | 241 | this.currentSelectProps.batchOperation = false; | ... | ... |
... | @@ -204,7 +204,6 @@ | ... | @@ -204,7 +204,6 @@ |
204 | </el-radio-group> | 204 | </el-radio-group> |
205 | </el-form-item> | 205 | </el-form-item> |
206 | </el-col> | 206 | </el-col> |
207 | |||
208 | <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'"> | 207 | <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'"> |
209 | <el-form-item label="是否分别持证:"> | 208 | <el-form-item label="是否分别持证:"> |
210 | <el-radio-group | 209 | <el-radio-group |
... | @@ -373,7 +372,7 @@ | ... | @@ -373,7 +372,7 @@ |
373 | if (this.ruleForm.qlrList.length > 1) { | 372 | if (this.ruleForm.qlrList.length > 1) { |
374 | this.$message({ | 373 | this.$message({ |
375 | showClose: true, | 374 | showClose: true, |
376 | message: "共有方式:单独所有,权利人只能是一个人", | 375 | message: "共有方式:单独所有,抵押权人只能是一个人", |
377 | type: "error", | 376 | type: "error", |
378 | }); | 377 | }); |
379 | return false; | 378 | return false; |
... | @@ -384,7 +383,7 @@ | ... | @@ -384,7 +383,7 @@ |
384 | this.$message({ | 383 | this.$message({ |
385 | showClose: true, | 384 | showClose: true, |
386 | message: | 385 | message: |
387 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 386 | "共有方式:共同所有,按份所有,其他所有,抵押权人必须是两个以上", |
388 | type: "error", | 387 | type: "error", |
389 | }); | 388 | }); |
390 | return false; | 389 | return false; |
... | @@ -439,7 +438,7 @@ | ... | @@ -439,7 +438,7 @@ |
439 | this.czr = ""; | 438 | this.czr = ""; |
440 | }, | 439 | }, |
441 | /** | 440 | /** |
442 | * @description: 更新权利人信息 | 441 | * @description: 更新抵押权人信息 |
443 | * @param {*} val | 442 | * @param {*} val |
444 | * @author: renchao | 443 | * @author: renchao |
445 | */ | 444 | */ | ... | ... |
... | @@ -143,17 +143,19 @@ | ... | @@ -143,17 +143,19 @@ |
143 | <el-row :gutter="10"> | 143 | <el-row :gutter="10"> |
144 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> | 144 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> |
145 | <el-form-item label="被担保主债权数额:"> | 145 | <el-form-item label="被担保主债权数额:"> |
146 | <el-input | 146 | <div style="display:flex"> |
147 | v-model="ruleForm.diyaq.bdbzzqse" | 147 | <el-input |
148 | :disabled="!viewEdit"></el-input> | 148 | v-model="ruleForm.diyaq.bdbzzqse" |
149 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> | 149 | :disabled="!viewEdit"></el-input> |
150 | <el-option | 150 | <el-select style="width: 68px" v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit"> |
151 | v-for="item in dictData['A57']" | 151 | <el-option |
152 | :key="item.dcode" | 152 | v-for="item in dictData['A57']" |
153 | :label="item.dname" | 153 | :key="item.dcode" |
154 | :value="item.dcode"> | 154 | :label="item.dname" |
155 | </el-option> | 155 | :value="item.dcode"> |
156 | </el-select> | 156 | </el-option> |
157 | </el-select> | ||
158 | </div> | ||
157 | </el-form-item> | 159 | </el-form-item> |
158 | </el-col> | 160 | </el-col> |
159 | 161 | ||
... | @@ -229,7 +231,7 @@ | ... | @@ -229,7 +231,7 @@ |
229 | <div class="triangle"></div> | 231 | <div class="triangle"></div> |
230 | </div> | 232 | </div> |
231 | <el-row :gutter="10"> | 233 | <el-row :gutter="10"> |
232 | <el-col :span="14"> | 234 | <el-col :span="12"> |
233 | <el-form-item label="共有方式:"> | 235 | <el-form-item label="共有方式:"> |
234 | <el-radio-group | 236 | <el-radio-group |
235 | :disabled="!viewEdit" | 237 | :disabled="!viewEdit" | ... | ... |
-
Please register or sign in to post a comment