<template>
	<view>
		<!-- 用户信息 -->
		<view class="user">
			<view class="body"
				style="background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAEOCAMAAAAuQVYkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAtlQTFRFAAAA/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7a2/9HR/9jY/93d/927/7u7/9Gi/5mZ/////8bG/+TJ/8nJ/+Hh/+HD3bu7/9ix/7Gx2LGx/46O/+Tk4cPD//+Z/////+fn///k0aKi/8aO////6enT5MnJ/8PD/6Ki/////+np///nxsaO//9V////trZt///p///////h/+vr5+fnxo6O////////6+vrmZmZ/+zs/1VV///////////r////VVVV/////7Zt//////8A/wAA/////////////////////////////////////+jo///m/+bm/+bM/+Pj/9/f/9XV/9Wq/8zM/8yZzJmZ/7+///+2/6qq//+A/+vr/+rq/+jR/8zM/+PG/8bG/9+//9vb/9u227a2//+/v7+//+3t///r///q/+rV///M/+3t7Ozs/+vW/+nT/9PT/+fO/87O5szM3d272Nix///s/+zZ/9nZ/9bW69bW/+7u///t/9vb/+vY/9jY/9XV/+7d/+3b7dvb/9HR/9/f/9zc/+3c/7+//9XV/9vb/9/f/9+////M//+A/8zM/+bM/+Pj/+PG37+//9u227a2/9Wq/+bm48bG//+q/+jo///m1aqq/8yZ/6qq6urV5szM/+rq///ozMyZv7+A///q///j/+vr6OjozJmZ6+vrqqqq/+3t/4CA///rgICA/7+A///V////z3XF8wAAAPJ0Uk5TAAMKDQwJAg4FAQYPCBARBxITBBQLFRYYFxoZGxwdHh8gISIjJCUmJygpLCsq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');">
				<!-- 已登录 -->
				<view class="cont">
					<view class="avatar">
						<image :src="user.shop.logo"></image>
					</view>
					<view class="name">姓名：{{user.real_name}}</view>
					<view class="name">账号：{{user.phone}}</view>
					<view class="name">身份：{{user.status.text}}</view>
				</view>
			</view>
			<!-- 订单导航栏 -->
			<view class="my-navbar order-navbar">
				<view class="title">
					订单管理
					<view class="hm-dis-block-inline hm-fr hm-col-tips" @click="onTargetOrder(0)">
						全部订单 <view class="hm-dis-block-inline">
							<u-icon name="arrow-right" color="#999"></u-icon>
						</view>
					</view>
				</view>
				<view class="box hm-col-content">
					<u-grid :border="false" col="4">
						<u-grid-item @click="onTargetOrder(1)">
							<u-badge max="99" :value="orderCount.shop" shape="horn" :absolute="true" :offset="[0,20]">
							</u-badge>
							<u-icon :customStyle="{paddingTop:20+'rpx'}" name="file-text-fill" color="#ff9900"
								size="30">
							</u-icon>
							<text class="hm-font-22">待接单</text>
						</u-grid-item>
						<u-grid-item @click="onTargetOrder(2)">
							<u-badge max="99" :value="orderCount.delivery" shape="horn" :absolute="true"
								:offset="[0,20]"></u-badge>
							<u-icon :customStyle="{paddingTop:20+'rpx'}" name="car-fill" color="#2979ff" size="30">
							</u-icon>
							<text class="hm-font-22">待发货</text>
						</u-grid-item>
						<u-grid-item @click="onTargetOrder(3)">
							<u-badge max="99" :value="orderCount.collection" shape="horn" :absolute="true"
								:offset="[0,20]"></u-badge>
							<u-icon :customStyle="{paddingTop:20+'rpx'}" name="red-packet-fill" color="#19be6b"
								size="30">
							</u-icon>
							<text class="hm-font-22">待收款</text>
						</u-grid-item>
						<u-grid-item @click="onTargetOrder(4)">
							<u-badge max="99" :value="orderCount.refund10" shape="horn" :absolute="true"
								:offset="[0,20]"></u-badge>
							<u-icon :customStyle="{paddingTop:20+'rpx'}" name="clock-fill" color="#fa3534" size="30">
							</u-icon>
							<text class="hm-font-22">待退款</text>
						</u-grid-item>
					</u-grid>
				</view>
			</view>
		</view>
		<!-- 用户中心 -->
		<view class="order-navbar">
			<view class="title">用户中心</view>
			<view class="box hm-col-content">
				<u-grid :border="false" col="4">
					<u-grid-item @click="renewShow = true">
						<u-icon :customStyle="{paddingTop:20+'rpx'}" name="lock" color="#909399" size="30"></u-icon>
						<text class="hm-font-22">修改密码</text>
					</u-grid-item>
					<u-grid-item @click="outLogin">
						<u-icon :customStyle="{paddingTop:20+'rpx'}" name="minus-circle" color="#909399" size="30">
						</u-icon>
						<text class="hm-font-22">安全退出</text>
					</u-grid-item>
				</u-grid>
			</view>
		</view>
		<!-- 管理项目 -->
		<view v-if="user && user.status.value == 20" class="order-navbar hm-m-t-20">
			<view class="title">门店管理</view>
			<view class="box hm-col-content">
				<u-grid :border="false" col="4">
					<u-grid-item @click="goTo('user/shop/edit')">
						<u-icon :customStyle="{paddingTop:20+'rpx'}" name="home" color="#909399" size="30"></u-icon>
						<text class="hm-font-22">门店详情</text>
					</u-grid-item>
					<u-grid-item @click="goTo('user/clerk/index')">
						<u-icon :customStyle="{paddingTop:20+'rpx'}" name="account" color="#909399" size="30"></u-icon>
						<text class="hm-font-22">店员管理</text>
					</u-grid-item>
					<u-grid-item @click="goTo('user/goods/index')">
						<u-icon :customStyle="{paddingTop:20+'rpx'}" name="gift" color="#909399" size="30"></u-icon>
						<text class="hm-font-22">商品管理</text>
					</u-grid-item>
					<u-grid-item @click="goTo('user/category/index')">
						<u-icon :customStyle="{paddingTop:20+'rpx'}" name="list-dot" color="#909399" size="30"></u-icon>
						<text class="hm-font-22">商品分类</text>
					</u-grid-item>
				</u-grid>
				<u-grid :border="false" col="4">
					<u-grid-item @click="goTo('user/table/index')">
						<u-icon :customStyle="{paddingTop:20+'rpx'}" name="grid" color="#909399" size="30"></u-icon>
						<text class="hm-font-22">餐桌管理</text>
					</u-grid-item>
				</u-grid>
			</view>
		</view>
		<!-- 技术支持 -->
		<view class="hm">
			{{applet.copyright}} <text class="v">V{{applet.version}}</text>
		</view>
		<view v-if="renewShow">
			<u-popup :show="renewShow" mode="center" :closeable="true" round="10" @close="renewShow = false"
				@open="login.password = ''">
				<view class="hm-popup">
					<view class="title">修改登录密码</view>
					<view class="hm-p-t-20">
						<u--input v-model="login.password" :focus="true" :clearable="true" placeholder="请输入新密码"
							prefixIcon="lock-opened-fill" prefixIconStyle="font-size: 22px;color: #909399"></u--input>
					</view>
					<view class="hm-m-t-20 hm-p-lr-b25 hm-text-center">
						<u-button type="primary" text="确认修改" @click="renew()"></u-button>
					</view>
				</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
	const App = getApp();

	export default {
		data() {
			return {
				user: null,
				orderCount: {}, //订单统计
				applet: {},
				renewShow: false, //密码修改框
				login: {
					password: '',
				}

			};
		},

		components: {},
		props: {},

		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow() {
			let _this = this;
			_this.user = App.getUser();
			_this.applet = App.getApplet();
			_this.getOrderCount();
		},

		methods: {
			/**
			 * 修改密码
			 */
			renew: function() {
				let _this = this,
					renew = _this.login;
				renew.phone = _this.user.phone;
				_this.renewShow = false;
				if (renew.password == '') {
					App.showError('新密码不可为空');
					return false;
				}
				App._post_form('user/renew', renew, function(result) {
					App.showSuccess(result.msg);
				}, false, function() {});
			},
			/**
			 * 获取订单统计
			 */
			getOrderCount: function() {
				let _this = this;
				App._get('user/orderCount', {}, result => {
					_this.setData(result.data);
				});
			},

			/**
			 * 订单导航跳转
			 */
			onTargetOrder: function(order_type) {
				uni.setStorageSync('order_type', order_type); // 转跳指定的页面
				App.goTo('order/index');
			},

			/**
			 * 安全退出
			 */
			outLogin: function() {
				let _this = this;
				uni.showModal({
					title: "提示",
					content: "确定要退出登录？",
					success: function(o) {
						if (o.confirm) {
							uni.removeStorageSync('user');
							App.goTo('index/index');
						}
					}
				});
			},

			/**
			 * 菜单列表导航跳转
			 */
			goTo: function(url) {
				App.goTo(url);
			}

		}
	};
