style:业务申请

@@ -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 () {