新增底库返回新增的库

heyujie

2022-02-14 439d4b5ff70255d92519e9af9b0438efe3b6f57f

新增底库返回新增的库

 src/pages/library/components/addBase.vue

@@ -306,7 +306,6 @@
              bwType: this.form.bwType,
              enable: this.form.enable,
              tableDesc: this.form.tableDesc,
              // isSync: this.form.isSync,
            });
            if (res.success === true) {
              this.$notify({

 src/pages/library/components/baseList.vue

@@ -6,28 +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>
          <el-tooltip
            content="添加同步库"
            placement="top"
          >
          <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>
            <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
@@ -60,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>
@@ -87,26 +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>
          <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 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
@@ -137,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>
@@ -211,6 +204,15 @@
    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;
      // 调用切换右侧面板的函数并且切换父组件中isSelected的值让另一个组件清除被选中状态
@@ -249,25 +251,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: {
@@ -333,9 +316,10 @@
  font-size: 14px;
}
.out-div {
  max-height: 100%;    height: 100%;
  .el-collapse-item__header{
    position:relative;
  max-height: 100%;
  height: 100%;
  .el-collapse-item__header {
    position: relative;
  }
  .el-collapse-item__wrap {
    will-change: height;
@@ -351,7 +335,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;
  }

 src/pages/library/index/App.vue

@@ -5,14 +5,14 @@
        <div class="resize-bar"></div>
        <!-- <div class="resize-line"></div> -->
        <div class="resize-save">
          <base-list
          <baseList
            ref="baseSync"
            :title="`同步库`"
            type="sync"
            :isSelected="isSelected"
            @getList="getPersonList"
            @changeShow="changeToAdd"
          ></base-list>
          ></baseList>
        </div>
      </div>
      <div class="bg-white ml20 data-right-box">
@@ -119,6 +119,9 @@
      } else {
        this.baseForEdit = {};
        this.breeadCrumb[1].name = "添加底库";
        // this.$nextTick(() => {
        //   this.$refs.baseSync.clickLast(type)
        // })
      }
      this.syncType = type;
      this.showList = false;
@@ -133,6 +136,8 @@
    },
    closeAdd() {
      this.showList = true;
       this.$refs.baseSync.clickLast(this.syncType)
      
    },
  },
  props: {