fix: 优化UI样式
This commit is contained in:
parent
12a263c69b
commit
2087399e47
@ -85,7 +85,8 @@
|
|||||||
>
|
>
|
||||||
<el-tooltip effect="dark" placement="top" popper-class="upload-tooltip-width">
|
<el-tooltip effect="dark" placement="top" popper-class="upload-tooltip-width">
|
||||||
<template #content>
|
<template #content>
|
||||||
<div class="break-all pre-wrap">上传文件:最多{{
|
<div class="break-all pre-wrap">
|
||||||
|
上传文件:最多{{
|
||||||
props.applicationDetails.file_upload_setting.maxFiles
|
props.applicationDetails.file_upload_setting.maxFiles
|
||||||
}}个,每个文件限制
|
}}个,每个文件限制
|
||||||
{{ props.applicationDetails.file_upload_setting.fileLimit }}MB<br />文件类型:{{
|
{{ props.applicationDetails.file_upload_setting.fileLimit }}MB<br />文件类型:{{
|
||||||
@ -93,7 +94,7 @@
|
|||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<el-button text :disabled="checkMaxFilesLimit()">
|
<el-button text :disabled="checkMaxFilesLimit()" class="mt-4">
|
||||||
<el-icon><Paperclip /></el-icon>
|
<el-icon><Paperclip /></el-icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
@ -224,7 +225,10 @@ const getAcceptList = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const checkMaxFilesLimit = () => {
|
const checkMaxFilesLimit = () => {
|
||||||
return props.applicationDetails.file_upload_setting.maxFiles <= (uploadImageList.value.length + uploadDocumentList.value.length)
|
return (
|
||||||
|
props.applicationDetails.file_upload_setting.maxFiles <=
|
||||||
|
uploadImageList.value.length + uploadDocumentList.value.length
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
const uploadFile = async (file: any, fileList: any) => {
|
const uploadFile = async (file: any, fileList: any) => {
|
||||||
|
|||||||
@ -26,6 +26,7 @@
|
|||||||
v-for="(option, $index) in formValue.option_list"
|
v-for="(option, $index) in formValue.option_list"
|
||||||
:key="$index"
|
:key="$index"
|
||||||
:gutter="10"
|
:gutter="10"
|
||||||
|
class="mb-8"
|
||||||
>
|
>
|
||||||
<el-col :span="10"
|
<el-col :span="10"
|
||||||
><div class="grid-content ep-bg-purple" />
|
><div class="grid-content ep-bg-purple" />
|
||||||
|
|||||||
@ -27,6 +27,7 @@
|
|||||||
v-for="(option, $index) in formValue.option_list"
|
v-for="(option, $index) in formValue.option_list"
|
||||||
:key="$index"
|
:key="$index"
|
||||||
:gutter="10"
|
:gutter="10"
|
||||||
|
class="mb-8"
|
||||||
>
|
>
|
||||||
<el-col :span="10"
|
<el-col :span="10"
|
||||||
><div class="grid-content ep-bg-purple" />
|
><div class="grid-content ep-bg-purple" />
|
||||||
|
|||||||
@ -27,6 +27,7 @@
|
|||||||
v-for="(option, $index) in formValue.option_list"
|
v-for="(option, $index) in formValue.option_list"
|
||||||
:key="$index"
|
:key="$index"
|
||||||
:gutter="10"
|
:gutter="10"
|
||||||
|
class="mb-8"
|
||||||
>
|
>
|
||||||
<el-col :span="10"
|
<el-col :span="10"
|
||||||
><div class="grid-content ep-bg-purple" />
|
><div class="grid-content ep-bg-purple" />
|
||||||
|
|||||||
@ -27,6 +27,7 @@
|
|||||||
v-for="(option, $index) in formValue.option_list"
|
v-for="(option, $index) in formValue.option_list"
|
||||||
:key="$index"
|
:key="$index"
|
||||||
:gutter="10"
|
:gutter="10"
|
||||||
|
class="mb-8"
|
||||||
>
|
>
|
||||||
<el-col :span="10"
|
<el-col :span="10"
|
||||||
><div class="grid-content ep-bg-purple" />
|
><div class="grid-content ep-bg-purple" />
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user