</script>
<style lang="scss" scoped>
	/* 用户信息 */
	.user {
		position: relative;
		background: #fff;
		margin-bottom: 180rpx;
		.body {
			display: flex;
			padding-top: 1px;
			width: 100%;
			height: 310rpx;
			align-content: center;
			background-color: #1196DB;
			background-repeat: no-repeat;
			background-position: center right;
			background-size: auto 100%;
			.cont {
				margin: auto;
				margin-bottom: 135rpx;
				width: 79%;
				align-items: center;
				.avatar {
					margin-right: 30rpx;
					width: 120rpx;
					height: 120rpx;
					border-radius: 50%;
					border: 5rpx solid #fff;
					overflow: hidden;
					float: left;
					image{
						width: 120rpx;
						height: 120rpx;
						border-radius: 50%;
					}
				}
				.name {
					margin-top: 15rpx;
					font-size: 28rpx;
					color: #fff;
					float: left;
					width: 400rpx;
					height: 20rpx;
				}
			}
		}
	}

	/* 订单导航栏 */
	.my-navbar {
		position: absolute;
		left: 35rpx;
		bottom: -160rpx;
	}

	.order-navbar {
		margin: auto;
		padding: 15rpx 0;
		width: 90%;
		box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
		font-size: 30rpx;
		border-radius: 10rpx;
		background: #fff;
		margin-top: 20rpx;
		.title {
			margin: auto;
			padding: 0 20rpx 20rpx 20rpx;
			border-bottom: 1px dashed #eee;
			justify-content: space-between;
			align-items: center;
		}
		.box {
			width: 100%;
			padding: 20rpx 0px;
		}
	}
	.renew{
		padding: 20rpx;
		width: 500rpx;
	}
</style>
