czg_team/management
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

数据报表增加会员充值展示，用户列表增加全部会员数和会员余额展示

Browse Source
This commit is contained in:
YeMingfei666
2024-07-06 14:48:48 +08:00
parent 57e2eeb66d
commit addb27be82
4 changed files with 56 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/user_manage/user_list.vue
View File

@@ -23,29 +23,29 @@
添加活动
</el-button>
</div> -->
<!-- <div class="head-container">
<div class="head-container">
<div class="card">
<div class="title">统计数据</div>
<!-- <div class="title">统计数据</div> -->
<div class="row">
<div class="item">
<div class="t">用户数</div>
<div class="n">13</div>
<!-- <div class="t">用户数</div>
<div class="n">13</div> -->
</div>
<div class="item">
<div class="t">会员数</div>
<div class="n">1</div>
<div class="n">{{ shopInfo.userTotal }}</div>
</div>
<div class="item">
<div class="t">总余额</div>
<div class="n">0.00</div>
<div class="t">会员余额</div>
<div class="n">{{ shopInfo.chageTotal }}</div>
</div>
<div class="item">
<div class="t">总积分</div>
<div class="n">0</div>
<!-- <div class="t">总积分</div>
<div class="n">0</div> -->
</div>
</div>
</div>
</div> -->
</div>
<div class="head-container">
<el-table :data="tableData.data" v-loading="tableData.loading">
<el-table-column label="ID" prop="id"></el-table-column>
@@ -106,7 +106,7 @@
</template>
<script>
import { queryAllShopUser } from '@/api/shop'
import { queryAllShopUser ,queryAllShopInfo} from '@/api/shop'
import dayjs from 'dayjs'
export default {
data() {
@@ -115,6 +115,10 @@ export default {
name: '',
isVip: ''
},
shopInfo:{
userTotal:0,
chageTotal:0
},
tableData: {
data: [],
page: 0,
@@ -131,8 +135,18 @@ export default {
},
mounted() {
this.getTableData()
this.getShopInfo()
},
methods: {
// 获取商家用户概述信息
async getShopInfo(){
try {
const res = await queryAllShopInfo()
this.shopInfo=res
} catch (error) {
console.log(error)
}
},
// 切换状态
async statusChange(e, row) {
try {
@@ -179,6 +193,7 @@ export default {
.name {
margin-left: 10px;
}
}
@@ -210,6 +225,7 @@ export default {
flex: 1;
.t {
text-align: center;
color: #555;
}
@@ -218,6 +234,7 @@ export default {
font-size: 20px;
font-weight: bold;
padding-top: 6px;
text-align: center;
}
}
}