tab禁用

ZZJ

2022-01-12 9d43e7051075f1fc1b2fee680a79f90becddd63f

 src/pages/library/components/baseList.vue

@@ -6,14 +6,8 @@
    <el-collapse v-model="activeNames">
      <el-collapse-item name="1" class="el-collapse-item__wrap">
        <template slot="title">
          <span
            :class="
              title === '同步库'
                ? 'iconfont icontongbuku_v'
                : 'iconfont iconbendiku_v'
            "
            style="font-size: 32px"
          ></span>
          <img v-if="title === '同步库'" src="/images/library/同步库2.png" alt="" srcset="">
          <img v-else src="/images/library/本地库2.png" alt="" srcset="">
          <span class="m5">{{ title }}</span>
          <span
            class="iconfont icontianjiaku-09"
@@ -62,6 +56,7 @@
            
              <div
                class="status-dot"
                :class="item.enable == 1 ?'status-dot-active':''"
                :style="item.enable == 1 ? { background: '#4E94FF' } : {}"
              ></div>
            </el-col>
@@ -85,7 +80,7 @@
      </el-collapse-item>
      <el-collapse-item name="2" class="el-collapse-item__wrap">
        <template slot="title">
          <span class="iconfont iconbendiku_v" style="font-size: 32px"></span>
          <img src="/images/library/本地库2.png" alt="" srcset="">
          <span class="m5">{{ titleB }}</span>
          <span
            class="iconfont icontianjiaku-09"
@@ -131,6 +126,7 @@
           
              <div
                class="status-dot"
                :class="item.enable == 1 ?'status-dot-active':''"
                :style="item.enable == 1 ? { background: '#4E94FF' } : {}"
              ></div>
            </el-col>
@@ -148,9 +144,6 @@
              <div class="time-end">
                {{ item.endTime ? item.endTime : "永久有效" }}
              </div>
              <!-- {{ item.startTime }}~{{
                item.endTime ? item.endTime : "永久有效"
              }} -->
            </el-col>
          </el-row>
        </div>
@@ -189,13 +182,9 @@
  },
  methods: {
    isShow(authority) {
      if (this.isAdmin) {
        return true;
      } else if (this.buttonAuthority.indexOf("," + authority + ",") > -1) {
        return true;
      } else {
        return false;
      }
      return (
        this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
      );
    },
    async init() {
      await this.BaseManageData.querySyncTables();
@@ -364,7 +353,7 @@
    .time-end {
      color: #e9e9e9;
    }
    .status-dot {
    .status-dot-active {
      background: #fff !important;
    }
  }