From 757d6f7723a7fed0d11b1f7b45edb8fd9ce53345 Mon Sep 17 00:00:00 2001
From: GuLiMmo <2820890765@qq.com>
Date: Tue, 19 Dec 2023 18:19:32 +0800
Subject: [PATCH] 样式更新
---
src/views/leave/leaveWords.vue | 28 +++++++++++++++++-----------
1 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/src/views/leave/leaveWords.vue b/src/views/leave/leaveWords.vue
index 925b3fd..15b4f32 100644
--- a/src/views/leave/leaveWords.vue
+++ b/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%;
+ // }
+ // }
+ }
}
}
--
Gitblit v1.9.3