This commit is contained in:
parent
a683be3873
commit
d369fdd918
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue