From af1d10f65a06adfac9bac35ead79c4522bb0ba13 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 19 十一月 2024 13:32:44 +0800
Subject: [PATCH] 1. 修改模板，使表格之间有空行 2. 修复图片尺寸错误问题
---
src/views/fysp/check/components/CompDevicePhono.vue | 16 +++++++---------
1 files changed, 7 insertions(+), 9 deletions(-)
diff --git a/src/views/fysp/check/components/CompDevicePhono.vue b/src/views/fysp/check/components/CompDevicePhono.vue
index 3900fa0..d1871fe 100644
--- a/src/views/fysp/check/components/CompDevicePhono.vue
+++ b/src/views/fysp/check/components/CompDevicePhono.vue
@@ -29,7 +29,7 @@
<el-tab-pane v-for="item in typeList" :label="item.label" :name="item.id"> </el-tab-pane>
</el-tabs>
<el-empty v-if="imgObjList.length == 0" description="鏆傛棤璁板綍" />
- <div class="imgs">
+ <el-scrollbar v-else class="imgs">
<el-image
v-for="(img, i) in imgObjList"
:class="[Boolean(img.isSelect) ? 'selected' : 'noActive', 'image']"
@@ -38,7 +38,7 @@
lazy
@click="onSelect(img, i)"
/>
- </div>
+ </el-scrollbar>
</div>
</div>
</template>
@@ -90,9 +90,6 @@
}
},
mounted() {
- if (this.defaultFile == undefined || this.defaultFile == null) {
- this.defaultFile = [];
- }
this.initImgUrlList();
},
methods: {
@@ -139,11 +136,11 @@
if (this.readonly) {
return;
}
- img.isSelect = !Boolean(img.isSelect);
+ img.isSelect = !img.isSelect;
},
sendSelectedImg(isOk) {
let result = [];
- if (!Boolean(isOk)) {
+ if (!isOk) {
this.$emit('selectPhonoEvent', result);
}
for (const item of this.imgPathsDataSourceCopy) {
@@ -189,7 +186,7 @@
} */
.imgs {
- height: 650px;
+ height: 50vh;
width: 90%;
min-height: 100px !important;
/* border-style:solid;
@@ -258,7 +255,8 @@
padding: 5px;
}
-.el-dialog__body {
+::v-deep .el-dialog__body {
height: 60vh;
+ padding: 10px calc(var(--el-dialog-padding-primary) + 10px) !important;
}
</style>
--
Gitblit v1.9.3