cda0ea5f by liangyifan
2 parents 7ae33a74 12c7157f
......@@ -85,7 +85,7 @@
transition: all 0.3s;
&:hover {
border: 1px solid $light-blue;
border: 1px solid $light-blue !important;
color: $light-blue;
}
}
......@@ -116,6 +116,7 @@
justify-content: space-between;
padding: 0 20px;
margin: 20px 0;
min-height: 50px;
li {
width: 23.5%;
......@@ -137,7 +138,7 @@
}
&:hover {
border: 1px solid $light-blue;
border: 1px solid $light-blue !important;
color: $light-blue;
}
......@@ -173,26 +174,27 @@
&:after {
content: "";
width: 31%; //与块级的宽度相同
width: 48%; //与块级的宽度相同
display: block;
height: 0;
}
li {
width: 31%;
width: 48%;
height: 50px;
border: 1px solid $borderColor;
@include flex;
justify-content: space-between;
margin-left: 20px;
cursor: pointer;
margin-bottom: 15px;
p {
@include flex-center;
}
&:hover {
border: 1px solid $light-blue;
border: 1px solid $light-blue !important;
color: $light-blue;
}
......
......@@ -33,7 +33,7 @@
<div v-if="n >= 0">
<div class="right-title">业务列表</div>
<ul>
<li v-for="(item, index) in ywList" :key="index" @click="handleYwSelect(item)"
<li v-for="(item, index) in ywList" :key="index" @click="handleSelectYw(item, ywList)"
:class="item.cselect ? 'cactive' : ''">
<p>
{{ item.nodename }}
......@@ -47,10 +47,10 @@
<div v-if="n == -1">
<div class="right-title">登记情形</div>
<ul class="registration">
<li v-for="(item, index) in djqxList" @click="handleSelect(item)" :class="item.cselect ? 'cactive' : ''"
:key="index">
<li v-for="(item, index) in djqxList" @click="handleSelectYw(item, djqxList)"
:class="item.cselect ? 'cactive' : ''" :key="index">
<p>
{{ item.name }}
{{ item.nodename }}
</p>
<p :class="item.select ? 'active' : ''" @click.stop="handleCollection(item)">
<i class="el-icon-star-off" :class="item.select ? 'active' : ''"></i>
......@@ -78,7 +78,7 @@ export default {
'常办业务', '一并申请', '补申请',
],
list: [],
djlxList: [{}],
djlxList: [],
ywList: [
{
name: '国有建设用地使用权 || 首次登记+ 以出让方式取得',
......@@ -117,9 +117,9 @@ export default {
if (item.check) item.check = false
})
},
// 业务列表选择
handleYwSelect (item) {
this.ywList.forEach(item => {
// 业务-登记情形选择
handleSelectYw (item, list) {
list.forEach(item => {
item.cselect = false
})
item.cselect = !item.cselect
......@@ -127,7 +127,6 @@ export default {
this.btnDisabled = false
}
},
handleList (list, obj) {
list.forEach(item => {
if (item.check) item.check = false
......@@ -135,13 +134,18 @@ export default {
this.n = -1
this.$set(obj, 'check', true)
this.getNextNode(obj.bsmSqyw)
this.djqxList = []
this.djlxList = []
},
// 获取下个节点类型
getNextNode (bsmSqyw) {
getNextNode(bsmSqyw).then(res => {
let { djqx, djlx } = res.result
this.djqxList = djqx
this.djlxList = djlx
if (djqx) this.djqxList = djqx
if (djlx) this.djlxList = djlx
this.djqxList.forEach(item => {
this.$set(item, 'cselect', false)
})
})
},
handleCollection (item) {
......@@ -161,7 +165,10 @@ export default {
this.$set(item, 'select', true)
if (item.sffqlc == '1') {
this.btnDisabled = false
} else {
this.getNextNode(item.bsmSqyw)
}
this.djqxList = []
},
// 选择不动产信息
btnClick () {
......