sell page

app.json

@@ -1,13 +1,15 @@
 {
   "pages":[
+    "pages/evaluate/evaluate",
     "pages/index/index",
+    "pages/sell/sell",
+    "pages/loans/loans",
     "pages/collect/collect",
     "pages/buy/buy",
     "pages/search/search",
     "pages/searchresult/searchresult",
     "pages/logs/logs",
     "pages/shop/shop",
-    "pages/sell/sell",
     "pages/cardetail/cardetail",
     "pages/usercenter/usercenter",
     "pages/mysuggest/mysuggest",

common/pathmap.js

@@ -24,5 +24,13 @@ export default{
   "collectlist":"/api/collect_list",
   "orderlist":"/api/order_list",
   "feedback":"/api/feedback",
-  "reserve":"/api/reserve"
+  "reserve":"/api/reserve",
+  "rates":"/api/rates",
+  //卖车
+  "uploadimg":"/api/upload_img",
+  "cararea":"/api/car_area",
+  "sellingcar":"/api/selling_car",
+  "carmodel":"/api/car_model",
+  "brandlist":"/api/brand_list",
+  "estimatedprice":"/api/estimated_price"
 }

common/request.js

@@ -74,3 +74,25 @@ export const post=(url,data,header,callback,failback,noauth)=>{
     }
   }
 } 
+
+
+export const upload =(url,path,callback)=>{
+  addnum();
+  var authorization = wx.getStorageSync("authorization")
+  wx.uploadFile({
+    url: app.globalData.serverpath+url, //仅为示例，非真实的接口地址
+    filePath: path,
+    name: 'file',
+    formData:{},
+    header:{
+      "Authorization":authorization,
+      "Accept": "application/vnd.vpgame.v1+json"
+    },
+    success: function(res){
+        callback && callback(res);
+    },
+    complete: function () {
+      reducenum();
+    }
+  })
+}

pages/cardetail/cardetail.js

