dianliang/dl_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
PQZ 2025-03-21 15:18:20 +08:00
parent fe930d0384
commit 0facc78b0d
4 changed files with 160 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/api/member/member.js
View File

@ -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'
})
}

136
src/views/member/announcer/form/announcerDraw.vue Normal file
View File

@ -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>

112
src/views/member/announcer/index.vue
View File

@ -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(){

2
src/views/member/apply/index.vue
View File

@ -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>