From e4b9ea534ac3791c18394250cdb4789b534c02f9 Mon Sep 17 00:00:00 2001
From: Wayne <wwayne.hsu@gmail.com>
Date: Thu, 16 Nov 2023 12:30:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=BA=E8=83=8D=E8=B3=87?=
 =?UTF-8?q?=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bun.lockb                    | Bin 178446 -> 178931 bytes
 src/App.vue                  |  32 +--
 src/api/index.js             |   4 +-
 src/router/index.js          |   2 +-
 src/views/Home/index.vue.bak | 449 -----------------------------------
 src/views/Member/index.vue   |  83 ++++---
 vite.config.js               |   2 +-
 7 files changed, 72 insertions(+), 500 deletions(-)
 delete mode 100644 src/views/Home/index.vue.bak

diff --git a/bun.lockb b/bun.lockb
index 6c8a776283a0a7e0e82c7677e57fb7f9079eae96..2f1765790de0fc6586a5292410335cc0a740198b 100755
GIT binary patch
delta 8926
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
Zcte)>wPtvg-Ijjcjb1|5jV!O4`!81MMb7{L

delta 8624
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
I6$-om0<c8+uK)l5

diff --git a/src/App.vue b/src/App.vue
index 0a86492..554d89c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,26 +1,26 @@
 <template>
   <Suspense>
     <template #default>
-      <router-view/>
+      <router-view />
     </template>
     <template #fallback>
       Loading
     </template>
   </Suspense>
-  </template>
+</template>
   
-  <script setup>
-  import { getSiteConfig } from './api'
-  
-  import { useStore } from 'vuex'
-  
-  const store = useStore()
-  
-  
-  </script>
-  <style lang="less">
-  #app{
-    // margin-bottom: 40px;
-  }
-  </style>
+<script setup>
+// import { getSiteConfig } from './api'
+
+// import { useStore } from 'vuex'
+
+// const store = useStore()
+
+
+</script>
+<style lang="less">
+#app {
+  // margin-bottom: 40px;
+}
+</style>
   
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
index 8693fe2..12e160b 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -25,8 +25,8 @@ export const setUserTpl = async (tpl) =>
 export const toggleSendWithAD = async (type) =>
   ajax(`/user/toggleSendWithAD`, { type }, "POST");
 
-export const searchConnection = async (type) =>
-  ajax(`/user/searchConnection`, { type }, "POST");
+export const searchConnection = async (params) =>
+  ajax(`/user/searchConnection`, params, "POST");
 
 export const setUserNfcTpl = async (tpl) =>
   ajax(`/user/setUserNfcTpl`, { tpl }, "POST");
diff --git a/src/router/index.js b/src/router/index.js
index b4aa399..471b2b4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -131,7 +131,7 @@ const routes = [
 ];
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
+  history: createWebHistory('/home'),
   routes,
 });
 
diff --git a/src/views/Home/index.vue.bak b/src/views/Home/index.vue.bak
deleted file mode 100644
index f22462c..0000000
--- a/src/views/Home/index.vue.bak
+++ /dev/null
@@ -1,449 +0,0 @@
-<script setup>
-import moment from 'moment'
-import QrcodeVue from 'qrcode.vue'
-import { useCountDown } from '@vant/use';
-import { toClipboard } from '@soerenmartius/vue3-clipboard'
-
-import { ref, computed, onBeforeMount, nextTick, inject } from "vue";
-import { useRoute, useRouter } from 'vue-router';
-import { useStore } from 'vuex';
-
-import { showToast,showSuccessToast } from 'vant';
-
-import { Dialog } from 'vant';
-
-// import Footer from '@/components/Footer.vue'
-
-import { login, bindCard } from '@/api'
-
-const router = useRouter()
-const route = useRoute()
-const store = useStore()
-
-const popShow = ref(true)
-const showShare = ref(false)
-const showNfcQrcode = ref(false)
-
-const imageUrl = ref(import.meta.env.VITE_APP_IMAGE_URL)
-
-const userLevel = {
-  0: '基礎款',
-  1: '標準款',
-  2: '自製款',
-  3: '客製款'
-}
-
-const is_due = ref(false)
-
-// 使用useCountDown做倒數計時
-const countDown = useCountDown({time: 1 * 1000});
-const current = countDown.current;
-countDown.start();
-
-onBeforeMount(async () => {
-  const liff = window.liff;
-  try {
-    if (!liff.isLoggedIn())
-      liff.login({ redirectUri: window.location.href });
-  } catch (err) {
-    console.log(`liff.state init error ${err}`);
-    showToast('登入失敗。請聯絡管理員')
-    router.push('/login')
-  }
-
-  if (!sessionStorage.getItem('token')) {
-    const profile = await liff.getProfile()
-
-    const id_token = liff.getIDToken()
-
-    let loginRes = await login({ line_id: profile.userId, token: id_token })
-
-    if (loginRes.code === 200) {
-      if (route.query.act === 'openright') {
-        showToast('您已經是本站會員')
-      }
-      sessionStorage.setItem('token', loginRes.data.token)
-      sessionStorage.setItem('uid', loginRes.data.uid)
-
-    } else if (loginRes.code === 202) {
-      if (route.query.act === 'openright') {
-        if (route.query.verify) {
-          //詢問是否綁定
-          Dialog.confirm({
-            title: '卡片綁定',
-            message: '確認是否綁定這張卡片'
-          }).then(async () => {
-            //確認綁定
-            let bindRes = await bindCard({ uid: loginRes.data.uid, verify: route.query.verify })
-            if (bindRes.code === 200) {
-              showSuccessToast('綁定成功')
-            } else {
-              showToast.fail('綁定失敗')
-            }
-          }).catch(() => {
-
-          })
-        }
-      }
-
-      sessionStorage.setItem('token', loginRes.data.token)
-      sessionStorage.setItem('uid', loginRes.data.uid)
-
-    } else if (loginRes.code === 201) {
-      if (route.query.act === 'openright') {
-        if (route.query.verify) {
-          router.push({
-            path: '/register',
-            query: {
-              verify: route.query.verify
-            }
-          })
-
-          return
-        }
-      } else if (route.query.aid) {
-        router.push({
-          path: '/register',
-          query: {
-            aid: route.query.aid
-          }
-        })
-        return
-      } else {
-        showToast('請先註冊成為本站會員')
-        return router.push({
-          path: '/register',
-          query: { refer: route.query.refer }
-        })
-      }
-
-
-
-    } else {
-      showToast('登入失敗。請聯絡管理員')
-      router.push('/login')
-    }
-  }
-
-  store.dispatch('user/getUserInfo')
-
-  //判斷是否過期
-  nextTick(() => {
-
-    // if(userInfo.value.level===0 && userInfo.value.nc_type===0){
-    //         showToast('會員已過期')
-    //         return router.push('/shop/inputsn')
-    // }
-  })
-})
-
-
-const userInfo = computed(() => {
-  return store.state.user.userInfo
-})
-
-const nfcurl = computed(() => {
-  return encodeURI(store.state.user.userInfo.ufcurl)
-})
-
-const overdue = computed(() => {
-  if (store.state.user.userInfo.overdue_time > 0) {
-    return moment.unix(store.state.user.userInfo.overdue_time).format('YYYY-MM-DD')
-  } else {
-    return '無期限'
-  }
-})
-
-const goCardEdit = () => {
-  if (userInfo.value.nc_type < 2) {
-    router.push('/card/notice')
-  } else {
-    router.push('/card/edit')
-  }
-}
-
-const onSelect = (option) => {
-  showToast(option.name);
-  showShare.value = false;
-};
-
-const handleShowNfc = () => {
-  showNfcQrcode.value = true
-}
-
-const doCopy = () => {
-  toClipboard(userInfo.value.nfcurl)
-  showToast('已放入剪貼簿')
-}
-
-const doCopyUid = () => {
-  toClipboard(userInfo.value.user_id)
-  showToast('已放入剪貼簿')
-}
-
-const bindTggo = () => {
-  console.log(userInfo.value)
-  let url = `https://www.tggo.com.tw/u.cgi?&mnm=mybinding&ncode=${userInfo.value.uniqid}&name=${userInfo.value.real_name}&openExternalBrowser=1`;
-
-  window.open(url, '_blank');
-}
-
-const handleLogout = () => {
-  if (liff.isLoggedIn()) {
-    liff.logout();
-  }
-  sessionStorage.removeItem('token')
-  sessionStorage.removeItem('uid')
-  router.push('/login')
-}
-
-
-</script>
-
-
-
-<template>
-  <div class="home" v-cloak>
-    <div class="my-account">
-      <div class="account-bg">
-        <img src="@/assets/images/topbg.png" />
-      </div>
-      <div class="avatar_box">
-        <img class="avater" :src="userInfo.line_picture || import('@/assets/images/user.jpg')" />
-      </div>
-      <div class="user-info">
-        <p class="uname">UTel電子名片系統</p>
-        <a href="javascript:;">
-          <p class="umoney phone">歡迎來到會員中心</p>
-        </a>
-      </div>
-      <div class="set" @click="handleLogout">
-        <a href="javascript:void(0)">登出</a>
-      </div>
-    </div>
-    <div class="recommend">
-      <ul>
-        <li @click="router.push('/member')">
-          <p>修改資料</p>
-          <span>修改名片資料</span>
-        </li>
-        <li @click="goCardEdit">
-          <p>商務卡片</p>
-          <span>設計專屬名片</span>
-        </li>
-        <li @click="router.push('/shop')">
-          <p>立即購買</p>
-          <span>付費開通方案</span>
-        </li>
-        <li @click="handleShowNfc">
-          <p>展示二維碼</p>
-          <span>提供好友掃描</span>
-        </li>
-      </ul>
-    </div>
-    <dl class="dl02" v-if="userInfo">
-      <a href="javascript:;">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-01.png" />
-          <div class="left">建立日期</div>
-          <div class="right">{{ userInfo.create_time }}</div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-02.png" />
-          <div class="left">會員編號</div>
-          <div class="right">{{ userInfo.user_id }}
-            <span class="cp-btn" @click="doCopyUid">複製</span>
-          </div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-02.png" />
-          <div class="left">公司名稱</div>
-          <div class="right">{{ userInfo.company }}</div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-03.png" />
-          <div class="left">姓名</div>
-          <div class="right">{{ userInfo.real_name }}</div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-04.png" />
-          <div class="left">會員等級</div>
-          <div class="right">{{ userInfo.level_name }}</div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-05.png" />
-          <div class="left">使用期限</div>
-          <div class="right">{{ overdue }}</div>
-
-          <!-- <div class="right" @click="router.push('/shop/inputsn')" v-if="!is_due">{{overdue}}<br/>點此輸入購買序號</div>
-          <div class="right input-sn" @click="router.push('/shop/inputsn')" v-else>已到期,<br/>點此輸入購買序號</div> -->
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-06.png" />
-          <div class="left">名片連結</div>
-          <div class="right" style="color: #fe6867" @click="doCopy">
-            點擊複製您的連結
-          </div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;">
-        <div class="menu" @click="$router.push('/auth/auth')">
-          <img class="titleImg" src="@/assets/images/icon-04.png" />
-          <div class="left">授權商務卡片編輯</div>
-          <div class="right">授權</div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;" @click="$router.push('/auth/getauth')">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-04.png" />
-          <div class="left">代客編輯商務卡片</div>
-          <div class="right">編輯</div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-      <a href="javascript:;" v-if="userInfo.uniqid">
-        <div class="menu">
-          <img class="titleImg" src="@/assets/images/icon-06.png" />
-          <div class="left">綁定UTel淘金購會員</div>
-          <div class="right" style="color: #fe6867" @click="bindTggo">
-            點擊後前往綁定
-          </div>
-          <div style="clear: both"></div>
-        </div>
-      </a>
-    </dl>
-    <!-- <Footer /> -->
-    <van-dialog v-model:show="showNfcQrcode" title="電子名片二維碼" :show-cancel-button="true" cancel-button-text="關閉"
-      :show-confirm-button="false">
-      <div class="qrcode">
-        <qrcode-vue :value="userInfo.nfcurl" :size="200" level="M" />
-      </div>
-    </van-dialog>
-    <van-overlay :show="popShow" z-index="1000" :style="{background:'rgba(0, 0, 0, .85)'}">      
-      <div class="wrapper" @click.stop>
-        <div class="block"> 
-          <span class="van-icon van-icon-cross" @click="popShow = false" v-show="current.seconds == 0"></span>
-          {{ current.seconds }} 秒 
-        </div>
-        <iframe width="100%" style="aspect-ratio: 16/9;" src="https://www.youtube.com/embed/dUro-rg2Uz8?si=K5lDwRcM1NfNCEUR" title="YouTube video player" frameborder="0" controls="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
-      </div>
-    </van-overlay>
-  </div>
-</template>
-
-<style src="@/assets/css/style.css"></style>
-<style lang="less" scoped>
-[ v-cloak] {
-  display: none;
-}
-
-.recommend {
-  width: 100%;
-  padding-top: 2%;
-}
-
-.recommend ul {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-.recommend ul li {
-  box-sizing: content-box;
-
-  width: 44%;
-  height: 50px;
-  padding: 2%;
-  display: flex;
-  flex-direction: column;
-  margin: 1%;
-  -webkit-box-shadow: 0 0 2px #fdaf00;
-  -moz-box-shadow: 0 0 2px #fdaf00;
-  box-shadow: 0 0 2px #fdaf00;
-}
-
-.recommend ul li p {
-  margin-top: 2%;
-  font-size: 15px;
-  color: #333;
-}
-
-.recommend ul li span {
-  font-size: 14px !important;
-  color: #999 !important;
-  padding-top: 0.15rem !important;
-}
-
-.recommend ul li:nth-child(1) {
-  background: url(@/assets/images/icon-001.png) right 0.3rem center no-repeat #fff !important;
-  background-size: 30px !important;
-}
-
-.recommend ul li:nth-child(2) {
-  background: url(@/assets/images/icon-002.png) right 0.3rem center no-repeat #fff !important;
-  background-size: 30px !important;
-}
-
-.recommend ul li:nth-child(3) {
-  background: url(@/assets/images/icon-003.png) right 0.3rem center no-repeat #fff !important;
-  background-size: 30px !important;
-}
-
-.recommend ul li:nth-child(4) {
-  background: url(@/assets/images/icon-004.png) right 0.3rem center no-repeat #fff !important;
-  background-size: 30px !important;
-}
-
-.qrcode {
-  text-align: center;
-}
-
-.input-sn {
-  color: red !important;
-}
-
-.cp-btn {
-  border: #999 1px solid;
-  padding: 2px;
-  color: rgb(254, 104, 103);
-}
-
-.wrapper{
-  display: flex;
-  align-items: center;
-  height: 100%;
-  .block{
-    position:absolute;
-    color:#ffffff;
-    border-radius:50%;
-    top:10px;
-    right:10px;
-    margin-left:auto;
-    .van-icon{
-      cursor: pointer;
-    }
-  }
-}
-
-</style>
\ No newline at end of file
diff --git a/src/views/Member/index.vue b/src/views/Member/index.vue
index 3e5c350..749b5f2 100644
--- a/src/views/Member/index.vue
+++ b/src/views/Member/index.vue
@@ -191,33 +191,49 @@ const searchOnUpdateValue = (newValue) => {
   });
 };
 
