新增营收详情

pages/class/info.vue

@@ -4,6 +4,102 @@
 		<u-navbar   title="当班营收详情" :is-back="true" >
 				<view class="slot-wrap"></view>	
 		</u-navbar>
+		<view class="von-tj">
+			<view class="flex-al">
+				<view class="von-tj-img">
+					<image src="/static/img/tongji.png"></image>
+				</view>
+				<view class="von-tj-grow">
+					<view class="tj-grow-p">
+						<label>线路</label>
+						<text>常南至孔家河</text>
+					</view>
+					<view class="tj-grow-p">
+						<label>车牌</label>
+						<text>湘J2E229</text>
+					</view>
+					<view class="tj-grow-p">
+						<label>司机</label>
+						<text>罗志文</text>
+					</view>
+					<view class="tj-grow-p">
+						<label>日期</label>
+						<text>2021-05-01</text>
+					</view>
+					<view class="tj-grow-p">
+						<label>班次</label>
+						<text>06:40-07:50</text>
+					</view>
+					<view class="tj-grow-p">
+						<label>收益</label>
+						<text>乘客<text class="blue">27</text>人 <text class="orange" style="margin-left:5px">205</text>元</text>
+					</view>
+				</view>
+			</view>
+			<table width="100%">
+				<tr class="von-tj-nav">
+					<th>票价<text class="icon iconfont icon-xiajiantou"></text></th>
+					<th>人数<text class="icon iconfont icon-xiajiantou"></text></th>
+					<th>金额<text class="icon iconfont icon-xiajiantou"></text></th>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+				<tr class="von-tj-td">
+					<td>3元</td>
+					<td>3</td>
+					<td>9.00</td>
+				</tr>
+			</table>
+		</view>
+		
 	</view>
 </template>
 

static/css/style.css

@@ -387,6 +387,47 @@ h1,h2,h3,h4,h5,h6{
 .zj-list-item .iconfont{
 	margin-left:5px
 }
+.von-tj .flex-al{
+	padding:15px;
+	justify-content: center;
+}
+.von-tj-img{
+	width:40%;
+	padding-right:20px
+}
+.von-tj-img image{
+	width:100%;
+	height:120px
+}
+.tj-grow-p{
+	line-height: 1.8;
+}
+.tj-grow-p label{
+	margin-right:20px;
+	color:#888
+}
+.von-tj-nav{
+	border-top:1px solid #eee;
+	-webkit-box-shadow: 0 1px 6px #eee;
+	box-shadow: 0 1px 6px #eee;
+}
+.von-tj-nav th{
+	padding:10px;
+	color:#888;
+	font-weight: initial;
+}
+.von-tj-nav th .iconfont{
+	font-size:11px;
+	margin-left:3px
+}
+.von-tj-td td{
+	text-align: center;
+	padding:5px 10px
+}
+.von-tj-td{
+	-webkit-box-shadow: 0 1px 0 #eee;
+	box-shadow: 0 1px 0 #eee;
+}
 @media screen and (max-width: 360px) {
 	.von-sp-info h3{
 		font-size:14px