车辆库左端列表

heyujie

2021-12-13 32065e3edfba329fd68d082bcca6f734152d86db

 src/pages/library/components/baseList.vue

@@ -26,18 +26,7 @@
            @click.stop="add('sync')"
            v-if="isShow('library:set')"
          ></span>
          <!-- <i
            class="el-icon-circle-plus-outline ml10"
            style="font-size: 20px; color: #3d68e1"
           
          ></i> -->
          <!-- <span
            class="m5"
            style="font-size: 14px; color: #3d68e1"
            @click.stop="add('sync')"
            v-if="isShow('library:set')"
            >新增</span
          > -->
        
        </template>
        <div class="max-height">
          <el-row
@@ -70,45 +59,11 @@
              </p>
            </el-col>
            <el-col :span="10" :offset="1">
              <!-- <el-switch
                :active-value="1"
                :inactive-value="0"
                v-model="item.enable"
                size="small"
                style="margin-top: -7px"
                :disabled="isDisabled(item)"
                @change="setEnable(item)"
              >
              
              </el-switch> -->
              <!-- <div class="status-dot"></div> -->
            
              <div
                class="status-dot"
                :style="item.enable == 1 ? { background: '#4E94FF' } : {}"
              ></div>
              <!-- <el-tooltip
                content="编辑"
                placement="top"
                popper-class="atooltip"
              >
                <span
                  class="iconfont iconbianji iconStyle1"
                  @click.stop="edit(item, 'sync')"
                  v-if="isShow('library:set')"
                ></span>
              </el-tooltip> -->
              <!-- <el-tooltip
                content="删除"
                placement="top"
                popper-class="atooltip"
              >
                <span
                  class="iconfont iconshanchu iconStyle1"
                  style="color: #e74c3c"
                  v-if="isShow('library:set')"
                  @click.stop="deleteBase(item.id)"
                ></span>
              </el-tooltip> -->
            </el-col>
            <el-col
              :span="24"
@@ -143,19 +98,6 @@
            @click.stop="add('local')"
            v-if="isShow('library:set')"
          ></span>

          <!-- <i
            class="el-icon-circle-plus-outline ml10"
            style="font-size: 20px; color: #3d68e1"
          
          ></i> -->
          <!-- <span
            class="m5"
            style="font-size: 14px; color: #3d68e1"
            @click.stop="add('local')"
            v-if="isShow('library:set')"
            >新增</span
          > -->
        </template>
        <div class="max-height">
          <el-row
@@ -186,43 +128,11 @@
              </p>
            </el-col>
            <el-col :span="10" :offset="1">
              <!-- <el-switch
                :active-value="1"
                :inactive-value="0"
                v-model="item.enable"
                size="small"
                style="margin-top: -7px"
                :disabled="isDisabled(item)"
                @change="setEnable(item)"
              ></el-switch> -->
           
              <div
                class="status-dot"
                :style="item.enable == 1 ? { background: '#4E94FF' } : {}"
              ></div>

              <!-- <el-tooltip
                content="编辑"
                placement="top"
                popper-class="atooltip"
              >
                <span
                  class="iconfont iconbianji iconStyle1"
                  @click.stop="edit(item, 'local')"
                  v-if="isShow('library:set')"
                ></span>
              </el-tooltip> -->
              <!-- <el-tooltip
                content="删除"
                placement="top"
                popper-class="atooltip"
              >
                <span
                  class="iconfont iconshanchu iconStyle1"
                  style="color: #e74c3c"
                  v-if="isShow('library:set')"
                  @click.stop="deleteBase(item.id)"
                ></span>
              </el-tooltip> -->
            </el-col>
            <el-col
              :span="24"
@@ -263,7 +173,6 @@
    };
  },
  computed: {
    // eslint-disable-next-line vue/return-in-computed-property
    isAdmin() {
      if (
        sessionStorage.getItem("userInfo") &&
@@ -296,9 +205,7 @@
      this.localTableList = this.BaseManageData.localTables;
      this.defaultShow();
    },
    handleChange(val) {
      console.log(val);
    },
    handleChange(val) {},
    async setEnable(item) {
      let res = await updateDbTableStatus({
        id: item.id,
@@ -334,10 +241,8 @@
      return flag;
    },
    clickCategory(index, type, item) {
      // 这里我们传入一个当前值
      this.categoryIndex = type + index;
      // 调用切换右侧面板的函数并且切换父组件中isSelected的值让另一个组件清除被选中状态
      // this.$emit('clearSelected')
      this.clickBase = item;
      this.$emit("getList", item, type);
    },
@@ -434,7 +339,7 @@
  },
  props: {
    listWidth: {
      default: "234px",
      default: "224px",
      type: String,
    },
    title: {
@@ -473,6 +378,7 @@
    display: flex;
    align-items: center;
    justify-content: right;
    width: auto;
    float: right;
    margin-right: 10px;
  }
@@ -495,7 +401,6 @@
  font-size: 14px;
}
.out-div {
  // overflow: hidden auto;
  max-height: 100%;
  .el-collapse-item__wrap {
    will-change: height;
@@ -509,8 +414,11 @@
    display: none;
  }
  .el-row {
    border-radius: 9px;    background: rgba(239, 241, 245, 0.35);

    border-radius: 9px;
    background: rgba(239, 241, 245, 0.35);
    margin-bottom: 4px;    min-height: 72px;
    box-sizing: border-box;
    padding: 10px 5px;
  }
  .time-start {
    display: inline-block;
@@ -519,7 +427,7 @@
    display: inline-block;
  }
  .activeRow {
    background: #4e94ff;
    background: var(--colorCard);
    color: #fff;
    .time-start {
      color: #e9e9e9;