样式更新

GuLiMmo

2023-12-19 757d6f7723a7fed0d11b1f7b45edb8fd9ce53345

样式更新

 src/views/leave/leaveWords.vue

@@ -21,11 +21,12 @@
        </el-tooltip>
      </template>
      <template #imageUrls="{ row }">
        <div v-if="row.imageUrls.length > 0 || !!row.imageUrls" class="image-box">
          <el-image style="width: 70px;height: 70px;" :src="row.imageUrls[1]" :zoom-rate="1.2" :max-scale="7"
            :min-scale="0.2" :infinite="false" :preview-src-list="row.imageUrls" :initial-index="4"
        <div v-if="!!row.imageUrls && (row.imageUrls.split(',')).length > 0" class="image-box">
          <el-image style="width: 70px;height: 70px;" :src="(row.imageUrls.split(','))[0]" :zoom-rate="1.2" :max-scale="7"
            :min-scale="0.2" :infinite="false" :preview-src-list="(row.imageUrls.split(','))" :initial-index="4"
            fit="cover"></el-image>
          <div class="image-num" v-if="!(row.imageUrls.length <= 1)">+{{ row.imageUrls.length }}</div>
          <div class="image-num" v-if="!((row.imageUrls.split(',')).length <= 1)">+{{ (row.imageUrls.split(',')).length }}
          </div>
        </div>
        <div v-else>暂无图片</div>
      </template>
@@ -210,16 +211,12 @@

      getList(page.currentPage, page.pageSize, values).then(res => {
        const data = res.data.data;
        data.records.forEach(item => { !!item.imageUrls && (item.imageUrls = item.imageUrls.split(',')) })
        this.data = data.records;
        this.page.total = data.total;
        this.loading = false;
        // getTree().then(res => {
        //   const column = this.findObject(this.option.column, "parentId");
        //   column.dicData = res.data.data;
        // });
      });
    }

  }
};
</script>
@@ -253,7 +250,7 @@
        position: absolute;
        top: 0;
        left: 17px;
        height: 50%;
        height: 100%;
        border: 1px dashed #bdbebf;
      }

@@ -266,7 +263,16 @@
        border: 1px dashed #bdbebf;
      }
    }
    
  }

  .el-table__row--level-0 {
    & ~ .el-table__row--level-1 {
      // .el-table__cell:has(.cell > .el-table__indent) {
      //   &::after {
      //     height: 50%;
      //   }
      // }
    }
  }
}