修改菜单

src/page/index/sidebar/index.vue

@@ -2,48 +2,83 @@
   <div class="avue-sidebar">
     <logo></logo>
     <el-scrollbar style="height:100%">
-      <div v-if="validatenull(menu)"
-           class="avue-sidebar--tip">{{$t('menuTip')}}
+      <div v-if="validatenull(menu)" class="avue-sidebar--tip">
+        {{ $t("menuTip") }}
       </div>
-      <el-menu unique-opened
-               :default-active="nowTagValue"
-               mode="vertical"
-               :show-timeout="200"
-               :collapse="keyCollapse">
-        <sidebar-item :menu="menu"
-                      :screen="screen"
-                      first
-                      :props="website.menu.props"
-                      :collapse="keyCollapse"></sidebar-item>
+      <el-menu
+        unique-opened
+        :default-active="nowTagValue"
+        mode="vertical"
+        :show-timeout="200"
+        :collapse="keyCollapse"
+      >
+        <sidebar-item
+          :menu="menu"
+          :screen="screen"
+          first
+          :props="website.menu.props"
+          :collapse="keyCollapse"
+        ></sidebar-item>
       </el-menu>
     </el-scrollbar>
   </div>
 </template>
 
 <script>
-  import {mapGetters} from "vuex";
-  import logo from "../logo";
-  import sidebarItem from "./sidebarItem";
+import { mapGetters } from "vuex";
+import logo from "../logo";
+import sidebarItem from "./sidebarItem";
 
-  export default {
-    name: "sidebar",
-    components: {sidebarItem, logo},
-    inject: ["index"],
-    data() {
-      return {};
+export default {
+  name: "sidebar",
+  components: { sidebarItem, logo },
+  inject: ["index"],
+  data() {
+    return {};
+  },
+  created() {
+    this.index.openMenu();
+  },
+  computed: {
+    ...mapGetters([
+      "website",
+      "menu",
+      "tag",
+      "keyCollapse",
+      "screen",
+      "menuId",
+      "outStatus",
+      "outtaskStatus"
+    ]),
+    nowTagValue: function() {
+      return this.$router.$avueRouter.getValue(this.$route);
+    }
+  },
+  methods: {},
+  watch: {
+    outStatus: function(Bool) {
+      this.menu.forEach(e => {
+        if (e.path == "/exportTrade") {
+          e.children.forEach(item => {
+            if (item.path == "/exportTrade/invoice/index") {
+              item.disabled = Bool;
+            }
+          });
+        }
+      });
     },
-    created() {
-      this.index.openMenu();
-    },
-    computed: {
-      ...mapGetters(["website", "menu", "tag", "keyCollapse", "screen", "menuId"]),
-      nowTagValue: function () {
-        return this.$router.$avueRouter.getValue(this.$route);
-      }
-    },
-    methods: {}
-  };
+    outtaskStatus: function(Bool) {
+      this.menu.forEach(e => {
+        if (e.path == "/exportTrade") {
+          e.children.forEach(item => {
+            if (item.path == "/exportTrade/receipt/index") {
+              item.disabled = Bool;
+            }
+          });
+        }
+      });
+    }
+  }
+};
 </script>
-<style lang="scss" scoped>
-</style>
-
+<style lang="scss" scoped></style>