0000942

src/views/Member/index.vue

@@ -11,7 +11,7 @@ import { useUserStore } from '@/store/user'
 
 import { useRouter } from 'vue-router'
 
-import { showToast, showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+import { showToast, showFailToast, showLoadingToast, showSuccessToast, showConfirmDialog } from 'vant';
 
 import { getUserInfo, updateUserInfo, updateCard, searchConnection, addUserFavi, setUserNfcTpl } from '@/api'
 
@@ -49,6 +49,28 @@ const tabItemObj = ref([
   { title: "NFC版型", icon: "fa-layer-group" }
 ]);
 
+const beforeChange = (index) => {
+  return new Promise((resolve) => {
+    if (index === 1) {
+      if (form.value.level === 0) {
+        showConfirmDialog({
+          title: '會員資格開通提醒',
+          message: '本功能為標準型以上之付費功能，是否前往立即開通？',
+          confirmButtonText: "立即開通"
+        }).then(() => {
+          router.push('/shop');
+        }).catch(() => {
+          // on cancel
+        });
+      }else{
+        resolve(true);
+      }
+    }else{
+      resolve(true);
+    }
+  });
+};
+
 const validatorUrl = (val) => {
   if (val.length > 0) {
     return /(https?:\/\/|line:\/\/|tel:|mailto:)\S+/.test(val)
@@ -396,7 +418,7 @@ const handleChangeTplSubmit = async () => {
       </template>
     </van-nav-bar>
 
-    <van-tabs class="van-tabs" :lazy-render="true" v-model:active="tabActive" :ellipsis="false">
+    <van-tabs class="van-tabs" :lazy-render="true" v-model:active="tabActive" :ellipsis="false" :before-change="beforeChange">
       <van-tab v-for="(item, index) in tabItemObj" :key="index">
         <template #title>
           <div class="tab_item">