普通客户

shop/src/views/member/list.vue

@@ -72,7 +72,14 @@
 			</template>
 
 			<template #table-column-memberLevel="{scope}">
-				<el-tag size="mini" v-if="scope.row.userAsset.member == 0" type="warning">普</el-tag>
+				<template v-if="scope.row.userAsset.member == 0">
+					<template v-if="scope.row.mobile == ''">
+						<el-tag size="mini" v-if="scope.row.userAsset.member == 0" type="info">普</el-tag>
+					</template>
+					<template v-else>
+						<el-tag size="mini" v-if="scope.row.userAsset.member == 0" type="success">会员</el-tag>
+					</template>
+				</template>
 				<el-tag size="small" v-else>{{ scope.row.userAsset.member }}</el-tag>
 			</template>
 

store/src/admin/home/member.vue

@@ -33,9 +33,18 @@
                   :vipImg="`${constant.imgUrl}/retail/interest/vip.png`"
                   :text="`VIP${item.userAsset.member}`"
                 />
-                <div v-else class="normal-img">
-                  <div class="vip-text">普通用户</div>
-                </div>
+                <template v-else>
+                  <template v-if="item.mobile == ''">
+                    <div class="normal-img">
+                      <div class="vip-text">普通用户</div>
+                    </div>
+                  </template>
+                  <template v-else>
+                    <div class="member-img">
+                      <div class="vip-text">普通会员</div>
+                    </div>
+                  </template>
+                </template>
               </div>
               <div class="tui-msg-content">
                 <div class="icon-wrap">
@@ -216,6 +225,20 @@ export default {
         left: -8px;
       }
     }
+    .member-img {
+      width: 70px;
+      padding: 2px 6px;
+      color: green;
+      background-color: #f0f2f6;
+      border-radius: 20px;
+      .vip-text {
+        font-size: 24px;
+        transform: scale(0.6);
+        position: relative;
+        top: -2px;
+        left: -8px;
+      }
+    }
     .iconfont {
       color: #00aaed;
     }