吉媒互动平台前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

161 lines
5.8 KiB

<template>
<view v-if="detail"
style="background: linear-gradient(180deg, rgba(255,255,255,0)0%,rgba(249, 238, 248, 1.0) 100%);height: 100vh;">
<view style="position: relative;">
<view class="a" style="width: 100%; height: 350rpx; z-index: 1;">
<image src="../../../static/3334.png" style="width: 100%; height: 300rpx;"></image>
</view>
<view class="b"
style="position: absolute; top: 80rpx; left: 0; width: 100%; height: 100px; z-index: 0;padding: 0 10rpx;">
<view style="padding: 10rpx;border-radius: 10rpx;display: flex;">
<view style="margin-right: 20rpx;position: relative;">
<image :src="detail.logo_url"
style="width: 120rpx;height: 120rpx;border-radius: 50%;border: 5rpx solid #633981;"></image>
<image src="../../../static/shop/rzbz.png"
style="position: absolute;color: #fff;bottom: 10rpx;z-index: 99;font-size: 50rpx;right: 10rpx;width: 30rpx;height: 30rpx;">
</image>
</view>
<view style="line-height: 60rpx;width: 420rpx;font-weight: bold;">
<view class="vip">
<text style="margin-right: 20rpx;color: #FFF;">{{detail.shop_name}}</text>
<image v-if="detail.type == 1" mode="widthFix" src="../../../static/qiye.png"></image>
<image v-else mode="widthFix" src="../../../static/geren.png"></image>
</view>
<view style="color: #fff;">{{detail.phone}}</view>
</view>
</view>
</view>
</view>
<view class="gui-list gui-padding-x" style="padding: 0 20rpx;">
<view class="gui-list-items" @click="saoma">
<!-- <text class="gui-list-icon gui-icons gui-color-blue">&#xe60d;</text> -->
<image src="../../../static/shop/ddhx.png" style="width: 35rpx;height: 35rpx;"></image>
<view class="gui-list-body gui-border-b" style="padding: 40rpx 0;">
<view class="gui-list-title">
<text class="gui-list-title-text" style="font-size: 22px;">订单核销</text>
</view>
</view>
<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
</view>
<view class="gui-list-items" @click="tiaozhuan('/pages/user/shop/order')">
<image src="../../../static/shop/ddgl.png" style="width: 35rpx;height: 35rpx;"></image>
<view class="gui-list-body gui-border-b" style="padding: 40rpx 0;">
<view class="gui-list-title">
<text class="gui-list-title-text" style="font-size: 22px;">订单管理</text>
</view>
</view>
<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
</view>
<view class="gui-list-items" @click="tiaozhuan('/pages/user/shop/goods')">
<image src="../../../static/shop/spgl.png" style="width: 35rpx;height: 35rpx;"></image>
<view class="gui-list-body gui-border-b" style="padding: 40rpx 0;">
<view class="gui-list-title">
<text class="gui-list-title-text" style="font-size: 22px;">商品管理</text>
</view>
</view>
<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
</view>
<view class="gui-list-items" @click="tiaozhuan('/pages/user/shop/caiwu')">
<image src="../../../static/shop/cw.png" style="width: 35rpx;height: 35rpx;"></image>
<view class="gui-list-body" style="padding: 40rpx 0;">
<view class="gui-list-title">
<text class="gui-list-title-text" style="font-size: 22px;">财务</text>
</view>
</view>
<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
</view>
<!-- <view class="gui-list-items" @click="zaixiankefu">
<image src="../../../static/shop/zxkf.png" style="width: 35rpx;height: 35rpx;"></image>
<view class="gui-list-body" style="padding: 40rpx 0;">
<view class="gui-list-title">
<text class="gui-list-title-text" style="font-size: 22px;">在线客服</text>
</view>
</view>
<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
</view> -->
<view class="gui-list-items" @click="tiaozhuan('/pages/user/shop/rzxx')">
<image src="../../../static/shop/fwxy.png" style="width: 35rpx;height: 35rpx;"></image>
<view class="gui-list-body" style="padding: 40rpx 0;">
<view class="gui-list-title">
<text class="gui-list-title-text" style="font-size: 22px;">入驻信息</text>
</view>
</view>
<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
</view>
<view class="gui-list-items" @click="tiaozhuan('/pages/article/details?articleId=5')">
<image src="../../../static/shop/fwxy.png" style="width: 35rpx;height: 35rpx;"></image>
<view class="gui-list-body" style="padding: 40rpx 0;">
<view class="gui-list-title">
<text class="gui-list-title-text" style="font-size: 22px;">服务协议</text>
</view>
</view>
<text class="gui-list-arrow-right gui-icons gui-color-gray">&#xe601;</text>
</view>
</view>
<view @click="fh"
style="width: 90%;text-align: center;padding: 20rpx 0;text-align: center;background: linear-gradient(to top, #0E001F, #7B0373 );margin: 100rpx auto 0 ;color: #fff;border-radius: 40rpx;">
返回个人中心
</view>
</view>
</template>
<script>
import * as ShopApi from '@/api/shop'
export default {
data() {
return {
detail: null
}
},
onLoad() {
this.getDetail()
},
methods: {
zaixiankefu() {
window.location.href = 'https://work.weixin.qq.com/kfid/kfc6206617a5de54b2d'; // 跳转到相对路径下的网页
},
saoma() {
this.$toast('请使用微信扫一扫')
},
tiaozhuan(e) {
uni.navigateTo({
url: e
})
},
fh() {
uni.reLaunch({
url: '/pages/user/index'
})
},
getDetail() {
const app = this
ShopApi.userShop()
.then(result => {
app.detail = result.data.detail
})
}
},
}
</script>
<style>
page{
background: #F8EEF7;
}
.vip image {
width: 88rpx;
height: 32rpx;
}
.gui-list-items{
border-bottom: solid 2rpx #e1e1e1;
}
</style>