手机号+星号

src/layout/components/AvatarWrapper/index.vue

@@ -38,9 +38,11 @@ export default {
     isSupplier() {
       return this.userIdentity === 2
     },
+    mobileWidthStar() {
+      return this.mobile ? this.mobile.replace(/^(\w{3})\w+(\w{4})$/, '$1****$2') : ''
+    },
     userName() {
-      console.log(this.mobile, this.loginAccount, this.name)
-      return this.loginAccount || this.mobile || this.name
+      return this.loginAccount || this.mobileWidthStar || this.name
     },
     // 未开通会员
     notOpen() {

src/layout/components/UserCard/index.vue

@@ -30,8 +30,11 @@ export default {
   },
   computed: {
     ...mapGetters(['name', 'mobile', 'loginAccount', 'vipInfo']),
+    mobileWidthStar() {
+      return this.mobile ? this.mobile.replace(/^(\w{3})\w+(\w{4})$/, '$1****$2') : ''
+    },
     userName() {
-      return this.loginAccount || this.mobile || this.name
+      return this.loginAccount || this.mobileWidthStar || this.name
     },
     // 未开通会员
     notOpen() {

src/views/normal/personal/index.vue

@@ -28,11 +28,13 @@
       </el-col>
     </el-row>
     <el-divider />
-    <el-row v-if="supplierInfo.shopType === 2">
-      <el-col :span="5">代理品牌：</el-col>
-      <el-col :span="8">{{ brandList }}</el-col>
-    </el-row>
-    <el-divider />
+    <template v-if="supplierInfo.shopType === 2">
+      <el-row>
+        <el-col :span="5">代理品牌：</el-col>
+        <el-col :span="8">{{ brandList }}</el-col>
+      </el-row>
+      <el-divider />
+    </template>
     <el-row>
       <el-col :span="5">会员状态：</el-col>
       <el-col :span="8">