parent
c6428d8d94
commit
b0f0843f10
|
|
@ -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 = [];
|
||||
});
|
||||
};
|
||||
// 分页查询
|
||||
|
|
|
|||
|
|
@ -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 = [];
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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" />
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue