zd 社团

ruoyi-ui/src/views/smartSchool/massOrganization/communityStyle/index.vue

@@ -153,13 +153,16 @@
             :on-success="handleAvatarSuccess"
             :before-upload="beforeAvatarUpload"
           >
-            <div v-if="form.file">
+            <div v-if="form.file.length > 0">
               <img
                 v-for="(item, index) in form.file"
                 :key="index"
-                :src="pev + item"
+                :src="pev + form.file"
                 class="avatar"
               />
+              {{ form.file }}
+              <br />
+              {{ pev + form.file }}
             </div>
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
@@ -206,7 +209,7 @@ export default {
   data() {
     return {
       //图片上传列表
-      uploadList: {},
+      uploadList: [],
       uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
       pev: process.env.VUE_APP_BASE_API,
       // 输入框字数限制
@@ -260,7 +263,7 @@ export default {
       form: {
         id: "",
         theme: "",
-        file: "",
+        file: [],
       },
       // 表单校验
       rules: {
@@ -361,6 +364,7 @@ export default {
         picUrl: null,
         seqencing: null,
         isShow: 0,
+        file: [],
       };
       this.imageUrl = "";
       this.resetForm("form");
@@ -401,6 +405,8 @@ export default {
         this.form = response.data;
         this.form.file = response.data.file.split(",");
         this.imageUrl = this.pev + this.form.picUrl;
+        console.log(this.form.file, "this.form.file222222222");
+        // console.log(this.imageUrl, "this.imageUrl");
         this.open = true;
         this.title = "修改园区照片";
       });
@@ -424,8 +430,9 @@ export default {
       console.log("response上传成功回调", res);
       console.log("file上传成功回调", file);
       if (res.code == 200) {
-        this.uploadList.push(this.pev + res.fileName);
+        this.uploadList.push(res.fileName);
         this.form.file = this.uploadList;
+        console.log("this.form.file", this.form.file);
       }
       console.log(this.uploadList, "this.uploadList");
       console.log(this.form.file, "this.form.file");