From fcbc94fd2a2e4746a53b89d157088f3bb7296677 Mon Sep 17 00:00:00 2001
From: bruce68410 <kai326326@gmail.com>
Date: Fri, 2 Feb 2024 16:14:52 +0800
Subject: [PATCH] 0000942

---
 src/views/Member/index.vue | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/views/Member/index.vue b/src/views/Member/index.vue
index 4ce9cad..279e6bb 100644
--- a/src/views/Member/index.vue
+++ b/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">