diff --git a/src/views/pqs/voltageSags/sagGovern/businessUser/userPopup.vue b/src/views/pqs/voltageSags/sagGovern/businessUser/userPopup.vue index 408c8639..86780d59 100644 --- a/src/views/pqs/voltageSags/sagGovern/businessUser/userPopup.vue +++ b/src/views/pqs/voltageSags/sagGovern/businessUser/userPopup.vue @@ -39,25 +39,18 @@ +
+ - - - + 上传图片 - - 预览图片 - +
@@ -91,6 +84,7 @@ import AreaCascard from '@/components/form/areaCascard/index.vue' import { uploadFile, deleteFile } from '@/api/system-boot/file' import { addSgUser, updateSgUser } from '@/api/advance-boot/sgGroven/sgUser' import IncomingTable from './IncomingTable.vue' +import { fullUrl } from '@/utils/common' const dialogVisible = ref(false) const title = ref('') @@ -102,11 +96,14 @@ const tab = ref('user') //进线表格子组件 const incomingTable = ref() -const fileList = ref([]) +const userLogo = reactive({ + url: '', + name: '' +}) const dialogVisibleLogo = ref(false) // 注意不要和表单ref的命名冲突 -const form = reactive({ +const form = reactive({ id: '', userName: '', keyUser: '', @@ -143,6 +140,10 @@ const open = (text: string, data?: anyObj) => { } form.addr = data.addr.split('/') form.keyUser = String(data.keyUser) + if(form.userLogo){ + userLogo.url = fullUrl(form.userLogo) + // 图片的name我不知道 + } //待子组件渲染完毕 nextTick(() => { incomingTable.value.getTableData(form.id) @@ -172,28 +173,22 @@ const reValueAddr = () => { * @param e */ const chooseImage = (e: any) => { - fileList.value = [] uploadFile(e.raw, 'sgGovern/').then(res => { - fileList.value[0].name = res.data.name - fileList.value[0].url = res.data.url + + userLogo.name = res.data.name + userLogo.url = res.data.url form.userLogo = res.data.name ElMessage.success('新增成功') }) } -/** - * 上传文件之前 - */ -const beforeAvatarUpload = () => { - fileList.value = [] -} /** - * 删除文件操作 + * 删除文件操作,此操作应在提交表单的时候操作,删除的图片可能有多张 */ -const handleRemove = (e: any, fileList: any) => { +const handleRemove = (e: any, userLogo: any) => { form.userLogo = '' - fileList.value = [] + userLogo.value = [] deleteFile(e.name).then(res => { ElMessage.success('删除成功') })