11

src/components/navs/city-category.vue

@@ -288,7 +288,9 @@
           <q-menu ref="menu0" @mouseenter="menuFocusAll = 2" @mouseleave="menuLeaveAll">
             <div class="all-menu">
               <div class="flex">
-                <div class="category-item font-16" :key="`s_`+i" v-for="(x, i) in categoryList">
+                <div class="category-item font-16" :key="`s_`+i" v-for="(x, i) in categoryList"
+                  v-if="x.SubList.length>0"
+                >
                   <template v-if="i <= 3">
                     <img class="category-icon" :src="
                         require(`../../assets/img/home/${
@@ -303,7 +305,9 @@
               <div class="flex">
                 <div class="category-item" :key="`s2_`+i" v-for="(x, i) in categoryList"
                   @click="x.SubList&&x.SubList.length>0&&x.CategoryName!='行程线路'?'':productSearch(x)"
-                  :class="[x.SubList&&x.SubList.length>0&&x.CategoryName!='行程线路'?'':'cursor-pointer']">
+                  :class="[x.SubList&&x.SubList.length>0&&x.CategoryName!='行程线路'?'':'cursor-pointer']"
+                   v-if="x.SubList.length>0"
+                  >
                   <div :key="`s2_`+i+`d_`+index" v-for="(item,index) in x.SubList">
                     <div
                       @click.stop="x.CategoryName=='行程线路'||x.Id==44?OpenNewUrl(item.LinkUrl):handleCategoryChage(item)"
@@ -318,7 +322,7 @@
                         class="category-l3" :class="{
                           'category-l3-select': selectCategory === item2.Id,
                         }" :key="index" v-for="(item2,index) in item.SubList">
-                        <div>{{ item2.CategoryName }}</div>
+                        <div>{{ item2.CategoryName }} </div>
                       </div>
                     </div>
                   </div>
@@ -327,11 +331,12 @@
             </div>
           </q-menu>
         </div>
+  
         <template v-for="(x, i) in categoryList">
           <div class="category-btn" :key="`s3_`+i" :label="x.CategoryName" flat unelevated
             :content-style="{ hover: '#ff0000' }" @mouseenter="typeHover(i, true)" @mouseleave="typeHover(i, false)"
-            @click="x.SubList&&x.SubList.length>0&&x.CategoryName!='行程线路'&&x.Id!=44 ?productSearch(x):''"
-            :class="[x.SubList&&x.SubList.length>0&&x.CategoryName!='行程线路'&& x.Id!=44?'cursor-pointer':'']">
+            @click="x.CategoryName!='行程线路'&&x.Id!=44 ?productSearch(x):''"
+            :class="[x.CategoryName!='行程线路'&& x.Id!=44?'cursor-pointer':'']">
             {{ x.CategoryName }} 
             <q-menu ref="menu" :key="i" @mouseenter="menuFocus = 2" @mouseleave="menuLeave(i)">
               <div class="category-box" v-if="x.SubList&&x.SubList.length>0">
@@ -442,12 +447,10 @@
               Id: 0,
             }
 
-            n.CategoryList.forEach(x => {
-              if (x.SubList && x.SubList.length > 0) {
-                this.categoryList.push(x)
-              }
-            })
-            // this.categoryList = n.CategoryList;
+            // n.CategoryList.forEach(x => {
+            //    this.categoryList.push(x)
+            // })
+            this.categoryList = n.CategoryList;
 
             this.HomeData[0].plugData.MenuList.forEach((x, index) => {
               obj.CategoryName = '行程线路' //x.MenuName