上传附件
This commit is contained in:
‘huanghaiixia’
@ -219,6 +219,12 @@
|
||||
<a-button v-if="!isDisable" type="primary" style="margin-bottom: 10px;" @click="handleAdd('certificate')">新增证书</a-button>
|
||||
<a-table :columns="columnsCertificate" :data-source="dataCertificate" >
|
||||
<template #bodyCell="{ column, record, index }">
|
||||
<template v-if="column.dataIndex === 'dateFrom'">
|
||||
{{ record.dateFrom ? dayjs(record.dateFrom).format('YYYY-MM-DD') : ''}}
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'dateTo'">
|
||||
{{ record.dateTo ? dayjs(record.dateTo).format('YYYY-MM-DD') : ''}}
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'docTypeCode'">
|
||||
{{ (optionSelect.docCpList.find(v=>v.code == record.docTypeCode) || {}).fullName }}
|
||||
</template>
|
||||
@ -278,20 +284,7 @@
|
||||
<span style="font-size: 12px;font-weight: normal;">（上传公司财报等附件）</span>
|
||||
</div>
|
||||
</template>
|
||||
<a-upload
|
||||
v-if="!isDisable"
|
||||
:multiple="true"
|
||||
:showUploadList="false"
|
||||
name="file"
|
||||
:action="data.action"
|
||||
:headers="data.headers"
|
||||
@change="handleChangeFile"
|
||||
>
|
||||
<a-button>
|
||||
<upload-outlined></upload-outlined>
|
||||
上传
|
||||
</a-button>
|
||||
</a-upload>
|
||||
<UploadNew v-if="!isDisable" style="margin-bottom: 10px;" :file-list="dataFile" :showUploadList="false" :btnTip="btnTip" @change="changeUplod" :multiple="true"/>
|
||||
<a-table :columns="columnsFile" :data-source="dataFile" >
|
||||
<template #bodyCell="{ column,record,index, text }">
|
||||
<template v-if="column.dataIndex === 'fileOrg'">
|
||||
@ -334,10 +327,8 @@
|
||||
import { addLngCustomer,updateLngCustomer,getLngCustomer } from '/@/api/sales/Customer';
|
||||
import dayjs from 'dayjs';
|
||||
import { getAppEnvConfig } from '/@/utils/env';
|
||||
import { getToken } from '/@/utils/auth';
|
||||
import { uploadSrc, uploadBlobApi } from '/@/api/sys/upload';
|
||||
import { message } from 'ant-design-vue';
|
||||
|
||||
import UploadNew from '/@/components/Form/src/components/UploadNew.vue';
|
||||
|
||||
const formType = ref('2'); // 0 新建 1 修改 2 查看
|
||||
const formRef = ref();
|
||||
@ -364,12 +355,6 @@
|
||||
const curIdx = ref(null)
|
||||
const { notification } = useMessage();
|
||||
const { t } = useI18n();
|
||||
const data = reactive({
|
||||
info: {},
|
||||
action: '',
|
||||
headers: { Authorization: '' },
|
||||
photoUrl: '',
|
||||
});
|
||||
const formState = reactive({
|
||||
valid: 'Y',
|
||||
approCode: 'WTJ',
|
||||
@ -381,6 +366,7 @@
|
||||
}
|
||||
]
|
||||
});
|
||||
const btnTip = '上传'
|
||||
|
||||
const [registerCertificate, { openModal:openModalCertificate }] = useModal();
|
||||
const [registerContact, { openModal:openModalContact }] = useModal();
|
||||
@ -440,7 +426,7 @@
|
||||
]);
|
||||
const dataCertificate= reactive([]);
|
||||
const dataBank= reactive([]);
|
||||
const dataFile = reactive([]);
|
||||
const dataFile = ref([]);
|
||||
const dataContact= reactive([]);
|
||||
let optionSelect= reactive({
|
||||
natureCodeList: [],
|
||||
@ -486,12 +472,11 @@
|
||||
if (pageId.value) {
|
||||
getList(pageId.value)
|
||||
}
|
||||
data.action = getAppEnvConfig().VITE_GLOB_API_URL + uploadSrc;
|
||||
data.headers.Authorization = `Bearer ${getToken()}`;
|
||||
|
||||
});
|
||||
async function getList(id) {
|
||||
spinning.value = true
|
||||
try {
|
||||
let data = await getLngCustomer(id)
|
||||
spinning.value = false
|
||||
Object.assign(formState, {...data})
|
||||
@ -499,7 +484,12 @@
|
||||
Object.assign(dataBank, formState.lngCustomerBankList || [])
|
||||
Object.assign(dataCertificate, formState.lngCustomerDocList || [])
|
||||
Object.assign(dataContact, formState.lngCustomerContactList || [])
|
||||
Object.assign(dataFile, formState.lngFileUploadList || [])
|
||||
Object.assign(dataFile.value, formState.lngFileUploadList || [])
|
||||
formState.dateEntry = formState.dateEntry ? dayjs(formState.dateEntry) : null
|
||||
formState.dateEstab = formState.dateEstab ? dayjs(formState.dateEstab) : null
|
||||
} catch (error) {
|
||||
spinning.value = false
|
||||
}
|
||||
}
|
||||
async function getOption() {
|
||||
optionSelect.natureCodeList = await getDictionary('LNG_ENT_PR')
|
||||
@ -527,7 +517,7 @@
|
||||
const handleAdd = (val)=> {
|
||||
curIdx.value = null
|
||||
if (val ==='certificate') {
|
||||
openModalCertificate(true,{isUpdate: false});
|
||||
openModalCertificate(true,{isUpdate: false, list: dataCertificate});
|
||||
}
|
||||
if (val ==='contact'){
|
||||
openModalContact(true, {});
|
||||
@ -544,7 +534,7 @@
|
||||
// 证书
|
||||
if (type == 'certificate') {
|
||||
if (btn == 'edit' || btn == 'view') {
|
||||
openModalCertificate(true, {record: record,isUpdate: true, btnType: btn});
|
||||
openModalCertificate(true, {record: record,isUpdate: true, btnType: btn, list: dataCertificate});
|
||||
}
|
||||
if (btn == 'delete') {
|
||||
dataCertificate.splice(index, 1)
|
||||
@ -586,19 +576,19 @@
|
||||
// 附件
|
||||
if (type == 'file') {
|
||||
if (btn == 'delete') {
|
||||
dataFile.splice(index, 1)
|
||||
dataFile.value.splice(index, 1)
|
||||
}
|
||||
if (btn == 'up') {
|
||||
if (index === 0) {
|
||||
return
|
||||
}
|
||||
dataFile[index] = dataFile.splice(index-1, 1, dataFile[index])[0];
|
||||
dataFile.value[index] = dataFile.value.splice(index-1, 1, dataFile.value[index])[0];
|
||||
}
|
||||
if (btn == 'down') {
|
||||
if (index === dataFile.length - 1) {
|
||||
if (index === dataFile.value.length - 1) {
|
||||
return
|
||||
}
|
||||
dataFile[index] = dataFile.splice(index+1, 1, dataFile[index])[0];
|
||||
dataFile.value[index] = dataFile.value.splice(index+1, 1, dataFile.value[index])[0];
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -627,36 +617,16 @@
|
||||
}
|
||||
dataBank.push(val)
|
||||
}
|
||||
function handleChangeFile(info) {
|
||||
console.log(info, 'info', info.file.status)
|
||||
if (info.file.status !== 'uploading') {
|
||||
}
|
||||
if (info.file.status === 'done') {
|
||||
if (info.file && info.file.response && info.file.response.code == 0) {
|
||||
message.success(t(`{name}上传成功！`, { name: info.file.name }));
|
||||
// 存储原始URL到info.fileUrl（用于提交）（改了）
|
||||
data.info.fileUrl = info.file.response.data.fileUrl;
|
||||
data.fileName = info.file.response.data.fileName;
|
||||
|
||||
// 显示使用fileUrlFixed（如果有），否则使用fileUrl （改了）
|
||||
data.photoUrl = info.file.response.data.fileUrlFixed || info.file.response.data.fileUrl;
|
||||
|
||||
let obj = {
|
||||
fileOrg: data.fileName,
|
||||
filePath: data.photoUrl,
|
||||
filesize: info?.file?.response?.data?.fileSize
|
||||
}
|
||||
dataFile.push(obj)
|
||||
|
||||
} else {
|
||||
message.error(t('上传照片失败'));
|
||||
}
|
||||
} else if (info.file.status === 'error') {
|
||||
message.error(t(`{name}上传失败.`, { name: info.file.name }));
|
||||
}
|
||||
function changeUplod (val) {
|
||||
dataFile.value = []
|
||||
val.forEach(v => {
|
||||
v.fileOrg = v.fileOrg || v.fileName,
|
||||
v.filePath = v.filePath || v.fileUrl,
|
||||
v.fileSize = v.fileSize
|
||||
dataFile.value.push(v)
|
||||
})
|
||||
console.log(val, 532, dataFile.value)
|
||||
}
|
||||
|
||||
|
||||
function close() {
|
||||
tabStore.closeTab(currentRoute.value, router);
|
||||
}
|
||||
@ -698,7 +668,7 @@
|
||||
}
|
||||
}),
|
||||
lngCustomerContactList: dataContact,
|
||||
lngFileUploadList: dataFile
|
||||
lngFileUploadList: dataFile.value
|
||||
|
||||
}
|
||||
spinning.value = true;
|
||||
@ -711,11 +681,11 @@
|
||||
data?.cuCode && (formState.cuCode = data.cuCode)
|
||||
notification.success({
|
||||
message: 'Tip',
|
||||
description: !data?.id ? t('新增成功！') : t('修改成功！')
|
||||
description: data?.id ? t('新增成功！') : t('修改成功！')
|
||||
}); //提示消息
|
||||
}
|
||||
// formRef.value.resetFields();
|
||||
return data
|
||||
return data?.id ? data : formState
|
||||
// setTimeout(() => {
|
||||
// bus.emit(FORM_LIST_MODIFIED, { path: formPath });
|
||||
// close();
|
||||
|
||||
Reference in New Issue
Block a user