Crunchy-08/10中午

XiaoRuby

2023-08-10 ffd461f541b355d2d5124a0735d9c6fd557d21a5

 src/view/index.vue

@@ -210,7 +210,11 @@
        <i class="font icon-shouye"></i>
        <div>首页</div>
      </div>
      <el-popover placement="right-start" width="90" trigger="click" v-for="(a, ai) in menu" :key="ai" v-if="a.k!='0'">
         <div :class="`box ${activeBox==3?'active_box':''}`" @click="addTab(menu[1].c[0])">
           <i class="font icon-jine"></i>
           <div>销售管理</div>
         </div>
      <el-popover placement="right-start" width="90" trigger="click" v-for="(a, ai) in menu" :key="ai" v-if="a.k!='0'&&a.k!='3'">
        <div :class="`box ${activeBox==a.k?'active_box':''}`" @click="activeBox = a.k" slot="reference">
          <i :class="a.i"></i>
          <div>{{a.v}}</div>
@@ -269,6 +273,16 @@
            i: "font icon-shouye",
            u: "index-index"
          }]
        },{
          k: 3,
          v: "销售管理",
          i: "font icon-jine",
          c: [{
            k: 11,
            v: "销售管理",
            i: "font icon-jine",
            u: "sale"
          }]
        }, {
          k: 1,
          v: "技术管理",
@@ -292,32 +306,32 @@
            k: 3,
            v: "原材料检验",
            i: "font icon-shouye",
            u: ""
            u: "rawInsBox"
          }, {
            k: 4,
            v: "原材料不合格品",
            i: "font icon-shouye",
            u: ""
            u: "rawUnqualifiedBox"
          }, {
            k: 5,
            v: "过程检验",
            i: "font icon-shouye",
            u: ""
            u: "processInspection"
          }, {
            k: 6,
            v: "成品检验",
            i: "font icon-shouye",
            u: ""
            u: "finishedProductInspection"
          }, {
            k: 7,
            v: "不合格品管理",
            i: "font icon-shouye",
            u: ""
            u: "unqualifiedManagement"
          }, {
            k: 8,
            v: "实验室管理",
            i: "font icon-shouye",
            u: ""
            u: "laboratoryManagement"
          }, {
            k: 9,
            v: "质量统计",
@@ -330,14 +344,14 @@
            u: ""
          }]
        }],
        activeBox: 1,
        activeP: 1,
        tabActive: 1,
        activeBox: 0,
        activeP: 0,
        tabActive: 0,
        tabs: [{
          k: 1,
          v: "标准BOM",
          k: 0,
          v: "首页",
          i: "font icon-shouye",
          u: "standard"
          u: "index-index"
        }],
        upIndex: 0
      };
@@ -349,14 +363,16 @@
    methods: {
      addTab(ob) {
        if (ob.k == 0) this.activeBox = 0
        this.activeP = ob.k
        this.tabActive = ob.k
            if (ob.k == 11) this.activeBox = 3
        this.activeP = ob.k  //0
        this.tabActive = ob.k  //0
        let num = -1;
        this.tabs.forEach((a, ai) => {
          if (ob.k == a.k) {
            num = a.k
          }
        })
        // 如果没有遍历到tabs里没有该ob对应的table，往tabs里面加入该ob
        if (num == -1) {
          this.tabs.push(ob)
        }
@@ -379,7 +395,9 @@
          this.activeBox = 1
        } else if (num > 2 && num <= 10) {
          this.activeBox = 2
        }
        } else if(num == 11){
               this.activeBox = 3
            }
      },
      out() {
        sessionStorage.clear()
@@ -388,4 +406,4 @@
      }
    }
  }
</script>
</script>