-const tab2result = ref('');
+// START: 人脈資源
+
+const search = ref({
+  type: 0,
+  keyword: '',
+})
+
+const tab2result = ref('你所需要的資源');
 const tab2showPicker = ref(false);
 const tab2columns = [
-  { text: '台北', value: 'Taipei' },
-  { text: '桃園', value: 'Taoyuan' },
-  { text: '台中', value: 'Taichung' },
-  { text: '彰化', value: 'Changhua' },
-  { text: '高雄', value: 'Kaohsiung' },
+  { text: '你所需要的資源', value: 0 },
+  { text: '你能提供的資源', value: 1 },
 ];
 
+const tab2OnConfirm = ({ selectedOptions }) => {
+  tab2result.value = selectedOptions[0].text;
+  search.value.type = selectedOptions[0].value;
+  tab2showPicker.value = false;
+  handleSearch();
+};
+
+const tab2OnSearch = async () => {
+  handleSearch();
+};
+
+const handleSearch = async () => {
+    let res = await searchConnection(search.value);
+    if(res.code===200){
+      tab2list.value = res.data;
+    }
+
+    // res = await addUserFavi({uf_user_id:form.value.user_id});
+    // // console.log(res);
+    // if(res.code===200){
+    //   tab2AddFriend.value = res.data;
+    // }
+};
+
 const tab2list = ref([]);
 const tab2Loading = ref(false);
 const tab2Finished = ref(false);
 const tab2TodoLists = ref([]);
 const tab2AddFriend = ref([]);
