设备照片回显问题

zhaojiale

2022-09-16 357231819223f9241077700ed692f9b5fc58f02c

 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>
</style>