This commit is contained in:
gyq 2024-05-21 17:11:20 +08:00
parent a683be3873
commit d369fdd918
2 changed files with 93 additions and 5 deletions

View File

@ -56,7 +56,7 @@
<el-table-column label="商品信息">
<template v-slot="scope">
<div class="shop_list">
<div class="item" v-for="item in scope.row.goods" :key="item.id">
<div class="item" v-for="(item, index) in scope.row.goods" :key="item.id">
<span class="dot"></span>
<div class="name">
<div class="t">{{ item.name }}</div>
@ -64,7 +64,8 @@
<el-input-number v-model="item.groupNum" :step="1" step-strictly :min="1"
size="mini" v-else></el-input-number>
</div>
<i class="del el-icon-delete"></i>
<i class="del el-icon-delete"
@click="delGoods(scope.row.goods, index, scope.$index)"></i>
</div>
</div>
</template>
@ -400,6 +401,13 @@ export default {
}
},
methods: {
//
delGoods(goods, index, $index) {
goods.splice(index, 1)
if (!goods.length) {
this.form.groupSnap.splice($index, 1)
}
},
//
areaChange(key) {
if (this.form[key] == 1) {

View File

@ -16,17 +16,55 @@
添加活动
</el-button>
</div> -->
<div class="head-container">
<div class="card">
<div class="title">统计数据</div>
<div class="row">
<div class="item">
<div class="t">用户数</div>
<div class="n">13</div>
</div>
<div class="item">
<div class="t">会员数</div>
<div class="n">1</div>
</div>
<div class="item">
<div class="t">总余额</div>
<div class="n">0.00</div>
</div>
<div class="item">
<div class="t">总积分</div>
<div class="n">0</div>
</div>
</div>
</div>
</div>
<div class="head-container">
<el-table :data="tableData.data" v-loading="tableData.loading">
<el-table-column label="用户" prop="headImg">
<el-table-column label="ID" prop="id"></el-table-column>
<el-table-column label="用户" prop="headImg" width="200px">
<template v-slot="scope">
<div class="user_info">
<el-image :src="scope.row.headImg" style="width: 40px;height: 40px;" />
<el-image :src="scope.row.headImg" style="width: 40px;height: 40px;">
<div slot="error" class="image-slot">
<i class="el-icon-user"></i>
</div>
</el-image>
<span class="name">{{ scope.row.nickName }}</span>
</div>
</template>
</el-table-column>
<el-table-column label="性别" prop="sex"></el-table-column>
<el-table-column label="性别" prop="sex">
<template v-slot="scope">
<el-tag type="priamry">{{ scope.row.sex }}</el-tag>
</template>
</el-table-column>
<el-table-column label="会员" prop="isVip">
<template v-slot="scope">
<el-tag type="warning" v-if="scope.row.isVip">{{ scope.row.isVip }}</el-tag>
<span v-else></span>
</template>
</el-table-column>
<el-table-column label="余额" prop="amount"></el-table-column>
<el-table-column label="积分" prop="totalScore"></el-table-column>
<el-table-column label="手机号" prop="telephone"></el-table-column>
@ -133,8 +171,50 @@ export default {
.user_info {
display: flex;
align-items: center;
.name {
margin-left: 10px;
}
}
::v-deep .image-slot {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #efefef;
font-size: 20px;
color: #999;
}
.card {
background-color: #f5f5f5;
padding: 0 14px;
.title {
font-size: 22px;
padding-top: 14px;
}
.row {
display: flex;
padding: 20px 0;
.item {
flex: 1;
.t {
color: #555;
}
.n {
color: #000;
font-size: 20px;
font-weight: bold;
padding-top: 6px;
}
}
}
}
</style>