shanxian-work-app/pages/manage/manage.vue

<template>
	<view class="body">
		<!-- <button type="default" style="background-color: #007AFF;margin-top: 20upx;" @click="tanKuang">底部弹框</button> -->
		<view class="allArea">
			<view class="area1">
				<text class="arear-text" @click="tanKuang">{{list[curVal].text}}</text>
				<image src="../../static/down.png" mode=""></image>
			</view>
		</view>
		<!-- 		<allAreatwo @getChild="childMess"></allAreatwo> -->
		<view class="swiperHead">

			<!--组件-->
			<swiperNavBar :scrollIntoView="scrollIntoView" :swiperTabList='swiperTabList' :swiperTabIdx='swiperTabIdx'
			 :currentSwiperWidth='currentSwiperWidth' :currentSwiperHeight='currentSwiperHeight' :swiperCurrentSize='swiperCurrentSize'
			 :swiperColor='swiperColor' :swiperCurrentColor='swiperCurrentColor' :currentSwiperLineShow="currentSwiperLineShow"
			 :currentSwiperLineActiveWidth="currentSwiperLineActiveWidth" :currentSwiperLineActiveHeight="currentSwiperLineActiveHeight"
			 :currentSwiperLineActiveBg="currentSwiperLineActiveBg" :currentSwiperLineAnimatie="currentSwiperLineAnimatie" v-if=" swiperTabList.length > 1 "
			 @change="CurrentTab" style="font-size: 30upx;">
			</swiperNavBar>
			<!--组件-->

		</view>
		<!-- 车辆管理头部 -->
		<view class="bike-top" v-if="swiperTabIdx==2">
			<view class="bike-top-list" @click="localscreen('')">
				<view class="bike-count">{{bike.total_bikes}}</view>
				<view class="bike-describe">
					总车辆数
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('put_status=1')">
				<view class="bike-count">{{bike.put_total_bikes}}</view>
				<view class="bike-describe">
					上线车辆
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('is_link=1')">
				<view class="bike-count">{{bike.line_total_bikes}}</view>
				<view class="bike-describe">
					在线车辆
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('is_trouble=1')">
				<view class="bike-count">{{bike.trouble_total_bikes}}</view>
				<view class="bike-describe">
					故障车辆
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('today_use=1')">
				<view class="bike-count">{{bike.today_use_total_bikes}}</view>
				<view class="bike-describe">
					今日使用
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('is_low_battery_power=0')">
				<view class="bike-count">{{bike.low_battery_total_bikes}}</view>
				<view class="bike-describe">
					低电量
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('is_riding=1')">
				<view class="bike-count">{{bike.riding_total_bikes}}</view>
				<view class="bike-describe">
					骑行中
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('is_riding1=0')">
				<view class="bike-count">{{bike.not_riding_total_bikes}}</view>
				<view class="bike-describe">
					未使用
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
		</view>
		<!-- 工单管理头部 -->
		<view class="bike-top" v-if="swiperTabIdx==4">
			<view class="bike-top-list" @click="localscreen('type=7')">
				<view class="bike-count">{{work_order.headman_num}}</view>
				<view class="bike-describe">
					组长工单
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('planned=2')">
				<view class="bike-count">{{work_order.planned_work_num}}</view>
				<view class="bike-describe">
					处理中工单
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('planned=1')">
				<view class="bike-count">{{work_order.planned_meet_num}}</view>
				<view class="bike-describe">
					未认领工单
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('type=8')">
				<view class="bike-count">{{work_order.trouble_num}}</view>
				<view class="bike-describe">
					故障工单
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('type=5')">
				<view class="bike-count">{{work_order.alert_num}}</view>
				<view class="bike-describe">
					警报工单
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('type=6')">
				<view class="bike-count">{{work_order.steal_num}}</view>
				<view class="bike-describe">
					偷盗工单
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('type=9')">
				<view class="bike-count">{{work_order.help_num}}</view>
				<view class="bike-describe">
					道路救援
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
			<view class="bike-top-list" @click="localscreen('type=1')">
				<view class="bike-count">{{work_order.charge_num}}</view>
				<view class="bike-describe">
					换电工单
				</view>
				<image class="right-index" src="http://resource.weilaibike.com/bike_yunwei/triangle.png" mode=""></image>
			</view>
		</view>

		<view class="" style="height: 100%;">
			<swiper :interval="3000" :duration="500" style="background-color: #e7e7e7;padding-top: 220upx;" :style="{ height:mainHeight-110 + 'px' }"
			 v-bind:current="swiperTabIdx" :current="swiperTabIdx" @change="SwiperChange">
				<!-- 全部管理 -->
				<swiper-item class="swiper-item" style="height: 100%; ">

					<view class="out-content" style="overflow-y: scroll;" :style="{ height:mainHeight-110+ 'px' }">
						<view class="new_list" @click="skipUser">
							<view class="new-left">
								<image src="../../static/img/new/user.png" mode=""></image>
								<view class="new-title">
									用户
								</view>
							</view>
							<view class="new-middle">
								<view class="new-text">
									总用户数：{{user.totalUser}}
								</view>
								<view class="new-text">
									有效用户：{{user.cardUser}}
								</view>
								<view class="new-text">
									押金用户：{{user.depositUser}}
								</view>
							</view>
							<view class="new-right">
								<view class="new-text">
									今日新增：<text class="text-one">{{user.todayAddUser}}</text>
								</view>
							 	<view class="new-text">
									今日活跃：<text class="text-one">{{user.todayActiveUser}}</text>
								</view>
							</view>
						</view>

						<view class="new_list" @click="skipBike">
							<view class="new-left">
								<image src="../../static/img/new/bike.png" mode=""></image>
								<view class="new-title">
									车辆
								</view>
							</view>
							<view class="new-middle">
								<view class="new-text">
									总车辆数：{{bike.total_bikes}}
								</view>
								<view class="new-text">
									上线车辆：{{bike.put_total_bikes}}
								</view>
								<view class="new-text">
									故障车辆：{{bike.trouble_total_bikes}}
								</view>
							</view>
							<view class="new-right">
								<view class="new-text">
									今日使用：<text class="text-one">{{bike.today_use_total_bikes}}</text>
								</view>
								<view class="new-text">
									在线车辆：<text class="text-one">{{bike.line_total_bikes}}</text>
								</view>
								<view class="new-text">
									低电量：<text class="text-one">{{bike.low_battery_total_bikes}}</text>
								</view>
							</view>
						</view>

						<view class="new_list" @click="skipOrder">
							<view class="new-left">
								<image src="../../static/img/new/order.png" mode="" style="width: 100upx;"></image>
								<view class="new-title">
									订单
								</view>
							</view>
							<view class="new-middle">
								<view class="new-text" style="margin-top: 10upx;">
									总订单数：{{order.order_total}}
								</view>
								<view class="new-text" style="margin-top: 10upx;">
									待支付中：{{order.waiting_pay}}
								</view>

							</view>
							<view class="new-right">
								<view class="new-text" style="margin-top: 10upx;">
									今日新增：<text class="text-one">{{order.today_add_order}}</text>
								</view>
								<view class="new-text" style="margin-top: 10upx;">
									车骑行中：<text class="text-one">{{order.riding_order}}</text>
								</view>

							</view>
						</view>

						<!-- 收益 -->
						<view class="new_list" @click="incomeDetail">
							<view class="new-left">
								<image src="../../static/img/new/income.png" mode="" ></image>
								<view class="new-title">
									收益
								</view>
							</view>
							<view class="new-middle">
								<view class="new-text">
									今日充值：{{orderProfit.rechargeOrderTodayProfit}}
								</view>
								<view class="new-text">
									免押日收：{{orderProfit.depositCardTodayProfit}}
								</view>
								<view class="new-text">
									骑卡日收：{{bike.trouble_total_bikes}}
								</view>
							</view>
							<view class="new-right">
								<view class="new-text">
									今日收益：<text class="text-one">{{orderProfit.todayProfit}}</text>
								</view>
								<view class="new-text">
									今日押金：<text class="text-one">{{orderProfit.riddingCardOrderTodayProfit}}</text>
								</view>

							</view>
						</view>
						<!-- 总收益 -->
						<view class="new_list" @click="incomeDetail">
							<view class="new-left">
								<image src="../../static/img/new/all-income.png" mode="" ></image>
								<view class="new-title">
									总收益
								</view>
							</view>
							<view class="new-middle">
								<view class="new-text">
									总收益数：{{orderProfit.totalProfit}}
								</view>
								<view class="new-text">
									总押金数：{{orderProfit.depositTotal}}
								</view>
								<view class="new-text">
									免押总收：{{orderProfit.depositCardTotalProfit}}
								</view>
							</view>
							<view class="new-right">
								<view class="new-text">
									充值收益：<text class="text-one">{{orderProfit.rechargeOrderTotalProfit}}</text>
								</view>
								<view class="new-text">
									本月收益：<text class="text-one">{{orderProfit.monthProfit}}</text>
								</view>
								<view class="new-text">
									骑卡总收：<text class="text-one">{{orderProfit.riddingCardOrderTotalProfit}}</text>
								</view>
							</view>
						</view>


						<!-- 工单管理 -->
						<view class="new_list" @click="skipWork" style="margin-bottom: 30upx;">
							<view class="new-left">
								<image src="../../static/img/new/gongdan.png" mode="" ></image>
								<view class="new-title">
									工单
								</view>
							</view>
							<view class="new-middle">
								<view class="new-text" style="margin-top: 10upx;">
									全部工单：
									{{work_order.planned_meet_num+work_order.planned_worked_num+work_order.planned_work_num+work_order.planned_over_num}}
								</view>
								<view class="new-text" style="margin-top: 10upx;">
									已完成： {{work_order.planned_over_num}}
								</view>
							</view>
							<view class="new-right">
								<view class="new-text" style="margin-top: 10upx;">
									待认领：<text class="text-one">{{work_order.planned_meet_num}}</text>
								</view>
								<view class="new-text" style="margin-top: 10upx;">
									处理中：<text class="text-one">{{work_order.planned_work_num}}</text>
								</view>
							</view>
						</view>
						<!-- <view class="list" @click="skipUser">
							<view class="all-list-top">
								<view class="all-top-left">
									<image src="../../static/img/manage1.png" mode=""></image>
									<view class="all-list-title">
										<text>总用户数</text><text style="font-size: 34upx; font-weight: 800;" class="text-one">{{user.totalUser}}</text>
									</view>
								</view>
								<view class="all-top-right">
									<view class="all-list-right">
										<image src="../../static/img/right-arrow.png" mode=""></image>
									</view>
								</view>

							</view>
							<view class="all-list-content">
								<view class="content-child">
									<view class="first-child">
										有效户数
									</view>
									<view class="second-child">
										{{user.cardUser}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										押金户数
									</view>
									<view class="second-child">
										{{user.depositUser}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										今日新增
									</view>
									<view class="second-child">
										{{user.todayAddUser}}
									</view>
								</view>

								<view class="content-child">
									<view class="first-child">
										今日活跃
									</view>
									<view class="second-child">
										{{user.todayActiveUser}}
									</view>
								</view>
							</view>
						</view> -->
						<!-- <view class="list" @click="skipBike">
							<view class="all-list-top">
								<view class="all-top-left">
									<image src="../../static/img/manage2.png" mode=""></image>
									<view class="all-list-title">
										<text>总车辆数</text><text style="font-size: 34upx; font-weight: 800;"  class="text-one">{{bike.total_bikes}}</text>
									</view>
								</view>
								<view class="all-top-right">
									<image src="../../static/img/manage3.png" mode=""></image>
									<view class="all-list-title">
										<text>今日使用</text><text style="font-size: 34upx; font-weight: 800;"  class="text-one">{{bike.today_use_total_bikes}}</text>
									</view>
									<view class="all-list-right">
										<image src="../../static/img/right-arrow.png" mode=""></image>
									</view>
								</view>
							</view>
							<view class="all-list-content">
								<view class="content-child">
									<view class="first-child">
										上线车辆
									</view>
									<view class="second-child">
										{{bike.put_total_bikes}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										在线车辆
									</view>
									<view class="second-child">
										{{bike.line_total_bikes}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										故障车辆
									</view>
									<view class="second-child">
										{{bike.trouble_total_bikes}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										低电量
									</view>
									<view class="second-child">
										{{bike.low_battery_total_bikes}}
									</view>
								</view>
							</view>
						</view>

 -->
						<!-- <view class="list" @click="skipOrder">
							<view class="all-list-top">
								<view class="all-top-left">
									<image src="../../static/img/manage4.png" mode=""></image>
									<view class="all-list-title">
										<text>总订单数</text><text style="font-size: 34upx; font-weight: 800;"  class="text-one">{{order.order_total}}</text>
									</view>
								</view>
								<view class="all-top-right">
									<view class="all-list-right">
										<image src="../../static/img/right-arrow.png" mode=""></image>
									</view>
								</view>
							</view>
							<view class="all-list-content">
								<view class="content-child">
									<view class="first-child">
										今日新增
									</view>
									<view class="second-child">
										{{order.today_add_order}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										车骑行中
									</view>
									<view class="second-child">
										{{order.riding_order}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										待支付中
									</view>
									<view class="second-child">
										{{order.waiting_pay}}
									</view>
								</view>
							</view>
						</view>
 -->
						<!-- <view class="list" @click="incomeDetail">
							<view class="all-list-top">
								<view class="all-top-left">
									<image src="../../static/img/manage5.png" mode=""></image>
									<view class="all-list-title">
										<text>今日收益</text><text style="font-size: 34upx; font-weight: 800;" class="text-one">{{orderProfit.todayProfit}}</text>
									</view>
								</view>
								<view class="all-top-right">
									<view class="all-list-right">
										<image src="../../static/img/right-arrow.png" mode=""></image>
									</view>
								</view>


							</view>
							<view class="all-list-content">
								<view class="content-child">
									<view class="first-child">
										今日充值
									</view>
									<view class="second-child">
										{{orderProfit.rechargeOrderTodayProfit}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										今日押金
									</view>
									<view class="second-child">
										{{orderProfit.depositToday}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										免押日收
									</view>
									<view class="second-child">
										{{orderProfit.depositCardTodayProfit}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										骑卡日收
									</view>
									<view class="second-child">
										{{orderProfit.riddingCardOrderTodayProfit}}
									</view>
								</view>
							</view>
						</view> -->

						<!-- <view class="list" @click="incomeDetail">
							<view class="all-list-top">
								<view class="all-top-left">
									<image src="../../static/img/manage6.png" mode=""></image>
									<view class="all-list-title">
										<text>总收益数</text><text style="font-size: 34upx; font-weight: 800;" class="text-one">{{orderProfit.totalProfit}}</text>
									</view>
								</view>
								<view class="all-top-right">
									<image src="../../static/img/manage7.png" mode=""></image>
									<view class="all-list-title">
										<text>充值收益</text><text style="font-size: 34upx; font-weight: 800;" class="text-one">{{orderProfit.rechargeOrderTotalProfit}}</text>
									</view>
									<view class="all-list-right">
										<image src="../../static/img/right-arrow.png" mode=""></image>
									</view>
								</view>
							</view>
							<view class="all-list-content">
								<view class="content-child">
									<view class="first-child">
										总押金数
									</view>
									<view class="second-child">
										{{orderProfit.depositTotal}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										免押总收
									</view>
									<view class="second-child">
										{{orderProfit.depositCardTotalProfit}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										本月收益
									</view>
									<view class="second-child">
										{{orderProfit.monthProfit}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										骑卡总收
									</view>
									<view class="second-child">
										{{orderProfit.riddingCardOrderTotalProfit}}
									</view>
								</view>
							</view>
						</view> -->

						<!-- <view class="list" @click="skipWork">
							<view class="all-list-top">
								<view class="all-top-left">
									<image src="../../static/img/gongdan.png" mode=""></image>
									<view class="all-list-title">
										<text>工单管理</text>
									</view>
								</view>
								<view class="all-top-right">
									<view class="all-list-right">
										<image src="../../static/img/right-arrow.png" mode=""></image>
									</view>
								</view>
							</view>
							<view class="all-list-content">
								<view class="content-child">
									<view class="first-child">
										全部工单
									</view>
									<view class="second-child">
										{{work_order.planned_meet_num+work_order.planned_worked_num+work_order.planned_work_num+work_order.planned_over_num}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										待认领
									</view>
									<view class="second-child">
										{{work_order.planned_meet_num}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										处理中
									</view>
									<view class="second-child">
										{{work_order.planned_work_num}}
									</view>
								</view>
								<view class="content-child">
									<view class="first-child">
										已完成
									</view>
									<view class="second-child">
										{{work_order.planned_over_num}}
									</view>
								</view>
							</view>
						</view> -->
					</view>
				</swiper-item>
				<!-- 用户管理 -->
				<swiper-item class="swiper-item" style="height: 100%; ">
					<scroll-view scroll-y="true" :style="{ height:mainHeight-110 + 'px' }" @scrolltolower="scrolltolower">
						<view class="out-content">
							<view class="list">
								<view class="all-list-top">
									<view class="all-top-left">
										<image src="../../static/img/manage1.png" mode=""></image>
										<view class="all-list-title">
											<text>总用户数</text><text style="font-size: 34upx; font-weight: 800;">{{user.totalUser}}</text>
										</view>
									</view>
									<!-- <view class="all-top-right">
										<view class="all-list-right">
											<image src="../../static/img/right-arrow.png" mode=""></image>
										</view>
									</view> -->
								</view>
								<view class="all-list-content" style="padding: 28upx 0upx 28upx 0upx;">
									<view class="content-child">
										<view class="first-child">
											新增用户
										</view>
										<view class="second-child">
											{{user.todayAddUser}}
										</view>
									</view>
									<view class="content-child">
										<view class="first-child">
											押金用户
											<view class="second-child">
												{{user.depositUser}}
											</view>
										</view>
									</view>
								</view>
							</view>
							<view class="user-list" @click="userDetail(item.id)" v-for="(item,index) in userList" :key='index'>
								<text class="user-phone">手机号：{{item.mobile}}</text>
								<view class="">
									<view class="user-name" style="display: inline-block;width:50%;height: 40upx; overflow: hidden;"><text style="overflow: hidden;">姓名：{{item.username}}</text></view>
									<view class="user-balance" style="display: inline-block;">余额：{{item.wallet_money}}</view>
								</view>
								<!-- <text class="user-school">校区：{{item.area}}</text> -->
								<view class="user-tag1" v-if="deposit_type==3">
									押全用户
								</view>
								<view class="user-tag2" v-if="deposit_type==12">
									非押全用户
								</view>
								<view class="user-tag3" v-if="deposit_type==1">
									免押全用户
								</view>
							</view>
							<view class="noData  noUser" v-if="userList.length == 0">
								<image src="http://resource.weilaibike.com/none.png" style="width: 200upx;
								height: 200upx;"></image>
								<view>暂无相关数据~</view>
							</view>
							<!-- </view> -->
						</view>
					</scroll-view>

				</swiper-item>
				<!-- 车辆管理 -->
				<swiper-item class="swiper-item" style="height: 100%;">
					<scroll-view scroll-y="true" :style="{ height:mainHeight-110 + 'px' }" @scrolltolower="scrolltolower">
						<view class="bike" style="overflow-y: scroll; ">
							<view class="out-content" style="padding-top: 300upx;">
								<view class="bike-list" @click="bikeDetail(item.id,item.bike_no)" v-for="(item,index1) in bikeList" :key='index1'>
									<view class="bike-left">
										<view class="bike-list-first">
											<text class="bike-id">{{item.bike_no}}</text> <text class="Battery">{{item.battery_power}}%</text> <text
											 class="riding-status">{{item.is_riding == 0 ? '未骑行':'骑行中'}}</text>
										</view>
										<view class="bike-list-second">
											<text class="order-tinme">{{item.not_use_time}}</text> <text class="bike-money">平均收益：</text> <text>{{item.average_profit}}</text>
										</view>
										<view class="user-tag1" v-if="item.tab_name=='未骑行'" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
											{{item.tab_name}}
										</view>
										<view class="user-tag1" v-if="item.tab_name=='中控离线'" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
											{{item.tab_name}}
										</view>
										<view class="user-tag1" v-if="item.tab_name=='未投放'" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
											{{item.tab_name}}
										</view>
										<view class="user-tag1" v-if="item.tab_name=='低电量'" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
											{{item.tab_name}}
										</view>
										<view class="user-tag1" v-if="item.tab_name=='骑行中'" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
											{{item.tab_name}}
										</view>
										<view class="user-tag1" v-if="item.tab_name=='不在停车区'" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
											{{item.tab_name}}
										</view>
										<view class="user-tag1" v-if="item.tab_name=='故障'" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
											{{item.tab_name}}
										</view>
										<view class="user-tag1" v-if="item.tab_name=='故障下线'" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
											{{item.tab_name}}
										</view>

									</view>
									<view class="bike-right">
										<image src="http://resource.weilaibike.com/bike.png" mode=""></image>
									</view>

								</view>
							</view>
						</view>
					</scroll-view>


				</swiper-item>
				<!-- 订单管理 -->
				<swiper-item class="swiper-item" style="height: 100%; ">

					<scroll-view scroll-y="true" :style="{ height:mainHeight-110 + 'px' }" @scrolltolower="scrolltolower">
						<view class="out-content" style="overflow-y: scroll; ">
							<view class="list">
								<view class="all-list-top">
									<view class="all-top-left">
										<image src="http://resource.weilaibike.com/bike_yunwei/order1.png" mode=""></image>
										<view class="all-list-title">
											<text>今日总收入</text><text style="font-size: 34upx; font-weight: 800;">{{order.today_add_money}}</text>
										</view>
									</view>
									<!-- <view class="all-top-right">
										<view class="all-list-right">
											<image src="../../static/img/right-arrow.png" mode=""></image>
										</view>
									</view> -->
								</view>
								<view class="all-list-content" style="padding: 28upx 0upx 28upx 0upx;">
									<view class="content-child">
										<view class="first-child">
											今日订单
										</view>
										<view class="second-child">
											{{order.today_add_order}}
										</view>
									</view>
									<view class="content-child" @click="localscreen(curPage==1?'normal_riding=1':'rent_riding=1')">
										<view class="first-child">
											进行中订单
										</view>
										<view class="second-child">
											{{order.riding_order}}
										</view>
									</view>
								</view>
							</view>
							<view class="order-bottom">
								<view class="order-bottom-left" @click="normalOrder" :class="curPage==1?'active':''">
									普通订单
								</view>
								<view class="order-bottom-right" @click="dayOrder" :class="curPage==2?'active':''">
									日租订单
								</view>
							</view>
							<view class="order-list" @click="orderDetail(item.id)" v-for="(item,index2) in orderList" :key='index2'>
								<text class="order-bike-num">车辆编号：{{item.bike_no}}</text>
								<view class="order-user">
									<text class="order-user-name">用户：{{item.nickname}}</text>
									<text class="order-user-phone" @click.stop="phoneCall(item.mobile)">{{item.mobile}}(点击可拨打)</text>
								</view>
								<text class="order-time">时间：{{item.start_use_bike_time}}——{{item.end_use_bike_time}}</text>
								<view class="user-tag1" v-if="item.orders_status=='骑行中'" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
									{{item.orders_status}}
								</view>
								<view class="user-tag1" v-if="item.orders_status=='订单关闭'" style="background: linear-gradient(163deg, #c0c0c0 0%, #808080 100%);">
									{{item.orders_status}}
								</view>
								<view class="user-tag1" v-if="item.orders_status=='已完成'" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
									{{item.orders_status}}
								</view>
								<view class="user-tag1" v-if="item.orders_status=='待支付'" style="background: linear-gradient(163deg,rgba(255, 139, 102, 1) 0%,rgba(254, 87, 34, 1) 100%);">
									{{item.orders_status}}
								</view>
								<view class="user-tag1" v-if="item.orders_status=='临时停车'" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
									{{item.orders_status}}
								</view>
								<view class="user-tag1" v-if="item.orders_status=='租车中'" style="background: linear-gradient(163deg, #3648f5 0%, #a297fb 100%);">
									{{item.orders_status}}
								</view>
								<view class="user-tag1" v-if="item.orders_status=='租车结束,待支付'" style="background: linear-gradient(163deg, #32f955 0%, #a297fb 100%);">
									{{item.orders_status}}
								</view>
							</view>
							<view class="noData noOrder" v-if="orderList.length == 0">
								<image src="http://resource.weilaibike.com/none.png" style="width: 200upx;height: 200upx;"></image>
								<view>暂无相关数据~</view>
							</view>
						</view>
					</scroll-view>

				</swiper-item>
				<!-- 工单管理 -->
				<swiper-item class="swiper-item" style="height: 100%;">
					<view class="bike" style="overflow-y: scroll; " :style="{ height:mainHeight-110+ 'px' }">
						<view class="out-content" style="padding-top: 300upx;">
							<view class="bike-list" @click="workDetail(item.id)" v-for="(item,index3) in work_orderList" :key='index3'>

								<view class="work-list-left">
									<view class="work-title">
										{{item.type_name}}
									</view>
									<view class="">
										当前负责人：{{item.worker}}
									</view>
									<view class="">
										车辆编号：{{item.bike_no}}
									</view>
									<view class="">
										创建时间：{{item.created_at}}
									</view>
								</view>
								<view class="work-list-right">
									<view class="">
										<text>进度：</text>
										<text v-if="item.planned=='已完成'" style="color: red;">{{item.planned}}</text>
										<text v-if="item.planned=='待接单'" style="color: red;">{{item.planned}}</text>
										<text v-if="item.planned=='处理中'" style="color: red;">{{item.planned}}</text>
										<text v-if="item.planned=='已处理'" style="color: red;">{{item.planned}}</text>

									</view>
									<view class="">
										<text>来源：</text><text>{{item.source}}</text>
									</view>
								</view>
								<view class="user-tag" v-if="item.type_name=='充电工单'" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
									{{item.type_name}}
								</view>

								<view class="user-tag" v-if="item.type_name=='断电工单'" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
									{{item.type_name}}
								</view>

								<view class="user-tag" v-if="item.type_name=='组长工单'" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
									{{item.type_name}}
								</view>
								<view class="user-tag" v-if="item.type_name=='偷盗工单'" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
									{{item.type_name}}
								</view>
								<view class="user-tag" v-if="item.type_name=='离线工单'" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
									{{item.type_name}}
								</view>
								<view class="user-tag" v-if="item.type_name=='救援工单'" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
									{{item.type_name}}
								</view>
								<view class="user-tag" v-if="item.type_name=='警报工单'" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
									{{item.type_name}}
								</view>
								<view class="user-tag" v-if="item.type_name=='故障工单'" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
									{{item.type_name}}
								</view>

								<view class="user-tag" v-if="item.type_name=='其他工单'" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
									{{item.type_name}}
								</view>
								<view class="user-tag" v-if="item.type_name=='查看工单'" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
									{{item.type_name}}
								</view>

							</view>
						</view>
					</view>
				</swiper-item>
			</swiper>
		</view>


	</view>
</template>

<script>
	var app = getApp()
	import swiperNavBar from '../../component/nav/swiperNavBar.vue'
	import allAreatwo from '../../component/allArea/allAreatwo.vue'
	export default {
		data() {
			return {
				swiperTabList: ['全部管理', '用户管理', '车辆管理', '订单管理', '工单管理'], //导航列表
				scrollIntoView: 0, //设置哪个方向可滚动，则在哪个方向滚动到该元素
				swiperTabIdx: 0,
				swiperCurrentSize: '30upx', //导航的字体大小
				swiperColor: '#424242', //导航栏字体未选中前颜色
				swiperCurrentColor: '#EB5E28', //选中当前导航栏字体颜色
				currentSwiperWidth: '25%', //当前导航的宽度 % upx rpx px  （导航超出可左右滑动 ）
				currentSwiperHeight: 70, //当前导航的高度度 rpx px
				mainHeight: 200, //全屏或者局部滑动设置的高度
				currentSwiperLineShow: true, //是否显示导航栏的线条 （线条距离标题太近的话可自行修改.swiperLine的css）
				currentSwiperLineActiveBg: '#EB5E28', //当前选中的导航栏线条颜色
				currentSwiperLineActiveWidth: '80upx', //当前选中的导航栏线条的宽度 upx rpx px
				currentSwiperLineActiveHeight: '8upx', //当前选中的导航栏线条的高度度 upx rpx px
				currentSwiperLineAnimatie: 300, //当前选中的导航栏线条过渡效果
				scrollTop: 0,
				item: '',
				mainHeight: 700,
				// navIndex: 0,
				// swiperTabIdx: 0,
				index: "",
				old: {
					scrollTop: 0
				},

				deposit_type: 1, //押金状态0非押金用户 1押金用户
				state: 1, //订单管理界面按钮状态 1为普通订单 2为日租订单
				bike: [], //车辆
				work_order: [], //工单
				user: [], //用户
				orderProfit: [], //收益
				order: [], //订单
				bikeList: [], //车辆
				work_orderList: [], //工单
				userList: [], //用户
				orderProfitList: [], //收益
				orderList: [], //订单
				curPage: 1, //默认显示普通订单
				name: '', //车辆管理的局部筛选
				areaID: '', //骑行区域id
				list: [{ //所有区域选项
					areaID: '',
					text: '全部区域',
					value: -1,
				}], //骑行区域选择列表
				value1: 0, //骑行区与第一个显示什么
				homeHeight: '',
				page: 1, //当前页数
				userUrl: '',
				curVal: uni.getStorageSync('curVal') ? uni.getStorageSync('curVal') : 0, //骑行区与第一个下标
				// curId: "", //骑行区域id
				// list: uni.getStorageSync('allArea'),
			}
		},
		components: {
			swiperNavBar,
			allAreatwo
		},
		mounted() {

			if (uni.getStorageSync('curVal')) {
				//    let active = this.swiperTabIdx;
				// let areaId = uni.getStorageSync('curId');
				console.log("这是初始加载数据")
				this.allData()
				// console.log(this.bike,"这是车辆数据")

			} else {
				this.areaID = this.list[0].areaID;
				console.log(this.areaID, '12345678')
				this.allData()
			}
		},

		onLoad() {
			var arr = uni.getStorageSync('allArea');
			this.list = this.list.concat(arr);
			console.log(this.list)
			// console.log(uin.getStorageSync('token'))
			uni.getSystemInfo({
				success: res => {
					console.log(res, "这是屏幕信息")
					this.mainHeight = res.windowHeight;
					// let info=uni.createSelectorQuery().select('.swiperMain');
					// info.boundingClientRect(function(data){
					// 	console.log(data,'这是组件数据')
					// }).exec(function(){

					// })
				}
			})

		},
		// onReachBottom() {
		// 		console.log('触底事件')
		// 		// this.loadmore()
		// 	},

		// onReachBottom(){
		// 	console.log("这是触底事件222222")
		// 	// // var that = this;
		// 	// uni.showLoading({
		// 	// 	title: '加载中121313',
		// 	// })
		// 	},
		methods: {
			scrolltolower: function() {
				console.log("这是滚动触底时间")
				this.loadmore()
			},
			//回到顶部
			// goTop: function(e) { // 一键回到顶部
			// 	if (uni.pageScrollTo) {
			// 		uni.pageScrollTo({
			// 			scrollTop: 0
			// 		})
			// 	}
			// },

			// onPullDownRefresh: function() {
			// 	uni.showNavigationBarLoading();
			// 	this.getWork(), uni.hideNavigationBarLoading(), uni.stopPullDownRefresh();
			// },


			//弹框事件

			tanKuang: function() {
				var that = this;
				var arr = []
				for (let i = 0; i < this.list.length; i++) {
					arr = arr.concat(this.list[i].text)
				}
				console.log(arr)
				uni.showActionSheet({
					itemList: arr,
					success: function(res) {
						let index = res.tapIndex
						that.areaID = that.list[index].areaID;
						that.curVal = res.tapIndex
						console.log(that.list[index].areaID, "66666");
						console.log('选中了第' + res.tapIndex + '个按钮');

						that.allData()
						that.tabList()
					},
					fail: function(res) {}
				})
			},

			// 触摸结束事件
			touchEnd: function(e) {
				var that = this;
				let touchMoveX = e.changedTouches[0].pageX;
				let touchMoveY = e.changedTouches[0].pageY;
				let tmX = touchMoveX - touchDotX;
				let tmY = touchMoveY - touchDotY;
				if (time < 20) {
					let absX = Math.abs(tmX);
					let absY = Math.abs(tmY);
					// if (absX > 2 * absY) {
					if (absX > 40 && (2 * absY) < 20) {
						if (tmX < 0) {
							if (this.swiperTabIdx >= 4) return

							this.swiperTabIdx = this.swiperTabIdx + 1

							// that.goTop();
							that.tabList();
							that.allData();
						} else {
							if (this.swiperTabIdx <= 0) return

							this.swiperTabIdx = this.swiperTabIdx - 1

							that.tabList();
							that.allData();
						}
					}
				}
				clearInterval(interval); // 清除setInterval
				time = 0;
			},

			childMess: function(e) {
				if (typeof(e) == "number") {

				} else {
					this.areaID = e.areaID
					console.log(e.areaID, '这是子组件穿过来的值')
				}

				this.allData()
				this.tabList()

			},
			//tab点击事件 自行完善需要的代码 
			// 	CurrentTab: function(e) {

			// 		this.swiperTabIdx ==e.currentTarget.dataset.index;
			// 		this.scrollIntoView = Math.max(0, index - 1)
			// 		console.log(uni.getStorageSync('curId'), "这是点击之后的缓存")
			// 		this.tabList()
			// 		console.log(index + '----' + item, '这是用户点击之后的页面')

			// 	},
			CurrentTab: function(index, item) {
				// this.swiperTabIdx = e.currentTarget.dataset.index
				// this.navIndex = e.currentTarget.dataset.index
				// this.tabList()
				// console.log(this.swiperTabIdx, "这是点击之后的时间")
				this.swiperTabIdx = index;
				this.scrollIntoView = Math.max(0, index - 1);
				console.log(index + '----' + item)
				this.tabList()
			},
			//全部管理页面跳转用户管理
			skipUser: function() {
				this.swiperTabIdx = 1
				this.tabList()
			},
			skipBike: function() {
				this.swiperTabIdx = 2
				this.tabList()
			},
			skipOrder: function() {
				this.swiperTabIdx = 3
				this.tabList()
			},
			skipWork: function() {
				this.swiperTabIdx = 4
				this.tabList()
			},
			//车辆列表筛选
			//滑动事件  自行完善需要的代码
			SwiperChange: function(e) {
				this.swiperTabIdx = e.detail.current;
				this.scrollIntoView = Math.max(0, e.detail.current - 1);

				this.tabList()



				console.log(e, "这是滚动事件1256")

			},
			//全部数据
			allData: function() {
				// uni.showLoading({
				//   title: '加载中...',
				// })
				let active = this.swiperTabIdx;
				let areaId = this.areaID;

				let url = '';
				if (active == 0) { //所有数据
					if (areaId == '') {
						url = 'statistics/statistics'
					} else {
						url = 'statistics/statistics?put_area_id=' + areaId
					}
					app.request(url, '', 'GET').then(res => {
						uni.hideLoading();
						if (res.statusCode == 200) {
							console.log(res.data, '数据')
							uni.hideLoading()
							this.user = res.data.userData,
								this.bike = res.data.bikeData,
								this.order = res.data.orderData,
								this.work_order = res.data.workOrderData,
								this.orderProfit = res.data.profitData,
								console.log(this.user, '数据123456')
						}
					})
				} else {
					if (active == 1) { //用户数据
						if (areaId == '') {
							url = 'user/userStatistics'
						} else {
							url = 'user/userStatistics?put_area_id=' + areaId
						}
					} else if (active == 2) { //车辆数据
						if (areaId == '') {
							url = 'bike/statistics'
						} else {
							url = 'bike/statistics?put_area_id=' + areaId
						}
					} else if (active == 3) { //订单数据
						if (areaId == '') {
							url = 'order/orderStatistics'
						} else {
							url = 'order/orderStatistics?put_area_id=' + areaId
						}
					} else if (active == 4) { //工单数据
						if (areaId == '') {
							url = 'work_order/workOrderStatistics'
						} else {
							url = 'work_order/workOrderStatistics?put_area_id=' + areaId
						}
					}
					app.request(url, '', 'GET').then(res => {
						if (res.statusCode == 200) {
							console.log(res.data, '总数据')
							uni.hideLoading()
							this.user = res.data,
								this.bike = res.data,
								this.order = res.data,
								this.work_order = res.data
						}
					})
				}

			},
			localscreen: function(e) {
				//车辆管理的局部筛选
				console.log(e, 'hhh')
				this.name = e
				this.tabList();
			},
			//列表数据
			tabList() {

				let active = this.swiperTabIdx;
				let curPage = this.curPage;
				let url = ''
				let name = ''
				uni.showLoading({
					title: '加载中...',
				})
				//当前是全部管理不需要加载
				if (active == 0) {
					uni.hideLoading();
					return;
				}
				if (this.name != '') {
					name = '&&' + this.name
					console.log(name, 'zheshi name ')
				}
				let data = '&&put_area_id=' + this.areaID;
				if (active == 1) { //用户
					url = 'user/list/?page=1'
					// url = 'user/list'
				} else if (active == 2) { //车辆
					url = 'bike/list/?page=1'
				} else if (active == 3) { //订单
					if (curPage == 1) {
						url = 'order/list/?page=1'
					} else {
						url = 'orderRent/list/?page=1'
					}
				} else if (active == 4) { //工单
					url = 'work_order/list?page=1'
				}
				app.request(url + data + name, '', 'GET').then(res => {
					if (res.statusCode == 200) {
						console.log(res.data)
						uni.hideLoading();

						this.userList = res.data.data,
							this.bikeList = res.data.data,
							this.orderList = res.data.data,
							this.work_orderList = res.data.data

					}
				})
			},
			loadmore: function() {
				//上拉加载更多的公共方法
				console.log('loadMore', "这是触底时间")
				// var that = this;
				var active = this.swiperTabIdx;
				if (active == 0) {
					//当前是全部管理不需要加载
					return;
				}
				uni.showLoading({
					title: '加载中...',
				})
				var url = '';
				var page = this.page + 1;
				var data = '';
				var name = '';
				if (this.name != '') {
					name = '&' + this.name
				}
				data = '&put_area_id=' + this.areaID
				if (active == 1) {
					//用户管理
					url = 'user/list?page=' + this.userUrl;
				} else if (active == 2) {
					//车辆管理
					url = 'bike/list?page=';
				} else if (active == 3) {
					//订单管理
					if (this.curPage == 1) {
						url = 'order/list?page=';
					} else {
						url = 'orderRent/list?page=';
					}
				} else if (active == 4) {
					//工单管理
					url = 'work_order/list?page=';
				}
				app.request(url + page + data + name, '', 'GET').then(res => {
					if (res.statusCode == 200) {
						if (res.data.data.length > 0) {
							uni.hideLoading()

							this.page = page

							if (active == 1) {

								this.userList = this.userList.concat(res.data.data)

							} else if (active == 2) {

								this.bikeList = this.bikeList.concat(res.data.data)

							} else if (active == 3) {

								this.orderList = this.orderList.concat(res.data.data)

							} else if (active == 4) {

								this.work_orderList = this.work_orderList.concat(res.data.data)

							}
						} else {
							uni.showToast({
								title: '暂无更多数据',
								icon: 'none'
							})
						}
					}
				})
			},
			//点击拨打电话
			phoneCall: function(e) {
				uni.makePhoneCall({
					phoneNumber: e
				})
			},
			//普通订单
			normalOrder: function() {
				this.curPage = 1
				this.tabList()
			},
			//日租订单
			dayOrder: function() {
				this.curPage = 2
				this.tabList()
			},
			//跳转用户详情页面
			userDetail: function(e) {
				console.log(e, '用户详情数据')
				uni.navigateTo({
					url: '/pages/manage/userDetail?id=' + e
				})
			},
			bikeDetail: function(e, aa) {
				console.log(e, "这是车辆11111")
				console.log(aa, "这是车辆112222222222111")

				uni.navigateTo({
					url: '/pages/index/bike_detail?id=' + e + '&bike_no=' + aa
				})
			},
			//跳转订单详情页面
			orderDetail: function(e) {
				uni.navigateTo({
					url: '/pages/manage/orderDetail?id=' + e + '&index=' + this.curPage, //普通订单和日租订单

				})
			},
			//跳转工单管理页面
			workDetail: function(e) {
				uni.navigateTo({
					url: '/pages/manage/workDetail?id=' + e,
				})
			},
			//点击跳转收益详情页面
			incomeDetail: function() {
				uni.navigateTo({
					url: '/pages/manage/incomeDetail?areaId=' + this.areaID,
				})
			}

		},

	}
</script>

<style>
	.allArea {
		display: inline-block;
		position: fixed;
		padding-left: 35upx;
		height: 120upx;
		font-size: 34upx;
		line-height: 150upx;
		background-color: #FFFFFF;
		/* margin-bottom: 20rpx; */
		z-index: 1000;
		width: 100%;
	}

	.allArea image {
		display: inline-block;
		vertical-align: middle;
		margin-left: 20upx;
		height: 40upx;
		width: 40upx;
	}

	.nav {
		display: inline-block;
		height: 44px;
		line-height: 44px;
		margin: 0 35upx;
		font-size: 30upx;
		/* width: 100px; */
		text-align: center;
		background-color: #FFFFFF;
	}

	.navClass {
		border-bottom: solid 1px #282828;

		/* border-bottom-width: 10upx; */
	}

	/* .swiperHead {
	top: 0;
	z-index: 10;
	width: 100%;
	background: #FFFFFF;
	} */
	.swiperHead {
		position: fixed;
		top: 120upx;
		height: 70upx;

		padding: 15upx 0;
		z-index: 10;
		width: 100%;
		background: #FFFFFF;
	}


	.body {
		position: relative;
	}

	.top {
		position: absolute;
		z-index: 1000000;
		top: 0;
		width: 100%;
	}

	.content {
		height: 800px;
		padding-top: 400px;
	}

	.scroll-view_H {
		position: fixed;
		white-space: nowrap;
		/* width: 100%; */
		z-index: 1000000;
	}

	.scroll-view-item {
		height: 300upx;
		line-height: 300upx;
		text-align: center;
		font-size: 36upx;
	}

	.scroll-view-item_H {
		display: inline-block;
		width: 100%;
		height: 300upx;
		line-height: 300upx;
		text-align: center;
		font-size: 36upx;
	}

	page {
		position: relative;
		background: #EEEEEE;
	}

	.swiperMain {
		width: 100%;
	}


	.swiperLine {
		padding-bottom: 9px !important;
	}

	.swiperHead scroll-view {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		white-space: nowrap;
	}

	.swiperTab {
		display: inline-flex;
		flex-direction: column;
		text-align: center;
	}

	.swiperCont {
		/* padding-top: 400upx; */
		width: 100%;
	}

	/* #ifdef H5 */
	.swiperHead {
		position: fixed;
		top: 44px;
		z-index: 10;
		width: 100%;
		background: #FFFFFF;
	}

	/* #endif */

	.swiper {
		width: 100%;
		height: 400upx;
	}

	.swiperItem {
		height: 100%;
		background: #f9f9f9;
		margin-top: 120upx;
		color: #FFFFFF;
		font-size: 30upx;
	}

	/* 	.swiperItem image {
		width: 100%;
		height: 100%;
		display: block;
	} */

	.out-content {
		padding: 0 30upx;

		/* 	padding: 45upx 30upx; */

	}

	.list {
		margin-top: 22upx;
		/* 	width: 100%; */
		/* height: 158upx; */
		/* padding-top: 46upx;
		padding-bottom: 64upx; */
		padding: 0 60upx;
		border-radius: 10upx;
		background: #FFFFFF;
	}

	.all-list-top {
		display: flex;
		padding: 32upx 0;
		text-align: left;
		/* 	display: inline-block; */
		border-bottom: solid 1upx #EEEEEE;
		justify-content: space-between;
		align-items: center;

	}

	.all-top-left,
	.all-top-right {
		text-align: left;
		display: flex;
		align-items: center;
	}

	.all-list-top image {
		height: 30upx;
		width: 30upx;
		margin-right: 10upx;
		margin-top: 5upx;
		display: inline-block;
		vertical-align: middle;
	}

	.all-list-title {
		font-size: 28upx;
		display: inline-block;
		vertical-align: middle;
	}

	.all-list-title text:first-child {
		margin-right: 10upx;
		margin-left: 10upx;
		color: #70759B;
	}

	.all-list-content {
		display: flex;
		text-align: center;
		padding: 56upx 0 63upx 0;
	}

	.all-list-right {
		display: inline-block;
		vertical-align: top;
		float: right;
	}

	.all-list-right image {
		display: inline-block;
		height: 28upx;
		margin-top: 15upx;
		margin-left: 10upx;
		vertical-align: top;
		background-color: #FFFFFF;
		width: 28upx;
	}

	.content-child {
		flex: 1;
		border-right: solid 1px #EEEEEE;
	}

	.content-child:last-child {
		border: none
	}

	.first-child {
		font-size: 26upx;
		color: #70759B;
	}

	.second-child {
		margin-top: 17upx;
		font-size: 34upx;
		font-weight: 800;
	}

	/* .list-text {
		font-size: 32upx;
		color: #FFFFFF;
		font-weight: 800;
	}
 */
	.list-content {

		padding-left: 42upx;
		line-height: 48upx;
		font-size: 28upx;
	}

	.text-left {
		display: inline-block;
		/* min-width:21%; */

	}

	.text-right {

		display: inline-block;
		margin-left: 50upx;
	}

	.text-left,
	.text-right {
		opacity: 0.5;
		color: #FFFFFF;
	}

	/* 用户管理样式 */
	.user-content-top {
		margin-top: 20upx;
		/* height: 299upx; */
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 50px 0px rgba(216, 216, 216, 1);
		border-radius: 30px;
		padding-left: 56upx;
		padding-top: 47upx;
		padding-bottom: 32upx;
		color: black;
	}

	.image image,
	.image {
		display: inline-block;
		vertical-align: top;
		height: 42upx;
		width: 42upx;
		margin-right: 24upx;
	}

	.user-top-text {
		/* 	background-color: #0EE7FE; */
		font-size: 28upx;
		display: inline-block;
		vertical-align: top;
		color: #000000;
	}

	.total-count {
		display: block;
		margin-left: 55upx;
		margin-top: 20upx;
		font-size: 60upx;
		font-family: PingFang SC;
		font-weight: 800;
		color: rgba(42, 42, 42, 1);
	}

	.top-bottom {
		margin-top: 40upx;
		margin-bottom: 40upx;
		display: flex;
	}

	.user-bottom-left {

		flex: 1;

	}

	.user-bottom-right {
		flex: 1;

	}

	.count {
		display: block;
		font-family: PingFang SC;
		font-weight: 800;
		color: rgba(42, 42, 42, 1);
		margin-top: 14upx;
		margin-left: 72upx;
	}

	.user-list,
	.order-list {
		position: relative;
		clear: none;
		padding: 19upx 40upx;
		/* height: 159upx; */
		line-height: 50upx;
		color: #838383;
		margin-top: 27upx;
		background: rgba(255, 255, 255, 1);
		font-size: 26upx;
		box-shadow: 0px 0px 50px 0px rgba(216, 216, 216, 1);
		border-radius: 10upx;
	}

	.user-balance {
		float: right;
		margin-right: 135upx;
	}

	.user-tag,


	.user-tag1,
	.user-tag2,
	.user-tag3 {
		position: absolute;
		top: 0;
		right: 0;
		width: 158upx;
		height: 42upx;
		line-height: 42upx;
		text-align: center;
		border-radius: 0upx 10upx 0upx 20upx;
		font-size: 24upx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(255, 255, 255, 1);
	}

	.user-tag1 {
		background-color: rgba(254, 87, 34, 1);
		/* box-shadow: 0px 0px 6px 0px rgba(254, 94, 44, 1); */
	}

	.user-tag2 {
		background-color: rgba(137, 40, 247, 1);
		box-shadow: 0px 0px 6px 0px rgba(137, 40, 247, 1);
	}

	.user-tag3 {
		background-color: rgba(100, 234, 224, 1);
		box-shadow: 0px 0px 6px 0px rgba(100, 234, 224, 1);
	}

	page {
		/* 	position: relative; */
	}

	.bike-top {
		top: 210upx;
		display: flex;
		flex-direction: row;
		position: fixed;
		flex-wrap: wrap;

		z-index: 30;
		font-size: 28upx;

		/* height: 236upx; */
		width: 100%;
		background-color: #ffffff;
		margin-top: 10upx;
		padding: 0 10upx;
		padding-bottom: 50upx;
	}

	.bike-top-list {
		text-align: center;
		position: relative;
		flex: 0 0 24%;
		height: 50%;
		color: #000000;
		/* border-right: solid 1upx #007AFF; */
	}

	.bike-top-list image {
		position: absolute;
		bottom: 0;
		right: 0;
		height: 21upx;
		width: 21upx;
	}

	.bike-count {
		margin: 30upx 0 14upx 0;
		font-family: PingFang SC;
		font-weight: 800;
		color: rgba(254, 87, 34, 1);
	}

	.bike-list {
		padding: 20upx 40upx;
		display: flex;
		background: rgba(255, 255, 255, 1);
		border-radius: 10upx;
		/* height: 54px; */
		color: #838383;
		position: relative;
		margin-top: 30upx;
		font-size: 26upx;
		box-shadow: 0upx 0upx 13upx 0upx rgba(216, 216, 216, 1);

	}

	.bike-left {
		flex: 0 0 70%;
		/* background-color: #007AFF; */

		border-right: 2upx solid #efefef;

	}

	.bike-right {
		flex: 1;

		/* background-color: #0EE7FE; */
	}

	.bike-right image {
		height: 50upx;
		width: 65upx;
		margin-left: 20upx;
		margin-top: 30upx;
	}

	.bike-list-first {
		margin-bottom: 20upx;
	}

	.Battery {
		margin: 0 20upx;
		color: rgba(254, 87, 34, 1);
	}

	.riding-status {
		color: rgba(254, 87, 34, 1);
	}

	.bike-money {
		margin-left: 15upx;
	}

	/* 订单管理样式 */
	.order-bottom {
		width: 80%;
		/* height: 55upx; */
		/* 	line-height: 55upx; */
		margin: 0 auto;
		text-align: center;
		border: solid 1px #64efda;
		display: flex;
		border-radius: 15upx;
		margin-top: 30upx;


	}

	.order-bottom-left,
	.order-bottom-right {
		flex: 1;
		color: #fff;
		background-color: #FFFFFF;
		padding: 10upx 0;
		/* height: 55upx; */
		width: 200upx;
		color: #64efda;
		font-size: 28upx;
	}

	.order-bottom-left {
		border-top-left-radius: 13upx;
		border-bottom-left-radius: 13upx;
		border-right: solid 1px #64efda;
	}

	.order-bottom-right {
		border-top-right-radius: 13upx;
		border-bottom-right-radius: 13upx;
	}

	.active {
		background-color: #64efda;
		color: #FFFFFF;
	}

	.order-bike-num {}

	.order-user {
		display: flex;
	}

	.order-user-name,
	.order-user-phone {
		display: block;
		flex: 1;
		height: 70upx;
		line-height: 70upx;
	}

	.order-list {
		font-size: 24upx;
	}

	/* 工单管理 */
	.work-list {
		display: flex;
	}

	.work-title {

		font-weight: 800;
		width: 100%;
		color: #000000;
		/* height: 30upx; */
	}

	.work-list-left {
		flex: 0 0 60%;
		font-size: 24upx;
		line-height: 50upx;
	}

	.work-list-right {
		flex: 1;
		margin-top: 30upx;
		font-size: 26upx;
		line-height: 50upx;
	}

	.text-one {
		color: #EB5E28;
	}

	.noUser {
		position: fixed;
		font-size: 28upx;
		color: #838383;
		top: 60%;
		left: 50%;
	}

	.noOrder {
		position: fixed;
		font-size: 28upx;
		color: #838383;
		top: 50%;
		left: 38%;
	}

	.noOrder image {
		margin-bottom: 30upx;
		height: 200upx;
		width: 200upx;
	}

	.home {
		width: 100%;
		height: 100%;
		display: flex;
		position: fixed;
		flex-direction: column;
	}

	.swiper {
		width: 100%;
		/*   height: ; */
	}

	.swiper swiper-item {
		width: 100%;
		height: 100%;
	}

	.new_list {
		display: flex;
		margin-top: 22upx;
		font-size: 28upx;
		padding: 30upx;
		border-radius: 10upx;
		background: #FFFFFF;
		color: #747474;
	}

	.new-left {
	   text-align: center;
		flex: 0 0 15%;
		padding-right: 30upx;
		margin: 10upx 0;
		border-right: solid #b6bac1;
	}

	.new-left image {
		height: 70upx;
		width: 70upx;
	}

	.new-title {
		margin-top: 5upx;
		text-align: center;
	}

	.new-middle {
		flex: 1;
		margin-left: 30upx;

	}

	.new-right {
		flex: 1;
	}

	.new-text {
		padding: 5upx;
	}
</style>