@@ -47,9 +47,15 @@ Page({
     },
     openscheme:false,
     loanscale:[0.1,0.2,0.3,0.4,0.5,0.6],
-    loantime:[12,24,48],
-    scaleindex:1,
-    timeindex:1
+    loantime:[12,24,36],
+    scaleindex:0,
+    timeindex:0,
+    interestrate:0.003,
+    timetorate:{
+      "12":"rates_a",
+      "24":"rates_b",
+      "36":"rates_c"
+    }
   },
 
   /**
@@ -125,7 +131,6 @@ Page({
         detail.check_info.forEach(function(item){
 
         })
-
         _self.setData({
           detail:detail
         })
@@ -218,22 +223,47 @@ Page({
     })
   },
   openScheme:function(){
-    this.setData({openscheme:true});
+    var _self=this;
+    var mobile = wx.getStorageSync("mobile");
+    if(mobile){
+      this.setData({openscheme:true});
+      if(!this.data.rates_a){
+        get(pathmap.rates,{
+          mobile:mobile
+        },function(json){
+          _self.setData(json.data);
+          _self.getPay(0,0);
+        })
+      }
+    }else{
+      this.openLog();
+    }
   },
   closeScheme:function(){
     this.setData({openscheme:false});
   },
-  getPay:function(){
+  getPay:function(scaleindex,timeindex){
     var price = this.data.detail.price*100;
-    var scale = this.data.loanscale[this.data.scaleindex];
-    var tiem = this.data.loantime[this.data.timeindex];
+    var scale = this.data.loanscale[scaleindex];
+    var time = this.data.loantime[timeindex];
+    var interestrate = this.data[this.data.timetorate[time]]/100;
+    var firstpay = price*scale;
+    var premonthpay = (price-firstpay)*interestrate*(Math.pow((1+interestrate),time))/(Math.pow((1+interestrate),time)-1);
+    this.setData({
+      firstpay:firstpay,
+      premonthpay:Math.round(premonthpay),
+      scaleindex:scaleindex,
+      timeindex:timeindex
+    })
   },
   selectScale:function(e){
     var index = e.currentTarget.dataset.n;
-    this.setData({scaleindex:index});
+    this.getPay(index,this.data.timeindex)
+    //this.setData({scaleindex:index});
   },
   selectTime:function(e){
     var index = e.currentTarget.dataset.n;
     this.setData({timeindex:index});
+    this.getPay(this.data.scaleindex,index)
   }
 })

pages/cardetail/cardetail.wxml

@@ -241,7 +241,7 @@
 					首付款
 				</view>
 				<view class="scheme_price_ipb">
-					
+					{{firstpay/10000}}万
 				</view>
 			</view>
 			<view class="scheme_price_i">
@@ -249,7 +249,7 @@
 					月供			
 				</view>
 				<view class="scheme_price_ipb">
-					
+					{{premonthpay}}元
 				</view>
 			</view>
 		</view>

pages/evaluate/evaluate.json

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

pages/evaluate/evaluate.wxml

@@ -0,0 +1,193 @@
+<import src="../../module/header.wxml"/>
+<scroll-view 
+  class="conent"
+  style="height:{{windowh}}rpx;"
+  scroll-y="{{selectbar==''?'true':'false'}}"
+  bindscrolltolower="{{hasloadall?'':'getMyBuy'}}"
+>
+	<template 
+	    is="header"
+	    data="{{title:'我要估价',headerheight:headerheight,hasback:true}}"
+  	/>
+  	<view
+  		class="evaluate_form"
+  	>
+	  	<view
+	  		class="evaluate_form_item"
+	  	>
+	  		<view class="evaluate_form_it">
+	  			<view class="evaluate_form_itw">
+	  				*
+	  			</view>
+	  			卖车地点
+	  		</view>
+		  	<picker
+		  		class="evaluate_form_picker" 
+				bindchange="bindRegionChange" 
+				value="{{areaselect['0']}}" 
+				range="{{area['0']}}"
+				range-key="area_name"
+				data-index="0"
+				bindchange="changeArea"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{area['0'][areaselect['0']].area_name||'请选择>'}}
+			    </view>
+		  	</picker>
+		  	<picker
+		  		class="evaluate_form_picker"
+				bindchange="bindRegionChange" 
+				value="{{areaselect['1']}}" 
+				range="{{area['1']}}"
+				range-key="area_name"
+				data-index="1"
+				bindchange="changeArea"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{area['1'][areaselect['1']].area_name||'请选择>'}}     
+			    </view>
+		  	</picker>
+  		</view>
+	  	<view
+	  		class="evaluate_form_item"
+	  	>
+	  		<view class="evaluate_form_it">
+	  			<view class="evaluate_form_itw">
+	  				*
+	  			</view>
+	  			车型
+	  		</view>
+  			<picker
+		  		class="evaluate_form_picker"
+				bindchange="bindSeriesChange" 
+				value="{{selectseries['0']}}" 
+				range="{{series['0']}}"
+				range-key="brand_name"
+				data-index="0"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{series['0'][selectseries['0']].brand_name||'请选择>'}}
+			    </view>
+		  	</picker>
+  			<picker
+		  		class="evaluate_form_picker"
+				bindchange="bindSeriesChange" 
+				value="{{selectseries['1']}}" 
+				range="{{series['1']}}"
+				range-key="car_series_name"
+				data-index="1"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{series['1'][selectseries['1']].car_series_name||'请选择>'}}
+			    </view>
+		  	</picker>
+  			<picker
+		  		class="evaluate_form_picker"
+				bindchange="bindSeriesChange" 
+				value="{{selectseries['2']}}" 
+				range="{{series['2']}}"
+				range-key="car_model_name"
+				data-index="2"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{series['2'][selectseries['2']].car_model_name||'请选择>'}}
+			    </view>
+		  	</picker>
+  		</view>
+	  	<view
+	  		class="evaluate_form_item"
+	  	>
+	  		<view class="evaluate_form_it">
+	  			<view class="evaluate_form_itw">
+	  				*
+	  			</view>
+	  			上牌时间
+	  		</view>
+		  	<picker 
+		  		class="evaluate_form_picker"
+		  		mode="date" 
+		  		value="{{date}}" 
+		  		start="1998-01-01" 
+		  		end="2020-01-01" 
+		  		bindchange="bindDateChange">
+			    <view class="picker">
+			      当前选择: {{date}}
+			    </view>
+		  	</picker>
+  		</view>
+	  	<view
+	  		class="evaluate_form_item"
+	  	>
+	  		<view class="evaluate_form_it">
+	  			<view class="evaluate_form_itw">
+	  				*
+	  			</view>
+	  			行驶里程
+	  		</view>
+  			<input
+  				class="evaluate_form_input"
+  				placeholder="请输入"
+  				bindinput="getMileage"
+  				placeholder-style="color:#9B9B9B"
+  			/>
+  			<view class="evaluate_form_itr">万公里</view>
+	  	</view>
+	  	<view
+	  		class="evaluate_form_item"
+	  	>
+	  		<view class="evaluate_form_it">
+	  			<view class="evaluate_form_itw">
+	  				*
+	  			</view>
+	  			接收手机
+	  		</view>
+  			<input
+  				class="evaluate_form_input"
+  				placeholder="请输入"
+  				bindinput="getMobile"
+  				placeholder-style="color:#9B9B9B"
+  			/>
+	  	</view>
+  	</view>
+  	<view 
+  		class="sub_evaluate"
+  		bindtap="subEvaluate"
+  		>开始估价</view> 
+
+  	<view class="show_evaluate">
+  		<view class="show_evaluate_t">
+  			
+  		</view>
+  		<view class="show_evaluate_dt">
+  			
+  		</view>
+  		<view class="show_evaluate_sp">
+  			<view class="show_evaluate_type">
+  				<view>车况优秀</view>
+  				<view>车况良好</view>
+  				<view>车况一般</view>
+  			</view>
+  			<swiper 
+		      class='show_evaluate_info' 
+		      duration='300' 
+		      bindchange='switchTab'
+		      circular='true'
+		    >
+		      <block wx:for="{{detail.eval_prices}}" wx:key="condition">
+		        <swiper-item>
+		          <view class="show_evaluate_detail">
+		          	<view></view>
+		          	<view></view>
+		          	<view>
+		          		<view>
+		          			<view></view>
+		          			<view></view>
+		          		</view>
+		          	</view>
+		          </view>
+		        </swiper-item>
+		      </block>      
+		    </swiper>
+  		</view>
+  	</view>
+</scroll-view>

pages/evaluate/evaluate.wxss

@@ -0,0 +1,64 @@
+.evaluate_form{
+	background-color: white;
+}
+.evaluate_form_t{
+	height: 78rpx;
+	line-height: 78rpx;
+	text-indent: 38rpx;
+	color: rgba(135, 135, 135, 1);
+	font-size: 24rpx;
+	font-family: NotoSansHans-Regular;
+}
+.evaluate_form_item{
+	border-top: 1px solid rgba(235, 235, 235, 1);
+	height: 88rpx;
+	line-height: 88rpx;
+	display: flex;
+}
+.evaluate_form_it{
+	color: rgba(56, 55, 53, 1);
+	text-align: left;
+	text-indent: 38rpx;
+	font-size: 28rpx;
+	font-family: NotoSansHans-Regular;
+	width:240rpx;
+}
+.evaluate_form_itw{	
+	color:#BFA368;
+	display: inline;
+}
+.evaluate_form_input,.evaluate_form_picker{
+	flex: 1;
+	height: 88rpx;
+	text-align: right;
+	color:#3A3735;
+	padding-right: 38rpx;
+	font-size: 24rpx;
+	overflow: hidden;
+}
+.picker{
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow:ellipsis;
+}
+.evaluate_form_itr{
+	color: rgba(56, 55, 53, 1);
+	padding-right: 38rpx;
+	font-size: 28rpx;
+	font-family: NotoSansHans-Regular;
+	width:100rpx;
+	text-align: right;	
+}
+.sub_evaluate{
+	position: fixed;
+	bottom:0rpx;
+	width:750rpx;
+	height: 98rpx;
+	background:linear-gradient(270deg,#FFD800,#FFE600);
+	line-height: 98rpx;
+	border-radius: 6rpx;
+	color: rgba(56, 55, 53, 1);
+	font-size: 30rpx;
+	text-align: center;
+	font-family: NotoSansHans-DemiLight;
+}

pages/index/index.wxml

@@ -35,7 +35,7 @@
     <template is="banner" data="{{banner:banner}}"/>
     <view class="nav_list">
       <view class="nav_item">
-        <navigator class="nav_item_link" url="">
+        <navigator class="nav_item_link" url="../buy/buy">
           <view class="nav_item_img">
              <image src="../../img/home_buy.png"/>
           </view>
@@ -43,7 +43,7 @@
         </navigator>
       </view>
       <view class="nav_item">
-        <navigator class="nav_item_link" url="">
+        <navigator class="nav_item_link" url="../sell/sell">
           <view class="nav_item_img">
             <image src="../../img/home_sell.png"/>
           </view>
@@ -51,7 +51,7 @@
         </navigator>
       </view>
       <view class="nav_item">
-        <navigator class="nav_item_link" url="">
+        <navigator class="nav_item_link" url="../evaluate/evaluate">
           <view class="nav_item_img">
             <image src="../../img/home_assess.png"/>
           </view>
@@ -59,7 +59,7 @@
         </navigator>
       </view>
       <view class="nav_item">
-        <navigator class="nav_item_link" url="">
+        <navigator class="nav_item_link" url="../loans/loans">
           <view class="nav_item_img">
             <image src="../../img/home_loan.png"/>
             </view>

pages/loans/loans.js

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

pages/loans/loans.json

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

pages/loans/loans.wxml

@@ -0,0 +1,2 @@
+<!--pages/loans/loans.wxml-->
+<text>pages/loans/loans.wxml</text>

pages/loans/loans.wxss

@@ -0,0 +1 @@
+/* pages/loans/loans.wxss */

