司机车辆列表

app.json

@@ -5,7 +5,8 @@
     "pages/mine/mine",
     "pages/orderList/orderList",
     "pages/orderList/orderDetail/orderDetail",
-    "pages/myCars/myCars"
+    "pages/myCars/myCars",
+    "pages/myCars/carsDetail/carsDetail"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/homePage/homePage.js

@@ -19,7 +19,7 @@ Page({
         break;
       // 车辆申请
       case "2":
-        transferURL = '/pages/orderList/orderList';
+        transferURL = '/pages/myCars/myCars';
         break;
       // 销售出库
       case "3":

pages/mine/mine.wxss

@@ -7,7 +7,7 @@ page {
 .view_me_main {
   display: flex;
   flex-direction: row;
-  background: #2E8CF5;
+  background: #2689f8;
   padding-top: 40rpx;
   padding-left: 5%;
   padding-bottom: 40rpx;

pages/myCars/carsDetail/carsDetail.js

@@ -0,0 +1,14 @@
+// pages/myCars/carsDetail/carsDetail.js
+Page({
+
+  data: {
+    customerName :""
+  },
+
+  onLoad: function (options) {
+    var that = this;
+    let ID = Number(options.ID);
+  },
+
+
+})

pages/myCars/carsDetail/carsDetail.json

@@ -0,0 +1,5 @@
+{
+    "navigationBarBackgroundColor": "white",
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "车辆详情"
+}

pages/myCars/carsDetail/carsDetail.wxml

@@ -0,0 +1,65 @@
+<!--pages/myCars/carsDetail/carsDetail.wxml-->
+<view class='baseitem'>
+  <view class='baseitem_key'>车牌号</view>
+  <view class='baseitem_value'>
+    <input class='inputItem' value="{{customerName}}"></input>
+  </view>
+</view>
+<view class='lineView'></view>
+
+<view class='baseitem'>
+  <view class='baseitem_key'>车主</view>
+  <view class='baseitem_value'>
+    {{customerName}}
+  </view>
+</view>
+<view class='lineView'></view>
+
+<view class='baseitem'>
+  <view class='baseitem_key'>车主电话</view>
+  <view class='baseitem_value'>
+    {{customerName}}
+  </view>
+</view>
+<view class='lineView'></view>
+
+<view class='baseitem'>
+  <view class='baseitem_key'>车主身份证号</view>
+  <view class='baseitem_value'>
+    {{customerName}}
+  </view>
+</view>
+<view class='lineView'></view>
+
+<view class='baseitem'>
+  <view class='baseitem_key'>车主地址</view>
+  <view class='baseitem_value'>
+    {{customerName}}
+  </view>
+</view>
+<view class='lineView'></view>
+
+<view class='baseitem'>
+  <view class='baseitem_key'>司机姓名</view>
+  <view class='baseitem_value'>
+    {{customerName}}
+  </view>
+</view>
+<view class='lineView'></view>
+
+<view class='baseitem'>
+  <view class='baseitem_key'>司机电话</view>
+  <view class='baseitem_value'>
+    {{customerName}}
+  </view>
+</view>
+<view class='lineView'></view>
+
+<view class='baseitem'>
+  <view class='baseitem_key'>司机身份证号</view>
+  <view class='baseitem_value'>
+    {{customerName}}
+  </view>
+</view>
+<view class='lineView'></view>
+

pages/myCars/carsDetail/carsDetail.wxss

@@ -0,0 +1,32 @@
+/* pages/myCars/carsDetail/carsDetail.wxss */
+
+.baseitem {
+  background: #fff;
+  height: 80rpx;
+  line-height: 80rpx;
+  /* border-bottom:  0.1px solid #dbdbdb; */
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: 20rpx;
+  padding-right: 20rpx;
+  font-size: 16px;
+}
+
+.baseitem_key {
+  color: #666;
+  width: 40%;
+}
+
+.baseitem_value {
+  color: rgb(48, 48, 48);
+  margin-left: 20rpx;
+  width: 60%;
+  text-align: right;
+}
+
+.lineView{
+  height: 1rpx;
+  background-color:#dbdbdb;
+  margin-left: 20rpx;
+}

pages/myCars/myCars.js

@@ -5,7 +5,7 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    carsList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3, 4, 5, 6, 7, 8, 9,1]
   },
 
   /**
@@ -15,52 +15,11 @@ Page({
 
   },
 
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload: function () {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh: function () {
-
+  transToCarsDetail:function(event){
+    var itemID = event.currentTarget.dataset.detailitemid;
+    wx.navigateTo({
+      url: 'carsDetail/carsDetail?id=' + itemID,
+    })
   },
 
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom: function () {
-
-  },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage: function () {
-
-  }
 })

pages/myCars/myCars.json

@@ -1 +1,3 @@
-{}
+{
+    "navigationBarTitleText": "车辆申请"
+}

pages/myCars/myCars.wxml

@@ -1,2 +1,28 @@
 <!--pages/myCars/myCars.wxml-->
-<text>pages/myCars/myCars.wxml</text>
+<scroll-view scroll-x="false" scroll-y="true" class='scroll-views' bindscrolltoupper="unCheckedScrollUpper" bindscrolltolower="unCheckedScrollLower">
+  <block wx:for="{{carsList}}" wx:for-item="item">
+    <template is="outStoreOrderTemplate" data="{{item}}" />
+  </block>
+</scroll-view>
+
+
+<template name="outStoreOrderTemplate">
+  <view class='listItem' catchtap='transToCarsDetail' data-detailitemid='{{item.orderID}}' data-detailitemstate='{{item.orderState}}'>
+    <view class='topView'>
+      <view class='goodsNum'>
+        <text class='goodsIDText'>司机：梁方刚{{item.orderID}}</text>
+      </view>
+      <view class='goodsMoney'>
+        <text class='goodsIDText'>电话：13448957984{{item.workFlowState}}</text>
+      </view>
+    </view>
+    <view class='bottomView'>
+      <view class='goodsNum'>
+        <text class='goodsNumText'>车主：1000{{item.Customer_Name}}</text>
+      </view>
+      <view class='goodsMoney'>
+        <text class='goodsMoneyText'>车牌号：123556{{item.time}}</text>
+      </view>
+    </view>
+  </view>
+</template>

pages/myCars/myCars.wxss

@@ -1 +1,70 @@
-/* pages/myCars/myCars.wxss */
+/* pages/myCars/myCars.wxss */
+page {
+  background:#EAF1F8;
+  height: calc(100%-10px);
+}
+
+.scroll-views {
+  height: 100%;
+  width: 100%;
+  padding-top: 10rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.listItem{
+  height: 100rpx;
+  display: flex;
+  flex-direction: column;
+  background-color:  #fff;
+  padding: 20rpx 20rpx;
+  border-bottom: 1rpx solid #ddd;
+  background: white;
+
+}
+
+.orderID{
+  height: 50%;
+  width: 100%;
+
+}
+
+.topView{
+  height: 50%;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+
+.bottomView{
+  margin-top: 10rpx;
+  height: 50%;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+
+.goodsNum{
+  height: 100%;
+  width: 50%;
+}
+
+.goodsMoney{
+  height: 100%;
+  width: 50%;
+  text-align: right;
+}
+
+.goodsIDText{
+  font-size: 16px;
+}
+
+.goodsNumText{
+  font-size: 14px;
+  color: #666;
+}
+
+.goodsMoneyText{
+  font-size: 14px;
+  color: #666;
+}

pages/orderList/orderList.wxss

@@ -53,6 +53,7 @@ page {
 }
 
 .listItem{
+
   display: flex;
   flex-direction: column;
   background-color:  #fff;
@@ -62,11 +63,6 @@ page {
 
 }
 
-.orderID{
-  height: 50%;
-  width: 100%;
-
-}
 .topView{
   height: 50%;
   width: 100%;