工会信息新增公会头像

src/views/guildOperationManagement/guildInfo.vue

@@ -61,6 +61,19 @@
       <el-table-column prop="name"
                        align="center"
                        label="公会昵称" />
+      <el-table-column align="center"
+                       prop="giftInfo"
+                       label="公会头像">
+        <template v-slot="scope">
+          <el-image style="width: 100px; height: 100px"
+                    :src="scope.row.avatar"
+                    :zoom-rate="1.1"
+                    :preview-src-list="[scope.row.avatar]"
+                    fit="cover"
+                    preview-teleported="true"
+                    hide-on-click-modal="true" />
+        </template>
+      </el-table-column>
       <el-table-column align="center"
                        prop="giftInfo"
                        label="公会背景图">
@@ -241,6 +254,22 @@
                   style="width: 75%"
                   class="input"></el-input>
       </div>
+      <!-- 公会头像 -->
+      <div class="selectBox selectBoxImg">
+        <span class="left" style="margin-right: 20px">公会头像</span>
+        <!-- action="/admin/tencent/cos/upload/file" -->
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess2"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img v-if="ediObj.imageUrl2" :src="ediObj.imageUrl2" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div>
       <!-- 公会背景图 -->
       <div class="selectBox selectBoxImg">
         <span class="left"
@@ -480,6 +509,7 @@ export default {
         guildNumber: "",
         id: "",
         imageUrl1: "",
+        imageUrl2: "",
       },
       // 收款账户弹窗
       payAccountDialog: false,
@@ -706,6 +736,7 @@ export default {
       this.ediObj.guildNumber = obj.memberNumLimit;
       this.ediObj.id = obj.id;
       this.ediObj.imageUrl1 = obj.backgroundUrl;
+      this.ediObj.imageUrl2 = obj.avatar;
       this.editDialog = true;
     },
     // 二次确认弹窗
@@ -715,6 +746,7 @@ export default {
         id: this.ediObj.id,
         memberNumLimit: this.ediObj.guildNumber,
         backgroundUrl: this.ediObj.imageUrl1,
+        avatar: this.ediObj.imageUrl2,
         name: this.ediObj.guildNick,
       }).then((res) => {
         if (res.code == 200) {
@@ -774,7 +806,6 @@ export default {
     },
     handleAvatarSuccess (res, file) {
       console.log(file);
-      // this.ediObj.imageUrl1 = URL.createObjectURL();
       this.ediObj.imageUrl1 = file.response.data;
       ElMessage({
         showClose: true,
@@ -782,6 +813,15 @@ export default {
         type: "success",
       });
     },
+    handleAvatarSuccess2(res, file) {
+      console.log(file);
+      this.ediObj.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
     // 分页导航
     handleSizeChange () {
       this.getData();

src/views/nobleman/GuildInfo.vue

@@ -58,6 +58,19 @@
         label="会长分区"
       />
       <el-table-column prop="name" align="center" label="公会昵称" />
+      <el-table-column align="center" prop="giftInfo" label="公会头像">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.avatar"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.avatar]"
+            fit="cover"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
       <el-table-column align="center" prop="giftInfo" label="公会背景图">
         <template v-slot="scope">
           <el-image
@@ -245,6 +258,22 @@
           class="input"
         ></el-input>
       </div>
+      <!-- 公会头像 -->
+      <div class="selectBox selectBoxImg">
+        <span class="left" style="margin-right: 20px">公会头像</span>
+        <!-- action="/admin/tencent/cos/upload/file" -->
+        <el-upload
+          class="avatar-uploader"
+          action="/admin/tencent/cos/upload/file"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess2"
+          :before-upload="beforeAvatarUpload"
+          :on-error="handleAvatarError"
+        >
+          <img v-if="ediObj.imageUrl2" :src="ediObj.imageUrl2" class="avatar" />
+          <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+        </el-upload>
+      </div>
       <!-- 公会背景图 -->
       <div class="selectBox selectBoxImg">
         <span class="left" style="margin-right: 20px">公会背景图</span>
@@ -487,6 +516,7 @@ export default {
         guildNumber: "",
         id: "",
         imageUrl1: "",
+        imageUrl2: "",
       },
       // 收款账户弹窗
       payAccountDialog: false,
@@ -700,6 +730,7 @@ export default {
       this.ediObj.guildNumber = obj.memberNumLimit;
       this.ediObj.id = obj.id;
       this.ediObj.imageUrl1 = obj.backgroundUrl;
+      this.ediObj.imageUrl2 = obj.avatar;
       this.editDialog = true;
     },
     // 二次确认弹窗
@@ -709,6 +740,7 @@ export default {
         id: this.ediObj.id,
         memberNumLimit: this.ediObj.guildNumber,
         backgroundUrl: this.ediObj.imageUrl1,
+        avatar: this.ediObj.imageUrl2,
         name: this.ediObj.guildNick,
       }).then((res) => {
         if (res.code == 200) {
@@ -766,6 +798,16 @@ export default {
         type: "error",
       });
     },
+    handleAvatarSuccess2(res, file) {
+      console.log(file);
+      // this.ediObj.imageUrl1 = URL.createObjectURL();
+      this.ediObj.imageUrl2 = file.response.data;
+      ElMessage({
+        showClose: true,
+        message: "上传成功！",
+        type: "success",
+      });
+    },
     handleAvatarSuccess(res, file) {
       console.log(file);
       // this.ediObj.imageUrl1 = URL.createObjectURL();

src/views/nobleman/GuildInfoSearch.vue

@@ -50,6 +50,19 @@
       <el-table-column prop="ownerErbanNo" align="center" label="会长ID" />
       <el-table-column prop="ownerNick" align="center" label="会长昵称" />
       <el-table-column prop="name" align="center" label="公会昵称" />
+      <el-table-column align="center" prop="giftInfo" label="公会头像">
+        <template v-slot="scope">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.avatar"
+            :zoom-rate="1.1"
+            :preview-src-list="[scope.row.avatar]"
+            fit="cover"
+            preview-teleported="true"
+            hide-on-click-modal="true"
+          />
+        </template>
+      </el-table-column>
       <el-table-column align="center" prop="giftInfo" label="公会背景图">
         <template v-slot="scope">
           <el-image