1、优化页面

2、我的车辆修改
3、我的车辆新建
4、按钮添加背景

app.json

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

pages/homePage/homePage.js

@@ -23,7 +23,7 @@ Page({
         break;
       // 销售出库
       case "3":
-        transferURL = '/pages/outStoreOrderList/outStoreOrderList';
+        transferURL = '/pages/orderList/orderList';
         break;
     }
 

pages/myCars/carsDetail/carsDetail.js

@@ -2,7 +2,9 @@
 Page({
 
   data: {
-    customerName :""
+    carNumber :"1234345",
+    custometPhone:"18510330317",
+    customerName: "以及萨帝"
   },
 
   onLoad: function (options) {
@@ -10,5 +12,35 @@ Page({
     let ID = Number(options.ID);
   },
 
+  // 保存按钮点击
+  saveCarsChange:function(){
+
+  },
+
+  // 新增按钮点击
+  creatNewCar:function(){
+    wx.navigateTo({
+      url: '../creatNewCar/creatNewCar',
+    })
+  },
+
+  getPhone:function(event){
+    var phone =event.detail.value;
+    if (phone == "") {
+      wx.showToast({
+        title: '请输入手机号码',
+      })
+      return false;
+    } else if (!(/^1[34578]\d{9}$/.test(phone))) {
+      wx.showToast({
+        title: '号码不正确',
+      })
+      return false;
+    } else {
+      this.setData({
+        custometPhone: phone,
+      })
+    }
+  }
 
 })

pages/myCars/carsDetail/carsDetail.wxml

@@ -1,65 +1,87 @@
 <!--pages/myCars/carsDetail/carsDetail.wxml-->
-<view class='baseitem'>
-  <view class='baseitem_key'>车牌号</view>
-  <view class='baseitem_value'>
-    <input class='inputItem' value="{{customerName}}"></input>
+<view class='container'>
+  <view class='baseitem'>
+    <view class='baseitem_key'>车牌号</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' value="{{carNumber}}"></input>
+    </view>
   </view>
-</view>
-<view class='lineView'></view>
+  <view class='lineView'></view>
 
-<view class='baseitem'>
-  <view class='baseitem_key'>车主</view>
-  <view class='baseitem_value'>
-    {{customerName}}
+  <view class='baseitem'>
+    <view class='baseitem_key'>车主</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' value="{{customerName}}"></input>
+    </view>
   </view>
-</view>
-<view class='lineView'></view>
+  <view class='lineView'></view>
 
-<view class='baseitem'>
-  <view class='baseitem_key'>车主电话</view>
-  <view class='baseitem_value'>
-    {{customerName}}
+  <view class='baseitem'>
+    <view class='baseitem_key'>车主电话</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' type="number" maxlength="11" value="{{custometPhone}}" bindblur="getPhone"></input>
+    </view>
   </view>
-</view>
-<view class='lineView'></view>
+  <view class='lineView'></view>
 
-<view class='baseitem'>
-  <view class='baseitem_key'>车主身份证号</view>
-  <view class='baseitem_value'>
-    {{customerName}}
+  <view class='baseitem'>
+    <view class='baseitem_key'>车主身份证号</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' type='idcard' value="{{customerName}}"></input>
+    </view>
   </view>
-</view>
-<view class='lineView'></view>
+  <view class='lineView'></view>
 
-<view class='baseitem'>
-  <view class='baseitem_key'>车主地址</view>
-  <view class='baseitem_value'>
-    {{customerName}}
+  <view class='baseitem'>
+    <view class='baseitem_key'>车主地址</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' value="{{customerName}}"></input>
+    </view>
   </view>
-</view>
-<view class='lineView'></view>
+  <view class='lineView'></view>
 
-<view class='baseitem'>
-  <view class='baseitem_key'>司机姓名</view>
-  <view class='baseitem_value'>
-    {{customerName}}
+  <view class='baseitem'>
+    <view class='baseitem_key'>司机姓名</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' value="{{customerName}}"></input>
+    </view>
   </view>
-</view>
-<view class='lineView'></view>
+  <view class='lineView'></view>
 
-<view class='baseitem'>
-  <view class='baseitem_key'>司机电话</view>
-  <view class='baseitem_value'>
-    {{customerName}}
+  <view class='baseitem'>
+    <view class='baseitem_key'>司机电话</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' value="{{customerName}}"></input>
+    </view>
   </view>
-</view>
-<view class='lineView'></view>
+  <view class='lineView'></view>
 
-<view class='baseitem'>
-  <view class='baseitem_key'>司机身份证号</view>
-  <view class='baseitem_value'>
-    {{customerName}}
+  <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>
+
+<view class='bottomGroupView'>
+
+<view class='imageView' catchtap='saveCarsChange'>
+  <image class='currentImage' src="/imgs/whiteBtn.png">
+    <view class='btnTextView'>
+      <text class='whiteText'>保存</text>
+    </view>
+  </image>
+</view>
+
+<view class='imageView' catchtap='creatNewCar'>
+  <image class='currentImage' src="/imgs/blueBtn.png">
+    <view class='btnTextView'>
+      <text class='btnText'>新增</text>
+    </view>
+  </image>
 </view>
-<view class='lineView'></view>
 
+</view>

pages/myCars/carsDetail/carsDetail.wxss

@@ -1,16 +1,25 @@
 /* pages/myCars/carsDetail/carsDetail.wxss */
 
-.baseitem {
+page {
+  background: #eaf1f8;
+}
+
+.container {
+  height: 100%;
   background: #fff;
-  height: 80rpx;
-  line-height: 80rpx;
-  /* border-bottom:  0.1px solid #dbdbdb; */
+  margin-top: 10rpx;
+}
+
+.baseitem {
+  height: 100rpx;
+  line-height: 100rpx;
   display: flex;
   flex-direction: row;
   align-items: center;
   padding-left: 20rpx;
   padding-right: 20rpx;
   font-size: 16px;
+  /* border-bottom:  0.1px solid #dbdbdb; */
 }
 
 .baseitem_key {
@@ -25,8 +34,51 @@
   text-align: right;
 }
 
-.lineView{
+.lineView {
   height: 1rpx;
-  background-color:#dbdbdb;
+  background-color: #dbdbdb;
   margin-left: 20rpx;
+}
+
+
+.imageView {
+  height: 100%;
+  width: 50%;
+  /* margin-left: 15px;
+  margin-right: 15px; */
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+}
+
+.currentImage {
+  width: 100%;
+  height: 100%;
+}
+
+.btnTextView {
+  position: absolute;
+  width: 100%;
+  top:0;
+  line-height: 65px;
+  text-align: center;
+}
+
+.btnText {
+  color: white;
+  font-size: 20px;
+}
+
+.whiteText{
+  color: black;
+  font-size: 20px;
+}
+
+.bottomGroupView{
+  margin-top: 20%;
+  width: 100%;
+  height: 80px;
+  display: flex;
+  flex-direction: row;
 }

pages/myCars/creatNewCar/creatNewCar.js

@@ -0,0 +1,66 @@
+// pages/myCars/creatNewCar/creatNewCar.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/myCars/creatNewCar/creatNewCar.json

@@ -0,0 +1 @@
+{}

pages/myCars/creatNewCar/creatNewCar.wxml

@@ -0,0 +1,78 @@
+<!--pages/myCars/creatNewCar/creatNewCar.wxml-->
+
+<view class='container'>
+  <view class='baseitem'>
+    <view class='baseitem_key'>车牌号</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' placeholder='请输入车牌号' value="{{carNumber}}"></input>
+    </view>
+  </view>
+  <view class='lineView'></view>
+
+  <view class='baseitem'>
+    <view class='baseitem_key'>车主</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' placeholder='请输入车主姓名' value="{{customerName}}"></input>
+    </view>
+  </view>
+  <view class='lineView'></view>
+
+  <view class='baseitem'>
+    <view class='baseitem_key'>车主电话</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' type="number" maxlength="11" value="{{custometPhone}}" bindblur="getPhone"></input>
+    </view>
+  </view>
+  <view class='lineView'></view>
+
+  <view class='baseitem'>
+    <view class='baseitem_key'>车主身份证号</view>
+    <view class='baseitem_value'>
+      <input class='inputItem' type='idcard' value="{{customerName}}"></input>
+    </view>
+  </view>
+  <view class='lineView'></view>
+
+  <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'>
+      <input class='inputItem' value="{{customerName}}"></input>
+    </view>
+  </view>
+  <view class='lineView'></view>
+
+  <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'>
+      <input class='inputItem' value="{{customerName}}"></input>
+    </view>
+  </view>
+  <view class='lineView'></view>
+
+</view>
+
+
+<view class='imageView' catchtap='saveCarsChange'>
+  <image class='currentImage' src="/imgs/blueBtn.png">
+    <view class='btnTextView'>
+      <text class='btnText'>确认</text>
+    </view>
+  </image>
+</view>
+

pages/myCars/creatNewCar/creatNewCar.wxss

@@ -0,0 +1,69 @@
+/* pages/myCars/creatNewCar/creatNewCar.wxss */
+
+page {
+  background: #eaf1f8;
+}
+
+.container {
+  height: 100%;
+  background: #fff;
+  margin-top: 10rpx;
+}
+
+.baseitem {
+  height: 100rpx;
+  line-height: 100rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: 20rpx;
+  padding-right: 20rpx;
+  font-size: 16px;
+  /* border-bottom:  0.1px solid #dbdbdb; */
+}
+
+.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;
+}
+
+.imageView {
+  height: 80px;
+  width: 100%;
+  margin-top: 20%;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+}
+
+.currentImage {
+  width: 100%;
+  height: 100%;
+}
+
+.btnTextView {
+  position: absolute;
+  width: 100%;
+  top:0;
+  line-height: 65px;
+  text-align: center;
+}
+
+.btnText {
+  color: white;
+  font-size: 20px;
+}

pages/myCars/myCars.wxss

@@ -13,7 +13,7 @@ page {
 }
 
 .listItem{
-  height: 100rpx;
+  /* height: 100rpx; */
   display: flex;
   flex-direction: column;
   background-color:  #fff;

pages/orderList/orderDetail/orderDetail.wxml

@@ -8,60 +8,89 @@
 <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 55}}px" bindchange="bindChange">
   <!-- 基本信息 -->
   <swiper-item class="swiper-items1">
-    <view class='baseitem'>
-      <text class='baseitem_key'>订货时间</text>
-      <view class='baseitem_value'>
-        {{customerName}}基本信息
+    <view class='backGroundContainer'>
+      <view class='baseitem'>
+        <text class='baseitem_key'>订货时间</text>
+        <view class='baseitem_value'>
+          {{customerName}}基本信息
+        </view>
       </view>
-    </view>
-    <view class='baseitem'>
-      <text class='baseitem_key'>提货时间</text>
-      <view class='baseitem_value'>
-        {{customerName}}
+      <view class='horizontallineView'></view>
+
+      <view class='baseitem'>
+        <text class='baseitem_key'>提货时间</text>
+        <view class='baseitem_value'>
+          {{customerName}}
+        </view>
       </view>
-    </view>
-    <view class='baseitem'>
-      <text class='baseitem_key'>会计单位</text>
-      <view class='baseitem_value'>
-        {{customerName}}
+      <view class='horizontallineView'></view>
+
+      <view class='baseitem'>
+        <text class='baseitem_key'>会计单位</text>
+        <view class='baseitem_value'>
+          {{customerName}}
+        </view>
       </view>
-    </view>
-    <view class='baseitem'>
-      <text class='baseitem_key'>购货客户</text>
-      <view class='baseitem_value'>
-        {{customerName}}
+      <view class='horizontallineView'></view>
+
+      <view class='baseitem'>
+        <text class='baseitem_key'>购货客户</text>
+        <view class='baseitem_value'>
+          {{customerName}}
+        </view>
       </view>
-    </view>
-    <view class='baseitem'>
-      <text class='baseitem_key'>销售部门</text>
-      <view class='baseitem_value'>
-        {{customerName}}
+      <view class='horizontallineView'></view>
+
+      <view class='baseitem'>
+        <text class='baseitem_key'>销售部门</text>
+        <view class='baseitem_value'>
+          {{customerName}}
+        </view>
       </view>
-    </view>
-    <view class='baseitem'>
-      <text class='baseitem_key'>送货地址</text>
-      <view class='baseitem_value'>
-        {{customerName}}
+      <view class='horizontallineView'></view>
+
+      <view class='baseitem'>
+        <text class='baseitem_key'>送货地址</text>
+        <view class='baseitem_value'>
+          {{customerName}}
+        </view>
       </view>
-    </view>
-    <view class='baseitem'>
-      <text class='baseitem_key'>运输车辆</text>
-      <view class='baseitem_value'>
-        {{customerName}}
+      <view class='horizontallineView'></view>
+
+      <view class='baseitem'>
+        <text class='baseitem_key'>运输车辆</text>
+        <view class='baseitem_value'>
+          {{customerName}}
+        </view>
       </view>
-    </view>
-    <view class='baseitem'>
-      <text class='baseitem_key'>司机</text>
-      <view class='baseitem_value'>
-        {{customerName}}
+      <view class='horizontallineView'></view>
+
+      <view class='baseitem'>
+        <text class='baseitem_key'>司机</text>
+        <view class='baseitem_value'>
+          {{customerName}}
+        </view>
       </view>
-    </view>
-    <view class='baseitem'>
-      <text class='baseitem_key'>联系方式</text>
-      <view class='baseitem_value'>
-        {{customerName}}
+      <view class='horizontallineView'></view>
+
+      <view class='baseitem'>
+        <text class='baseitem_key'>联系方式</text>
+        <view class='baseitem_value'>
+          {{customerName}}
+        </view>
       </view>
+      <view class='horizontallineView'></view>
+
     </view>
+
+    <view class='imageView' catchtap='saveCarsChange'>
+      <image class='currentImage' src="/imgs/blueBtn.png">
+        <view class='btnTextView'>
+          <text class='btnText'>保存</text>
+        </view>
+      </image>
+    </view>
+
   </swiper-item>
 
   <!-- 订单详细 -->
@@ -76,17 +105,17 @@
         <view class='totalBottomView'>
           <view class='bottomTextView'>
             <text class='lightGray'>主数量：</text>111{{mainNumber}}</view>
-            <view class='lineView'></view>
+          <view class='verticallineView'></view>
           <view class='bottomTextView'>
             <text class='lightGray'>辅数量：</text>222{{secondNumber}}
           </view>
         </view>
-</view>
-        <view class='detaileListContainer'>
-          <block wx:for="{{detaileList}}" wx:key="item" wx:for-index="idx">
-            <template is="detailInfoTemplate" data="{{item}}" data="{{idx}}" />
-          </block>
-        </view>
+      </view>
+      <view class='detaileListContainer'>
+        <block wx:for="{{detaileList}}" wx:key="item" wx:for-index="idx">
+          <template is="detailInfoTemplate" data="{{item}}" data="{{idx}}" />
+        </block>
+      </view>
     </scroll-view>
   </swiper-item>
 </swiper>

pages/orderList/orderDetail/orderDetail.wxss

@@ -31,11 +31,18 @@ page {
   display: block;
   overflow: hidden;
 }
-
-.baseitem {
+.swiper-items1{
+  height: 100%;
+}
+.swiper-items2{
+  height: 100%;
+}
+.backGroundContainer{
   background: #fff;
-  width: 100%;
-  border-bottom:  0.1px solid #dbdbdb;
+}
+.baseitem {
+  height: 60rpx;
+  /* border-bottom:  0.1px solid #dbdbdb; */
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -50,9 +57,15 @@ page {
 
 .baseitem_value {
   color: rgb(48, 48, 48);
+  width: 60%;
+  text-align: right;
+}
+
+.horizontallineView {
+  height: 1rpx;
+  background-color: #dbdbdb;
   margin-left: 20rpx;
-  width: 160%;
-  text-align: center;
+  margin-right: 0rpx;
 }
 
 .scroll-views{
@@ -99,7 +112,7 @@ page {
   justify-content: space-around;
 }
 
-.lineView{
+.verticallineView{
   margin-top: 10rpx;
   height: 80rpx;
   width: 2rpx;
@@ -143,3 +156,32 @@ page {
 .lightGray{
   color: #666;
 }
+
+
+.imageView {
+  height: 80px;
+  width: 100%;
+  margin-top: 20rpx;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+}
+
+.currentImage {
+  width: 100%;
+  height: 100%;
+}
+
+.btnTextView {
+  position: absolute;
+  width: 100%;
+  top:0;
+  line-height: 65px;
+  text-align: center;
+}
+
+.btnText {
+  color: white;
+  font-size: 20px;
+}