From 9ff66017debadfc89bc0c1b796684a4d1dbe2bc3 Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期五, 16 十二月 2022 10:00:02 +0800
Subject: [PATCH] 已上报到市批量操作按钮隐藏

---
 src/views/layout/components/Main/index.vue |  217 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 213 insertions(+), 4 deletions(-)

diff --git a/src/views/layout/components/Main/index.vue b/src/views/layout/components/Main/index.vue
index 43c14f7..5ff6659 100644
--- a/src/views/layout/components/Main/index.vue
+++ b/src/views/layout/components/Main/index.vue
@@ -2,7 +2,16 @@
   <el-main>
     <!-- <NavBar /> -->
     <div class="content">
-      <router-view></router-view>
+      <!-- 椤甸潰瀵艰埅鍖哄煙 -->
+      <div class="page-nav" v-if="navFlag">
+        <div class="nav-item" v-for="item in navList" :key="item.id">
+          <div class="nav-title">{{item.title}}</div>
+          <div class="nav-child" v-if="item.children && item.children.length!==0">
+            <el-link :underline="false" class="child-item" v-for="child in item.children" @click="handleJump(child.link)" :key="child.id">{{child.label}}</el-link>
+          </div>
+        </div>
+      </div>
+      <router-view v-else></router-view>
       <!-- 搴曢儴鍖哄煙 -->
       <!-- <MyFooter/> -->
     </div>
@@ -10,13 +19,174 @@
 </template>
 
 <script>
-import MyFooter from "../Footer"
+// import MyFooter from "../Footer"
 import NavBar from "../NavBar"
 export default {
   name: "Main",
   components: {
-    MyFooter,
+    // MyFooter,
     NavBar
+  },
+  data() {
+    return {
+      navFlag: true,
+      navList:[
+        {
+          id:1,
+          title:'绯荤粺璁剧疆',
+          children:[
+            {
+              id:2,
+              label:'鐢ㄦ埛绠＄悊',
+              link:'/system/userSetting/user',
+            },
+            {
+              id:3,
+              label:'瑙掕壊绠＄悊',
+              link:'/system/userSetting/role',
+            },
+            {
+              id:4,
+              label:'閮ㄩ棬绠＄悊',
+              link:'/system/userSetting/department',
+            },
+            {
+              id:5,
+              label:'鍗″彛璁惧绠＄悊',
+              link:'/system/device/bayonet',
+            },
+            {
+              id:6,
+              label:'鐐逛綅绠＄悊',
+              link:'/system/device/point',
+            },
+          ]
+        },
+        {
+          id:7,
+          title:'杩愯惀绠＄悊',
+          children:[
+            {
+              id:8,
+              label:'妗堜欢姹�',
+              link:'/operate/casepool/pool',
+            },
+            {
+              id:9,
+              label:'涓婃姤绠＄悊',
+              link:'/operate/casepool/escalation',
+            },
+            {
+              id:10,
+              label:'璋冨害绠＄悊',
+              link:'/operate/casepool/dispatch',
+            },
+            {
+              id:11,
+              label:'瀹℃牳绠＄悊',
+              link:'/operate/management/myIndex',
+            },
+            {
+              id:13,
+              label:'鎴戠殑寰呭姙',
+              link:'/operate/myWait',
+            },
+            {
+              id:14,
+              label:'妗堝嵎鏌ヨ',
+              link:'/operate/viewEvent',
+            },
+             {
+              id:15,
+              label:'杞﹁締绠＄悊',
+              link:'/operate/car/carIndex',
+            },
+             {
+              id:16,
+              label:'鍥剧墖绠＄悊',
+              link:'/operate/images',
+            },
+             {
+              id:17,
+              label:'瑙嗛绠＄悊',
+              link:'/operate/videoControl',
+            },
+            {
+              id:18,
+              label:'娑堟伅绠＄悊',
+              link:'/operate/message/messageIndex',
+            },
+            {
+              id:19,
+              label:'鐭俊绠＄悊',
+              link:'/operate/sms/smsIndex',
+            },
+             {
+              id:20,
+              label:'鏃ュ織绠＄悊',
+              link:'/operate/log',
+            },
+          ]
+        },
+        {
+          id:21,
+          title:'瑙嗛宸℃煡',
+          children:[
+            {
+              id:22,
+              label:'瑙嗛宸℃煡',
+              link:'/video',
+            },
+          ]
+        },
+        {
+          id:23,
+          title:'鏅鸿兘宸℃煡',
+          children:[
+            {
+              id:24,
+              label:'棰勮鐮斿垽',
+              link:'/studyJudge',
+            },
+            {
+              id:25,
+              label:'杩濊妫�绱�',
+              link:'/illegalSearch',
+            },
+            {
+              id:26,
+              label:'瓒嬪娍鍒嗘瀽',
+              link:'/trendAnalysis',
+            },
+            {
+              id:27,
+              label:'杩濈珷缁熻',
+              link:'/trendAnalysis',
+            },
+            {
+              id:28,
+              label:'杩濇硶缁熻',
+              link:'/typeStatistics',
+            },
+          ]
+        },
+      ]
+    }
+  },
+  watch: {
+    '$route.path'(newPath, oldPath) {
+      newPath === '/home' ? this.navFlag = true : this.navFlag = false
+    }
+  },
+  created(){
+    this.$route.path === '/home' ? this.navFlag = true : this.navFlag = false
+  },  
+  methods:{
+    handleJump(url){
+      const baseURL = '/home'
+      // 璺敱璺宠浆
+      this.$router.push({path:baseURL+url})
+    }
   }
 };
 </script>
@@ -24,9 +194,48 @@
 .el-main {
   min-width: 1024px;
   padding: 0;
+
   .content {
-    background-color: #070f22;
     padding: 11px;
+    height: 100%;
+    .page-nav{
+      padding: 40px 100px;
+      text-align: left;
+      .nav-item{
+        line-height: 60px;
+        .nav-title{
+          color: #4b9bb7;
+        }
+        .nav-child{
+          display: flex;
+          // justify-content: space-between;
+          flex-wrap: wrap;
+          .el-link{
+            justify-content: flex-start;
+            padding-left: 30px;
+          }
+          .child-item{
+            width: 24%;
+            text-align: left;
+            margin-bottom: 22px;
+            margin-right: 1%;
+            border: 1px solid #17324c;
+            color: #4b9bb7;
+            position: relative;
+            &::after{
+              content: '';
+              display: block;
+              position: absolute;
+              left: 15px;
+              height: 8px;
+              width: 8px;
+              border-radius: 50%;
+              background-color: #4b9bb7;
+            }
+          }
+        }
+      }
+    }
   }
 }
 </style>

--
Gitblit v1.8.0