Crunchy-09/09

XiaoRuby

2023-09-09 0bd64cdb66957d78202e96517d52cb100369b5af

 src/view/index.vue

@@ -5,7 +5,6 @@
  background-size: 100% 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.title {
@@ -55,13 +54,13 @@
}

.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;
}

@@ -126,8 +125,8 @@
}

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

.tag {
@@ -142,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;
@@ -188,6 +188,7 @@
  width: calc(100% - 48px);
  padding: 11px 24px;
  background: rgb(245, 247, 251);
  overflow-y: auto;
}

.com_index {
@@ -202,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])"
@@ -253,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' : ''}`"
@@ -264,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>
@@ -298,6 +309,7 @@
  data() {
    return {
      userName: "value",
      leftOpen: true,
      menu: [
        {
          k: 0,
@@ -326,9 +338,28 @@
          ]
        },
        {
          k: 1,
          v: "技术管理",
          i: "font icon-ic_form_set24px",
          c: [
            {
              k: 1,
              v: "标准BOM",
              i: "font icon-shouye",
              u: "standard"
            },
            {
              k: 2,
              v: "订单BOM",
              i: "font icon-shouye",
              u: "technical"
            }
          ]
        },
        {
          k: 4,
          v: "生产管理",
          i: "font icon-shouye",
          i: "font icon-shengchanguanli",
          c: [
            {
              k: 12,
@@ -353,7 +384,7 @@
        {
          k: 5,
          v: "WMS管理",
          i: "font icon-shouye",
          i: "font icon-a-Inventorydumprequest",
          c: [
            {
              k: 15,
@@ -394,28 +425,9 @@
          ]
        },
        {
          k: 1,
          v: "技术管理",
          i: "font icon-shouye",
          c: [
            {
              k: 1,
              v: "标准BOM",
              i: "font icon-shouye",
              u: "standard"
            },
            {
              k: 2,
              v: "订单Bom",
              i: "font icon-shouye",
              u: "technicalaa"
            }
          ]
        },
        {
          k: 2,
          v: "QMS管理",
          i: "font icon-shouye",
          i: "font icon-xunhuan",
          c: [
            {
              k: 3,
@@ -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,
@@ -495,17 +501,17 @@
        {
          k: 7,
          v: "基础数据",
          i: "font icon-shouye",
          i: "font icon-a-ziyuan20",
          c: [
            {
              k: 23,
              v: "工序维护",
              v: "生产记录维护",
              i: "font icon-shouye",
              u: ""
              u: "record-content"
            },
            {
              k: 24,
              v: "自检维护",
              v: "自检项目维护",
              i: "font icon-shouye",
              u: "self-inspection"
            },
@@ -513,7 +519,7 @@
              k: 25,
              v: "技术指标维护",
              i: "font icon-shouye",
              u: ""
              u: "Technicalindex"
            },
            {
              k: 26,
@@ -532,6 +538,18 @@
              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"
            }
          ]
        }
@@ -597,7 +615,7 @@
        this.activeBox = 5;
      } else if (num > 20 && num <= 22) {
        this.activeBox = 6;
      } else if (num > 22 && num <= 28) {
      } else if (num > 22 && num <= 30) {
        this.activeBox = 7;
      }
    },