Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
6 changed files
with
206 additions
and
185 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 | > | ||
| 40 | <span> | ||
| 39 | {{ item.label }} | 41 | {{ item.label }} |
| 40 | </el-button> | 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,15 +51,16 @@ | ... | @@ -45,15 +51,16 @@ |
| 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 | //接收参数 |
| ... | @@ -70,6 +77,9 @@ | ... | @@ -70,6 +77,9 @@ |
| 70 | keyy: "", | 77 | keyy: "", |
| 71 | iskey: "", | 78 | iskey: "", |
| 72 | defaultNode: "", | 79 | defaultNode: "", |
| 80 | isActive: "", | ||
| 81 | activeCls: "select", | ||
| 82 | errorCls: "unselected", | ||
| 73 | defaultProps: { | 83 | defaultProps: { |
| 74 | value: "id", | 84 | value: "id", |
| 75 | children: "children", | 85 | children: "children", |
| ... | @@ -79,7 +89,7 @@ | ... | @@ -79,7 +89,7 @@ |
| 79 | }; | 89 | }; |
| 80 | }, | 90 | }, |
| 81 | props: ["formData"], | 91 | props: ["formData"], |
| 82 | mounted () { | 92 | mounted() { |
| 83 | this.loadData(this.formData.bdcdyh); | 93 | this.loadData(this.formData.bdcdyh); |
| 84 | }, | 94 | }, |
| 85 | methods: { | 95 | methods: { |
| ... | @@ -88,14 +98,14 @@ | ... | @@ -88,14 +98,14 @@ |
| 88 | * @author: miaofang | 98 | * @author: miaofang |
| 89 | * 点击不动产单元号事件 | 99 | * 点击不动产单元号事件 |
| 90 | */ | 100 | */ |
| 91 | getBdcdyh (val) { | 101 | getBdcdyh(val) { |
| 92 | this.addloadData(val); | 102 | this.addloadData(val); |
| 93 | }, | 103 | }, |
| 94 | /** | 104 | /** |
| 95 | * @description: addloadData | 105 | * @description: addloadData |
| 96 | * @author: miaofang | 106 | * @author: miaofang |
| 97 | */ | 107 | */ |
| 98 | addloadData (val) { | 108 | addloadData(val) { |
| 99 | getBdcqljqtsx({ | 109 | getBdcqljqtsx({ |
| 100 | bdcdyid: val.bdcdyid, | 110 | bdcdyid: val.bdcdyid, |
| 101 | bdcdyh: val.bdcdyh, | 111 | bdcdyh: val.bdcdyh, |
| ... | @@ -105,14 +115,15 @@ | ... | @@ -105,14 +115,15 @@ |
| 105 | let index = this.sfqdata.findIndex((item) => { | 115 | let index = this.sfqdata.findIndex((item) => { |
| 106 | return item.bdcdyid == val.bdcdyid; | 116 | return item.bdcdyid == val.bdcdyid; |
| 107 | }); | 117 | }); |
| 108 | this.activeName = index | 118 | this.activeName = index; |
| 109 | this.setstyle(index, 0, this.iskey); | 119 | |
| 120 | // this.setstyle(index, 0, this.iskey); | ||
| 110 | } else { | 121 | } else { |
| 111 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); | 122 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); |
| 112 | this.activeName = this.sfqdata.length - 1; | 123 | this.activeName = this.sfqdata.length - 1; |
| 113 | this.$nextTick(() => { | 124 | // this.$nextTick(() => { |
| 114 | this.setstyle(this.sfqdata.length - 1, 0, this.iskey); | 125 | // this.setstyle(this.sfqdata.length - 1, 0, this.iskey); |
| 115 | }) | 126 | // }) |
| 116 | } | 127 | } |
| 117 | } | 128 | } |
| 118 | }); | 129 | }); |
| ... | @@ -121,9 +132,13 @@ | ... | @@ -121,9 +132,13 @@ |
| 121 | bdcdyh: val.bdcdyh, | 132 | bdcdyh: val.bdcdyh, |
| 122 | qllx: this.formData.qllx, | 133 | qllx: this.formData.qllx, |
| 123 | bsmQlxx: this.formData.bsmQlxx, | 134 | bsmQlxx: this.formData.bsmQlxx, |
| 124 | } | 135 | }; |
| 125 | }, | 136 | }, |
| 126 | loadData (val) { | 137 | /** |
| 138 | * @description: loadData | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 141 | loadData(val) { | ||
| 127 | getBdcqljqtsx({ | 142 | getBdcqljqtsx({ |
| 128 | bdcdyid: this.formData.bdcdyid, | 143 | bdcdyid: this.formData.bdcdyid, |
| 129 | bdcdyh: val, | 144 | bdcdyh: val, |
| ... | @@ -141,87 +156,80 @@ | ... | @@ -141,87 +156,80 @@ |
| 141 | ); | 156 | ); |
| 142 | this.sfqdata[0].children.forEach((item, index) => { | 157 | this.sfqdata[0].children.forEach((item, index) => { |
| 143 | if (item.id == this.defaultNode.id) { | 158 | if (item.id == this.defaultNode.id) { |
| 144 | this.iskey = index | 159 | this.loadComponent(item.form); |
| 160 | this.isActive = index; | ||
| 145 | } | 161 | } |
| 146 | }) | 162 | }); |
| 147 | this.setstyle(0, 0, this.iskey); | 163 | // this.setstyle(0, 0, this.iskey); |
| 148 | console.log(this.sfqdata, ' this.sfqdata'); | 164 | }); |
| 149 | }) | ||
| 150 | } | 165 | } |
| 151 | }) | 166 | }); |
| 152 | this.currentSelectProps = { | 167 | this.currentSelectProps = { |
| 153 | bdcdyid: this.formData.bdcdyid, | 168 | bdcdyid: this.formData.bdcdyid, |
| 154 | bdcdyh: val, | 169 | bdcdyh: val, |
| 155 | qllx: this.formData.qllx, | 170 | qllx: this.formData.qllx, |
| 156 | bsmQlxx: this.formData.bsmQlxx, | 171 | bsmQlxx: this.formData.bsmQlxx, |
| 157 | } | 172 | }; |
| 158 | }, | 173 | }, |
| 159 | /** | 174 | /** |
| 160 | * @description: handleNodeClick | 175 | * @description: handleNodeClick |
| 161 | * @param {*} data | 176 | * @param {*} data |
| 162 | * @author: renchao | 177 | * @author: renchao |
| 163 | */ | 178 | */ |
| 164 | handleNodeClick (data) { | 179 | handleNodeClick(data) { |
| 165 | this.loadComponent(data.form); | 180 | this.loadComponent(data.form); |
| 166 | }, | 181 | }, |
| 167 | setstyle (newindex, index, key) { | 182 | // setstyle(newindex, index, key) { |
| 168 | if (key != undefined || this.keyy == index) { | 183 | // if (key != undefined || this.keyy == index) { |
| 169 | if (key != undefined) { | 184 | // if (key != undefined) { |
| 170 | this.keyy = key | 185 | // this.keyy = key; |
| 171 | } | 186 | // } |
| 172 | this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form); | 187 | // this.loadComponent( |
| 173 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | 188 | // this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form |
| 174 | dpme.style.backgroundColor = "#f5f5f5"; | 189 | // ); |
| 175 | dpme.style.color = "#0079fe"; | 190 | // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el; |
| 176 | dpme.style.borderRight = "4px solid #0079fe"; | 191 | // dpme.style.backgroundColor = "#f5f5f5"; |
| 177 | } else { | 192 | // dpme.style.color = "#0079fe"; |
| 178 | let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | 193 | // dpme.style.borderRight = "4px solid #0079fe"; |
| 179 | dpme.style.backgroundColor = "#ffffff"; | 194 | // } else { |
| 180 | dpme.style.color = "black"; | 195 | // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el; |
| 181 | dpme.style.border = "none"; | 196 | // dpme.style.backgroundColor = "#ffffff"; |
| 182 | } | 197 | // dpme.style.color = "black"; |
| 183 | }, | 198 | // dpme.style.border = "none"; |
| 199 | // } | ||
| 200 | // }, | ||
| 184 | /** | 201 | /** |
| 185 | * @description: addlist | 202 | * @description: addlist |
| 186 | * @param {*} data | 203 | * @param {*} data |
| 187 | * @author: renchao | 204 | * @author: renchao |
| 188 | * 新增列表功能 | 205 | * 新增列表功能 |
| 189 | */ | 206 | */ |
| 190 | addlist (data, index) { | 207 | tap(data, index) { |
| 191 | if (index != undefined) { | ||
| 192 | let newindex = this.sfqdata.findIndex((item) => { | ||
| 193 | return item.bdcdyid == data.bdcdyid; | ||
| 194 | }); | ||
| 195 | this.setstyle(newindex, index); | ||
| 196 | this.currentSelectProps.bdcdyid = data.bdcdyid; | ||
| 197 | this.loadComponent(data.form); | 208 | this.loadComponent(data.form); |
| 198 | } else { | 209 | }, |
| 199 | let newindex = this.sfqdata.findIndex((item) => { | 210 | taplist(data, index) { |
| 200 | return item.bdcdyid == data.bdcdyid; | ||
| 201 | }); | ||
| 202 | this.setstyle(newindex, index); | ||
| 203 | this.loadComponent(data.form); | 211 | this.loadComponent(data.form); |
| 204 | } | 212 | this.isActive = index; |
| 205 | }, | 213 | }, |
| 206 | /** | 214 | /** |
| 207 | * @description: loadComponent | 215 | * @description: loadComponent |
| 208 | * @param {*} form | 216 | * @param {*} form |
| 209 | * @author: renchao | 217 | * @author: renchao |
| 210 | */ | 218 | */ |
| 211 | loadComponent (form) { | 219 | loadComponent(form) { |
| 212 | console.log(form, 'form'); | 220 | console.log(form, "form"); |
| 213 | this.componentTag = (r) => | 221 | this.componentTag = (r) => |
| 214 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 222 | require.ensure([], () => r(require("@/views/registerBook/" + form))); |
| 215 | } | 223 | }, |
| 216 | } | 224 | }, |
| 217 | } | 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 | 231 | ||
| 224 | .content { | 232 | .content { |
| 225 | width: 100%; | 233 | width: 100%; |
| 226 | height: 100%; | 234 | height: 100%; |
| 227 | display: flex; | 235 | display: flex; |
| ... | @@ -243,35 +251,35 @@ | ... | @@ -243,35 +251,35 @@ |
| 243 | background-color: #f5f5f5; | 251 | background-color: #f5f5f5; |
| 244 | border: 1px solid rgb(228, 228, 228); | 252 | border: 1px solid rgb(228, 228, 228); |
| 245 | } | 253 | } |
| 246 | } | 254 | } |
| 247 | 255 | ||
| 248 | /deep/ .expanded.el-tree-node__expand-icon, | 256 | /deep/ .expanded.el-tree-node__expand-icon, |
| 249 | /deep/ .el-tree-node__expand-icon { | 257 | /deep/ .el-tree-node__expand-icon { |
| 250 | visibility: hidden; | 258 | visibility: hidden; |
| 251 | } | 259 | } |
| 252 | 260 | ||
| 253 | /deep/ .el-tree-node__content { | 261 | /deep/ .el-tree-node__content { |
| 254 | border: 1px solid rgb(228, 228, 228); | 262 | border: 1px solid rgb(228, 228, 228); |
| 255 | height: 45px; | 263 | height: 45px; |
| 256 | } | 264 | } |
| 257 | 265 | ||
| 258 | /deep/ .el-tree-node:focus > .el-tree-node__content { | 266 | /deep/ .el-tree-node:focus > .el-tree-node__content { |
| 259 | // background-color: #f5f5f5; | 267 | // background-color: #f5f5f5; |
| 260 | // color: #0079fe; | 268 | // color: #0079fe; |
| 261 | // border-right: 4px solid #0079fe; | 269 | // border-right: 4px solid #0079fe; |
| 262 | } | 270 | } |
| 263 | 271 | ||
| 264 | /deep/.el-tree-node { | 272 | /deep/.el-tree-node { |
| 265 | white-space: pre-wrap; | 273 | white-space: pre-wrap; |
| 266 | } | 274 | } |
| 267 | 275 | ||
| 268 | /deep/ .is-current > .el-tree-node__content { | 276 | /deep/ .is-current > .el-tree-node__content { |
| 269 | // background-color: #f5f5f5; | 277 | // background-color: #f5f5f5; |
| 270 | // color: #0079fe; | 278 | // color: #0079fe; |
| 271 | // border-right: 4px solid #0079fe; | 279 | // border-right: 4px solid #0079fe; |
| 272 | } | 280 | } |
| 273 | 281 | ||
| 274 | /deep/.el-collapse-item__header { | 282 | /deep/.el-collapse-item__header { |
| 275 | width: 100%; | 283 | width: 100%; |
| 276 | cursor: pointer; | 284 | cursor: pointer; |
| 277 | position: relative; | 285 | position: relative; |
| ... | @@ -296,37 +304,45 @@ | ... | @@ -296,37 +304,45 @@ |
| 296 | display: inline-block; | 304 | display: inline-block; |
| 297 | line-height: 45px; | 305 | line-height: 45px; |
| 298 | border: 1px solid rgb(228, 228, 228); | 306 | border: 1px solid rgb(228, 228, 228); |
| 299 | } | 307 | } |
| 300 | /deep/.el-collapse-item__content { | 308 | /deep/.el-collapse-item__content { |
| 301 | padding-bottom: 5px; | 309 | padding-bottom: 5px; |
| 302 | } | 310 | } |
| 303 | /deep/.sfqcontent { | 311 | /deep/.unselected { |
| 304 | white-space: wrap; | 312 | // white-space: wrap; |
| 305 | border: none; | 313 | border: none; |
| 306 | padding: 0; | ||
| 307 | margin: 0; | ||
| 308 | cursor: pointer; | 314 | cursor: pointer; |
| 309 | width: 100%; | 315 | width: 250px; |
| 310 | height: 100px; | ||
| 311 | word-break: break-word; | ||
| 312 | display: inline; | ||
| 313 | span { | ||
| 314 | font-size: 13px; | ||
| 315 | display: block; | ||
| 316 | line-height: 15px; | ||
| 317 | margin-left: 70px; | ||
| 318 | } | ||
| 319 | height: 45px; | 316 | height: 45px; |
| 320 | border: 1px solid rgb(228, 228, 228); | 317 | border: 1px solid rgb(228, 228, 228); |
| 321 | border-right: 4px solid #f5f5f5; | 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; | ||
| 322 | } | 327 | } |
| 323 | .sfqcontent:hover { | 328 | } |
| 324 | background-color: #f5f5f5; | 329 | |
| 325 | color: black; | 330 | .select { |
| 326 | } | 331 | border: none; |
| 327 | .sfqcontent:focus { | 332 | cursor: pointer; |
| 333 | width: 250px; | ||
| 334 | height: 45px; | ||
| 328 | background-color: #f5f5f5; | 335 | background-color: #f5f5f5; |
| 329 | color: #0079fe; | 336 | color: #0079fe; |
| 330 | border-right: 4px solid #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> | ... | ... |
| ... | @@ -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 | <span> | ||
| 42 | {{ item.label }} | 43 | {{ item.label }} |
| 43 | </el-button> | 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,49 +257,41 @@ export default { | ... | @@ -252,49 +257,41 @@ 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 | 277 | /** | |
| 273 | 278 | * @description: tap | |
| 274 | 279 | * @param {*} data | |
| 280 | * @author: renchao | ||
| 281 | * 新增列表功能 | ||
| 282 | */ | ||
| 283 | tap(data, index) { | ||
| 284 | this.loadComponent(data.form); | ||
| 275 | }, | 285 | }, |
| 276 | /** | 286 | /** |
| 277 | * @description: addlist | 287 | * @description: taplist |
| 278 | * @param {*} data | 288 | * @param {*} data |
| 279 | * @author: renchao | 289 | * @author: renchao |
| 280 | * 新增列表功能 | 290 | * 新增列表功能 |
| 281 | */ | 291 | */ |
| 282 | addlist (data, index) { | 292 | taplist(data, index) { |
| 283 | if (index != undefined) { | ||
| 284 | let newindex = this.sfqdata.findIndex((item) => { | ||
| 285 | return item.bdcdyid == data.bdcdyid; | ||
| 286 | }); | ||
| 287 | this.setstyle(newindex, index); | ||
| 288 | this.currentSelectProps.bdcdyid = data.bdcdyid; | ||
| 289 | this.loadComponent(data.form); | 293 | this.loadComponent(data.form); |
| 290 | } else { | 294 | this.isActive = index; |
| 291 | let newindex = this.sfqdata.findIndex((item) => { | ||
| 292 | return item.bdcdyid == data.bdcdyid; | ||
| 293 | }); | ||
| 294 | this.setstyle(newindex, index, this.iskey); | ||
| 295 | this.currentSelectProps.bdcdyid = data.bdcdyid; | ||
| 296 | } | ||
| 297 | |||
| 298 | }, | 295 | }, |
| 299 | /** | 296 | /** |
| 300 | * @description: loadComponent | 297 | * @description: loadComponent |
| ... | @@ -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": //国有建设用地使用权/房屋所有权 || 转移登记 | ... | ... |
-
Please register or sign in to post a comment