Crunchy-09/09

XiaoRuby

2023-09-09 0bd64cdb66957d78202e96517d52cb100369b5af

 src/view/index.vue

@@ -54,13 +54,18 @@
}

.left {
  width: 92px;
  height: calc(100vh - 58px - 40px);
  background-color: #004ea2;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px 0;
  transition: 0.3s;
  overflow-y: auto;
}

.left::-webkit-scrollbar {
  width: 0;
}

.left .box {
@@ -120,8 +125,8 @@
}

.right {
  width: calc(100% - 92px);
  height: calc(100vh - 58px);
  transition: 0.3s;
}

.tag {
@@ -136,7 +141,8 @@
  font-size: 14px;
}

.tag .el-icon-s-unfold {
.tag > .el-icon-s-unfold,
.el-icon-s-fold {
  font-size: 18px;
  cursor: pointer;
  margin: 0 8px;
@@ -182,6 +188,7 @@
  width: calc(100% - 48px);
  padding: 11px 24px;
  background: rgb(245, 247, 251);
  overflow-y: auto;
}

.com_index {
@@ -196,14 +203,14 @@
      <div class="logo">
        <img src="../../static/img/logo 1.png" />
      </div>
      <div class="label">电缆附件新一代mom系统</div>
      <div class="label">中天海洋新一代mom系统</div>
      <div class="user">
        <el-avatar :size="24">{{ userName.substring(0, 1) }}</el-avatar>
        <span>{{ userName }}</span>
        <img src="../../static/img/退出.png" @click="out" />
      </div>
    </div>
    <div class="left">
    <div class="left" :style="`width: ${leftOpen ? '92' : '0'}px;`">
      <div
        :class="`box ${activeBox == 0 ? 'active_box' : ''}`"
        @click="addTab(menu[0].c[0])"
@@ -247,9 +254,15 @@
        </div>
      </el-popover>
    </div>
    <div class="right">
    <div
      class="right"
      :style="`width: calc(100% - ${leftOpen ? '92' : '0'}px);`"
    >
      <div class="tag">
        <i class="el-icon-s-unfold"></i>
        <i
          :class="`${leftOpen ? 'el-icon-s-unfold' : 'el-icon-s-fold'}`"
          @click="leftOpen = !leftOpen"
        ></i>
        <div class="tabs">
          <div
            :class="`tab ${tabActive == a.k ? 'active_tab' : ''}`"
@@ -258,7 +271,11 @@
            @click="upTabActive(a.k)"
          >
            {{ a.v }}
            <i class="el-icon-close" @click="removeTab(ai)"></i>
            <i
              class="el-icon-close"
              @click="removeTab(ai)"
              v-if="tabActive != 0"
            ></i>
          </div>
        </div>
      </div>
@@ -292,6 +309,7 @@
  data() {
    return {
      userName: "value",
      leftOpen: true,
      menu: [
        {
          k: 0,
@@ -319,78 +337,10 @@
            }
          ]
        },
            {
              k: 4,
              v: "生产管理",
              i: "font icon-shouye",
              c: [
                {
                  k: 12,
                  v: "生产订单",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 13,
                  v: "生产计划",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 14,
                  v: "生产报工",
                  i: "font icon-shouye",
                  u: ""
                }
              ]
            },
            {
              k: 5,
              v: "WMS管理",
              i: "font icon-shouye",
              c: [
                {
                  k: 15,
                  v: "原材料库存",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 16,
                  v: "回单管理",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 17,
                  v: "半成品库存",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 18,
                  v: "成品库存",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 19,
                  v: "成品发货",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 20,
                  v: "成品入库",
                  i: "font icon-shouye",
                  u: ""
                }
              ]
            },
        {
          k: 1,
          v: "技术管理",
          i: "font icon-shouye",
          i: "font icon-ic_form_set24px",
          c: [
            {
              k: 1,
@@ -400,16 +350,84 @@
            },
            {
              k: 2,
              v: "订单Bom",
              v: "订单BOM",
              i: "font icon-shouye",
              u: "technicalaa"
              u: "technical"
            }
          ]
        },
        {
          k: 4,
          v: "生产管理",
          i: "font icon-shengchanguanli",
          c: [
            {
              k: 12,
              v: "生产订单",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 13,
              v: "生产计划",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 14,
              v: "生产报工",
              i: "font icon-shouye",
              u: ""
            }
          ]
        },
        {
          k: 5,
          v: "WMS管理",
          i: "font icon-a-Inventorydumprequest",
          c: [
            {
              k: 15,
              v: "原材料库存",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 16,
              v: "回单管理",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 17,
              v: "半成品库存",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 18,
              v: "成品库存",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 19,
              v: "成品发货",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 20,
              v: "成品入库",
              i: "font icon-shouye",
              u: ""
            }
          ]
        },
        {
          k: 2,
          v: "QMS管理",
          i: "font icon-shouye",
          i: "font icon-xunhuan",
          c: [
            {
              k: 3,
@@ -442,12 +460,6 @@
              u: "unqualifiedManagement"
            },
            {
              k: 8,
              v: "实验室管理",
              i: "font icon-shouye",
              u: "laboratoryManagement"
            },
            {
              k: 9,
              v: "质量统计",
              i: "font icon-shouye",
@@ -461,12 +473,6 @@
            },
            {
              k: 10.1,
              v: "巡检",
              i: "font icon-shouye",
              u: ""
            },
            {
              k: 10.2,
              v: "不合格品处置",
              i: "font icon-shouye",
              u: "Processingproducts"
@@ -476,7 +482,7 @@
        {
          k: 6,
          v: "核算管理",
          i: "font icon-shouye",
          i: "font icon-caiwuhesuanxitong",
          c: [
            {
              k: 21,
@@ -492,49 +498,61 @@
            }
          ]
        },
            {
              k: 7,
              v: "基础数据",
              i: "font icon-shouye",
              c: [
                {
                  k: 23,
                  v: "工序维护",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 24,
                  v: "自检维护",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 25,
                  v: "技术指标维护",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 26,
                  v: "工艺路线维护",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 27,
                  v: "设备维护",
                  i: "font icon-shouye",
                  u: ""
                },
                {
                  k: 28,
                  v: "物料清单维护",
                  i: "font icon-shouye",
                  u: ""
                }
              ]
            }
        {
          k: 7,
          v: "基础数据",
          i: "font icon-a-ziyuan20",
          c: [
            {
              k: 23,
              v: "生产记录维护",
              i: "font icon-shouye",
              u: "record-content"
            },
            {
              k: 24,
              v: "自检项目维护",
              i: "font icon-shouye",
              u: "self-inspection"
            },
            {
              k: 25,
              v: "技术指标维护",
              i: "font icon-shouye",
              u: "Technicalindex"
            },
            {
              k: 26,
              v: "工艺路线维护",
              i: "font icon-shouye",
              u: "technology"
            },
            {
              k: 27,
              v: "设备维护",
              i: "font icon-shouye",
              u: "laboratoryManagement"
            },
            {
              k: 28,
              v: "物料清单维护",
              i: "font icon-shouye",
              u: "mbom"
            },
            // {
            //    k: 29,
            //    v: "巡检项目维护",
            //    i: "font icon-shouye",
            //    u: "routinginspection"
            // },
            {
              k: 30,
              v: "生产工艺维护",
              i: "font icon-shouye",
              u: "equipmentmaintain"
            }
          ]
        }
      ],
      activeBox: 0,
      activeP: 0,
@@ -591,15 +609,15 @@
        this.activeBox = 2;
      } else if (num == 11) {
        this.activeBox = 3;
      } else if (num > 11 && num <=14){
            this.activeBox = 4;
         } else if (num>14 && num<=20){
            this.activeBox = 5
         } else if (num>20 && num<=22){
            this.activeBox = 6
         } else if (num>22 && num<=28){
            this.activeBox = 7
         }
      } else if (num > 11 && num <= 14) {
        this.activeBox = 4;
      } else if (num > 14 && num <= 20) {
        this.activeBox = 5;
      } else if (num > 20 && num <= 22) {
        this.activeBox = 6;
      } else if (num > 22 && num <= 30) {
        this.activeBox = 7;
      }
    },
    out() {
      sessionStorage.clear();