更改会员权限提示

src/layout/components/AvatarWrapper/index.vue

@@ -1,3 +1,11 @@
+<!--
+ * @Author: xiebaomin 1771403033@qq.com
+ * @Date: 2023-03-29 10:32:52
+ * @LastEditors: xiebaomin 1771403033@qq.com
+ * @LastEditTime: 2023-04-14 14:05:18
+ * @FilePath: \caimei-authentic-manager\src\layout\components\AvatarWrapper\index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
 <template>
   <div class="avatar-wrapper">
     <!-- <img :src="avatar" class="user-avatar"> -->
@@ -9,14 +17,14 @@
       <!-- 开通会员未到期 -->
       <i v-if="!notOpen" class="vip-icon" :class="{ close: vipInfo.vipStatus === 0 }" />
       <el-button
-        v-if="notOpen || beExpired"
+        v-if="notOpen"
         type="primary"
         size="mini"
         class="open"
         @click.stop="toOpenVip"
       >开通会员</el-button>
       <el-button
-        v-if="hasOpen"
+        v-if="hasOpen|| beExpired"
         type="danger"
         size="mini"
         class="renewal"

src/layout/components/VipTipDialog/index.vue

@@ -1,45 +1,53 @@
-<template>
-  <el-dialog
-    title="提示"
-    :visible="allShowVipTip && vipTipVisiable"
-    width="24%"
-    :close-on-click-modal="false"
-    :show-close="false"
-    center
-  >
-    <div>{{ contentText }}</div>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="allShowVipTip = false">取消</el-button>
-      <el-button type="primary" @click="toOpenVipPage">开通会员</el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-export default {
-  name: 'VipTipDialog',
-  data() {
-    return {
-      allShowVipTip: true
-    }
-  },
-  computed: {
-    ...mapGetters(['vipInfo', 'userIdentity']),
-    vipTipVisiable() {
-      return this.vipInfo.tipType > 0 && this.userIdentity > 1
-    },
-    contentText() {
-      const insertText = ['', '账号试用即将到期', '账号试用已到期', '会员账号即将到期', '会员账号已到期']
-      return `对不起，您的${insertText[this.vipInfo.tipType]}，请尽快开通会员，以免影响正常使用`
-    }
-  },
-  methods: {
-    toOpenVipPage() {
-      this.allShowVipTip = false
-      this.$router.push('/vip/vip-open')
-    }
-  }
-}
-</script>
-
+<!--
+ * @Author: xiebaomin 1771403033@qq.com
+ * @Date: 2023-03-29 10:32:52
+ * @LastEditors: xiebaomin 1771403033@qq.com
+ * @LastEditTime: 2023-04-14 14:16:20
+ * @FilePath: \caimei-authentic-manager\src\layout\components\VipTipDialog\index.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <el-dialog
+    title="提示"
+    :visible="allShowVipTip && vipTipVisiable"
+    width="24%"
+    :close-on-click-modal="false"
+    :show-close="false"
+    center
+  >
+    <div>{{ contentText }}</div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="allShowVipTip = false">取消</el-button>
+      <el-button type="primary" @click="toOpenVipPage">开通会员</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+export default {
+  name: 'VipTipDialog',
+  data() {
+    return {
+      allShowVipTip: true
+    }
+  },
+  computed: {
+    ...mapGetters(['vipInfo', 'userIdentity']),
+    vipTipVisiable() {
+      return this.vipInfo.tipType > 0 && this.userIdentity > 1
+    },
+    contentText() {
+      const insertText = ['', '试用权限即将到期', '试用权限已到期', '会员权限即将到期', '会员权限已到期']
+      return `对不起，您账号的${insertText[this.vipInfo.tipType]}，${this.vipInfo.tipType > 2 ? '请尽快续费会员' : '请尽快开通会员'}，以免影响正常使用`
+    }
+  },
+  methods: {
+    toOpenVipPage() {
+      this.allShowVipTip = false
+      this.$router.push('/vip/vip-open')
+    }
+  }
+}
+</script>
+