Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
f2140c02 by renchao@pashanhoo.com
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents d5cfac56 1dc5ab1f
Inline Side-by-side
Showing 6 changed files with 369 additions and 348 deletions
...@@ -14,7 +14,8 @@ ...@@ -14,7 +14,8 @@
14 :default-expand-all="true" 14 :default-expand-all="true"
15 :expand-on-click-node="false" 15 :expand-on-click-node="false"
16 node-key="id" 16 node-key="id"
17 :default-checked-keys="[showTab]"> 17 :default-checked-keys="[showTab]"
18 >
18 </el-tree> 19 </el-tree>
19 <el-collapse v-model="activeName" accordion> 20 <el-collapse v-model="activeName" accordion>
20 <el-collapse-item 21 <el-collapse-item
...@@ -22,22 +23,27 @@ ...@@ -22,22 +23,27 @@
22 ref="sfq" 23 ref="sfq"
23 v-for="(item, index) in sfqdata" 24 v-for="(item, index) in sfqdata"
24 :key="index" 25 :key="index"
25 :name="index"> 26 :name="index"
27 >
26 <template slot="title"> 28 <template slot="title">
27 <span class="text" @click="addlist(item)"> 29 <span class="text" @click="tap(item, index)">
28 <span> 30 <span> {{ item.label }}</span>
29 {{ item.label }}
30 </span>
31 </span> 31 </span>
32 </template> 32 </template>
33 <el-button 33 <p
34 v-for="(item, index) in item.children" 34 v-for="(item, index) in item.children"
35 :re='item' 35 :re="item"
36 :key="item.id" 36 :key="index"
37 class="sfqcontent" 37 :class="[isActive == index ? activeCls : '', errorCls]"
38 @click="addlist(item, index)"> 38 @click="taplist(item, index)"
39 {{ item.label }} 39 >
40 </el-button> 40 <span>
41 {{ item.label }}
42 </span>
43 <span>
44 {{ item.zt }}
45 </span>
46 </p>
41 </el-collapse-item> 47 </el-collapse-item>
42 </el-collapse> 48 </el-collapse>
43 </div> 49 </div>
...@@ -45,288 +51,298 @@ ...@@ -45,288 +51,298 @@
45 <component 51 <component
46 :is="componentTag" 52 :is="componentTag"
47 @getBdcdyh="getBdcdyh" 53 @getBdcdyh="getBdcdyh"
48 v-bind="currentSelectProps" /> 54 v-bind="currentSelectProps"
55 />
49 </div> 56 </div>
50 </div> 57 </div>
51 </template> 58 </template>
52 <script> 59 <script>
53 import { getBdcqljqtsx } from "@/api/djbDetail.js"; 60 import { getBdcqljqtsx } from "@/api/djbDetail.js";
54 import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js"; 61 import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
55 export default { 62 export default {
56 data () { 63 data() {
57 return { 64 return {
58 activeName: 0, 65 activeName: 0,
59 //接收参数 66 //接收参数
60 // propsParam: this.$attrs, 67 // propsParam: this.$attrs,
61 //左侧目录 68 //左侧目录
62 catalog: {}, 69 catalog: {},
63 //选择加载哪一个组件 70 //选择加载哪一个组件
64 componentTag: "", 71 componentTag: "",
65 //子组件接收参数 72 //子组件接收参数
66 currentSelectProps: {}, 73 currentSelectProps: {},
67 //左侧树形结构数据 74 //左侧树形结构数据
68 treedata: [], 75 treedata: [],
69 sfqdata: [], 76 sfqdata: [],
70 keyy: "", 77 keyy: "",
71 iskey: "", 78 iskey: "",
72 defaultNode: "", 79 defaultNode: "",
73 defaultProps: { 80 isActive: "",
74 value: "id", 81 activeCls: "select",
75 children: "children", 82 errorCls: "unselected",
76 label: "label", 83 defaultProps: {
77 }, 84 value: "id",
78 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 85 children: "children",
79 }; 86 label: "label",
80 },
81 props: ["formData"],
82 mounted () {
83 this.loadData(this.formData.bdcdyh);
84 },
85 methods: {
86 /**
87 * @description: getBdcdyh
88 * @author: miaofang
89 * 点击不动产单元号事件
90 */
91 getBdcdyh (val) {
92 this.addloadData(val);
93 }, 87 },
94 /** 88 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
95 * @description: addloadData 89 };
96 * @author: miaofang 90 },
97 */ 91 props: ["formData"],
98 addloadData (val) { 92 mounted() {
99 getBdcqljqtsx({ 93 this.loadData(this.formData.bdcdyh);
100 bdcdyid: val.bdcdyid, 94 },
101 bdcdyh: val.bdcdyh, 95 methods: {
102 }).then((res) => { 96 /**
103 if (res.code === 200) { 97 * @description: getBdcdyh
104 if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) { 98 * @author: miaofang
105 let index = this.sfqdata.findIndex((item) => { 99 * 点击不动产单元号事件
106 return item.bdcdyid == val.bdcdyid; 100 */
107 }); 101 getBdcdyh(val) {
108 this.activeName = index 102 this.addloadData(val);
109 this.setstyle(index, 0, this.iskey); 103 },
110 } else { 104 /**
111 this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); 105 * @description: addloadData
112 this.activeName = this.sfqdata.length - 1; 106 * @author: miaofang
113 this.$nextTick(() => { 107 */
114 this.setstyle(this.sfqdata.length - 1, 0, this.iskey); 108 addloadData(val) {
115 }) 109 getBdcqljqtsx({
116 } 110 bdcdyid: val.bdcdyid,
111 bdcdyh: val.bdcdyh,
112 }).then((res) => {
113 if (res.code === 200) {
114 if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
115 let index = this.sfqdata.findIndex((item) => {
116 return item.bdcdyid == val.bdcdyid;
117 });
118 this.activeName = index;
119
120 // this.setstyle(index, 0, this.iskey);
121 } else {
122 this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
123 this.activeName = this.sfqdata.length - 1;
124 // this.$nextTick(() => {
125 // this.setstyle(this.sfqdata.length - 1, 0, this.iskey);
126 // })
117 } 127 }
118 });
119 this.currentSelectProps = {
120 bdcdyid: val.bdcdyid,
121 bdcdyh: val.bdcdyh,
122 qllx: this.formData.qllx,
123 bsmQlxx: this.formData.bsmQlxx,
124 } 128 }
125 }, 129 });
126 loadData (val) { 130 this.currentSelectProps = {
127 getBdcqljqtsx({ 131 bdcdyid: val.bdcdyid,
128 bdcdyid: this.formData.bdcdyid, 132 bdcdyh: val.bdcdyh,
129 bdcdyh: val, 133 qllx: this.formData.qllx,
130 }).then((res) => { 134 bsmQlxx: this.formData.bsmQlxx,
131 if (res.code === 200) { 135 };
132 this.treedata = loadTreeData(val); 136 },
133 this.sfqdata.push( 137 /**
134 loadsfqData(res.result, val, this.formData.bdcdyid) 138 * @description: loadData
139 * @author: renchao
140 */
141 loadData(val) {
142 getBdcqljqtsx({
143 bdcdyid: this.formData.bdcdyid,
144 bdcdyh: val,
145 }).then((res) => {
146 if (res.code === 200) {
147 this.treedata = loadTreeData(val);
148 this.sfqdata.push(
149 loadsfqData(res.result, val, this.formData.bdcdyid)
150 );
151 this.$nextTick(function () {
152 this.defaultNode = getNode(
153 this.formData.qllx,
154 { linShi: 0, xianShi: 0, liShi: 0 },
155 res.result.bdcdylx || ""
135 ); 156 );
136 this.$nextTick(function () { 157 this.sfqdata[0].children.forEach((item, index) => {
137 this.defaultNode = getNode( 158 if (item.id == this.defaultNode.id) {
138 this.formData.qllx, 159 this.loadComponent(item.form);
139 { linShi: 0, xianShi: 0, liShi: 0 }, 160 this.isActive = index;
140 res.result.bdcdylx || "" 161 }
141 ); 162 });
142 this.sfqdata[0].children.forEach((item, index) => { 163 // this.setstyle(0, 0, this.iskey);
143 if (item.id == this.defaultNode.id) {
144 this.iskey = index
145 }
146 })
147 this.setstyle(0, 0, this.iskey);
148 console.log(this.sfqdata, ' this.sfqdata');
149 })
150 }
151 })
152 this.currentSelectProps = {
153 bdcdyid: this.formData.bdcdyid,
154 bdcdyh: val,
155 qllx: this.formData.qllx,
156 bsmQlxx: this.formData.bsmQlxx,
157 }
158 },
159 /**
160 * @description: handleNodeClick
161 * @param {*} data
162 * @author: renchao
163 */
164 handleNodeClick (data) {
165 this.loadComponent(data.form);
166 },
167 setstyle (newindex, index, key) {
168 if (key != undefined || this.keyy == index) {
169 if (key != undefined) {
170 this.keyy = key
171 }
172 this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form);
173 let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
174 dpme.style.backgroundColor = "#f5f5f5";
175 dpme.style.color = "#0079fe";
176 dpme.style.borderRight = "4px solid #0079fe";
177 } else {
178 let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
179 dpme.style.backgroundColor = "#ffffff";
180 dpme.style.color = "black";
181 dpme.style.border = "none";
182 }
183 },
184 /**
185 * @description: addlist
186 * @param {*} data
187 * @author: renchao
188 * 新增列表功能
189 */
190 addlist (data, index) {
191 if (index != undefined) {
192 let newindex = this.sfqdata.findIndex((item) => {
193 return item.bdcdyid == data.bdcdyid;
194 }); 164 });
195 this.setstyle(newindex, index);
196 this.currentSelectProps.bdcdyid = data.bdcdyid;
197 this.loadComponent(data.form);
198 } else {
199 let newindex = this.sfqdata.findIndex((item) => {
200 return item.bdcdyid == data.bdcdyid;
201 });
202 this.setstyle(newindex, index);
203 this.loadComponent(data.form);
204 } 165 }
205 }, 166 });
206 /** 167 this.currentSelectProps = {
207 * @description: loadComponent 168 bdcdyid: this.formData.bdcdyid,
208 * @param {*} form 169 bdcdyh: val,
209 * @author: renchao 170 qllx: this.formData.qllx,
210 */ 171 bsmQlxx: this.formData.bsmQlxx,
211 loadComponent (form) { 172 };
212 console.log(form, 'form'); 173 },
213 this.componentTag = (r) => 174 /**
214 require.ensure([], () => r(require("@/views/registerBook/" + form))); 175 * @description: handleNodeClick
215 } 176 * @param {*} data
216 } 177 * @author: renchao
217 } 178 */
179 handleNodeClick(data) {
180 this.loadComponent(data.form);
181 },
182 // setstyle(newindex, index, key) {
183 // if (key != undefined || this.keyy == index) {
184 // if (key != undefined) {
185 // this.keyy = key;
186 // }
187 // this.loadComponent(
188 // this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form
189 // );
190 // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el;
191 // dpme.style.backgroundColor = "#f5f5f5";
192 // dpme.style.color = "#0079fe";
193 // dpme.style.borderRight = "4px solid #0079fe";
194 // } else {
195 // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el;
196 // dpme.style.backgroundColor = "#ffffff";
197 // dpme.style.color = "black";
198 // dpme.style.border = "none";
199 // }
200 // },
201 /**
202 * @description: addlist
203 * @param {*} data
204 * @author: renchao
205 * 新增列表功能
206 */
207 tap(data, index) {
208 this.loadComponent(data.form);
209 },
210 taplist(data, index) {
211 this.loadComponent(data.form);
212 this.isActive = index;
213 },
214 /**
215 * @description: loadComponent
216 * @param {*} form
217 * @author: renchao
218 */
219 loadComponent(form) {
220 console.log(form, "form");
221 this.componentTag = (r) =>
222 require.ensure([], () => r(require("@/views/registerBook/" + form)));
223 },
224 },
225 };
218 </script> 226 </script>
219 <style scoped lang="scss"> 227 <style scoped lang="scss">
220 /deep/.rollTable { 228 /deep/.rollTable {
221 height: calc(100vh - 300px) !important; 229 height: calc(100vh - 300px) !important;
222 } 230 }
223
224 .content {
225 width: 100%;
226 height: 100%;
227 display: flex;
228 231
229 .left { 232 .content {
230 width: 256px; 233 width: 100%;
231 height: 704px; 234 height: 100%;
232 background-color: #f5f5f5; 235 display: flex;
233 color: #333;
234 border: 1px solid rgb(228, 228, 228);
235 overflow-y: auto;
236 }
237
238 .right {
239 width: calc(100% - 256px);
240 height: 704px;
241 // overflow-y: scroll;
242 // overflow: auto;
243 background-color: #f5f5f5;
244 border: 1px solid rgb(228, 228, 228);
245 }
246 }
247 236
248 /deep/ .expanded.el-tree-node__expand-icon, 237 .left {
249 /deep/ .el-tree-node__expand-icon { 238 width: 256px;
250 visibility: hidden; 239 height: 704px;
240 background-color: #f5f5f5;
241 color: #333;
242 border: 1px solid rgb(228, 228, 228);
243 overflow-y: auto;
251 } 244 }
252 245
253 /deep/ .el-tree-node__content { 246 .right {
247 width: calc(100% - 256px);
248 height: 704px;
249 // overflow-y: scroll;
250 // overflow: auto;
251 background-color: #f5f5f5;
254 border: 1px solid rgb(228, 228, 228); 252 border: 1px solid rgb(228, 228, 228);
255 height: 45px;
256 } 253 }
254 }
257 255
258 /deep/ .el-tree-node:focus > .el-tree-node__content { 256 /deep/ .expanded.el-tree-node__expand-icon,
259 // background-color: #f5f5f5; 257 /deep/ .el-tree-node__expand-icon {
260 // color: #0079fe; 258 visibility: hidden;
261 // border-right: 4px solid #0079fe; 259 }
262 }
263 260
264 /deep/.el-tree-node { 261 /deep/ .el-tree-node__content {
265 white-space: pre-wrap; 262 border: 1px solid rgb(228, 228, 228);
266 } 263 height: 45px;
264 }
267 265
268 /deep/ .is-current > .el-tree-node__content { 266 /deep/ .el-tree-node:focus > .el-tree-node__content {
269 // background-color: #f5f5f5; 267 // background-color: #f5f5f5;
270 // color: #0079fe; 268 // color: #0079fe;
271 // border-right: 4px solid #0079fe; 269 // border-right: 4px solid #0079fe;
272 } 270 }
271
272 /deep/.el-tree-node {
273 white-space: pre-wrap;
274 }
273 275
274 /deep/.el-collapse-item__header { 276 /deep/ .is-current > .el-tree-node__content {
277 // background-color: #f5f5f5;
278 // color: #0079fe;
279 // border-right: 4px solid #0079fe;
280 }
281
282 /deep/.el-collapse-item__header {
283 width: 100%;
284 cursor: pointer;
285 position: relative;
286 .el-collapse-item__arrow {
287 position: absolute;
288 top: 15px;
289 right: 0px;
290 }
291 align-items: center;
292 .text {
275 width: 100%; 293 width: 100%;
276 cursor: pointer;
277 position: relative;
278 .el-collapse-item__arrow {
279 position: absolute;
280 top: 15px;
281 right: 0px;
282 }
283 align-items: center;
284 .text {
285 width: 100%;
286 height: 45px;
287 display: inline-block;
288 span {
289 margin-left: 60px;
290 padding-top: 10px;
291 display: inline-block;
292 line-height: 15px;
293 }
294 }
295 height: 45px; 294 height: 45px;
296 display: inline-block; 295 display: inline-block;
297 line-height: 45px;
298 border: 1px solid rgb(228, 228, 228);
299 }
300 /deep/.el-collapse-item__content {
301 padding-bottom: 5px;
302 }
303 /deep/.sfqcontent {
304 white-space: wrap;
305 border: none;
306 padding: 0;
307 margin: 0;
308 cursor: pointer;
309 width: 100%;
310 height: 100px;
311 word-break: break-word;
312 display: inline;
313 span { 296 span {
314 font-size: 13px; 297 margin-left: 60px;
315 display: block; 298 padding-top: 10px;
299 display: inline-block;
316 line-height: 15px; 300 line-height: 15px;
317 margin-left: 70px;
318 } 301 }
319 height: 45px;
320 border: 1px solid rgb(228, 228, 228);
321 border-right: 4px solid #f5f5f5;
322 } 302 }
323 .sfqcontent:hover { 303 height: 45px;
324 background-color: #f5f5f5; 304 display: inline-block;
325 color: black; 305 line-height: 45px;
306 border: 1px solid rgb(228, 228, 228);
307 }
308 /deep/.el-collapse-item__content {
309 padding-bottom: 5px;
310 }
311 /deep/.unselected {
312 // white-space: wrap;
313 border: none;
314 cursor: pointer;
315 width: 250px;
316 height: 45px;
317 border: 1px solid rgb(228, 228, 228);
318 border-right: 4px solid #f5f5f5;
319 margin: auto;
320 text-align: center;
321 align-items: center;
322 span {
323 width: 100%;
324 display: inline-block;
325 justify-content: center;
326 align-items: center;
326 } 327 }
327 .sfqcontent:focus { 328 }
328 background-color: #f5f5f5; 329
329 color: #0079fe; 330 .select {
330 border-right: 4px solid #0079fe; 331 border: none;
332 cursor: pointer;
333 width: 250px;
334 height: 45px;
335 background-color: #f5f5f5;
336 color: #0079fe;
337 border-right: 4px solid #0079fe;
338 margin: auto;
339 text-align: center;
340 align-items: center;
341 span {
342 width: 100%;
343 display: inline-block;
344 justify-content: center;
345 align-items: center;
331 } 346 }
347 }
332 </style> 348 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 10:52:40 4 * @LastEditTime: 2023-09-15 10:52:40
5 */ 5 */
...@@ -89,12 +89,12 @@ export function getNode (qllx, qlxx, bdcdylx, bdcdyid) { ...@@ -89,12 +89,12 @@ export function getNode (qllx, qlxx, bdcdylx, bdcdyid) {
89 if (qlxxPage[i].qllx == qllx) { 89 if (qlxxPage[i].qllx == qllx) {
90 if (qllx == "A04" || qllx == "A06" || qllx == "A08") { 90 if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
91 if (bdcdylx == "4") { 91 if (bdcdylx == "4") {
92 node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" }; 92 node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label ,zt: "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
93 } else { 93 } else {
94 node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" }; 94 node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label ,zt: "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
95 } 95 }
96 } else { 96 } else {
97 node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" }; 97 node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label ,zt: "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
98 } 98 }
99 break; 99 break;
100 } 100 }
......
...@@ -26,21 +26,26 @@ ...@@ -26,21 +26,26 @@
26 :name="index" 26 :name="index"
27 > 27 >
28 <template slot="title"> 28 <template slot="title">
29 <span class="text" @click="addlist(item)"> 29 <span class="text" @click="tap(item)">
30 <span> 30 <span>
31 {{ item.label }} 31 {{ item.label }}
32 </span> 32 </span>
33 </span> 33 </span>
34 </template> 34 </template>
35 <el-button 35 <p
36 v-for="(item, index) in item.children" 36 v-for="(item, index) in item.children"
37 :re='item' 37 :re="item"
38 :key="index" 38 :key="index"
39 class="sfqcontent" 39 :class="[isActive == index ? activeCls : '', errorCls]"
40 @click="addlist(item, index)" 40 @click="taplist(item, index)"
41 > 41 >
42 {{ item.label }} 42 <span>
43 </el-button> 43 {{ item.label }}
44 </span>
45 <span>
46 {{ item.zt }}
47 </span>
48 </p>
44 </el-collapse-item> 49 </el-collapse-item>
45 </el-collapse> 50 </el-collapse>
46 </div> 51 </div>
...@@ -79,6 +84,9 @@ export default { ...@@ -79,6 +84,9 @@ export default {
79 queryForm: {}, 84 queryForm: {},
80 85
81 defaultNode: "", 86 defaultNode: "",
87 isActive: "",
88 activeCls: "select",
89 errorCls: "unselected",
82 defaultProps: { 90 defaultProps: {
83 value: "id", 91 value: "id",
84 children: "children", 92 children: "children",
...@@ -176,13 +184,9 @@ export default { ...@@ -176,13 +184,9 @@ export default {
176 return item.bdcdyid == val.bdcdyid; 184 return item.bdcdyid == val.bdcdyid;
177 }); 185 });
178 this.activeName = index 186 this.activeName = index
179 this.setstyle(index, 0, this.iskey);
180 } else { 187 } else {
181 this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); 188 this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
182 this.activeName = this.sfqdata.length - 1; 189 this.activeName = this.sfqdata.length - 1;
183 this.$nextTick(() => {
184 this.setstyle(this.sfqdata.length - 1, 0, this.iskey);
185 })
186 } 190 }
187 } 191 }
188 }); 192 });
...@@ -215,13 +219,14 @@ export default { ...@@ -215,13 +219,14 @@ export default {
215 ); 219 );
216 this.sfqdata[0].children.forEach((item, index) => { 220 this.sfqdata[0].children.forEach((item, index) => {
217 if (item.id == this.defaultNode.id) { 221 if (item.id == this.defaultNode.id) {
218 this.iskey = index 222 this.loadComponent(item.form);
223 this.isActive = index;
219 } 224 }
220 }) 225 })
221 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 226 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
222 // this.loadComponent(this.defaultNode.form); 227 // this.loadComponent(this.defaultNode.form);
223 228
224 this.setstyle(0, 0, this.iskey); 229 // this.setstyle(0, 0, this.iskey);
225 230
226 231
227 }); 232 });
...@@ -252,50 +257,42 @@ export default { ...@@ -252,50 +257,42 @@ export default {
252 * @author: renchao 257 * @author: renchao
253 * 设置样式和点击定位到当前功能 258 * 设置样式和点击定位到当前功能
254 */ 259 */
255 setstyle (newindex, index, key) { 260 // setstyle (newindex, index, key) {
256 if (key != undefined || this.keyy == index) { 261 // if (key != undefined || this.keyy == index) {
257 if (key != undefined) { 262 // if (key != undefined) {
258 this.keyy = key 263 // this.keyy = key
259 } 264 // }
260 this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form); 265 // this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form);
261 let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el 266 // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
262 dpme.style.backgroundColor = "#f5f5f5"; 267 // dpme.style.backgroundColor = "#f5f5f5";
263 dpme.style.color = "#0079fe"; 268 // dpme.style.color = "#0079fe";
264 dpme.style.borderRight = "4px solid #0079fe"; 269 // dpme.style.borderRight = "4px solid #0079fe";
265 } else { 270 // } else {
266 let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el 271 // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el
267 dpme.style.backgroundColor = "#ffffff"; 272 // dpme.style.backgroundColor = "#ffffff";
268 dpme.style.color = "black"; 273 // dpme.style.color = "black";
269 dpme.style.border = "none"; 274 // dpme.style.border = "none";
270 } 275 // }
271 276 // },
272
273
274
275 },
276 /** 277 /**
277 * @description: addlist 278 * @description: tap
278 * @param {*} data 279 * @param {*} data
279 * @author: renchao 280 * @author: renchao
280 * 新增列表功能 281 * 新增列表功能
281 */ 282 */
282 addlist (data, index) { 283 tap(data, index) {
283 if (index != undefined) { 284 this.loadComponent(data.form);
284 let newindex = this.sfqdata.findIndex((item) => { 285 },
285 return item.bdcdyid == data.bdcdyid; 286 /**
286 }); 287 * @description: taplist
287 this.setstyle(newindex, index); 288 * @param {*} data
288 this.currentSelectProps.bdcdyid = data.bdcdyid; 289 * @author: renchao
289 this.loadComponent(data.form); 290 * 新增列表功能
290 } else { 291 */
291 let newindex = this.sfqdata.findIndex((item) => { 292 taplist(data, index) {
292 return item.bdcdyid == data.bdcdyid; 293 this.loadComponent(data.form);
293 }); 294 this.isActive = index;
294 this.setstyle(newindex, index, this.iskey); 295 },
295 this.currentSelectProps.bdcdyid = data.bdcdyid;
296 }
297
298 },
299 /** 296 /**
300 * @description: loadComponent 297 * @description: loadComponent
301 * @param {*} form 298 * @param {*} form
...@@ -390,33 +387,41 @@ export default { ...@@ -390,33 +387,41 @@ export default {
390 /deep/.el-collapse-item__content { 387 /deep/.el-collapse-item__content {
391 padding-bottom: 5px; 388 padding-bottom: 5px;
392 } 389 }
393 /deep/.sfqcontent { 390 /deep/.unselected {
394 white-space: wrap; 391 // white-space: wrap;
395 border: none; 392 border: none;
396 padding: 0;
397 margin: 0;
398 cursor: pointer; 393 cursor: pointer;
399 width: 100%; 394 width: 250px;
400 height: 100px;
401 word-break: break-word;
402 display: inline;
403 span {
404 font-size: 13px;
405 display: block;
406 line-height: 15px;
407 margin-left: 70px;
408 }
409 height: 45px; 395 height: 45px;
410 border: 1px solid rgb(228, 228, 228); 396 border: 1px solid rgb(228, 228, 228);
411 border-right: 4px solid #f5f5f5; 397 border-right: 4px solid #f5f5f5;
398 margin: auto;
399 text-align: center;
400 align-items: center;
401 span {
402 width: 100%;
403 display: inline-block;
404 justify-content: center;
405 align-items: center;
406 }
412 } 407 }
413 .sfqcontent:hover { 408
414 background-color: #f5f5f5; 409 .select {
415 color: black; 410 border: none;
416 } 411 cursor: pointer;
417 .sfqcontent:focus { 412 width: 250px;
413 height: 45px;
418 background-color: #f5f5f5; 414 background-color: #f5f5f5;
419 color: #0079fe; 415 color: #0079fe;
420 border-right: 4px solid #0079fe; 416 border-right: 4px solid #0079fe;
417 margin: auto;
418 text-align: center;
419 align-items: center;
420 span {
421 width: 100%;
422 display: inline-block;
423 justify-content: center;
424 align-items: center;
425 }
421 } 426 }
422 </style> 427 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-08 16:38:43 4 * @LastEditTime: 2023-09-18 15:24:05
5 --> 5 -->
6 <template> 6 <template>
7 <div class="szxx"> 7 <div class="szxx">
...@@ -235,7 +235,7 @@ export default { ...@@ -235,7 +235,7 @@ export default {
235 color: #8b4534; 235 color: #8b4534;
236 } 236 }
237 .szxx_body { 237 .szxx_body {
238 height: 280px; 238 min-height: 280px;
239 } 239 }
240 } 240 }
241 .zs-card { 241 .zs-card {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-13 11:19:54 4 * @LastEditTime: 2023-09-18 16:22:28
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
8 <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> 8 <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump">
9 <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> 9 <el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
10 <el-tab-pane label="多幢" name="dz"></el-tab-pane> 10 <el-tab-pane label="多幢" name="dz" v-if="sqywInfo.djywbm !== 'B37100'"></el-tab-pane>
11 </el-tabs> 11 </el-tabs>
12 <div v-show="activeName == 'zrz'"> 12 <div v-show="activeName == 'zrz'">
13 <div class="from-clues-header"> 13 <div class="from-clues-header">
...@@ -336,8 +336,8 @@ ...@@ -336,8 +336,8 @@
336 let refs = 'table1'; 336 let refs = 'table1';
337 if (this.activeName == 'dz') { 337 if (this.activeName == 'dz') {
338 refs = 'table'; 338 refs = 'table';
339 this.$refs[refs].clearSelection() 339 }else{
340 } else { 340 this.sqywInfo.djywbm !== 'B37100' && this.$refs[refs].clearSelection()
341 } 341 }
342 const bdcdysz = this.bdcdysz 342 const bdcdysz = this.bdcdysz
343 if (bdcdysz.length > 0) { 343 if (bdcdysz.length > 0) {
......
...@@ -40,7 +40,7 @@ export function queueDjywmc (djywbm, djqxbm) { ...@@ -40,7 +40,7 @@ export function queueDjywmc (djywbm, djqxbm) {
40 case "A04100"://国有建设用地使用权/房屋所有权(首次登记) 40 case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
41 case "A06100": // 宅基地使用权/房屋所有权 || 首次登记 41 case "A06100": // 宅基地使用权/房屋所有权 || 首次登记
42 case "A08100": // 集体建设用地使用权/房屋所有权 || 首次登记 42 case "A08100": // 集体建设用地使用权/房屋所有权 || 首次登记
43 case "B37100": 43 case "B37100": // 在建工程抵押权 || 首次登记
44 vm = "fwsyq"; 44 vm = "fwsyq";
45 break; 45 break;
46 case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记 46 case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记
......