pages/sell/sell.js

@@ -1,18 +1,46 @@
 // pages/sell/sell.js
+import { get,post,upload } from "../../common/request.js"
+import pathmap from "../../common/pathmap"
+import stylemap from "../../common/stylemap"
+import bindLog from "../../module/logs/logs"
+const app = getApp();
+
 Page({
 
   /**
    * 页面的初始数据
    */
-  data: {
-  
+  data: {  
+    windowh: app.globalData.windowh,
+    area:{},
+    areaselect:{},
+    series:{},
+    selectseries:{},
+    imgs:[
+      "",
+      "",
+      "",
+      ""
+    ],
+    date:"2018-01-01"
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad: function (options) {
-  
+  onLoad: function (options) { 
+    bindLog(this);
+    this.setData(stylemap);
+    this.getCararea(0,0,0);
+    this.getCarSeries(0,0,0);
+    try{
+      var authorization = wx.getStorageSync("authorization");
+    }catch(e){
+
+    }
+    if(!authorization){      
+      this.openLog();
+    }
   },
 
   /**
@@ -62,5 +90,139 @@ Page({
    */
   onShareAppMessage: function () {
   
+  },
+  getCararea:function(id,index,sel){
+    var _self=this;
+    sel = sel||0;
+    get(pathmap.cararea,{pid:id},function(json){
+      var obj = {},select={};
+      obj[index] = json.data;
+      select[index] = sel;
+      _self.setData({
+        area:Object.assign({},_self.data.area,obj),
+        areaselect:Object.assign({},_self.data.areaselect,select)
+      });
+      if(index<1){
+        _self.getCararea(obj[index][sel]['area_id'],1+parseInt(index),0);
+      }
+    })
+  },
+  changeArea:function(e){
+    var index = e.currentTarget.dataset.index;
+    var select = e.detail.value;
+    var obj = {};
+    obj[index]=select;
+    this.setData({areaselect:Object.assign(this.data.areaselect,obj)});
+    if(index<1){
+      this.getCararea(this.data.area[index][select]['area_id'],1+parseInt(index),0);
+    }
+  },
+  // getCarModel:function(){
+  //   var _self=this;
+  //   get(pathmap.carmodel,{pid:id},function(json){
+  //     var obj = {},select={};
+  //     obj[index] = json.data;
+  //     select[index] = sel;
+  //     _self.setData({
+  //       area:Object.assign({},_self.data.area,obj),
+  //       select:Object.assign({},_self.data.areaselect,select)
+  //     });
+  //     if(index<1){
+  //       _self.getCararea(obj[index][sel]['area_id'],1+parseInt(index),0);
+  //     }
+  //   })
+  // },
+  getCarSeries:function(id,index,sel){
+    var _self=this;
+    sel = sel||0;
+    //resule 为借口返回数组对应的属性名
+    var path="",para={},key = "",resule="";
+    if(index==0){
+      path = pathmap.brandlist;
+      key = "brand_id";
+      resule = "brand";         
+    }else if(index==1){
+      path = pathmap.serieslist;
+      para = {brand_id:id}; //this.data.series['0'][this.data.selectseries['0']].brand_id}
+      key = "car_series_id";
+      resule = "car_series";
+    }else if(index==2){
+      path = pathmap.carmodel;
+      para = {car_series_id:id};  //this.data.series['1'][this.data.selectseries['1']].car_series_id}
+    }
+    get(path,para,function(json){
+      var obj = {},select={};
+      obj[index] = json.data;
+      if(resule){
+        obj[index] = obj[index][resule];
+      }
+      select[index] = sel;
+      _self.setData({
+        series:Object.assign({},_self.data.series,obj),
+        selectseries:Object.assign({},_self.data.selectseries,select)
+      });
+      if(index<2){
+        _self.getCarSeries(obj[index][sel][key],1+parseInt(index),0);
+      }
+    })
+  },
+  bindSeriesChange:function(e){
+    var index = e.currentTarget.dataset.index;
+    var select = e.detail.value;
+    var obj = {};
+    var key=""
+    if(index==0){
+      key = "brand_id";       
+    }else if(index==1){
+      key = "car_series_id";
+    }
+    obj[index]=select;
+    this.setData({selectseries:Object.assign(this.data.selectseries,obj)});
+    if(index<2){
+      this.getCarSeries(this.data.series[index][select][key],1+parseInt(index),0);
+    }
+  },
+  uploadImg:function(e){
+    var _self=this;
+    var index = e.currentTarget.dataset.index;
+    wx.chooseImage({
+      success: function(res) {
+        var tempFilePaths = res.tempFilePaths[0];
+        upload(pathmap.uploadimg,tempFilePaths,function(json){
+          var imgs = _self.data.imgs;
+          imgs.splice(index,1,JSON.parse(json.data).url);
+          _self.setData({imgs:imgs});
+        })
+      }
+    })
+  },
+  getMileage:function(e){
+    var mileage = e.detail.value;
+    this.setData({mileage:mileage});
+  },
+  bindDateChange: function(e) {
+    this.setData({
+      date: e.detail.value
+    })
+  },
+  subSell:function(){
+    var _self=this;
+    var mobile = wx.getStorageSync("mobile")
+    post(pathmap.sellingcar,{
+      mobile:mobile,
+      car_name:this.data.series['2'][this.data.selectseries['2']].car_model_name,
+      plate_at:this.data.date,
+      mileage:this.data.mileage,
+      city_name:`${this.data.area['0'][this.data.areaselect['0']].area_name} ${this.data.area['1'][this.data.areaselect['1']].area_name}`,
+      imgs:this.data.imgs
+    },function(json){
+      var obj = {          
+        title:json.data.message
+      }
+      if(json.statusCode!=200){
+        obj.icon="none"
+      }
+      wx.showToast(obj);
+    })
   }
 })

pages/sell/sell.wxml

@@ -1,2 +1,176 @@
-<!--pages/sell/sell.wxml-->
-<text>pages/sell/sell.wxml</text>
+<import src="../../module/header.wxml"/>
+<import src="../../module/footer.wxml"/>
+<scroll-view 
+  class="conent"
+  style="height:{{windowh}}rpx;"
+  scroll-y="{{selectbar==''?'true':'false'}}"
+  bindscrolltolower="{{hasloadall?'':'getMyBuy'}}"
+>
+	<template 
+	    is="header"
+	    data="{{title:'预约卖车',headerheight:headerheight,hasback:true}}"
+  	/>
+  	<view class="sell_banner">
+  		
+  	</view>
+  	<view
+  		class="sell_form"
+  	>
+  		<view
+	  		class="sell_form_t"
+	  	>
+	  		完善信息，预约卖车
+	  	</view>
+	  	<view
+	  		class="sell_form_item"
+	  	>
+	  		<view class="sell_form_it">
+	  			<view class="sell_form_itw">
+	  				*
+	  			</view>
+	  			车型
+	  		</view>
+  			<picker
+		  		class="sell_form_picker"
+				bindchange="bindSeriesChange" 
+				value="{{selectseries['0']}}" 
+				range="{{series['0']}}"
+				range-key="brand_name"
+				data-index="0"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{series['0'][selectseries['0']].brand_name||'请选择>'}}
+			    </view>
+		  	</picker>
+  			<picker
+		  		class="sell_form_picker"
+				bindchange="bindSeriesChange" 
+				value="{{selectseries['1']}}" 
+				range="{{series['1']}}"
+				range-key="car_series_name"
+				data-index="1"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{series['1'][selectseries['1']].car_series_name||'请选择>'}}
+			    </view>
+		  	</picker>
+  			<picker
+		  		class="sell_form_picker"
+				bindchange="bindSeriesChange" 
+				value="{{selectseries['2']}}" 
+				range="{{series['2']}}"
+				range-key="car_model_name"
+				data-index="2"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{series['2'][selectseries['2']].car_model_name||'请选择>'}}
+			    </view>
+		  	</picker>
+  		</view>
+	  	<view
+	  		class="sell_form_item"
+	  	>
+	  		<view class="sell_form_it">
+	  			<view class="sell_form_itw">
+	  				*
+	  			</view>
+	  			上牌时间
+	  		</view>
+		  	<picker 
+		  		class="sell_form_picker"
+		  		mode="date" 
+		  		value="{{date}}" 
+		  		start="1998-01-01" 
+		  		end="2020-01-01" 
+		  		bindchange="bindDateChange">
+			    <view class="picker">
+			      当前选择: {{date}}
+			    </view>
+		  	</picker>
+  		</view>
+	  	<view
+	  		class="sell_form_item"
+	  	>
+	  		<view class="sell_form_it">
+	  			<view class="sell_form_itw">
+	  				*
+	  			</view>
+	  			行驶里程
+	  		</view>
+  			<input
+  				class="sell_form_input"
+  				placeholder="请输入"
+  				bindinput="getMileage"
+  				placeholder-style="color:#9B9B9B"
+  			/>
+  			<view class="sell_form_itr">万公里</view>
+	  	</view>
+	  	<view
+	  		class="sell_form_item"
+	  	>
+	  		<view class="sell_form_it">
+	  			<view class="sell_form_itw">
+	  				*
+	  			</view>
+	  			上牌地址
+	  		</view>
+		  	<picker
+		  		class="sell_form_picker" 
+				bindchange="bindRegionChange" 
+				value="{{areaselect['0']}}" 
+				range="{{area['0']}}"
+				range-key="area_name"
+				data-index="0"
+				bindchange="changeArea"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{area['0'][areaselect['0']].area_name||'请选择>'}}
+			    </view>
+		  	</picker>
+		  	<picker
+		  		class="sell_form_picker"
+				bindchange="bindRegionChange" 
+				value="{{areaselect['1']}}" 
+				range="{{area['1']}}"
+				range-key="area_name"
+				data-index="1"
+				bindchange="changeArea"
+				custom-item="{{customItem}}">
+			    <view class="picker">
+			      {{area['1'][areaselect['1']].area_name||'请选择>'}}     
+			    </view>
+		  	</picker>
+  		</view>
+  	</view>
+  	<view
+  		class="upload_img_box"
+  	>	
+  		<view
+	  		class="upload_img_t"
+	  	>	
+	  		上传车辆照片
+	  	</view>
+	  	<view
+	  		class="upload_img_list"
+	  	>
+	  		<block wx:for="{{imgs}}" wx:key="{{item}}">
+		  		<image
+		  			data-index="{{index}}"
+		  			bindtap="uploadImg"
+		  			class="upload_img_item"
+		  			src="{{item||'../../img/upload.png'}}"
+		  		/>
+	  		</block>
+	  	</view>
+  	</view>
+  	<view 
+  		class="sub_sell"
+  		bindtap="subSell"
+  		>提交预约</view>
+  	<image class="sell_bottom_banner" src="../../img/sell.png"/>
+  	<template 
+      is="footer" 
+      data="{{local:2}}"
+    />  
+</scroll-view>
+<include src="../../module/logs/logs.wxml"/>

