zhangzengfei
2022-07-20 4a800a8fc83c6bd1f86a8e847b079a51a7532c09
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">
@@ -34,14 +34,14 @@
            v-show="showType == 'car'"
          ></car-list>
        </div>
        <add-base
        <addBase
          ref="addBase"
          :baseObject="baseForEdit"
          :type="syncType"
          v-if="!showList"
          @refresh="findBaseSync"
          @closeAdd="closeAdd"
        ></add-base>
        ></addBase>
      </div>
    </div>
  </div>
@@ -98,18 +98,27 @@
  },
  methods: {
    getPersonList(item, type) {
      this.baseObject = item;
      this.baseForEdit = item;
      this.syncType = type;
      console.log(123);
      console.log(item);
      console.log(type);
      if (item) {
        this.baseObject = item;
        this.baseForEdit = item;
        this.syncType = type;
      }
      // 直接调用子组件刷新列表的方法
      // 判断这是人员库还是车辆库,决定showList的值
      if (item.tableType == "person") {
        this.showType = "person";
        this.$refs.personList.getPersonList();
      } else if (item.tableType == "car") {
        this.showType = "car";
        this.$refs.carList.getCarList();
      }
      this.$nextTick(() => {
        if (this.baseObject.tableType == "person") {
          this.showType = "person";
          this.$refs.personList.getPersonList();
        } else if (this.baseObject.tableType == "car") {
          this.showType = "car";
          this.$refs.carList.getCarList();
        }
      });
      this.breeadCrumb[1].name = "底库详情";
    },
    changeToAdd(item, type) {
@@ -125,14 +134,17 @@
    },
    initBaseList() {
      this.$refs.baseSync.init();
      this.BaseManageData.queryTagList();
    },
    // 查询同步库列表数据\查询本地库列表数据
    findBaseSync() {
      this.BaseManageData.querySyncTables();
      this.BaseManageData.queryLocalTables();
      this.BaseManageData.queryTagList();
    },
    closeAdd() {
      this.showList = true;
      this.$refs.baseSync.init(this.syncType);
    },
  },
  props: {
@@ -172,7 +184,7 @@
  },
};
</script>
<style lang="scss" >
<style lang="scss">
.s-base-manage {
  box-sizing: border-box;
  background-color: #eff1f5;
@@ -181,12 +193,12 @@
  height: 100%;
  .el-table {
    .cell:empty::before {
      content: "-";
      content: "--";
      color: #ccc;
    }
    .is-leaf {
      .cell:empty::before {
        content: "-";
        content: "--";
        color: #ccc;
      }
    }