wayne
/
evshop_h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

加入申請為經銷商

Browse Source
main
Wayne Hsu 3 years ago
parent 743107cbdf
commit 652c5fb41c
3 changed files with 147 additions and 87 deletions
Show Stats Download Patch File Download Diff File

12
components.d.ts vendored
Unescape View File

@ -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']

214
src/pages/My/Index.vue
Unescape View File

@ -1,23 +1,23 @@
<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>
餘額
@ -39,7 +39,7 @@
推薦人數
</div>
<div>
{{ userInfo.refer_num}}人
{{ userInfo.refer_num }}人
</div>
</div>
<div class="user-info">
@ -52,47 +52,46 @@
</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>

4
src/services/user.js
Unescape View File

@ -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')
}
Write Preview
Loading…
Cancel
Save