文物列表页-级联菜单去掉“全部”

README.md

@@ -6,6 +6,9 @@
 ## todo
 import ... from '/public/dsflksdfj/...' 这样没意义啊！
 
+### 文物列表页
 级联菜单恢复
 
-滚动位置恢复
+滚动位置恢复
+
+级联菜单不要“全部”

src/assets/style/my-reset.css

@@ -87,7 +87,7 @@ td {
   margin-bottom: 8px !important;
 }
 .el-cascader-menu__list {
-  margin: 10px 20px  !important;
+  margin: 20px 20px  !important;
 }
 .el-cascader-node .isActive {
   color: #ffe88b;
@@ -117,3 +117,7 @@ td {
   background: url(@/assets/images/dropdown-menu2.png) !important;
   background-size: 100% 100% !important;
 }
+
+.el-cascader-menu__wrap.el-scrollbar__wrap {
+  height: 160px;
+}

src/views/RelicList.vue

@@ -26,7 +26,6 @@
     <div
       class="the-list"
       :class="{
-        allScene: cascaderValue[0] === 'all',
         scene1: cascaderValue[0] === '0',
         scene2: cascaderValue[0] === '1',
         scene3: cascaderValue[0] === '2',
@@ -37,7 +36,6 @@
         class="content-wrap"
       >
         <div
-          v-show="cascaderValue[0] !== 'all'"
           class="first-item"
           :class="{
             scene1: cascaderValue[0] === '0',
@@ -93,22 +91,14 @@ const route = useRoute()
 const router = useRouter()
 const store = useStore()
 
-const cascaderValueInit = (route.query.sceneIdx && route.query.cameraIdx) ? [route.query.sceneIdx, route.query.cameraIdx] : ['all']
+const cascaderValueInit = (route.query.sceneIdx && route.query.cameraIdx) ? [route.query.sceneIdx, route.query.cameraIdx] : ['0', '0']
 const cascaderValue = ref(cascaderValueInit)
 const cameraTree = ref([
   {
-    value: 'all',
-    label: '全部',
-  },
-  {
     value: '0',
     label: '大汗之城',
     children: [
       {
-        value: 'all',
-        label: '全部',
-      },
-      {
         value: '0',
         label: '雄伟帝都',
       },
@@ -127,10 +117,6 @@ const cameraTree = ref([
     label: '河润大都',
     children: [
       {
-        value: 'all',
-        label: '全部',
-      },
-      {
         value: '0',
         label: '通惠河畅',
       },
@@ -149,10 +135,6 @@ const cameraTree = ref([
     label: '大都风华',
     children: [
       {
-        value: 'all',
-        label: '全部',
-      },
-      {
         value: '0',
         label: '文人雅集',
       },
@@ -175,23 +157,15 @@ const cameraIdx = computed(() => {
 
 const relicData = computed(() => {
   return store.getters.relicData.filter((item) => {
-    if (cascaderValue.value[0] === 'all') {
-      return true
+    const selectedSceneIdx = Number(cascaderValue.value[0])
+    if (selectedSceneIdx !== item.sceneIdx) {
+      return false
     } else {
-      const selectedSceneIdx = Number(cascaderValue.value[0])
-      if (selectedSceneIdx !== item.sceneIdx) {
-        return false
+      const selectedCameraIdx = Number(cascaderValue.value[1])
+      if (selectedCameraIdx === item.cameraIdx) {
+        return true
       } else {
-        if (cascaderValue.value[1] === 'all') {
-          return true
-        } else {
-          const selectedCameraIdx = Number(cascaderValue.value[1])
-          if (selectedCameraIdx === item.cameraIdx) {
-            return true
-          } else {
-            return false
-          }
-        }
+        return false
       }
     }
   }).filter((item) => {
@@ -471,9 +445,6 @@ function onClickItem(idx) {
       }
     }
   }
-  >.the-list.allScene{
-    background-image: url(@/assets/images/relic-list-bg-1-1.png);
-  }
   >.the-list.scene1{
     background-image: url(@/assets/images/relic-list-bg-1-1.png);
   }