-onBeforeMount(async () => {
-    let res = await searchConnection();
-    if(res.code===200){
-      tab2list.value = res.data;
-    }
-
-    res = await addUserFavi({uf_user_id:form.value.user_id});
-    // console.log(res);
-    if(res.code===200){
-      tab2AddFriend.value = res.data;
-    }
-});
 
 const tab2ListonLoad = () => {
   // 异步更新数据
@@ -237,16 +253,21 @@ const tab2ListonLoad = () => {
   // }, 1000);
 };
 
-const tab2OnConfirm = ({ selectedOptions }) => {
-  tab2result.value = selectedOptions[0]?.text;
-  tab2showPicker.value = false;
-};
+const handleAddFavi = async (user_id) => {
+  let res = await addUserFavi({uf_user_id:user_id});
+  if(res.code===200){
+    return showToast({
+      message: '已加入好友',
+      duration: 1000,
+    });
+  }
+  return showToast({
+    message: '加入失敗',
+    duration: 1000,
+  });
+}
+// END: 人脈資源
 
-const tab2searchValue = ref('');
-const tab2OnSearch = () => {
-  // tab2TodoLists = tab2list.filter(tab2searchValue);
-  // console.log(tab2TodoLists)
-};
 
 const tab3list = ref([]);
 onBeforeMount(async () => {
@@ -635,8 +656,8 @@ onBeforeMount(async () => {
               is-link
               readonly
               name="picker" 
-              border="false" 
-              placeholder="縣市"
+              :border="false" 
+              placeholder="請選擇"
               @click="tab2showPicker = true"
             />
             <van-popup v-model:show="tab2showPicker" position="bottom">
@@ -649,7 +670,7 @@ onBeforeMount(async () => {
           </van-col>
           <van-col span="16">
             <van-search
-              v-model="tab2searchValue"
+              v-model="search.keyword"
               placeholder="請輸入搜尋關鍵字"
               @search="tab2OnSearch"
             />
@@ -695,7 +716,7 @@ onBeforeMount(async () => {
               <van-button size="normal" class="border-0" data-toggle="collapse" :href="`#c${index}`" role="button" aria-expanded="false" :aria-controls="`c${index}`">
                 <h5><i class="fa-solid fa-layer-group text-darkBlue"></i></h5>
               </van-button>
-              <van-button size="normal" class="border-0"><h5><i class="fa-solid fa-comment-medical text-darkBlue"></i></h5></van-button>
+              <van-button size="normal" class="border-0" @click="handleAddFavi(item.user_id)"><h5><i class="fa-solid fa-comment-medical text-darkBlue"></i></h5></van-button>
             </div>
             <div class="bottom collapse" :id="`c${index}`" data-parent="#accordion">
               <h6 class="text-darkBlue"><strong>我能分享的資源</strong></h6>
diff --git a/vite.config.js b/vite.config.js
index 9da377d..56281ee 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,7 +7,7 @@ import { resolve } from 'path';
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
   return {
-    base: '/home',
+    base: './',
     server: {
       host: '0.0.0.0',
       port: 5173,