ZZJ
2022-02-11 d365829b14ca4256d39694b9cdcd43bad0ad8595
src/pages/library/components/baseList.vue
@@ -6,16 +6,15 @@
    <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
          <el-tooltip
            content="添加同步库"
            placement="top"
          >
            <!-- popper-class="atooltip" -->
              <span
            class="iconfont icontianjiaku-09"
            style="
              font-size: 22px;
@@ -26,6 +25,8 @@
            @click.stop="add('sync')"
            v-if="isShow('library:set')"
          ></span>
          </el-tooltip>
        
        </template>
        <div class="max-height">
@@ -62,6 +63,7 @@
            
              <div
                class="status-dot"
                :class="item.enable == 1 ?'status-dot-active':''"
                :style="item.enable == 1 ? { background: '#4E94FF' } : {}"
              ></div>
            </el-col>
@@ -85,9 +87,14 @@
      </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
          <el-tooltip
            content="添加同步库"
            placement="top"
          >
              <span
            class="iconfont icontianjiaku-09"
            style="
              font-size: 22px;
@@ -98,6 +105,8 @@
            @click.stop="add('local')"
            v-if="isShow('library:set')"
          ></span>
          </el-tooltip>
        </template>
        <div class="max-height">
          <el-row
@@ -131,6 +140,7 @@
           
              <div
                class="status-dot"
                :class="item.enable == 1 ?'status-dot-active':''"
                :style="item.enable == 1 ? { background: '#4E94FF' } : {}"
              ></div>
            </el-col>
@@ -148,9 +158,6 @@
              <div class="time-end">
                {{ item.endTime ? item.endTime : "永久有效" }}
              </div>
              <!-- {{ item.startTime }}~{{
                item.endTime ? item.endTime : "永久有效"
              }} -->
            </el-col>
          </el-row>
        </div>
@@ -189,13 +196,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();
@@ -331,6 +334,9 @@
}
.out-div {
  max-height: 100%;    height: 100%;
  .el-collapse-item__header{
    position:relative;
  }
  .el-collapse-item__wrap {
    will-change: height;
    background-color: #fff;
@@ -364,7 +370,7 @@
    .time-end {
      color: #e9e9e9;
    }
    .status-dot {
    .status-dot-active {
      background: #fff !important;
    }
  }