| | |
| | | <view class="profile-section"> |
| | | <view class="profile-main"> |
| | | <view class="profile-left"> |
| | | <image class="store-avatar" :src="storeAvatar" mode="aspectFill"></image> |
| | | <image class="store-avatar" @click="previewImage([info.shopAvatar],0)" :src="(info.shopAvatar)?info.shopAvatar:'/static/icon/default2.png'" mode="aspectFill"></image> |
| | | <view class="profile-info"> |
| | | <text class="store-name">{{ shopDisplayName }}</text> |
| | | <text class="store-name">{{info.name||''}}</text> |
| | | <view class="profile-meta-row"> |
| | | <text class="manager-name">{{ managerName }}</text> |
| | | <view class="identity-tag enterprise-tag">企业</view> |
| | | <view class="identity-tag personal-tag">个人</view> |
| | | <text class="manager-name">{{info.linkName || ''}}</text> |
| | | <view class="identity-tag enterprise-tag" v-if="info.companyType === 1">企业</view> |
| | | <view class="identity-tag personal-tag" v-if="info.companyType === 0">个人</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="card menu-card"> |
| | | <view class="menu-item" v-for="item in menuList" :key="item.title" @click="handleMenuClick(item)"> |
| | | <text class="menu-title">{{ item.title }}</text> |
| | | <image src="/static/icon/ar_map@2x.png" mode="widthFix" class="menu-arrow"></image> |
| | | <view class="menu-arrow"> |
| | | <button v-if="item.title === '在线客服'" open-type="contact" type="default"> </button> |
| | | <image src="/static/icon/ar_map@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <script> |
| | | import { mapState } from 'vuex' |
| | | import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue' |
| | | |
| | | export default { |
| | | components: { |
| | | CustomTabbar |
| | | }, |
| | | computed: { |
| | | ...mapState(['navHeight', 'statusbarHeight','shopInfo','shopToken']), |
| | | shopDisplayName() { |
| | | return this.shopInfo.shopName || '' |
| | | }, |
| | | managerName() { |
| | | return this.shopInfo.contactName || this.shopInfo.managerName || '' |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | navActionIcon: '', |
| | | settingIcon: '', |
| | | info:{}, |
| | | storeAvatar: '', |
| | | bannerImage: '', |
| | | orderMenus: [ |
| | | /* orderMenus: [ |
| | | { title: '待核验', badge: 12, icon: '/static/icon/mine_ic_daifukuan@2x.png', url: '/shop/pages/write-off/write-off' }, |
| | | { title: '待收货', badge: 2, icon: '/static/icon/mine_ic_daishouhuo@2x.png', url: '' }, |
| | | { title: '退款/售后', badge: '', icon: '/static/icon/mine_ic_tuikuan@2x.png', url: '' } |
| | | ], |
| | | ], */ |
| | | menuList: [ |
| | | { title: '规范须知', url: '' }, |
| | | { title: '在线客服', url: '' }, |
| | | { title: '关于我们', url: '' } |
| | | { title: '门店合作协议', url: '/pages/rich-text/rich-text',type:2 }, |
| | | { title: '门店隐私政策', url: '/pages/rich-text/rich-text',type:3 }, |
| | | { title: '风险承诺', url: '/pages/rich-text/rich-text',type:6 }, |
| | | { title: '行李寄存须知', url: '/pages/rich-text/rich-text',type:7 }, |
| | | { title: '代理点合作协议', url: '/pages/rich-text/rich-text',type:8 }, |
| | | { title: '在线客服', url: null,type :-1 }, |
| | | { title: '关于我们', url: '/pages/rich-text/rich-text' ,type:5}, |
| | | ] |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapState(['navHeight', 'statusbarHeight', 'shopInfo']), |
| | | shopDisplayName() { |
| | | return this.shopInfo.shopName || '中铁快运南站旗舰店' |
| | | }, |
| | | managerName() { |
| | | return this.shopInfo.contactName || this.shopInfo.managerName || '蔡子瑶' |
| | | } |
| | | }, |
| | | onShow() { |
| | | this.info ={} |
| | | this.getMyShop() |
| | | }, |
| | | onLoad(options) { |
| | | }, |
| | | methods: { |
| | | previewImage(images,index = 0) { |
| | | uni.previewImage({ |
| | | current: index, |
| | | urls: images |
| | | }); |
| | | }, |
| | | async getMyShop(index){ |
| | | var that =this |
| | | let res = await that.$u.api.getShopInfoDetail() |
| | | if (res.code === 200) { |
| | | this.info = res.data |
| | | console.log(this.info.laborContractImgUrls,this.info.laborContractImgUrls.length,"====================") |
| | | console.log(this.info,"====================") |
| | | } |
| | | }, |
| | | junp() { |
| | | uni.navigateTo({ |
| | | url: '/shop/pages/settings/settings' |
| | | }) |
| | | }, |
| | | handleLogout() { |
| | | uni.showToast({ |
| | | title: '请接入登出逻辑', |
| | | icon: 'none' |
| | | }) |
| | | async handleLogout() { |
| | | var that =this |
| | | let res = await that.$u.api.logOutShop() |
| | | if (res.code === 200) { |
| | | uni.clearStorageSync("shopInfo") |
| | | uni.clearStorageSync("shopToken") |
| | | uni.navigateTo({ |
| | | url:'/shop/pages/login/login' |
| | | }) |
| | | } |
| | | }, |
| | | goAllOrders() { |
| | | uni.showToast({ |
| | |
| | | }, |
| | | handleOrderClick(item) { |
| | | if (!item.url) { |
| | | uni.showToast({ |
| | | /* uni.showToast({ |
| | | title: '请补充跳转链接', |
| | | icon: 'none' |
| | | }) |
| | | }) */ |
| | | return |
| | | } |
| | | |
| | |
| | | }, |
| | | handleMenuClick(item) { |
| | | if (!item.url) { |
| | | uni.showToast({ |
| | | /* uni.showToast({ |
| | | title: '请补充页面链接', |
| | | icon: 'none' |
| | | }) |
| | | }) */ |
| | | return |
| | | } |
| | | |
| | | uni.navigateTo({ |
| | | url: item.url |
| | | }) |
| | | if(item.type > 0){ |
| | | uni.navigateTo({ |
| | | url: '/pages/rich-text/rich-text?type='+item.type |
| | | }) |
| | | }else{ |
| | | uni.navigateTo({ |
| | | url: item.url |
| | | }) |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .menu-arrow { |
| | | width: 16rpx; |
| | | height: 26rpx; |
| | | display: inline-flex; |
| | | button { |
| | | position: relative; |
| | | top: 0; |
| | | float:right; |
| | | right: 0; |
| | | width: 200rpx; |
| | | height: 26rpx; |
| | | opacity: 0; |
| | | z-index: 9999; |
| | | } |
| | | image{ |
| | | width: 16rpx; |
| | | height: 26rpx; |
| | | } |
| | | } |
| | | </style> |