1.测试优化修改

sws 2024-08-28
v1.0.0
sws 2024-08-29 14:20:40 +08:00
parent c6428d8d94
commit b0f0843f10
5 changed files with 27 additions and 10 deletions

View File

@ -482,6 +482,9 @@ const get_attachment_list = (type?: string) => {
data_total.value = data.data_total;
upload_list.value = data.data_list;
img_loading.value = false;
//
check_img_ids.value = '';
view_list_value.value = [];
});
};
//

View File

@ -1,7 +1,7 @@
<template>
<el-popover v-model:visible="visible_dialog" placement="bottom" width="400" trigger="hover">
<el-popover v-model:visible="visible_dialog" placement="bottom" width="400" trigger="click">
<template #reference>
<el-input v-model="label" :placeholder="placeholder" class="pr-40" @input="handle_input">
<el-input v-model="label" :placeholder="placeholder" @input="handle_input" @keydown.space.prevent="stop_visible_dialog_close" @keydown.enter.prevent="stop_visible_dialog_close">
<template #suffix>
<div class="value-input-icon">
<icon name="arrow-top" class="re icon" :class="!visible_dialog ? 'active' : ''" size="12" color="9"></icon>
@ -97,6 +97,7 @@ const get_label = (item: any, val: any) => {
});
};
const handle_input = (val: any) => {
// visible_dialog.value = true;
//
if (val) {
new_cascader.value = filterData(val, cascader_data.value);
@ -104,6 +105,11 @@ const handle_input = (val: any) => {
new_cascader.value = cascader_data.value;
}
};
const stop_visible_dialog_close = () => {
if (visible_dialog.value) {
visible_dialog.value = !visible_dialog.value;
}
};
const filterData = (input: string, data: cascaderData[]) => {
let result = [];

View File

@ -79,7 +79,7 @@
</div>
</el-scrollbar>
<div v-show="is_dragging || form.file.length < 1" class="folder-upload mt-20" :class="is_dragging ? 'active' : ''">
<el-upload ref="fileUpload2" v-model:file-list="file_list" :accept="exts_text" multiple action="#" :auto-upload="false" :show-file-list="false" :on-change="upload_change" :before-upload="before_upload" :limit="limit" :on-exceed="handle_exceed">
<el-upload ref="fileUpload2" v-model:file-list="file_list" class="upload-2" :accept="exts_text" multiple action="#" :auto-upload="false" :show-file-list="false" :on-change="upload_change" :before-upload="before_upload" :limit="limit" :on-exceed="handle_exceed">
<div class="flex-col jc-c align-c">
<icon name="add" size="60" color="#dbeef6"></icon>
<p class="size-18 cr-c fw">请将需要上传的文件/文件夹拖到此处或粘贴</p>
@ -679,4 +679,12 @@ const close_dialog = () => {
width: 33.5rem !important;
}
}
.upload-2 {
width: 100%;
height: 100%;
:deep(.el-upload) {
width: inherit;
height: inherit;
}
}
</style>

View File

@ -3,12 +3,12 @@
<el-form :model="form" label-width="70">
<card-container class="mb-8">
<div class="mb-12">颜色设置</div>
<el-form-item label="选中文本">
<color-picker v-model="form.text_color_checked" default-color="rgba(204, 204, 204, 1)" @update:value="text_color_checked_event" />
</el-form-item>
<el-form-item label="默认文本">
<color-picker v-model="form.default_text_color" default-color="rgba(0, 0, 0, 1)" @update:value="default_text_color_event" />
</el-form-item>
<el-form-item label="选中文本">
<color-picker v-model="form.text_color_checked" default-color="rgba(204, 204, 204, 1)" @update:value="text_color_checked_event" />
</el-form-item>
</card-container>
</el-form>
<common-styles :value="form.common_style" @update:value="common_styles_update" />

View File

@ -2,16 +2,16 @@
<div class="footer-nav flex-row jc-c align-c" :class="showFooter ? 'br-2 br-primary' : ''" @click="footer_nav_event">
<div class="footer-nav-content flex-row jc-c align-c w" :style="style_container">
<ul class="flex-row jc-sa align-c w">
<li v-for="(item, index) in footerData?.content?.nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" @mouseenter="is_hover = index + 1" @mouseleave="is_hover = 0">
<li v-for="(item, index) in footerData?.content?.nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" @mouseenter="is_hover = index" @mouseleave="is_hover = 0">
<div v-if="footerData.content.nav_style !== '2'" class="img re">
<div class="img-item abs radius-xs animate-linear w" :class="is_hover != index + 1 || (index !== 0 && is_hover != index + 1) ? 'active' : ''">
<div class="img-item abs radius-xs animate-linear w" :class="is_hover != index ? 'active' : ''">
<image-empty v-model="item.src[0]" error-img-style="width:1.5rem;height:1.5rem;"></image-empty>
</div>
<div class="img-item abs radius-xs animate-linear w" :class="is_hover == index + 1 || index == 0 ? 'active' : ''">
<div class="img-item abs radius-xs animate-linear w" :class="is_hover == index ? 'active' : ''">
<image-empty v-model="item.src_checked[0]" error-img-style="width:1.5rem;height:1.5rem;"></image-empty>
</div>
</div>
<span v-if="footerData.content.nav_style !== '1'" class="animate-linear size-12 re z-i" :style="is_hover == index + 1 || index == 0 ? text_color_checked : default_text_color">{{ item.name }}</span>
<span v-if="footerData.content.nav_style !== '1'" class="animate-linear size-12 re z-i" :style="is_hover == index ? text_color_checked : default_text_color">{{ item.name }}</span>
</li>
</ul>
</div>