pages/sell/sell.wxss

@@ -1 +1,102 @@
-/* pages/sell/sell.wxss */
+/* pages/sell/sell.wxss */
+@import "../../module/logs/logs.wxss"
+.conent{
+  background-color:#F9F9F9;
+}
+.sell_banner{
+	height: 235rpx;
+	background-color: #fede18;
+}
+.sell_form{
+	background-color: white;
+}
+.sell_form_t{
+	height: 78rpx;
+	line-height: 78rpx;
+	text-indent: 38rpx;
+	color: rgba(135, 135, 135, 1);
+	font-size: 24rpx;
+	font-family: NotoSansHans-Regular;
+}
+.sell_form_item{
+	border-top: 1px solid rgba(235, 235, 235, 1);
+	height: 88rpx;
+	line-height: 88rpx;
+	display: flex;
+}
+.sell_form_it{
+	color: rgba(56, 55, 53, 1);
+	text-align: left;
+	text-indent: 38rpx;
+	font-size: 28rpx;
+	font-family: NotoSansHans-Regular;
+	width:240rpx;
+}
+.sell_form_itw{	
+	color:#BFA368;
+	display: inline;
+}
+.sell_form_input,.sell_form_picker{
+	flex: 1;
+	height: 88rpx;
+	text-align: right;
+	color:#3A3735;
+	padding-right: 38rpx;
+	font-size: 24rpx;
+	overflow: hidden;
+}
+.picker{
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow:ellipsis;
+}
+.sell_form_itr{
+	color: rgba(56, 55, 53, 1);
+	padding-right: 38rpx;
+	font-size: 28rpx;
+	font-family: NotoSansHans-Regular;
+	width:100rpx;
+	text-align: right;	
+}
+
+.upload_img_box{
+	border-top: 1px solid rgba(235, 235, 235, 1);
+	background-color: white;
+	padding-bottom: 40rpx;
+}
+.upload_img_t{
+	padding-left: 58rpx;
+	height: 88rpx;
+	line-height: 88rpx;
+	color: rgba(56, 55, 53, 1);
+	font-size: 28rpx;
+	font-family: NotoSansHans-Regular;
+}
+.upload_img_list{
+	margin:0px 4px;
+	display: flex;
+}
+.upload_img_item{
+	width:143rpx;
+	height: 143rpx;
+	margin-left:34rpx;
+}
+
+.sub_sell{
+	width:620rpx;
+	height: 88rpx;
+	background:linear-gradient(270deg,#FFD800,#FFE600);
+	margin:40rpx auto 0rpx;
+	line-height: 88rpx;
+	border-radius: 6rpx;
+	color: rgba(56, 55, 53, 1);
+	font-size: 30rpx;
+	text-align: center;
+	font-family: NotoSansHans-DemiLight;
+}
+.sell_bottom_banner{
+	display: block;
+	width: 750rpx;
+	height: 520rpx;
+	margin-top:60rpx;
+}