修改会员详情图片

src/views/operationsManagement/member/info/index.vue

@@ -9,20 +9,30 @@
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="微信头像:" prop="pictureId">
-                <el-upload
-                  ref="upload"
-                  accept=".png,.jpg,.jpeg,.PNG,.JPG,.JPEG"
-                  :file-list="fileList"
-                  list-type="picture-card"
-                  class="avatar-uploader"
-                  action="#"
-                  :disabled="secondFromDisabled"
-                  :show-file-list="false"
-                  :before-upload="handleUploadBeforeFake"
-                  :auto-upload="true"
-                >
-                  <img v-if="imageUrl" :src="imageUrl" class="avatar" alt="">
-                </el-upload>
+                <div style="justify-content: space-between;display: flex">
+                  <el-upload
+                    ref="upload"
+                    accept=".png,.jpg,.jpeg,.PNG,.JPG,.JPEG"
+                    :file-list="fileList"
+                    list-type="picture-card"
+                    class="avatar-uploader"
+                    action="#"
+                    :disabled="secondFromDisabled"
+                    :show-file-list="false"
+                    :before-upload="handleUploadBeforeFake"
+                    :auto-upload="true"
+                  >
+                    <img v-if="imageUrl" :src="imageUrl" class="avatar" alt="">
+                  </el-upload>
+                  <div style="margin-left: 20px">
+                    <img v-if="form.pictureUrls != null && form.pictureUrls.length > 0" :src="form.pictureUrls[0]" style="width: 80px;height: 80px" alt="">
+                    <img v-if="form.pictureUrls != null && form.pictureUrls.length > 2" :src="form.pictureUrls[2]" style="width: 80px;height: 80px" alt="">
+                  </div>
+                  <div>
+                    <img v-if="form.pictureUrls != null && form.pictureUrls.length > 1" :src="form.pictureUrls[1]" style="width: 80px;height: 80px" alt="">
+                    <img v-if="form.pictureUrls != null && form.pictureUrls.length > 3" :src="form.pictureUrls[3]" style="width: 80px;height: 80px" alt="">
+                  </div>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -851,6 +861,7 @@ export default {
       this.form.memConstellation = Number(this.form.memConstellation)
       this.form.memResidence = Number(this.form.memResidence)
       this.form.memLevel = Number(this.form.memLevel)
+      this.form.pictureUrls = this.form.pictureUrls.split(',')
     },
     handleResidence() {
       const province = this.residence.find(item => item.value === this.form.memResidence[0])