jp-car-xinda/pages/index/index.vue

<template>
	<view>
		<car-common   ref="common"  ></car-common>
		<u-picker v-model="show1" mode="selector" @confirm="show1confirm"  :default-selector="[selectForm.select1Index]" :range="selectList" range-key="licensePlateNumber"></u-picker>
		
		<view class="von-index-bar">
			<view class="text-center mb-1">
				<h3 @click="show1=true" >{{selectForm.select1Name}}<text class="icon iconfont icon-xiajiantou"></text></h3>
				<h6>今日收益</h6>
				<h1>{{revenueStatisticsUp.todayRevenue}}元</h1>
			</view>
			<view class="flex-spal">
				<text>昨日收益</text>
				<h3>{{revenueStatisticsUp.yesterdayRevenue}}元</h3>
				<text>累计收益</text>
				<h3>{{revenueStatisticsUp.totalRevenue}}元</h3>
			</view>
		</view>
		<view class="von-index-row">
			<u-cell-group>
				<u-cell-item title="收益明细" style="width: 49%;background-color: transparent;float: left;" @click="gotoUrl"  ></u-cell-item>
				<u-cell-item title="班次营收统计"  style="width: 49%;background-color: transparent;" @click="gotoUrl2"  ></u-cell-item>
				
			</u-cell-group>
			<u-row>
			    <u-col :span="6">
			        <view class="von-index-col">今日售票笔数<h3>{{revenueStatisticsDown.num}}笔</h3></view>
			    </u-col>
				<u-col :span="6">
				    <view class="von-index-col">现金收款<h3>{{revenueStatisticsDown.cashRevenue}}元</h3></view>
				</u-col>
			</u-row>
			<u-row v-if="revenueStatisticsDown.wechatRevenue||revenueStatisticsDown.alipayRevenue">
			    <u-col :span="6">
			        <view class="von-index-col">微信支付收款<h3>{{revenueStatisticsDown.wechatRevenue}}元</h3></view>
			    </u-col>
				<u-col :span="6">
				    <view class="von-index-col">支付宝收款<h3>{{revenueStatisticsDown.alipayRevenue}}元</h3></view>
				</u-col>
			</u-row>
			<u-row v-if="revenueStatisticsDown.onlineRevenue||revenueStatisticsDown.ticketRevenue">
			   
			   <u-col :span="6">
			       <view class="von-index-col">线上购票收款<h3>{{revenueStatisticsDown.onlineRevenue}}元</h3></view>
			   </u-col>
				<u-col :span="6">
				    <view class="von-index-col">纸质车票收款<h3>{{revenueStatisticsDown.ticketRevenue}}元</h3></view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	import api from './index.js'
	export default  api;
</script>

<style>
	page{
		background-color:#eee;
	}
</style>