<template>
	<view class="app">
		<view class="user">
			<image v-if="appPersonallist.headPictureUrl" class="img" :src="baseurl+appPersonallist.headPictureUrl"
				mode=""></image>
			<image class="img" v-else src="../../static/user.png" mode=""></image>
			<image class="bjimg" src="../../static/userbeijing.png" mode=""></image>
			<view class="phone" v-if="appPersonallist.patientName">
				{{appPersonallist.patientName}}
			</view>
			<view class="nickname">
				{{appPersonallist.phone}}
			</view>
			<view class="modify" @tap='updatainfo()'>
				修改信息
				<image src="../../static/xg.png" mode=""></image>
			</view>
		</view>
		<view class="userinfo">
			<view class="item">
				<image src="../../static/jkda.png" mode=""></image>
				<view class="text">
					健康档案
				</view>
			</view>
			<view class="item">
				<image src="../../static/jifen.png" mode=""></image>
				<view class="text">
					积分
				</view>
			</view>
			<view class="item">
				<image src="../../static/yhj.png" mode=""></image>
				<view class="text">
					优惠卷
				</view>
			</view>
		</view>
		<view class="content">
			<view class="CommodityOrder" @tap="goorder">
				<view class="title">
					商品订单
				</view>
				<view class="text">
					查看全部
					<image src="../../static/huijiantou.png" mode=""></image>
				</view>
			</view>
			<view class="center">
				<view class="OrderStatus" @tap="gopaid('WAIT_PAY')">
					<image src="/static/Tobepaid.png" mode=""></image>
					<view class="title">待付款</view>
					<view class="orderCount" v-if="list.waitPayCount>0&&list.waitPayCount<100">
						{{list.waitPayCount}}
					</view>
					<view class="orderCount" style="font-size :14rpx;" v-if="list.waitPayCount>=100">
						99+
					</view>
				</view>
				<view class="OrderStatus" @tap="goreceive('WAIT_RECEIVED_GOODS')">
					<image src="/static/received.png" mode=""></image>
					<view class="title">待收货</view>
					<view class="orderCount" v-if="list.waitReceivedGoodsCount>0&&list.waitReceivedGoodsCount<100">
						{{list.waitReceivedGoodsCount}}
					</view>
					<view class="orderCount" style="font-size :14rpx;" v-if="list.waitReceivedGoodsCount>=100">
						99+
					</view>
				</view>
				<view class="OrderStatus" @tap="gocompleted('RECEIVED_GOODS')">
					<image src="/static/evaluated.png" mode=""></image>
					<view class="title">待评价</view>
					<view class="orderCount" v-if="list.receivedGoodsCount>0&&list.receivedGoodsCount<100">
						{{list.receivedGoodsCount}}
					</view>
					<view class="orderCount" style="font-size :14rpx;" v-if="list.receivedGoodsCount>=100">
						99+
					</view>
				</view>
				<view class="OrderStatus" @tap="goEVALUATED('EVALUATED')">
					<image src="/static/finished.png" mode=""></image>
					<view class="title">已完成</view>
					<!-- <view class="orderCount" v-if="list.evaluatedCount>0&&list.evaluatedCount<100">
						{{list.evaluatedCount}}
					</view>
					<view class="orderCount" v-if="list.evaluatedCount>=100">
						99+
					</view> -->
				</view>
			</view>
		</view>
		<view class="service" @tap="gonursestation">
			<view class="serviceorder">护理站服务订单</view>
			<image src="../../static/huijiantou.png" mode=""></image>
		</view>
		<view class="service" style="top:1100rpx">
			<view class="serviceorder">设置</view>
			<image src="../../static/huijiantou.png" mode=""></image>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import {
		appPersonal,
	} from '@/api/user/user.js';
	import {
		existPatientInfo
	} from '@/api/startup/index.js'
	import {
		orderCount
	} from '@/api/order/index.js'
	import baseurl from '@/api/baseurl.js'
	export default {
		data() {
			return {
				baseurl: '',
				appPersonallist: [], //获取个人信息
				timer: null,
				list: {},
			}
		},
		onShow() {
			let that = this
			this.baseurl = baseurl
			this.myInfo()
			const value = uni.getStorageSync('patientId');
			if (value) {
				orderCount(value).then(res => {
					this.list = res.data
				})
			} else {
				that.$refs.uToast.show({
					title: '请登录',
					type: 'error',
					duration: '1000',
					url: '/pages/login/login'
				})
			}
		},
		onLoad(options) {},
		methods: {
			remove() {
				let that = this
				uni.showModal({
					title: '提示',
					content: '确认要退出此账号吗',
					success: function(res) {
						if (res.confirm) {
							uni.removeStorageSync('patientId');
							uni.removeStorageSync('openid');
							uni.removeStorageSync('phone');
							uni.removeStorageSync('token');
							that.$refs.uToast.show({
								title: '退出账号成功',
								type: 'success',
								duration: '1000'
							})
							if (that.timer) {
								clearTimeout(that.timer)
							}
							that.timer = setTimeout(e => {
								uni.navigateBack({
									delta: 1
								})
							}, 1000)
						} else if (res.cancel) {
							that.$refs.uToast.show({
								title: '退出账号失败',
								type: 'error',
								duration: '1000'
							})
						}
					}
				});
			},
			removes() {
				uni.removeStorageSync('patientId');
				uni.removeStorageSync('openid');
				uni.removeStorageSync('phone');
				uni.removeStorageSync('Refresh');
				uni.removeStorageSync('token');
				uni.navigateBack({
					delta: 1
				})
			},
			//获取个人信息
			myInfo() {
				var that = this
				const value = uni.getStorageSync('openid');
				const value2 = uni.getStorageSync('patientId');
				if (value && value2) {
					existPatientInfo(value).then(res => {
						if (res.code == 200 && res.msg == 'LOGIN') {
							appPersonal(value2).then(Response => {
								if (Response.code == 200) {
									that.appPersonallist = Response.data
									that.appPersonallist.homeLatitude = Number(that.appPersonallist
										.homeLatitude)
									that.appPersonallist.homeLongitude = Number(that.appPersonallist
										.homeLongitude)
								} else if (Response.code == 9999) {} else {
									that.removes();
								}
							})
						} else {
							that.removes();
						}
					})
				} else {
					that.removes();
				}
			},
			updatainfo() {
				uni.navigateTo({
					url: `/pages/modify/modify`
				})
			},
			//护理站服务订单
			gonursestation() {
				uni.navigateTo({
					url: '/pages/Nursingstationserviceorder/Nursingstationserviceorder'
				})
			},
			//待收货
			goreceive(item) {
				uni.navigateTo({
					url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
				})
			},
			//全部订单
			goorder() {
				uni.navigateTo({
					url: '/pages/CommodityOrder/CommodityOrder'
				})
			},
			//已完成
			goEVALUATED(item) {
				uni.navigateTo({
					url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
				})
			},
			//待评价
			gocompleted(item) {
				uni.navigateTo({
					url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
				})
			},
			//待付款
			gopaid(item) {
				uni.navigateTo({
					url: `/pages/CommodityOrder/CommodityOrder?orderStatus=${item}`
				})
			},
		},
	}
</script>
<style lang="scss">
	@import "./Personal.scss";
</style>
