From 652c5fb41cf64d4e779d47ba47b1c987ff4abd53 Mon Sep 17 00:00:00 2001
From: Wayne Hsu <wwayne.hsu@gmail.com>
Date: Wed, 14 Jun 2023 17:08:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E7=94=B3=E8=AB=8B=E7=82=BA?=
 =?UTF-8?q?=E7=B6=93=E9=8A=B7=E5=95=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts        |  12 +++
 src/pages/My/Index.vue | 218 +++++++++++++++++++++++++----------------
 src/services/user.js   |   4 +
 3 files changed, 147 insertions(+), 87 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 86eb65c..2ab82a2 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -14,15 +14,27 @@ declare module '@vue/runtime-core' {
     UserHeader: typeof import('./src/components/UserHeader.vue')['default']
     VanButton: typeof import('vant/es')['Button']
     VanCellGroup: typeof import('vant/es')['CellGroup']
+    VanCollapse: typeof import('vant/es')['Collapse']
+    VanCollapseItem: typeof import('vant/es')['CollapseItem']
+    VanDatePicker: typeof import('vant/es')['DatePicker']
     VanDialog: typeof import('vant/es')['Dialog']
     VanField: typeof import('vant/es')['Field']
+    VanForm: typeof import('vant/es')['Form']
     VanGrid: typeof import('vant/es')['Grid']
     VanGridItem: typeof import('vant/es')['GridItem']
     VanIcon: typeof import('vant/es')['Icon']
+    VanList: typeof import('vant/es')['List']
+    VanNavBar: typeof import('vant/es')['NavBar']
     VanOverlay: typeof import('vant/es')['Overlay']
+    VanPicker: typeof import('vant/es')['Picker']
     VanPopover: typeof import('vant/es')['Popover']
+    VanPopup: typeof import('vant/es')['Popup']
+    VanPullRefresh: typeof import('vant/es')['PullRefresh']
+    VanRadio: typeof import('vant/es')['Radio']
+    VanRadioGroup: typeof import('vant/es')['RadioGroup']
     VanSwipe: typeof import('vant/es')['Swipe']
     VanSwipeItem: typeof import('vant/es')['SwipeItem']
+    VanSwitch: typeof import('vant/es')['Switch']
     VanTab: typeof import('vant/es')['Tab']
     VanTabs: typeof import('vant/es')['Tabs']
     VanUploader: typeof import('vant/es')['Uploader']
diff --git a/src/pages/My/Index.vue b/src/pages/My/Index.vue
index edb7679..721d527 100644
--- a/src/pages/My/Index.vue
+++ b/src/pages/My/Index.vue
@@ -1,29 +1,29 @@
 <template>
-    <!-- Main Start -->
-    <main class="main-wrap account-page mb-xxl">
-      <div class="account-wrap section-b-t">
-        <div class="user-panel">
-          <div class="media">
-            <a href="javascript:void(0)"> 
-              <img :src="userInfo.headimg || defaultAvatar" alt="avatar" />
+  <!-- Main Start -->
+  <main class="main-wrap account-page mb-xxl">
+    <div class="account-wrap section-b-t">
+      <div class="user-panel">
+        <div class="media">
+          <a href="javascript:void(0)">
+            <img :src="userInfo.headimg || defaultAvatar" alt="avatar" />
+          </a>
+          <div class="media-body">
+            <a href="javascript:void(0)" class="title-color">
+              {{ userInfo.line_name }}
+              <span class="content-color font-sm">{{ userInfo.is_validated ? 'Slash會員[可分銷]' : '一般會員[不可分銷]' }}</span>
             </a>
-            <div class="media-body">
-              <a href="javascript:void(0)" class="title-color">
-                {{ userInfo.line_name }}
-                <span class="content-color font-sm">{{ userInfo.is_validated?'Slash會員[可分銷]':'一般會員[不可分銷]' }}</span>
-              </a>
-            </div>
-            <div class="media-right" @click="$router.push('/user/setting')">
-              <i class="icon-pencil"></i>
-            </div>
           </div>
-          <div class="user-info-block">
+          <div class="media-right" @click="$router.push('/user/setting')">
+            <i class="icon-pencil"></i>
+          </div>
+        </div>
+        <div class="user-info-block">
           <div class="user-info">
             <div>
               餘額
             </div>
             <div>
-              ${{ userInfo.user_money }}              
+              ${{ userInfo.user_money }}
             </div>
           </div>
           <div class="user-info">
@@ -39,7 +39,7 @@
               推薦人數
             </div>
             <div>
-              {{ userInfo.refer_num}}人              
+              {{ userInfo.refer_num }}人
             </div>
           </div>
           <div class="user-info">
@@ -47,52 +47,51 @@
               分潤金額
             </div>
             <div>
-              $0         
+              $0
             </div>
           </div>
 
         </div>
-        </div>
+      </div>
 
-        <!-- Navigation Start -->
-        <ul class="navigation">
-          <li>
-            <a class="nav-link title-color font-sm">
-              <i class="icon-account icli"></i>
-              <span>推薦人</span>
-            </a>
-            <a>
-              {{ userInfo.parent_name || '沒有推薦人'}}
-            </a>
-          </li>
-          <li>
-            <a href="javacript:void(0)" class="nav-link title-color font-sm">
-              <i class="icon-link-variant icli"></i>
-              <span>推薦連結</span>
-            </a>
-              <button v-clipboard:copy="userInfo.refer_url"
-              v-clipboard:success="onSuccess"
-              v-clipboard:error="onError"
-              >複制</button>
-          </li>
-          <li @click="$router.push('/address')">
-            <a class="nav-link title-color font-sm">
-              <i class="icon-map-marker icli"></i>
-              <span>收貨地址</span>
-            </a>
-            <a class="arrow">
-              <i class="icon-chevron-right"></i>
-            </a>
-          </li>
-          <li @click="$router.push('/user/order')">
-            <a class="nav-link title-color font-sm">
-              <i class="icon-order icli"></i>
-              <span>我的訂單</span>
-            </a>
-            <a class="arrow">
-              <i class="icon-chevron-right"></i>
-            </a>
-          </li>
+      <!-- Navigation Start -->
+      <ul class="navigation">
+        <li>
+          <a class="nav-link title-color font-sm">
+            <i class="icon-account icli"></i>
+            <span>推薦人</span>
+          </a>
+          <a>
+            {{ userInfo.parent_name || '沒有推薦人' }}
+          </a>
+        </li>
+        <li>
+          <a href="javacript:void(0)" class="nav-link title-color font-sm">
+            <i class="icon-link-variant icli"></i>
+            <span>推薦連結</span>
+          </a>
+          <button v-clipboard:copy="userInfo.refer_url" v-clipboard:success="onSuccess"
+            v-clipboard:error="onError">複制</button>
+        </li>
+        <li @click="$router.push('/address')">
+          <a class="nav-link title-color font-sm">
+            <i class="icon-map-marker icli"></i>
+            <span>收貨地址</span>
+          </a>
+          <a class="arrow">
+            <i class="icon-chevron-right"></i>
+          </a>
+        </li>
+        <li @click="$router.push('/user/order')">
+          <a class="nav-link title-color font-sm">
+            <i class="icon-order icli"></i>
+            <span>我的訂單</span>
+          </a>
+          <a class="arrow">
+            <i class="icon-chevron-right"></i>
+          </a>
+        </li>
+        <template v-if="userInfo.is_resale === 1">
           <li @click="$router.push('/user/account')">
             <a class="nav-link title-color font-sm">
               <i class="icon-home icli"></i>
@@ -103,7 +102,7 @@
             </a>
           </li>
           <li @click="$router.push('/user/share')">
-            <a  class="nav-link title-color font-sm">
+            <a class="nav-link title-color font-sm">
               <i class="icon-share icli"></i>
               <span>我的推薦</span>
             </a>
@@ -112,7 +111,7 @@
             </a>
           </li>
           <li @click="$router.push('/user/bank')">
-            <a  class="nav-link title-color font-sm">
+            <a class="nav-link title-color font-sm">
               <i class="icon-bank icli"></i>
               <span>提領帳戶</span>
             </a>
@@ -120,31 +119,47 @@
               <i class="icon-chevron-right"></i>
             </a>
           </li>
-        </ul>
-        <!-- Navigation End -->
-        <button class="log-out" data-bs-toggle="offcanvas" data-bs-target="#confirmation" aria-controls="confirmation" @click="handleLogout">
-          <i class="icon-arrow-right-bold-box icli"></i>
-          登出
-        </button>
-      </div>
-    </main>
-    <!-- Main End -->
+        </template>
+        <template v-else>
+          <li @click="handleBeResale">
+            <a class="nav-link title-color font-sm">
+              <i class="icon-bank icli"></i>
+              <span>成為經銷商</span>
+            </a>
+            <a class="arrow">
+              <i class="icon-chevron-right"></i>
+            </a>
+          </li>
+        </template>
+      </ul>
+      <!-- Navigation End -->
+      <button class="log-out" data-bs-toggle="offcanvas" data-bs-target="#confirmation" aria-controls="confirmation"
+        @click="handleLogout">
+        <i class="icon-arrow-right-bold-box icli"></i>
+        登出
+      </button>
+    </div>
+  </main>
+  <!-- Main End -->
 </template>
 
 <script setup>
 import liff from '@line/liff';
 import Cookies from 'js-cookie';
 
-import { onMounted , ref } from 'vue'
+import { onMounted, ref } from 'vue'
 
 import { useRouter } from 'vue-router'
 import { useShopStore } from '@/store/Shop'
 
 import { getUserInfo } from '@/services/user'
 import { showToast } from 'vant';
+import { showConfirmDialog } from 'vant';
 
 import defaultAvatar from '@/assets/images/avatar/avatar.png'
 
+import {updateUserResale} from '@/services/user' 
+import { getArticle } from '@/services/article'
 // (async ()=>{
 //   await liff.init({ liffId: '1657782615-qGK9WQ5m' });
 // })()
@@ -154,20 +169,46 @@ const router = useRouter()
 const shopStore = useShopStore()
 
 const userInfo = ref({})
+const resaleRule = ref('')
 
 
 onMounted(async () => {
 
   let res = await getUserInfo()
 
-  if(res.code === 200){
+  if (res.code === 200) {
     userInfo.value = res.data
   }
+
+  let resArticle = await getArticle(146)
+  if(resArticle.code === 200){
+    resaleRule.value = resArticle.data.content
+  }
+
 })
 
+const handleBeResale = async () => {
+  try{
+    await showConfirmDialog({
+      title: '申請成為經銷商',
+      message: resaleRule.value,
+    })
+
+    let res = await updateUserResale()
+    if(res.code === 200){
+      userInfo.value.is_resale = 1
+      return showToast('您已成為本站經銷商')
+    }else{
+      showToast(res.msg)
+    }
+  }catch(e){
+    return
+  }
+}
+
 const handleLogout = () => {
-  Cookies.remove('token',{ domain: shopStore.sso_domain})
-  Cookies.remove('uid',{ domain: shopStore.sso_domain})
+  Cookies.remove('token', { domain: shopStore.sso_domain })
+  Cookies.remove('uid', { domain: shopStore.sso_domain })
 
   // liff.logout()
   router.replace('/login')
@@ -184,26 +225,30 @@ const onError = () => {
 </script>
 
 <style lang="less" scoped>
-.media{
-  .media-body{
+.media {
+  .media-body {
     width: 100%;
   }
-  .media-right{
-  // width: 100%;
-  vertical-align: text-top;
-  text-align: right;
-  i{
-    font-size: 20px;
-  }
+
+  .media-right {
+    // width: 100%;
+    vertical-align: text-top;
+    text-align: right;
+
+    i {
+      font-size: 20px;
+    }
   }
 
 }
-.user-info-block{
+
+.user-info-block {
   box-sizing: content-box;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
-  .user-info{
+
+  .user-info {
     // flex: 1;
     border: 1px gray solid;
     border-radius: 8px;
@@ -212,5 +257,4 @@ const onError = () => {
     width: 48%;
   }
 }
-
 </style>
diff --git a/src/services/user.js b/src/services/user.js
index f8bc306..e14cf5e 100644
--- a/src/services/user.js
+++ b/src/services/user.js
@@ -59,3 +59,7 @@ export function updateUserBank(params) {
 export function getRecommandList(page) {
   return request('/user/getRecommandList', 'get', {page})
 }
+
+export function updateUserResale() {
+  return request('/user/updateUserResale', 'get')
+}
\ No newline at end of file