|
|
@ -57,7 +57,9 @@ |
|
|
<div class="file-upload-center"> |
|
|
<div class="file-upload-center"> |
|
|
<label>上传附件</label> <span>(不多于9张)</span> |
|
|
<label>上传附件</label> <span>(不多于9张)</span> |
|
|
</div> |
|
|
</div> |
|
|
<van-uploader v-model="submitData.fileListObj" max-count="9" class="file" :after-read="uploadFiles" multiple @oversize="onOversize" :before-delete="deleteFile"> |
|
|
<van-uploader v-model="submitData.fileListObj" max-count="9" class="file" |
|
|
|
|
|
:after-read="uploadFiles" multiple @oversize="onOversize" |
|
|
|
|
|
:before-delete="deleteFile"> |
|
|
<template #preview-cover="{ file }"> |
|
|
<template #preview-cover="{ file }"> |
|
|
<div class="preview-cover van-ellipsis">{{ file.name }}</div> |
|
|
<div class="preview-cover van-ellipsis">{{ file.name }}</div> |
|
|
</template> |
|
|
</template> |
|
|
@ -105,6 +107,7 @@ import {addEnterpriseComplaint} from '../../api/enterprise' |
|
|
import {getDict} from '../../api/Home' |
|
|
import {getDict} from '../../api/Home' |
|
|
import {uploadFile} from '../../util/fileUpload' |
|
|
import {uploadFile} from '../../util/fileUpload' |
|
|
import {reactive, ref} from "vue"; |
|
|
import {reactive, ref} from "vue"; |
|
|
|
|
|
|
|
|
const {useCommon, useMy} = $globalStore |
|
|
const {useCommon, useMy} = $globalStore |
|
|
|
|
|
|
|
|
const router = useRouter(); |
|
|
const router = useRouter(); |
|
|
@ -298,6 +301,7 @@ export default { |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
background-color: #ebf3fb; |
|
|
background-color: #ebf3fb; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.warp_body { |
|
|
.warp_body { |
|
|
margin: 2% 3%; |
|
|
margin: 2% 3%; |
|
|
padding-bottom: 3rem; |
|
|
padding-bottom: 3rem; |
|
|
@ -307,6 +311,7 @@ export default { |
|
|
background-image: linear-gradient(to bottom, #ebf3fb, #fff); |
|
|
background-image: linear-gradient(to bottom, #ebf3fb, #fff); |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */ |
|
|
/* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */ |
|
|
.van-popup.van-toast { |
|
|
.van-popup.van-toast { |
|
|
background: var(--van-toast-background) !important; |
|
|
background: var(--van-toast-background) !important; |
|
|
@ -316,9 +321,11 @@ export default { |
|
|
width: var(--van-toast-default-width) !important; |
|
|
width: var(--van-toast-default-width) !important; |
|
|
max-width: var(--van-toast-max-width) !important; |
|
|
max-width: var(--van-toast-max-width) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.van-popup.van-toast .van-toast__icon { |
|
|
.van-popup.van-toast .van-toast__icon { |
|
|
font-size: var(--van-toast-icon-size) !important; |
|
|
font-size: var(--van-toast-icon-size) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.divdsty { |
|
|
.divdsty { |
|
|
margin: auto; |
|
|
margin: auto; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
@ -326,23 +333,27 @@ export default { |
|
|
background-color: #f4f4f4; |
|
|
background-color: #f4f4f4; |
|
|
border: 0; |
|
|
border: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.file-upload { |
|
|
.file-upload { |
|
|
position: relative; |
|
|
position: relative; |
|
|
min-height: 4.2rem; |
|
|
min-height: 4.2rem; |
|
|
padding: 0.27rem 0.43rem; |
|
|
padding: 0.27rem 0.43rem; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.file-upload-center { |
|
|
.file-upload-center { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
height: 20%; |
|
|
height: 20%; |
|
|
top: 10%; |
|
|
top: 10%; |
|
|
left: 0.43rem; |
|
|
left: 0.43rem; |
|
|
font-size: 0.38rem; |
|
|
font-size: 0.38rem; |
|
|
|
|
|
|
|
|
span { |
|
|
span { |
|
|
font-size: 0.32rem; |
|
|
font-size: 0.32rem; |
|
|
color: rgb(221, 229, 227); |
|
|
color: rgb(221, 229, 227); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.file { |
|
|
.file { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
bottom: 10%; |
|
|
bottom: 10%; |
|
|
@ -361,6 +372,7 @@ export default { |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
background: rgba(0, 0, 0, 0.3); |
|
|
background: rgba(0, 0, 0, 0.3); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.rigbtn { |
|
|
.rigbtn { |
|
|
float: right; |
|
|
float: right; |
|
|
position: relative; |
|
|
position: relative; |
|
|
@ -372,6 +384,7 @@ export default { |
|
|
border-radius: 1rem; |
|
|
border-radius: 1rem; |
|
|
font-size: 0.3rem; |
|
|
font-size: 0.3rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup { |
|
|
.popup { |
|
|
position: fixed; |
|
|
position: fixed; |
|
|
z-index: 999; |
|
|
z-index: 999; |
|
|
|