124 lines
2.7 KiB
Vue
124 lines
2.7 KiB
Vue
|
<template>
|
||
|
|
<view class="mine-pages-gzh flex-center flex-column" v-if="isLoad">
|
||
|
|
<view v-if="!userInfo.id">
|
||
|
|
<image mode="widthFix" class="web-code-img" :src="configInfo.web_code_img" v-if="configInfo.web_code_img">
|
||
|
|
</image>
|
||
|
|
<view class="gzh-img-info rel" v-else>
|
||
|
|
<image mode="aspectFill" class="gzh-img" :src="gzh_img"></image>
|
||
|
|
<view class="none-text f-title flex-center abs" v-if="!configInfo.web_code_img">商家还没有放公众号二维码哟~</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view v-else>
|
||
|
|
<view @tap.stop="$util.goUrl({url:`/pages/service`,openType:`redirectTo`})"
|
||
|
|
class="home-btn flex-center f-sm-title c-base radius" :style="{background:primaryColor}"
|
||
|
|
v-if="configInfo.web_code_img">直接进入首页</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import {
|
||
|
|
mapState,
|
||
|
|
mapActions,
|
||
|
|
mapMutations
|
||
|
|
} from "vuex"
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
isLoad: false,
|
||
|
|
options: {},
|
||
|
|
gzh_img: 'https://lbqny.migugu.com/admin/anmo/mine/web-code-img.png'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: mapState({
|
||
|
|
primaryColor: state => state.config.configInfo.primaryColor,
|
||
|
|
subColor: state => state.config.configInfo.subColor,
|
||
|
|
configInfo: state => state.config.configInfo,
|
||
|
|
userInfo: state => state.user.userInfo,
|
||
|
|
isGzhLogin: state => state.user.isGzhLogin,
|
||
|
|
}),
|
||
|
|
async onLoad(options) {
|
||
|
|
options = await this.updateCommonOptions(options)
|
||
|
|
this.options = options
|
||
|
|
await this.initIndex()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
...mapActions(['getConfigInfo', 'getUserInfo', 'updateCommonOptions']),
|
||
|
|
...mapMutations(['updateConfigItem']),
|
||
|
|
async initIndex() {
|
||
|
|
let {
|
||
|
|
isGzhLogin
|
||
|
|
} = this
|
||
|
|
console.log(this.userInfo)
|
||
|
|
// #ifdef H5
|
||
|
|
if (isGzhLogin) {
|
||
|
|
setTimeout(() => {
|
||
|
|
this.getUserInfo()
|
||
|
|
}, 1000)
|
||
|
|
} else {
|
||
|
|
this.getUserInfo()
|
||
|
|
}
|
||
|
|
console.log(this.userInfo)
|
||
|
|
// #endif
|
||
|
|
// #ifndef H5
|
||
|
|
await this.getUserInfo()
|
||
|
|
// #endif
|
||
|
|
await this.getConfigInfo()
|
||
|
|
console.log(this.userInfo)
|
||
|
|
let {
|
||
|
|
channel_id = 0
|
||
|
|
} = this.options
|
||
|
|
let {
|
||
|
|
id: uid
|
||
|
|
} = this.userInfo
|
||
|
|
if (channel_id && uid) {
|
||
|
|
await this.$api.user.bindChannel({
|
||
|
|
channel_id
|
||
|
|
})
|
||
|
|
}
|
||
|
|
this.$util.setNavigationBarColor({
|
||
|
|
bg: this.primaryColor
|
||
|
|
})
|
||
|
|
this.isLoad = true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
page {
|
||
|
|
background: #FEFFFE;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mine-pages-gzh {
|
||
|
|
.web-code-img {
|
||
|
|
width: 750rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gzh-img-info {
|
||
|
|
width: 536rpx;
|
||
|
|
height: 552rpx;
|
||
|
|
margin-top: 114rpx;
|
||
|
|
|
||
|
|
.gzh-img {
|
||
|
|
width: 536rpx;
|
||
|
|
height: 552rpx;
|
||
|
|
border-radius: 30rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.none-text {
|
||
|
|
width: 536rpx;
|
||
|
|
color: #2E2E31;
|
||
|
|
bottom: -20rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.home-btn {
|
||
|
|
width: 690rpx;
|
||
|
|
height: 90rpx;
|
||
|
|
margin-top: 126rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|