From 357231819223f9241077700ed692f9b5fc58f02c Mon Sep 17 00:00:00 2001
From: zhaojiale <631455805@qq.com>
Date: 星期五, 16 九月 2022 16:40:50 +0800
Subject: [PATCH] 设备照片回显问题
---
src/components/equipmentDailog/DailogS.vue | 44 +++++++++++++++++++-------------------------
1 files changed, 19 insertions(+), 25 deletions(-)
diff --git a/src/components/equipmentDailog/DailogS.vue b/src/components/equipmentDailog/DailogS.vue
index db4c2a4..ff5eee1 100644
--- a/src/components/equipmentDailog/DailogS.vue
+++ b/src/components/equipmentDailog/DailogS.vue
@@ -72,8 +72,8 @@
<el-col :span="11">
<el-form-item label="装置部位分类" size="default">
<el-select v-model="form.partType" placeholder="请选择" style="width: 100%">
- <el-option label="关键装置" value="1" />
- <el-option label="重点部位" value="2" />
+ <el-option label="关键装置" :value="1" />
+ <el-option label="重点部位" :value="2" />
</el-select>
</el-form-item>
</el-col>
@@ -116,17 +116,8 @@
<el-row>
<el-col :span="24">
<el-form-item label="现场图片">
- <el-upload
- v-model="form.scenePic"
- class="avatar-uploader"
- action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
- :show-file-list="false"
- :on-success="handleAvatarSuccess"
- :before-upload="beforeAvatarUpload"
- >
- <img v-if="imageUrl" :src="imageUrl" class="avatar" />
- <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
- </el-upload>
+ <uploaderImg :fileList="fileList"
+ :systemName="'EQUIPMENT'" @successUploader="successUploader"></uploaderImg>
</el-form-item>
</el-col>
</el-row>
@@ -472,17 +463,20 @@
standardShow.value.openDailog(title, data);
};
// 上传
- const fileList = ref<UploadUserFile[]>([
- {
- name: 'element-plus-logo.svg',
- url: 'https://element-plus.org/images/element-plus-logo.svg',
- },
- {
- name: 'element-plus-logo2.svg',
- url: 'https://element-plus.org/images/element-plus-logo.svg',
- },
- ]);
-
+ const fileList = ref([]);
+ const successUploader = (list) =>{
+ fileList.value = list
+ const formFileList = []
+ for(var a = 0;a<fileList.value.length;a++){
+ formFileList.push(
+ {
+ fileName:fileList.value[a].fileName,
+ fileUrl:''
+ }
+ )
+ }
+ form.value.fileList = formFileList
+ }
const handleRemove: UploadProps['onRemove'] = (file, uploadFiles) => {
console.log(file, uploadFiles);
};
@@ -698,4 +692,4 @@
height: 178px;
text-align: center;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.2