wms项目 wms系统参数设置的页面开发+路由+是否显示表头配置

haoxuan

2024-02-07 d68b036a3b3c67273b8effa3c9925ef3869a91ba

 src/components/layout/components/appsidebar/index.vue

@@ -3,7 +3,7 @@
  <div class="app-sidebar">
    <div class="box">
      <div class="logo-view">
        <el-image :src="require('@/assets/logo.png')"></el-image>
        <!-- <el-image :src="require('@/assets/logo.png')"></el-image> -->
      </div>
      <el-menu
        router
@@ -16,52 +16,16 @@
        text-color="#bfcbd9"
        active-text-color="#fff"
      >
        <el-menu-item index="/overview">
          <template slot="title">
            <i class="el-icon-bank-card icon"></i>
            <span>概述</span>
          </template>
          <!-- <el-menu-item index="/supplierManage/supplier">供应商</el-menu-item> -->
        </el-menu-item>
        <el-submenu index="2">

        <el-submenu  v-for="item in menus" :key="item.id" :index="item.id.toString()">
          <template slot="title">
            <i class="el-icon-s-grid icon"></i>
            <span>产品</span>
            <span>{{ item.title }}</span>
          </template>
          <el-menu-item index="/productManage/product">产品</el-menu-item>
          <el-menu-item index="/productManage/productCategory">产品类别</el-menu-item>
        </el-submenu>
        <el-submenu index="3">
          <template slot="title">
            <i class="el-icon-setting icon"></i>
            <span>操作</span>
          </template>
          <!-- <el-menu-item index="/productManage/product">补货</el-menu-item> -->
          <el-menu-item index="/operate/inventoryAdjustment">库存调整</el-menu-item>
          <el-menu-item index="/operate/allot">调拨</el-menu-item>
          <el-menu-item index="/operate/scrap">报废</el-menu-item>
        </el-submenu>
        <el-submenu index="4">
          <template slot="title">
            <i class="el-icon-box icon"></i>
            <span>仓库管理</span>
          </template>
          <el-menu-item index="/warehouseManage/warehouse">仓库</el-menu-item>
          <el-menu-item index="/warehouseManage/position">位置</el-menu-item>
          <el-menu-item index="/warehouseManage/bussinessType">业务类型</el-menu-item>
          <el-menu-item index="/warehouseManage/listingRules">上架规则</el-menu-item>
        </el-submenu>
        <el-submenu index="5">
          <template slot="title">
            <i class="el-icon-box icon"></i>
            <span>报表</span>
          </template>
          <el-menu-item index="/reportForm/inventoryReport">库存报表</el-menu-item>
          <el-menu-item index="/reportForm/locationReport">位置报表</el-menu-item>
          <!-- <el-menu-item index="/warehouseManage/bussinessType">某日库存</el-menu-item> -->
          <!-- <el-menu-item index="/productManage/product">出入库明细报表</el-menu-item> -->
          <el-menu-item v-for="itm in item.children" :key="itm.id" :index="itm.path">{{ itm.title }}</el-menu-item>
        </el-submenu>
      </el-menu>
      <el-empty v-if="this.menus===null||this.menus===undefined||this.menus.length===0" :image-size="130" description="没有侧栏菜单"></el-empty>
    </div>
  </div>
</template>
@@ -71,7 +35,9 @@
  name: "AppSidebar",
  props: {},
  data() {
    return {}
    return {
      menus: this.$store.state.menus
    }
  },
  watch: {},
  created() {
@@ -83,7 +49,7 @@
      // console.log(this.$route.name)
    },
    handleOpen(index) {
      console.log(index)
      console.log(index, "menuIndex")
    },
    handleClose() {}
  }
@@ -93,4 +59,11 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
@import "./index.scss";
::v-deep .el-empty{
  .el-empty__description{
    p{
      color: #dddd;
    }
  }
}
</style>