优化 稿件预览

This commit is contained in:
YuanFeng 2024-11-26 01:14:41 +08:00
parent e8b1bf2817
commit d8d5ae857f
2 changed files with 52 additions and 14 deletions

View File

@ -208,7 +208,13 @@
style="width: 64px; height: 64px"
fit="contain"
:src="img.url"
:preview-src-list="[img.url]"/>
:preview-src-list="[img.url]">
<template #error>
<div class="image-slot">
<span>Empty</span>
</div>
</template>
</el-image>
<div>
<el-select-v2
v-model="that.propInfo[tmp.key].dataInfo[index].showLabel"
@ -217,6 +223,7 @@
placeholder="Please select"
clearable
@change="changeIconData(index,tmp.key)"
@clear="that.propInfo[tmp.key].dataInfo[index].url = ''"
@select="handleSelect(i,tmp.key)"
:defaultValue="''"
:no-match-text="'Data Empty'"
@ -1186,10 +1193,7 @@ const checkPropInfo = (info) => {
if (langSort.length === 0) {
langSort = allLang
}
let str = newInfo[key].dataInfo[0].ratio;
if (str === null || str === undefined || str === -1) {
str = ''
}
let mergeLabel = [];
for (let j = 0; j < langSort.length; j++) {
for (let k = 0; k < langList.length; k++) {
@ -1207,7 +1211,13 @@ const checkPropInfo = (info) => {
let resArr = [];
for (let j = 0; j < newArr.length; j++) {
newArr[j].label = mergeLabelStr
resArr.push(newArr[j])
console.log("newArr[j].showLabel",newArr[j].showLabel)
if(!newArr[j].showLabel){
newArr[j].url = ''
}
resArr.push({
...newArr[j]
});
}
newInfo[key].dataInfo = resArr;
}
@ -1321,7 +1331,16 @@ defineExpose({
text-orientation: upright; /* 保持文字直立 */
padding: 6px;
}
.image-slot {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: var(--el-fill-color-light);
color: var(--el-text-color-secondary);
font-size: 10px;
}
:deep(.el-input__wrapper) {
position: relative;

View File

@ -208,7 +208,13 @@
style="width: 64px; height: 64px"
fit="contain"
:src="img.url"
:preview-src-list="[img.url]"/>
:preview-src-list="[img.url]">
<template #error>
<div class="image-slot">
<span>Empty</span>
</div>
</template>
</el-image>
<div>
<el-select-v2
v-model="that.propInfo[tmp.key].dataInfo[index].showLabel"
@ -217,6 +223,7 @@
placeholder="Please select"
clearable
@change="changeIconData(index,tmp.key)"
@clear="that.propInfo[tmp.key].dataInfo[index].url = ''"
@select="handleSelect(i,tmp.key)"
:defaultValue="''"
:no-match-text="'Data Empty'"
@ -1186,10 +1193,7 @@ const checkPropInfo = (info) => {
if (langSort.length === 0) {
langSort = allLang
}
let str = newInfo[key].dataInfo[0].ratio;
if (str === null || str === undefined || str === -1) {
str = ''
}
let mergeLabel = [];
for (let j = 0; j < langSort.length; j++) {
for (let k = 0; k < langList.length; k++) {
@ -1207,7 +1211,13 @@ const checkPropInfo = (info) => {
let resArr = [];
for (let j = 0; j < newArr.length; j++) {
newArr[j].label = mergeLabelStr
resArr.push(newArr[j])
console.log("newArr[j].showLabel",newArr[j].showLabel)
if(!newArr[j].showLabel){
newArr[j].url = ''
}
resArr.push({
...newArr[j]
});
}
newInfo[key].dataInfo = resArr;
}
@ -1321,7 +1331,16 @@ defineExpose({
text-orientation: upright; /* 保持文字直立 */
padding: 6px;
}
.image-slot {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: var(--el-fill-color-light);
color: var(--el-text-color-secondary);
font-size: 10px;
}
:deep(.el-input__wrapper) {
position: relative;