From 0facc78b0daf9b43bf4fe7b3d7901a7cb980c4cd Mon Sep 17 00:00:00 2001
From: PQZ <pangqingzhou@gmail.com>
Date: Fri, 21 Mar 2025 15:18:20 +0800
Subject: [PATCH] 1

---
 src/api/member/member.js                      |   4 +-
 .../member/announcer/form/announcerDraw.vue   | 136 ++++++++++++++++++
 src/views/member/announcer/index.vue          | 112 +++------------
 src/views/member/apply/index.vue              |   2 +-
 4 files changed, 160 insertions(+), 94 deletions(-)
 create mode 100644 src/views/member/announcer/form/announcerDraw.vue

diff --git a/src/api/member/member.js b/src/api/member/member.js
index 6781799..7867586 100644
--- a/src/api/member/member.js
+++ b/src/api/member/member.js
@@ -10,9 +10,9 @@ export function listMember(query) {
 }
 
 // 查询会员详细
-export function getMember(id) {
+export function getAnnouncer(userId) {
   return request({
-    url: '/member/member/' + id,
+    url: '/member/member/announcerDetail/' + userId,
     method: 'get'
   })
 }
diff --git a/src/views/member/announcer/form/announcerDraw.vue b/src/views/member/announcer/form/announcerDraw.vue
new file mode 100644
index 0000000..7124772
--- /dev/null
+++ b/src/views/member/announcer/form/announcerDraw.vue
@@ -0,0 +1,136 @@
+<template>
+  <el-drawer title="通告主详情" :visible.sync="drawer" size="50%">
+    <!--  基本信息  -->
+    <el-card class="box-card">
+      <el-descriptions class="margin-top" :column="3" size="medium" border>
+        <el-descriptions-item>
+          <template slot="label">
+            <image-preview :src="announcerDetail.avatar" :width="50" :height="50"/>
+          </template>
+          {{ announcerDetail.nickName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            手机号
+          </template>
+          {{ announcerDetail.phonenumber }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            身份类型
+          </template>
+          <dict-tag v-if="announcerDetail.identityType != null" :options="dict.type.dl_identity_type"
+                    :value="announcerDetail.identityType"/>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            会员
+          </template>
+          {{ announcerDetail.memberCardName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            剩余额度
+          </template>
+          {{ announcerDetail.tremaining }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            通告数量
+          </template>
+          {{ announcerDetail.ttotalNum }}
+        </el-descriptions-item>
+
+        <el-descriptions-item>
+          <template slot="label">
+            粉丝数量
+          </template>
+          {{ announcerDetail.tfansNum }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            收款人姓名
+          </template>
+          {{ announcerDetail.trecipientName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            报名免打扰
+          </template>
+          <span v-if="announcerDetail.topenDisturb == 0"> 否 </span>
+          <span v-if="announcerDetail.topenDisturb == 1"> 是 </span>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            收款码
+          </template>
+          <image-preview :src="announcerDetail.trecipientImage" :width="50" :height="50"/>
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>评价</span>
+      </div>
+      <el-tag style="margin-right: 10px" v-for="item in announcerDetail.evaluates" type="success">{{ item.evaluate }}</el-tag>
+    </el-card>
+
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>会员开卡记录</span>
+      </div>
+
+    </el-card>
+
+
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>通告主基本信息</span>
+      </div>
+
+    </el-card>
+  </el-drawer>
+</template>
+
+<script>
+import {getAnnouncer} from "@/api/member/member";
+
+export default {
+  name: "AnnouncerDraw",
+  dicts: ['dl_identity_type', 'dl_approval_status'],
+  data() {
+    return {
+      //抽屉打开框
+      drawer: false,
+      //通告主id
+      id: null,
+      //用户id
+      userId: null,
+      //通告主详情
+      announcerDetail: {}
+    }
+  },
+  methods: {
+    /**初始化抽屉*/
+    initDraw(announcerId, userId) {
+      this.id = announcerId
+      this.userId = userId
+      this.drawer = true
+      this.getAnnouncerDetail(userId)
+    },
+    /**获取通告主详情*/
+    getAnnouncerDetail(userId) {
+      this.announcerDetail = {};
+      getAnnouncer(userId).then(response => {
+        this.announcerDetail = response.data;
+      });
+    }
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/member/announcer/index.vue b/src/views/member/announcer/index.vue
index 938ee44..e75dd9c 100644
--- a/src/views/member/announcer/index.vue
+++ b/src/views/member/announcer/index.vue
@@ -30,26 +30,26 @@
     </el-row>
     <el-table v-loading="loading" :data="memberList" >
       <el-table-column label="昵称" align="center" prop="nickName" />
-      <el-table-column label="身份类型" align="center" prop="identityType" />
-      <el-table-column label="会员" align="center" prop="cardNames" />
+      <el-table-column label="身份类型" align="center" prop="identityType">
+        <template slot-scope="scope">
+          <dict-tag v-if="scope.row.identityType != null" :options="dict.type.dl_identity_type" :value="scope.row.identityType"/>
+          <el-tag v-if="scope.row.identityType == null" type="info">未认证</el-tag>
+        </template>
+
+      </el-table-column>
+      <el-table-column label="会员" align="center" prop="memberCardName" />
       <el-table-column label="联系方式" align="center" prop="tel" />
-      <el-table-column label="剩余额度" align="center" prop="tRemaining" />
-      <el-table-column label="通告数量" align="center" prop="tTotalNum" />
-      <el-table-column label="粉丝数量" align="center" prop="tFansNum" />
-      <el-table-column label="报名免打扰" align="center" prop="tOpenDisturb" />
-      <el-table-column label="收款码姓名" align="center" prop="tRecipientName" />
-<!--      <el-table-column label="通告主-收款码图片地址" align="center" prop="tRecipientImage" width="100">-->
-<!--        <template slot-scope="scope">-->
-<!--          <image-preview :src="scope.row.tRecipientImage" :width="50" :height="50"/>-->
-<!--        </template>-->
-<!--      </el-table-column>-->
+      <el-table-column label="剩余额度" align="center" prop="tremaining" />
+      <el-table-column label="通告数量" align="center" prop="ttotalNum" />
+      <el-table-column label="粉丝数量" align="center" prop="tfansNum" />
+      <el-table-column label="报名免打扰" align="center" prop="topenDisturb" />
+      <el-table-column label="收款码姓名" align="center" prop="trecipientName" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             @click="detail(scope.row)"
-            v-hasPermi="['member:member:edit']"
           >查看</el-button>
           <el-button
             size="mini"
@@ -68,49 +68,17 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
-
-    <!-- 添加或修改会员对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="联系方式" prop="tel">
-          <el-input v-model="form.tel" placeholder="请输入联系方式" />
-        </el-form-item>
-        <el-form-item label="通告主-本月通告发布剩余额度" prop="tRemaining">
-          <el-input v-model="form.tRemaining" placeholder="请输入通告主-本月通告发布剩余额度" />
-        </el-form-item>
-        <el-form-item label="通告主-个人累计已发布通告数量" prop="tTotalNum">
-          <el-input v-model="form.tTotalNum" placeholder="请输入通告主-个人累计已发布通告数量" />
-        </el-form-item>
-        <el-form-item label="通告主-个人粉丝数量" prop="tFansNum">
-          <el-input v-model="form.tFansNum" placeholder="请输入通告主-个人粉丝数量" />
-        </el-form-item>
-        <el-form-item label="通告主-是否开启报名免打扰(0否|1开启)" prop="tOpenDisturb">
-          <el-input v-model="form.tOpenDisturb" placeholder="请输入通告主-是否开启报名免打扰(0否|1开启)" />
-        </el-form-item>
-        <el-form-item label="通告主-收款码姓名" prop="tRecipientName">
-          <el-input v-model="form.tRecipientName" placeholder="请输入通告主-收款码姓名" />
-        </el-form-item>
-        <el-form-item label="通告主-收款码图片地址" prop="tRecipientImage">
-          <image-upload v-model="form.tRecipientImage"/>
-        </el-form-item>
-        <el-form-item label="博主-剩余积分" prop="bPoints">
-          <el-input v-model="form.bPoints" placeholder="请输入博主-剩余积分" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
+    <AnnouncerDraw ref="formRef" />
   </div>
 </template>
 
 <script>
-import { listMember, getMember, delMember, addMember, updateMember } from "@/api/member/member";
-
+import { listMember } from "@/api/member/member";
+import AnnouncerDraw from "@/views/member/announcer/form/announcerDraw.vue"
 export default {
   name: "Announcer",
-  dicts: ['dl_identity_type'],
+  components: {AnnouncerDraw},
+  dicts: ['dl_identity_type','dl_user_type'],
   data() {
     return {
       // 遮罩层
@@ -127,10 +95,6 @@ export default {
       total: 0,
       // 会员表格数据
       memberList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -159,34 +123,7 @@ export default {
         this.loading = false;
       });
     },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        userType: null,
-        identityType: null,
-        userId: null,
-        tel: null,
-        tRemaining: null,
-        tTotalNum: null,
-        tFansNum: null,
-        tOpenDisturb: null,
-        tRecipientName: null,
-        tRecipientImage: null,
-        bPoints: null,
-        creator: null,
-        createTime: null,
-        updater: null,
-        updateTime: null,
-        delFlag: null
-      };
-      this.resetForm("form");
-    },
+
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;
@@ -198,16 +135,9 @@ export default {
       this.handleQuery();
     },
 
-
-    /** 修改按钮操作 */
+    /** 通告主查看详情 */
     detail(row) {
-      this.reset();
-      // const id = row.id || this.ids
-      // getMember(id).then(response => {
-      //   this.form = response.data;
-      //   this.open = true;
-      //   this.title = "修改会员";
-      // });
+      this.$refs['formRef'].initDraw(row.id,row.userId)
     },
 
     update(){
diff --git a/src/views/member/apply/index.vue b/src/views/member/apply/index.vue
index ae08038..670b2b4 100644
--- a/src/views/member/apply/index.vue
+++ b/src/views/member/apply/index.vue
@@ -66,7 +66,7 @@
 
     <el-table v-loading="loading" :data="applyList">
       <el-table-column label="通告主昵称" align="center" prop="nickname"/>
-      <el-table-column label="身份类型" align="center" prop="identityType">
+      <el-table-column label="认证身份类型" align="center" prop="identityType">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.dl_identity_type" :value="scope.row.identityType"/>
         </template>