修改类型

dsk-srm-server/src/register.vue

@@ -14,15 +14,17 @@
         <div class="title">
           <span>请选择经营类型</span>
           <el-input v-model="typeSearch" placeholder="请输入" @input="getTypeSearch()"></el-input>
-          <div class="typeList">
-            <div class="typeRows">
-              <span class="typeTitle">外观</span>
-              <span class="typeParent">1>2</span>
-            </div>
-            <div class="typeRows">
-              <span class="typeTitle">外观</span>
-              <span class="typeParent">1>2</span>
-            </div>
+          <div class="typeList" v-if="typeListShow && typeListSearch.length > 0">
+            <template v-for="item in typeListSearch">
+                <template v-for="itemChild in item.children">
+                  <template v-for="itemChildThree in itemChild.children">
+                    <div class="typeRows"  @click="getCatIdName(itemChildThree.name,itemChildThree.catId)">
+                      <span class="typeTitle">{{itemChildThree.name}}</span>
+                      <span class="typeParent">{{item.name}}>{{itemChild.name}}</span>
+                    </div>
+                  </template>
+                </template>
+            </template>
           </div>
         </div>
         <div class="content">
@@ -340,9 +342,11 @@
         timer: null,
         activeName: '',
         typeList: [],
+        typeListSearch:[],
         catIdName: '',
         filePlaceCodeList: '',
-        typeSearch:'',
+        typeSearch: '',
+        typeListShow:false
       };
     },
     computed: {
@@ -387,7 +391,8 @@
           }, 1000);
         }
         let param = {
-          phone: this.form.phone
+          phone: this.form.phone,
+          type:0
         }
         checkUser(param).then(res => {
           //if (res.code == 200) {
@@ -453,8 +458,8 @@
       getCategoryList(param).then(res => {
         if (res.code == 200) {
           console.log(res)
-          this.typeList = res.data.data
-          this.activeName = res.data.data[0].children[0].name
+          this.typeList = res.data
+          this.activeName = res.data[0].children[0].name
           console.log(this.typeList)
         }
       })
@@ -542,9 +547,12 @@
         window.open(word, '_blank')
       },
       //获取选中类型名称
-      getCatIdName(val) {
+      getCatIdName(val, catId='') {
         console.log(val)
         this.catIdName = val
+        if (catId) {
+          this.ruleForm.catId = catId
+        }
       },
       //获取地区
       addressListfn() {
@@ -605,7 +613,10 @@
         }
         getCategoryList(param).then(res => {
           if (res.code == 200) {
+            this.typeListShow = true
+            this.typeListSearch = res.data
           }
+            
         })
       }
     },
@@ -1153,18 +1164,22 @@
           width: 212px;
           box-sizing: border-box;
           z-index: 9;
-  display:none;
+          height: 200px;
+          overflow-y: auto;
+
 
           .typeRows {
             padding: 4px 16px;
             border-bottom: 1px solid #eeeeee;
             display: flex;
             flex-wrap: wrap;
+            cursor: pointer;
+
 
             span {
               width: 100%;
             }
-/*
+            /*
             span:first-child {
               margin-bottom: 2px;
             }*/
@@ -1173,6 +1188,10 @@
               color: #C0C4CC;
             }
           }
+
+          .typeRows:hover {
+            background: #eeeeee;
+          }
         }
       }