修复国标配置的bug

zhangzengfei

2022-07-20 4a800a8fc83c6bd1f86a8e847b079a51a7532c09

 src/pages/library/components/baseList.vue

@@ -6,21 +6,28 @@
    <el-collapse v-model="activeNames">
      <el-collapse-item name="1" class="el-collapse-item__wrap">
        <template slot="title">
          <img v-if="title === '同步库'" src="/images/library/同步库2.png" alt="" srcset="">
          <img v-else src="/images/library/本地库2.png" alt="" srcset="">
          <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"
            style="
              font-size: 22px;
              color: #666666;
              position: absolute;
              right: 10px;
            "
            @click.stop="add('sync')"
            v-if="isShow('library:set')"
          ></span>
        
          <el-tooltip content="添加同步库" placement="top">
            <!-- popper-class="atooltip" -->
            <span
              class="iconfont icontianjiaku-09"
              style="
                font-size: 22px;
                color: #666666;
                position: absolute;
                right: 10px;
              "
              @click.stop="add('sync')"
              v-if="isShow('library:set')"
            ></span>
          </el-tooltip>
        </template>
        <div class="max-height">
          <el-row
@@ -53,10 +60,9 @@
              </p>
            </el-col>
            <el-col :span="10" :offset="1">
            
              <div
                class="status-dot"
                :class="item.enable == 1 ?'status-dot-active':''"
                :class="item.enable == 1 ? 'status-dot-active' : ''"
                :style="item.enable == 1 ? { background: '#4E94FF' } : {}"
              ></div>
            </el-col>
@@ -80,19 +86,21 @@
      </el-collapse-item>
      <el-collapse-item name="2" class="el-collapse-item__wrap">
        <template slot="title">
          <img src="/images/library/本地库2.png" alt="" srcset="">
          <img src="/images/library/本地库2.png" alt="" srcset="" />
          <span class="m5">{{ titleB }}</span>
          <span
            class="iconfont icontianjiaku-09"
            style="
              font-size: 22px;
              color: #666666;
              position: absolute;
              right: 10px;
            "
            @click.stop="add('local')"
            v-if="isShow('library:set')"
          ></span>
          <el-tooltip content="添加同步库" placement="top">
            <span
              class="iconfont icontianjiaku-09"
              style="
                font-size: 22px;
                color: #666666;
                position: absolute;
                right: 10px;
              "
              @click.stop="add('local')"
              v-if="isShow('library:set')"
            ></span>
          </el-tooltip>
        </template>
        <div class="max-height">
          <el-row
@@ -123,10 +131,9 @@
              </p>
            </el-col>
            <el-col :span="10" :offset="1">
           
              <div
                class="status-dot"
                :class="item.enable == 1 ?'status-dot-active':''"
                :class="item.enable == 1 ? 'status-dot-active' : ''"
                :style="item.enable == 1 ? { background: '#4E94FF' } : {}"
              ></div>
            </el-col>
@@ -186,16 +193,34 @@
        this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
      );
    },
    async init() {
    async init(typ) {
      await this.BaseManageData.querySyncTables();
      this.syncTableList = this.BaseManageData.syncTables;
      this.defaultShow();
      if (typ) {
        this.$emit("getList");
      } else {
        this.defaultShow();
      }
      await this.BaseManageData.queryLocalTables();
      this.localTableList = this.BaseManageData.localTables;
      this.defaultShow();
      if (typ) {
        this.$emit("getList");
      } else {
        this.defaultShow();
      }
    },
    add(type) {
      this.$emit("changeShow", null, type);
    },
    clickLast(type) {
      // this.$nextTick(() => {

      // });
      this.clickCategory(
        this.syncTableList.length - 1,
        type,
        this.syncTableList[this.syncTableList.length - 1]
      );
    },
    clickCategory(index, type, item) {
      this.categoryIndex = type + index;
@@ -235,25 +260,6 @@
        return false;
      }
    },
    // dateCompare(dateString, compareDateString) {
    //   // dateString:当前时间
    //   // compareDateString:需要比较的时间
    //   if (this.isEmpty(dateString)) {
    //     return;
    //   }
    //   if (this.isEmpty(compareDateString)) {
    //     return 1;
    //   }
    //   var dateTime = this.dateParse(dateString).getTime();
    //   var compareDateTime = this.dateParse(compareDateString).getTime();
    //   if (compareDateTime > dateTime) {
    //     return 1;
    //   } else if (compareDateTime === dateTime) {
    //     return 0;
    //   } else {
    //     return -1;
    //   }
    // },
  },
  props: {
    listWidth: {
@@ -319,7 +325,11 @@
  font-size: 14px;
}
.out-div {
  max-height: 100%;    height: 100%;
  max-height: 100%;
  height: 100%;
  .el-collapse-item__header {
    position: relative;
  }
  .el-collapse-item__wrap {
    will-change: height;
    background-color: #fff;
@@ -334,7 +344,8 @@
  .el-row {
    border-radius: 9px;
    background: rgba(239, 241, 245, 0.35);
    margin-bottom: 4px;    min-height: 72px;
    margin-bottom: 4px;
    min-height: 72px;
    box-sizing: border-box;
    padding: 10px 5px;
  }