<!-- 首页 -->
<template>
	<view class="content">

		<!-- 检测进行中 今日成交金额  今日订单数量 底部为总 -->
		<view class="c-top">
			<view style="width: 100%; height: 44px;"></view>
			<view class="top-ail">
				<!-- 新增 -->
				<view class="top-two">
					<view class="" @click="getback()">
						<uni-icons type="left" color="#ffffff" size="22"></uni-icons>
					</view>
					<view class="bai-title">信息管理</view>
					<view style="width: 15px; height: 100%;"></view>
				</view>
				<!-- 	<view class="top-two">
					<view class="dix">
						<view class="touxiang">
							<image :src="baseUrl +user.partnerLogo" mode=""></image>
						</view>
						<view class="t-title">{{user.partnerName}}</view>
					</view>
					<view class="dix">
						<text class="baizi" v-if="user.isWorking == 1">营业中</text>
							<text class="baizi" v-if="user.isWorking == 0">休息中</text>
							<switch :checked="isWorking" @change="getying()" color="#3CBC6F" style="transform:scale(0.7)"/>
					</view>
				</view> -->

				<view class="threebox">
					<!-- @click="gostatistics()" -->
					<view class="t-box">
						<view class="xbai">合规合格</view>
						<view class="dbai">{{threenum.hgNum}}</view>

					</view>
					<view class="t-box">
						<view class="xbai">当日订单</view>
						<view class="dbai">{{threenum.todayOrderNum}}</view>

					</view>
					<view class="t-box">
						<view class="xbai">双燃料合格</view>
						<view class="dbai">{{threenum.srlNum}}</view>

					</view>
				</view>
				<!-- 	<view class="threebox" @click="gocode">
					扫一扫
				</view> -->

				<!-- 订单 -->
				<view class="t-bottom">
					<view class="x-title">信息上传</view>
					<view class="fourbox">
						<view class="f-box" @click="gorelease()">
							<view class="jgbox">
								<image src="../../static/detection/fbsp.png" mode=""></image>
							</view>
							<text class="h-text">发布商品</text>
						</view>
						<view class="f-box" @click="goorder()">
							<view class="jgbox">
								<image src="../../static/detection/spgl.png" mode=""></image>
							</view>
							<text class="h-text">商品管理</text>
						</view>
						<view class="f-box" @click="goordermanage()">
							<view class="jgbox">
								<image src="../../static/detection/ddgl.png" mode=""></image>
							</view>
							<text class="h-text">订单管理</text>
						</view>
						<view class="f-box" @click="goyggl()">
							<view class="jgbox">
								<image src="../../static/detection/shgl.png" mode=""></image>
							</view>
							<text class="h-text">员工管理</text>
						</view>
						<view class="f-box" @click="gocode">
							<view class="jgbox">
								<image src="../../static/detection/ddhx.png" mode=""></image>
							</view>
							<text class="h-text">订单核销</text>
						</view>

						<view class="f-box" @click="reservations()">
							<view class="j-icon" v-if="appAndPick.appointNum != 0">
								<text>{{appAndPick.appointNum }}</text>
							</view>
							<view class="jgbox">
								<image src="../../static/detection/hxjl.png" mode=""></image>
							</view>
							<text class="h-text">预约记录</text>
						</view>
						<view class="f-box" @click="coupon()">
							<view class="jgbox">
								<image src="../../static/detection/yhq.png" mode=""></image>
							</view>
							<text class="h-text">优惠券</text>
						</view>

						<view class="f-box" @click="gohomecar()">
							<view class="j-icon" v-if="appAndPick.pickNum != 0">
								<text>{{appAndPick.pickNum }}</text>
							</view>
							<view class="jgbox">
								<image src="../../static/detection/xxxxx.png" mode=""></image>
							</view>
							<text class="h-text">上门取车</text>
						</view>
					</view>
				</view>

				<view class="bottom-box" style="margin-top: 10px;">
					<view class="x-title">当日订单信息</view>
					<view class="x-top">
						<view class="dix-zuo">车型</view>
						<view class="dix-you">
							<view class="zuo">销量</view>
							<view class="you" style="text-align: left;">营业额</view>
						</view>
					</view>
					<view class="x-cont" v-for="(item,index) in ping" :key="index" @click="gosb()">
						<view class="dix-zuo">
							<view class="paim" v-if="index != 0 && index != 2 && index != 1">{{index+1}}</view>
							<view class="v-icon" v-if="index == 0">
								<image src="../../static/detection/dy.png" mode=""></image>
							</view>
							<view class="v-icon" v-if="index == 1">
								<image src="../../static/detection/dr.png" mode=""></image>
							</view>
							<view class="v-icon" v-if="index == 2">
								<image src="../../static/detection/ds.png" mode=""></image>
							</view>
							<view class="paim-you">{{item.goodsName}}</view>
						</view>
						<view class="dix-you">
							<view class="jzuo">{{item.salesNum}}</view>
							<view class="ju">￥{{item.salesAmount / 100}}</view>
						</view>
					</view>
				</view>
			</view>

		</view>
		<!-- 底部 -->
		<view style="width: 100%; height: 50px;"></view>
		<!-- 	<tabBar :msg="msg " ></tabBar> -->
	</view>
