From 9a5a0d056f2812ff2130be71c5ce07a2baf72a4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=81=E5=8F=B6?= <yerz@shengshi.com.cn>
Date: Thu, 23 Mar 2023 14:56:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=99=BB=E8=AE=B0-=E8=BD=A6?=
 =?UTF-8?q?=E8=BE=86=E9=80=89=E8=A3=85=E5=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 commons/js/config.js            |  2 +-
 commons/js/utils/apiQuery.js    |  7 +++++
 pages/order/register/index.js   | 56 +++++++++++++++++++++++++++++++--
 pages/order/register/index.wxml | 34 ++++++++++++++++++++
 4 files changed, 96 insertions(+), 3 deletions(-)

diff --git a/commons/js/config.js b/commons/js/config.js
index bd383e6..2048682 100644
--- a/commons/js/config.js
+++ b/commons/js/config.js
@@ -163,7 +163,7 @@ api = {
   appBizStats_order:'app/biz/stats_order', //订单数据
   appBizStats_days:'app/biz/stats_days', //客户/订单走势图
 
-  
+  appOptions:'app/options', //获取车辆选装包
 
 }
 
diff --git a/commons/js/utils/apiQuery.js b/commons/js/utils/apiQuery.js
index 20b20ea..cf0f83a 100644
--- a/commons/js/utils/apiQuery.js
+++ b/commons/js/utils/apiQuery.js
@@ -952,4 +952,11 @@ apiQuery.getAppStatisticsStats_customer = function (params) {
   })
 }
 
+//获取车辆选装包
+apiQuery.getAppOptions = function (params) {
+  return new Promise(function (resolve, reject) {
+    HttpRequest(false, Config.api.appOptions, 2, params, "GET", resolve, reject)
+  })
+}
+
 export default apiQuery;
\ No newline at end of file
diff --git a/pages/order/register/index.js b/pages/order/register/index.js
index 8bbd008..65f53fb 100644
--- a/pages/order/register/index.js
+++ b/pages/order/register/index.js
@@ -98,7 +98,9 @@ Page({
 
     addressFocus:false,
     customer_address:'',
-
+    packageList:[],//车辆选装包
+    options_ids:[],//选装包id数组
+    options_total:0,//选装包费用
   },
   //生命周期函数--监听页面加载
   onLoad: function (options) {
@@ -421,6 +423,9 @@ Page({
         brand_id:this.data.brandList[e.detail.value].id,
         brandIndex:e.detail.value,
         car_id:'',//车系id
+        packageList:[],//车辆选装包
+        options_ids:[],//选装包id数组
+        options_total:0,//选装包费用
         v_id:'',//车辆版本id
         color_id:'',//车身颜色id
         incolor_id:'',//内饰颜色id
@@ -459,8 +464,12 @@ Page({
         interiorIndex:-1,//内饰颜色索引
         priceinfo:'',
         business_type:0,
+        options_ids:[],//选装包id数组
+        options_total:0,//选装包费用
       })
       this.getAppSeriesAttrslevel()
+      //获取车辆选装包
+      this.getAppOptions()
     }
   },
 
@@ -645,6 +654,9 @@ Page({
     params['v_id'] = that.data.v_id;
     params['color_id'] = that.data.color_id;
     params['incolor_id'] = that.data.incolor_id;
+    if(that.data.options_ids.length>0){
+      params['options_ids'] = that.data.options_ids;
+    }
     params['price'] = that.data.priceinfo.price;
     params['deposit'] = that.data.priceinfo.sdeposit;
     params['payway'] = that.data.paymentIndex==0?'1':'0';
@@ -1323,7 +1335,6 @@ Page({
     });
   },
 
-
   //添加精品选装
   changeFine(e) {
     if(this.data.fineArr[e.detail.value]=='其他'){
@@ -1419,4 +1430,45 @@ Page({
     })
   },
 
+  //获取车辆选装包
+  getAppOptions(){
+    let params = {};
+    params['id'] = this.data.car_id;
+    _.apiQuery.getAppOptions(params).then(res => {
+      if(res.data.list.length>0){
+        let packageList = res.data.list
+        packageList.forEach(item => {
+          item.checked = false
+        })
+        this.setData({
+          packageList,
+        })
+      }
+    });
+  },
+
+  //选择车辆选装包
+  choosePackage(e) {
+    let packageList = this.data.packageList
+    let options_ids = e.detail.value
+    let options_total = 0
+    packageList.forEach(itemA => {
+      itemA.checked = false
+      options_ids.forEach(itemB => {
+        if(itemA.id === itemB){
+          itemA.checked = true
+          if(parseFloat(itemA.price)>0){
+            options_total = options_total +  parseFloat(itemA.price)
+          }
+        }
+      })
+    })
+
+    this.setData({
+      packageList,
+      options_ids,
+      options_total,
+    })
+  },
+
 })
\ No newline at end of file
diff --git a/pages/order/register/index.wxml b/pages/order/register/index.wxml
index 8937e36..b7806cf 100644
--- a/pages/order/register/index.wxml
+++ b/pages/order/register/index.wxml
@@ -180,6 +180,26 @@
             </picker>
           </view>
         </view>
+
+        <!--选装-->
+        <block wx:if="{{packageList.length>0&&interiorIndex != -1}}">
+          <view class="pt30 pb30 font-32">选装包</view>
+          <checkbox-group bindchange="choosePackage">
+            <block wx:for='{{packageList}}' wx:key='index' wx:key="index">
+              <label class="block inner40 pb5 relative ulib-r10 box-shadow-000-10-10 mb30 overflowhidden">
+                <view class="relative pr100">
+                  <view class="font-30">{{item.title}}</view>
+                  <checkbox class="absolute top-0 right-0 font-30" value="{{item.id}}" checked="{{item.checked}}"/>
+                </view>
+                <view class="mt15 text-middle font-28 color-666">￥{{item.price}}</view>
+                <view class="mt15 font-24 color-666 text-break line-height-18" >
+                  <rich-text nodes="{{item.descrip}}"></rich-text>
+                </view>
+              </label>
+            </block>
+          </checkbox-group>
+        </block>
+
       </view>
 
       <view wx:if="{{step == 3}}">
@@ -442,6 +462,20 @@
       <view class="absolute left-0 box-middle font-28 color-333">内饰颜色</view>
       <view class="pt30 pb30 text-right font-28 color-666">{{interiorArray[interiorIndex]}}</view>
     </view>
+    <block wx:if="{{options_ids.length>0}}">
+      <view class="relative bbs-1-eb last-b-none pl180 font-28">
+        <view class="absolute left-0 box-middle color-333">选装包</view>
+        <view class="pt30 pb30 text-right font-28 color-666" style="height:38rpx;"><text class="mr10 color-f9394d">{{options_total}}</text>元</view>
+      </view>
+      <block wx:for="{{packageList}}" wx:key='index'>
+        <view class="relative ml40 bbs-1-eb pl140 font-22 color-666" wx:if="{{item.checked}}">
+          <view class="absolute left-0 box-middle"><i class="iconfont ml5 mr10 icon-gengduo"></i>{{item.title}}</view>
+          <view class="pt25 pb25 text-right" style="min-height:30rpx">
+            <block wx:if="{{item.price>0}}"><text class="mr10 color-f9394d">{{item.price}}</text>元</block>
+          </view>
+        </view>
+      </block>
+    </block>
     <view class="mt40 font-32">其他信息</view>
     <view class="relative bbs-1-eb pl190 last-b-none">
       <view class="absolute left-0 box-middle font-28 color-333">付款方式</view>