优化

src/views/product/add_shop.vue

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

src/views/user_manage/user_list.vue

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