</template>

<script>
	import config from '@/config'
	import request from '../../utils/request';
	import tabBar from '../../components/tabBar/tabBar.vue'
	export default {
		data() {
			return {
				msg: '1',
				chuan: '',
				isWorking: false,
				user: {},
				baseUrl: '',
				animate: false,
				partnerId: '',
				threenum: {},
				showScroll: true,
				scrollDuration: 3000, // 滚动间隔时间，单位为毫秒
				items: [],
				ping: [],
				appAndPick: {
					appointNum: 0,
					pickNum: 0
				}

			}
		},
		onLoad() {
			this.baseUrl = this.$baseUrl
			this.startScrolling();
		},
		onShow() {
			this.getindex()
			this.getAppointAndPickNum()
			this.getbottom()

		},
		components: {
			tabBar,
		},
		methods: {
			async getAppointAndPickNum() {
				let res = await request({
					url: '/partnerOwn/partner/getAppointAndPickNum',
					method: 'get'
				})
				if (res.code == 200) {
					this.appAndPick = res.data
					console.log(res.data);
				}
			},

			// 底部消息
			async getbottom() {
				let data = {
					partnerId: uni.getStorageSync('partnerId')
				}
				let res = await request({
					url: '/appInspection/news/newMsgNum',
					method: 'get',
					params: data
				})
				console.log('jitiao', res);
				if (res.code == 200) {
					this.chuan = res.data
				}
			},
			//初始化获取
			async getindex() {
				// 首页信息
				let res = await request({
					url: '/partnerOwn/partner/shopInfo',
					method: 'get',
				})
				this.user = res.data
				this.partnerId = res.data.partnerId
				uni.setStorageSync('partnerId', res.data.partnerId)
				if (res.data.isWorking == "0") {

					this.isWorking = false
				}
				if (res.data.isWorking == "1") {
					this.isWorking = true
				}
				// 中间统计
				let reszj = await request({
					url: '/partnerOwn/partner/statisticsInfo?partnerId=' + this.partnerId,
					method: 'get',
				})
				let nums = {
					orderAmount: reszj.data.orderAmount / 100,
					orderNum: reszj.data.orderNum,
					todayOrderAmount: reszj.data.todayOrderAmount / 100,
					todayOrderNum: reszj.data.todayOrderNum,
					workedNum: reszj.data.workedNum,
					workingNum: reszj.data.workingNum,
					srlNum: reszj.data.srlNum,
					hgNum: reszj.data.hgNum,

				}
				this.threenum = nums
				console.log(this.threenum);

				// 热销产品 
				let resrx = await request({
					url: '/partnerOwn/partner/hotGoodsList?partnerId=' + this.partnerId,
					method: 'get',
				})
				this.ping = resrx.data
				// this.getswitch()
			},
			gosb() {
				uni.navigateTo({
					url: '/pages/index/ordermanage'
				})
			},
			getback() {
				uni.navigateBack()
			},
			gostatistics() {
				uni.navigateTo({
					url: '/pages/statistics/statistics'
				})
			},
			coupon() {
				uni.navigateTo({
					url: '/pages/coupon/coupon'
				})
			},
			goyggl() {
				uni.navigateTo({
					url: '/pages/index/Staffmanagement'
				})
			},
			goordermanage() {
				uni.navigateTo({
					url: "/pages/index/ordermanage",

				})
			},
			reservations() {
				uni.navigateTo({
					url: "/pages/order/reservationlist",

				})
			},

			gohomecar() {
				uni.navigateTo({
					url: "/pages/index/homecar",
				})
			},
			gocode() {
				uni.navigateTo({
					url: "/pages/my/rwm",

				})

			},
			getswitch() {
				console.log('执行了');
				if (this.user.isWorking == "0") {
					console.log('!!!!', this.user.isWorking);
					this.isWorking = false
				}
				if (this.user.isWorking == "1") {
					this.isWorking = true
				}
			},
			async getying() {

				let data = {
					partnerId: this.partnerId
				}
				let res = await request({
					url: '/partnerOwn/partner/startOrEnd',
					method: 'post',
					params: data
				})
				this.getindex()
			},
			goorder() {
				uni.navigateTo({
					url: '/pages/order/order'
				})
			},
			gorelease() {
				uni.navigateTo({
					url: '/pages/Tollannouncement/Tollannouncement'
				})
			},
			startScrolling() {
				this.showScroll = true;
				setInterval(() => {
					this.scrollItems();
				}, this.scrollDuration);
			},
			scrollItems() {
				this.items.push(this.items.shift());
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		height: calc(160vh);
		background-color: #F4F4F4;
	}

	.c-top {
		width: 100%;
		height: 283px;
		background-color: cornflowerblue;
		background: url("../../static/detection/mybj.png") center no-repeat;
		background-size: 100% 100%;
		position: relative;
	}

	.top-ail {
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
	}

	.dix {
		display: flex;
		align-items: center;
	}

	.top-two {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.bai-title {
		font-size: 20px;
		font-weight: bold;
		color: white;
	}

	.touxiang {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		overflow: hidden;
		background-color: whitesmoke;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.t-title {
		font-size: 18px;
		font-weight: bold;
		color: #FFFFFF;
		margin-left: 5px;
	}

	.baizi {
		font-size: 14px;
		font-weight: 400;
		color: #FFFFFF;
	}

	.threebox {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 30px;
	}

	.t-box {
		width: 33%;
		text-align: center;
	}

	.xbai {
		font-size: 15px;
		font-weight: 400;
		color: #FFFFFF;
		margin-bottom: 5px;
	}

	.xxbai {
		font-size: 13px;
		font-weight: 400;
		color: #FFFFFF;
		margin-bottom: 15px;

	}

	.dbai {
		font-size: 25px;
		font-weight: 600;
		color: #FFFFFF;
		margin-bottom: 5px;
	}

	.t-bottom {
		width: 100%;
		z-index: 999;
		// height: 141px;
		background: #FFFFFF;
		border-radius: 8px;
		// margin: 0 auto;
		box-sizing: border-box;
		padding: 15px;
		background-color: white;
		margin-top: 8px;
		// position: absolute;
		// bottom: -px;
		// transform: translate(-50%);
		// left: 50%;
	}

	.x-title {
		font-size: 16px;
		font-weight: 600;
		color: #333333;
	}

	.jgbox {
		width: 42px;
		height: 42px;
		background: #EFF2FC;
		border-radius: 50%;
		margin: 0 auto;
		margin-bottom: 5px;
		overflow: hidden;

		image {
			width: 100%;
			height: 100%;

		}
	}

	.f-box {
		width: 25%;
		margin-bottom: 10px;
		text-align: center;
		position: relative;

	}

	.j-icon {
		position: absolute;
		width: 15px;
		height: 15px;
		display: flex;
		align-items: center;
		background: red;
		border-radius: 50%;
		justify-content: center;
		color: white;
		top: 0px;
		right: 10px;
		z-index: 999;
		font-size: 12px;

	}

	.fourbox {
		width: 100%;
		display: flex;
		// justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 20px;
	}

	.h-text {
		font-size: 13px;
		font-weight: 400;
		color: #333333;
	}

	.bai-box {
		width: 100%;
		// height: 121px;
		background: #FFFFFF;
		border-radius: 8px;
		margin: 0 auto;

		box-sizing: border-box;
		padding: 15px;
	}

	.hui-box {
		width: 100%;
		background: #E7E8FD;
		border-radius: 8px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 1px;
		margin-top: 15px;
		margin-bottom: 15px;
		margin-top: 160px;
	}

	.hui-top {
		box-sizing: border-box;
		padding: 15px;
	}

	.l-bai {
		width: 100%;
		height: 220px;
		box-sizing: border-box;
		padding: 15px;
		background: #FFFFFF;
		border-radius: 5px;
		white-space: nowrap;
		overflow: hidden;
	}

	.l-box {
		margin-top: 5px;
		width: 100%;
		border-bottom: 1px solid #EEEEEE;
	}

	.l-text {
		font-size: 15px;
		font-weight: 400;
		color: #333333;
		margin-bottom: 10px;
	}

	.time {
		font-size: 14px;
		font-weight: 400;
		color: #999999;
		margin-bottom: 10px;
	}

	.mubu {
		background-color: #F4F4F4;
		box-sizing: border-box;
		padding: 15px;
		z-index: -9;
	}

	.bottom-box {
		width: 100%;
		background-color: white;
		border-radius: 8px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 15px;

	}

	.x-top {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 14px;
		font-weight: 400;
		color: #666666;
		margin: 15px auto;
	}

	.x-cont {
		margin: 10px auto;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.dix-zuo {
		width: 50%;
		display: flex;

		justify-content: space-between;
	}

	.dix-you {
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.zuo {
			width: 50%;
			text-align: center;
		}

		.you {
			width: 50%;
			text-align: center;
		}
	}

	.jzuo {
		width: 50%;
		font-size: 15px;
		font-weight: 400;
		color: #333333;
		text-align: center;
	}

	.ju {
		width: 50%;
		text-align: left;
		font-size: 15px;
		font-weight: 400;
		color: #FF571A;
	}

	.paim {
		width: 15%;
		text-align: center;
	}

	.paim-you {
		width: 80%;
	}

	.v-icon {
		width: 30px;
		height: 30px;

		image {
			width: 100%;
			height: 100%;
		}
	}
</style>