修改發送名片問題

.env.stage

@@ -1,12 +1,12 @@
 NODE_ENV = development
 
-VITE_ENV = stage
+VITE_ENV = development
 
 VITE_APP_BASE_URL = https://utel.zltest.com.tw 
 
 VITE_APP_LINE_LIFF_ID = 1656948609-xMp7dWAz
 
-VITE_APP_SEND_URL = https://liff.line.me/1656948609-BYr8Nynp
+VITE_APP_SEND_URL = https://liff.line.me/1656948609-xMp7dWAz
 
 VITE_APP_API_URL = https://utel.zltest.com.tw/appapi/v1
 

src/main.js

@@ -4,7 +4,7 @@ import router from "./router";
 import store from "./store";
 import pinia from './store/pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
-import { initStore } from './utils/initStore';
+// import { initStore } from './utils/initStore';
 
 import liff from '@line/liff';
 import { VueClipboard } from "@soerenmartius/vue3-clipboard";
@@ -25,7 +25,6 @@ liff.init({
   vue.use(VueClipboard);
   vue.use(pinia);
   // 初始化Store
-  initStore(pinia);
   
   vue.use(store).use(router).mount("#app");
 

src/store/card.js

@@ -1,17 +1,32 @@
 import { defineStore } from 'pinia'
 
 import { updateCusCard } from "@/api";
+import { getCardData } from "@/api/card";
 
 export const useCardStore = defineStore('card', {
     state: () => {
         return {
-            cusCard: '',
-            vipCard: '',
+            cusCard: {
+                card_title: '',
+                show_cus: 1,
+                cus_card: '',
+            },
+            vipCard: [],
         }
     },
     getters: {
     },
     actions: {
+        async getCardData() {
+            let res = await getCardData();
+
+            if (res.code === 200) {
+                this.cusCard = res.data.cus_card;
+                return true;
+            }
+
+            return false;
+        },
         async updateCusCard(payload) {
             let res = await updateCusCard(payload);
             if (res.code === 200) {

src/utils/card/card1.js

@@ -91,7 +91,7 @@ function genCard(vcard) {
         ],
         "margin": "md",
         "paddingStart": "lg"
-      }
+      },
       `;
   } else {
     vcardAddr = "";
@@ -419,6 +419,15 @@ function genCard(vcard) {
                         ${vcardLink} 
                         ${vcardEmail}
                         ${vcardAddr}
+                        {
+                          "type": "box",
+                          "layout": "vertical",
+                          "contents": [
+                            {
+                              "type": "separator"
+                            }
+                          ]
+                        }                        
                       ],
                       "margin": "xs"
                     }

src/utils/card/card2.js

@@ -46,7 +46,7 @@ function genCard(vcard) {
         },
         "wrap": true,
         "align": "end"
-      } 
+      }, 
       `;
   } else {
     vcardAddr = "";
@@ -253,6 +253,15 @@ function genCard(vcard) {
                             ${vcardLink}
                             ${vcardEmail}
                             ${vcardAddr}
+                            {
+                              "type": "box",
+                              "layout": "vertical",
+                              "contents": [
+                                {
+                                  "type": "separator"
+                                }
+                              ]
+                            }                                                                                     
                           ],
                           "alignItems": "flex-end",
                           "paddingEnd": "xl"

src/utils/initStore.js

@@ -1,12 +1,5 @@
-import { useCardStore } from '@/store/card.js';
-import { getCardData } from '@/api/card.js';
+// import { useCardStore } from '@/store/card.js';
+// import { getCardData } from '@/api/card.js';
 
-export const initStore = async (pinia) => {
-    const cardStore = useCardStore();
-
-    let res = await getCardData();
-    if (res.code === 200) {
-        cardStore.cusCard = res.data.cus_card;
-        cardStore.vipCard = res.data.vip_card;
-    }
-};
+// export const initStore = async (pinia) => {
+// };

src/views/Home/index.vue

@@ -6,6 +6,7 @@ import { toClipboard } from "@soerenmartius/vue3-clipboard";
 import { ref, computed, onBeforeMount } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useUserStore } from '@/store/user';
+import { useCardStore } from '@/store/card';
 
 import { showToast, showSuccessToast, showConfirmDialog } from "vant";
 import 'vant/es/toast/style';
@@ -20,6 +21,7 @@ const router = useRouter();
 const route = useRoute();
 
 const userStore = useUserStore();
+const cardStore = useCardStore();
 
 const showShare = ref(false);
 const showNfcQrcode = ref(false);
@@ -112,6 +114,7 @@ onBeforeMount(async () => {
   }
   
   await userStore.getUserData();
+  await cardStore.getCardData();
 
   handleAD();
 

src/views/Send/index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import liff from "@line/liff";
 
-import { showToast,showSuccessToast } from 'vant';
+import { showToast, showSuccessToast,showFailToast } from 'vant';
 
 import { onMounted, reactive, ref, toRefs, computed, watch } from 'vue'
 
@@ -59,7 +59,6 @@ watch(() => cardStore.cusCard.cus_card, function (newVal, oldVal) {
 }, { immediate: true })
 
 watch(() => userInfo.value.nc_template, function (newVal, oldVal) {
-  console.log('new', newVal)
   showFlex('0')
 })
 
@@ -123,8 +122,7 @@ const sendEcard = async () => {
   let content = JSON.parse(JSON.stringify(state.value.flexContent))
 
   
-  console.log(JSON.stringify(state.value.flexContent))
-
+  try {
     let res
 
     if (activeName.value === '0') {
@@ -147,7 +145,10 @@ const sendEcard = async () => {
       //   // on cancel
       // })
     } else {
-    showToast.fail('傳送失敗')
+      showFailToast('傳送失敗')
+    }
+  }catch(err){
+    console.log('send error',err)
   }
 }
 
@@ -293,6 +294,7 @@ const changeTpl = (val) => {
   .tpl-item {
     width: 150px;
     padding: 10px;
+
     img {
       width: 100%;
     }