<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>