姜永辉 il y a 2 ans
Parent
commit
68e03a8a74

+ 2 - 2
app.json

@@ -3,7 +3,7 @@
         "pages/index/index",
         "pages/index/index2",
         "pages/home-page/home-page",
-        "pages/other/other",
+        "pages/shopping/shopping",
         "pages/mine/mine",
         "pages/login/login",
         "pages/ec-canvas/ec-canvas-new"
@@ -186,7 +186,7 @@
                 "selectedIconPath": "static/img/app_selected.png"
             },
             {
-                "pagePath": "pages/other/other",
+                "pagePath": "pages/shopping/shopping",
                 "text": "购物车",
                 "iconPath": "static/img/goodsproduct.png",
                 "selectedIconPath": "static/img/goodsproduct_selected.png"

+ 0 - 34
pages/other/other.js

@@ -1,34 +0,0 @@
-/*******************************************************************************
- * Copyright(c) 2022 dongke All rights reserved. / Confidential
- * 类的信息:
- *		1.程序名称:
- *		2.功能描述:其他tab画面
- * 编辑履历:
- *		作者				日期					版本				修改内容
- *		admin		  	2022-11-22			1.00		   	新建
- *******************************************************************************/
-Page({
-
-  /**
-   * 页面的初始数据
-   */
-  data: {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad: function (options) {
-
-  },
- 
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-
-  },
- 
-})

+ 0 - 3
pages/other/other.json

@@ -1,3 +0,0 @@
-{
-  "usingComponents": {}
-}

+ 0 - 2
pages/other/other.wxml

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

+ 0 - 1
pages/other/other.wxss

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

+ 735 - 0
pages/shopping/shopping.js

@@ -0,0 +1,735 @@
+/*******************************************************************************
+ * Copyright(c) 2022 dongke All rights reserved. / Confidential
+ * 类的信息:
+ *		1.程序名称:
+ *		2.功能描述:商品选择
+ * 编辑履历:
+ *		作者				日期					版本				修改内容
+ *		于继渤		  2022-05-13	              1.00		   	    
+ *******************************************************************************/
+const api = require('../../utils/api.js');
+const Constants = require('../../utils/Constants.js');
+const common = require('../../utils/common.js');
+const chooseGoodsCommon = require('../../utils/chooseGoodsCommon.js');
+const app = getApp()
+Page({
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    showFlag: false,
+    nonStandardListFlag: true,
+    skuloading: false,
+    specsId: undefined,
+    orderType: '',
+    followFlag: false,  // 退换补标识
+    loading: false,
+    list: [],
+    pageInfo: {
+      pageSize: 10,
+      currentPage: 1
+    },
+    noMore: false,
+    choosedGoodsList: [], //已选商品列表
+    goodsList: [], //商品列表
+    goodsSkuList: [],//SPU对应的SKU
+    //------------------------
+    sumGoodsAmount: '0',//合计金额
+    sumQuantity: '0',   // 合计数量
+    categoryQuantity: 0,// 品类数
+    mainActiveIndex: 0,
+    numNum: 0,
+    sideKey: 0,
+    search: '',
+    noMore: false,
+    loading: false,
+    pageInfo: {
+      pageSize: 10,
+      currentPage: 1
+    },
+    active: 0,
+    specsActive: -1,     // 个别分类
+    showAdd: false,
+    showChoosed: false,
+    showAllSpecs: false,// 是否显示商品分类
+    updateIndex: null,
+    skuData: [],   // 根据spuId查询出的sku信息
+    defSkuId: 0,  // 默认的skuId
+    // 商品分类
+    typeList: [
+      {
+        name: "全部分类",
+        id: ''
+      },
+      {
+        name: "促销套餐",
+        id: 0
+      },
+    ],
+    // sku规格
+    skuSpecsList: [],
+    // 可用的sku规格
+    skuSpecsData: [],
+    //单品促销
+    PricePromotionData: [],
+    tagList: [
+      {
+        id: 1,
+        name: '原木柜'
+      },
+      {
+        id: 2,
+        name: '古典柜'
+      }, {
+        id: 3,
+        name: '金属柜'
+      }
+      , {
+        id: 4,
+        name: '生态柜'
+      },
+      {
+        id: 0,
+        name: '更多'
+      },
+
+    ],
+    infoTypeFlag: false,
+    infoTypeFlag1: false,
+    show_spec: false,
+    show_glassParameters: false,
+  },
+
+  changeTag(e) {
+    this.setData({
+      active: e.detail.index
+    })
+  },
+
+  closeChoosedItemInfo_spec() {
+    this.setData({
+      show_spec: false
+    })
+  },
+
+  /**
+   * 允许从相机和相册扫码
+   * @param {*} e 
+   */
+  scanQRCode(e) {
+    // 允许从相机和相册扫码
+    wx.scanCode({
+      success(res) {
+        let scancode = res.result
+        // 调转商品选品
+        wx.navigateTo({
+          url: '../choose-goods/choose-goods?searchText=' + scancode.length > 14 ? scancode.substring(0, 14) : scancode,
+        })
+      }
+    })
+  },
+
+  /**
+  * @desc : 改变标识
+  * @author : 周兴
+  * @date : 2022/8/6 17:16
+  */
+  changeAllReadyCheckBox(e) {
+    chooseGoodsCommon.changeAllReadyCheckBoxCommon(e, this)
+  },
+
+  /**
+    * @desc : 分类切换
+    * @author : 于继渤
+    * @date : 2022/5/26 20:16
+    */
+  changeSidebar(e) {
+    let id = this.data.typeList[e.detail].id
+    if (id == "" && typeof (id) != 'number') {
+      this.setData({
+        sideKey: null,
+        specsId: null
+      })
+    } else {
+      this.setData({
+        sideKey: e.detail,
+        specsId: id
+      })
+    }
+    this.setData({
+      searchText: ''
+    })
+    // 查询
+    this.doSearch()
+  },
+
+  /**
+    * @desc : 打开商品
+    * @author : 周兴
+    * @date : 2022/7/2 20:16
+    */
+  openAddItemInfo(e) {
+    chooseGoodsCommon.openAddItemInfoCommon(e, this, 'shopping')
+  },
+  /**
+     * 关闭产品
+     * @param {*} e 
+     */
+  closeAddItemInfo() {
+    chooseGoodsCommon.closeAddItemInfoCommon(this)
+  },
+  /**
+  * @desc : 打开选择明细
+  * @author : 周兴
+  * @date : 2022/7/4 20:16
+  */
+  openChoosedItemInfo(e) {
+    chooseGoodsCommon.openChoosedItemInfoCommon(e, this)
+  },
+  /**
+  * @desc : 删除选中的数据
+  * @author : 周兴
+  * @date : 2022/7/4 20:16
+  */
+  delChoosedGoodsItem(e) {
+    chooseGoodsCommon.delChoosedGoodsItemCommon(e, this, true)
+  },
+  /**
+  * @desc : 确定
+  * @date : 2022/7/5 16:49
+  * @author : 周兴
+  */
+  submit() {
+    let choosedGoodsList = this.data.choosedGoodsList
+    choosedGoodsList.forEach((res, index) => {
+      if (res.combinedList && res.combinedList.length > 0) {
+        let skuListTemp = []
+        res.combinedList.forEach(item => {
+          skuListTemp = skuListTemp.concat(item.skuList)
+        })
+        res.goodsSkuList = skuListTemp
+      }
+    })
+
+    let goodsListTemp = []
+    // 处理数据
+    let list = chooseGoodsCommon.handleData(goodsListTemp, this);
+    //处理使用位置
+    if (list && list.length > 0) {
+      list.forEach((it, index) => {
+        //过滤数量为零的数据
+        if (it.itemQuantity == 0) {
+          list.splice(index, 1)
+        }
+        if (it.goodsSkuList && it.goodsSkuList.length > 0) {
+          it.goodsSkuList.forEach(obj => {
+            obj.usedLocation = it.usedLocation
+          })
+        }
+      })
+    } else {
+      return;
+    }
+    wx.setStorageSync('choosedGoodsList', this.data.choosedGoodsList)
+
+
+    wx.navigateTo({
+      url: '/package4/pages/order-billing/add/add?orderType=' + 1 + '&goodsList=' + encodeURIComponent(JSON.stringify(list)) + '&customerItem=' + this.data.customerItem + '&chooseFlag=true' + '&page=shopping',
+    })
+  },
+
+  /**
+  * @desc : 查询
+  * @date : 2022/5/12 16:49
+  * @author : 于继渤
+  */
+  doSearch() {
+    let pageInfo = this.data.pageInfo;
+    pageInfo.pageSize = 10;
+    pageInfo.currentPage = 1;
+    this.setData({
+      show: false,
+      noMore: false,
+      pageInfo: pageInfo,
+      list: [],
+      goodsList: []
+    })
+    this.getData()
+  },
+
+  onSearchText(e) {
+    this.setData({
+      searchText: e.detail,
+      sideKey: 0,
+      specsId: null
+    })
+  },
+  /**
+  * @desc : 获取商品数据
+  * @date : 2022/5/13 16:49
+  * @author : 于继渤
+  */
+  getData(e) {
+    this.setData({
+      loading: true
+    })
+    // 设置参数
+    let param = chooseGoodsCommon.setParam(this);
+    api.request(Constants.GOODS_SPU_API + 'get_spu_by_page', 'POST', param).then(res => {
+      this.setData({
+        loading: false
+      })
+      if (res.data.code === 200) {
+        let tList = this.data.list;
+        let list = res.data.data.list;  //后台返回数据
+        if (!list || list.length == 0) {
+          // 如果不是翻页,需要清空
+          if (e != 'more') {
+            this.setData({
+              list: [],
+              noMore: false
+            })
+          } else {
+            this.setData({
+              noMore: true
+            })
+          }
+          return
+        }
+        if (list.length < this.data.pageInfo.pageSize) {
+          this.setData({
+            noMore: false
+          })
+        }
+        tList = tList.concat(list)
+        // 设置图标绝对路径
+        common.setSkuIcon(tList);
+        this.setData({
+          list: tList,
+          goodsList: tList
+        })
+      }
+    })
+  },
+  /**
+   * 数量的变化事件
+   * @param {*} 
+   */
+  changeAllreadyChooseQuantityPop(e) {
+    let currentChoosedItem = this.data.currentChoosedItem
+    currentChoosedItem.itemQuantity = e.detail
+    if (currentChoosedItem.nonStandardArea) {
+      currentChoosedItem.itemAmount = Number(currentChoosedItem.priceSale * currentChoosedItem.itemQuantity * currentChoosedItem.nonStandardArea).toFixed(2)
+      currentChoosedItem.itemAmount = isNaN(currentChoosedItem.itemAmount) ? 0 : currentChoosedItem.itemAmount
+    } else {
+      currentChoosedItem.itemAmount = Number(currentChoosedItem.priceSale * currentChoosedItem.itemQuantity).toFixed(2)
+      currentChoosedItem.itemAmount = isNaN(currentChoosedItem.itemAmount) ? 0 : currentChoosedItem.itemAmount
+    }
+    this.setData({
+      currentChoosedItem: currentChoosedItem
+    })
+  },
+  /**
+    * @desc : 生命周期函数--监听页面加载
+    * @date : 2022/5/13 16:49
+    * @author : 于继渤
+    */
+  onLoad: function (options) {
+    //订单新建
+    let ORDER_Add = common.hasButtonRight(Constants.ORDER_Add)
+    this.setData({
+      ORDER_Add: ORDER_Add,
+    })
+    let _this = this;
+    wx.getSystemInfo({
+      success: function (res) {
+        _this.setData({
+          windowHeight: res.windowHeight,
+          windowWidth: res.windowWidth
+        })
+      }
+    })
+    let choosedGoodsList = wx.getStorageSync('choosedGoodsList')
+    let homeData = wx.getStorageSync('homeData')
+
+    if (choosedGoodsList.length > 0) {
+      this.setData({
+        skuData: homeData.skuData,
+        skuSpecsData: homeData.skuSpecsData,
+        skuSpecsList: homeData.skuSpecsList,
+        choosedGoodsList: choosedGoodsList
+      })
+      chooseGoodsCommon.getSumAmount(this);
+    }
+
+    //设置来源
+    if (options.orderType) {
+      this.setData({
+        orderType: options.orderType
+      })
+    }
+    // 是否是退换补单(退换补单按照实际量进行处理)
+    if (options.followFlag) {
+      this.setData({
+        followFlag: options.followFlag
+      })
+    }
+    //预算报价客户信息
+    if (options.customerItem) {
+      this.setData({
+        customerItem: options.customerItem
+      })
+    }
+    //扫码搜索
+    if (options.searchText) {
+      this.setData({
+        searchText: options.searchText
+      })
+    }
+    //执行查询
+    this.doSearch()
+    this.getGoodsClassification()
+  },
+
+  /**
+    * @desc : 加载商品分类
+    * @date : 2022/5/15 16:49
+    * @author : 于继渤
+    */
+  getGoodsClassification() {
+    let param = {
+      dataSourceCode: '商品规格分类',
+      cpId: app.globalData.user.cpId,
+    }
+    api.request(Constants.BASIC_COMMON_API + 'get_wx_init_data', 'POST', param).then(res => {
+      if (res.data.code === 200) {
+
+        let typeList = this.data.typeList
+        let list = res.data.data
+        list.forEach(item2 => {
+          let item = {
+            id: item2.id,
+            name: item2.name,
+          }
+          typeList.push(item)
+        })
+        this.setData({
+          typeList: typeList
+        })
+      }
+    })
+  },
+  /**
+  * @desc : 选择数据
+  * @date : 2022/7/4 16:49
+  * @author : 周兴
+  */
+  chooseSkuInfo() {
+    chooseGoodsCommon.chooseSkuInfoCommon(this);
+  },
+  /**
+  * @desc : 清空default
+  * @date : 2022/7/4 16:49
+  * @author : 周兴
+  */
+  clearDefault() {
+    chooseGoodsCommon.clearDefaultCommon(this);
+  },
+  /**
+  * @desc : 已选商品更改数量计算合计
+  * @date : 2022/7/4 16:49
+  * @author : 周兴
+  */
+  changeAllreadyChooseQuantity(e) {
+    let choosedGoodsList = this.data.choosedGoodsList
+    let index = e.currentTarget.dataset.index
+    choosedGoodsList[index].itemQuantity = e.detail
+    choosedGoodsList[index].itemAmount = Number(choosedGoodsList[index].priceSale * choosedGoodsList[index].itemQuantity)
+    this.setData({
+      choosedGoodsList: choosedGoodsList,
+    })
+    // 计算合计金额
+    chooseGoodsCommon.getSumAmount(this);
+  },
+
+  /**
+* @desc : 标价折扣输入事件
+* @author : 于继渤
+* @date : 2022/5/31 17:16
+*/
+  changeDiscountStandardField(e) {
+    let currentChoosedItem = this.data.currentChoosedItem
+    currentChoosedItem.discountStandard = e.detail
+    this.setData({
+      currentChoosedItem: currentChoosedItem
+    })
+  },
+  /**
+   * @desc : 销售价格编辑
+   * @author : 常皓宁
+   * @date : 2022/5/31 14:45
+   */
+  changeSalesPriceField(e) {
+    let priceSale = e.detail.value;
+    //优惠卷(标价负数)
+    if (this.data.currentChoosedItem.priceSale < 0) {
+      priceSale = Number(0 - e.detail.value)
+    }
+
+    chooseGoodsCommon.changeSalesPriceCommon(priceSale, this, false)
+  },
+  /**
+   * @desc : 修改销售价格
+  * @author : 周兴
+  * @date : 2022/7/6 14:45
+  */
+  changeSalesPrice(priceSale) {
+    chooseGoodsCommon.changeSalesPriceCommon(priceSale, this, true)
+  },
+  /**
+   * @desc : 修改销售金额
+   * @author : 周兴
+   * @date : 2022/7/4 14:45
+   */
+  changeItemAmountField(e) {
+    chooseGoodsCommon.changeItemAmountFieldCommon(e, this)
+  },
+
+  /**
+ * @desc : 切换sku商品规格
+ * @author : 周兴
+ * @date : 2022/6/1 10:16
+ */
+  changeSkuSpecs(e) {
+    chooseGoodsCommon.changeSkuSpecsCommon(e, this);
+  },
+
+  //主柜规格单选
+  clickZGGG(e) {
+    chooseGoodsCommon.clickZGGGCommon(e, this)
+  },
+
+  //定制品单选
+  clickDZP(e) {
+    chooseGoodsCommon.clickDZPCommon(e, this)
+  },
+  /**
+  * @desc : 切换组合促销明细
+  * @date : 2022/7/5 16:49
+  * @author : 周兴
+  */
+  changeCombinedItem(e) {
+    chooseGoodsCommon.changeCombinedItemCommon(e, this)
+  },
+
+  //单品促销单选
+  clickDP(e) {
+    chooseGoodsCommon.clickDPCommon(e, this)
+  },
+  /**
+   * @desc : 使用位置相关事件
+   * @author : 于继渤
+   * @date : 2022/5/26 12:16
+   */
+  changeUseLocation(e) {
+    let currentChoosedItem = this.data.currentChoosedItem
+    currentChoosedItem.usedLocation = e.detail
+    this.setData({
+      currentChoosedItem: currentChoosedItem
+    })
+  },
+  /**
+  * @desc : 点击全部分类
+  * @date : 2022/7/8 16:49
+  * @author : 周兴
+  */
+  clickAllSpecs() {
+    // 让其他分类的标识置为-1
+    this.setData({
+      specsActive: -1,
+      specsId: null
+    })
+    // 查询数据
+    this.doSearch()
+  },
+  /**
+  * @desc : 点击全部单个分类
+  * @date : 2022/7/8 16:49
+  * @author : 周兴
+  */
+  changeSpecsTabs(e) {
+    let index = e.detail.index;
+    this.setData({
+      specsActive: index,
+    })
+    let id = this.data.typeList[index].id
+    this.setData({
+      specsId: id
+    })
+    // 查询数据
+    this.doSearch()
+  },
+  /**
+  * @desc : 是否显示商品分类页面
+  * @date : 2022/7/9 16:49
+  * @author : 周兴
+  */
+  displayAllSpecs() {
+    this.setData({
+      showAllSpecs: true
+    })
+  },
+  /**
+   * @desc : 页面上拉触底事件的处理函数
+   * @author : 周兴
+   * @date : 2022/8/1 12:16
+   */
+  scrollToLower() {
+    if (this.data.loading || this.data.noMore) {
+      return;
+    }
+    this.setData({
+      pageInfo: {
+        pageSize: this.data.pageInfo.pageSize,
+        currentPage: this.data.pageInfo.currentPage + 1
+      }
+    })
+    this.getData('more')
+  },
+  /**
+     * @desc : 页面上拉触底事件的处理函数
+     * @author : 于继渤
+     * @date : 2022/5/24 12:16
+     */
+  onReachBottom: function () {
+
+    if (this.data.loading || this.data.noMore || this.data.active == 1) {
+      return;
+    }
+    this.setData({
+      pageInfo: {
+        pageSize: this.data.pageInfo.pageSize,
+        currentPage: this.data.pageInfo.currentPage + 1
+      }
+    })
+    this.getData('more')
+  },
+
+  onCloseDel(event) {
+    const { position, instance } = event.detail;
+    let indexdata = event.currentTarget.dataset.index
+    let form = this.data.form
+    let arr = this.data.goodsList
+
+    Dialog.confirm({
+      message: '确定删除吗?',
+    }).then(() => {
+      if (arr[indexdata].itemId) {
+        let orderItemDeleteVOListIds = []
+        //包含所有明细id
+        orderItemDeleteVOListIds.push(arr[indexdata].itemId)
+        if (arr[indexdata].goodsSkuList && arr[indexdata].goodsSkuList.length > 0) {
+          arr[indexdata].goodsSkuList.forEach(it => {
+            orderItemDeleteVOListIds.push(it.itemId)
+          })
+        }
+        form.orderItemDeleteVOList = form.orderItemDeleteVOList.concat(orderItemDeleteVOListIds)
+      }
+
+      arr.splice(indexdata, 1)
+      this.setData({
+        goodsList: arr,
+        form: form
+      })
+      //计算
+      this.calculation()
+    })
+  },
+  onShow: function () {
+
+
+
+    let choosedGoodsListTemp = wx.getStorageSync('choosedGoodsList')
+    if (choosedGoodsListTemp.length > 0) {
+      let choosedGoodsList = this.data.choosedGoodsList.concat(choosedGoodsListTemp)
+
+      let map = new Map();
+      for (let item of choosedGoodsList) {
+        map.set(item.id, item);
+      }
+      choosedGoodsList = [...map.values()];
+
+
+
+      this.setData({
+        choosedGoodsList: choosedGoodsList
+      })
+      chooseGoodsCommon.getSumAmount(this);
+    }
+
+
+  },
+  /**
+  * @desc : 选择非标参数事件
+  * @author : 于继渤
+  * @date : 2022/8/24 13:16
+  */
+  nonStandardTap(e) {
+    chooseGoodsCommon.nonStandardTap(e, this)
+  },
+  /**
+  * @desc : 设置非标匹配参数
+  * @author : 于继渤
+  * @date : 2022/8/24 13:16
+  */
+  setNonStandardMatchingParameters() {
+    chooseGoodsCommon.setNonStandardMatchingParameters(e, this)
+  },
+  /**
+  * @desc : 非标商品选择事件
+  * @author : 于继渤
+  * @date : 2022/8/24 13:16
+  */
+  nonGlassSpuItemsTap(e) {
+    chooseGoodsCommon.nonGlassSpuItemsTap(e, this)
+  },
+
+  /**
+  * @desc : 非标商品非标参数输入事件
+  * @author : 于继渤
+  * @date : 2022/8/24 13:16
+  */
+  bindInputIsScopeOne(e) {
+    chooseGoodsCommon.bindInputIsScopeOne(e, this)
+  },
+  bindBlurIsScopeOne(e) {
+    chooseGoodsCommon.bindBlurIsScopeOne(e, this)
+  },
+  changeFlgAllowSpecsUndefine(e) {
+
+    let currentChoosedItem = this.data.currentChoosedItem
+    currentChoosedItem.flgSpecsUndefine = e.detail
+    this.setData({
+      currentChoosedItem: currentChoosedItem
+    })
+  },
+
+  bindInputNonStantardArea(e) {
+
+    chooseGoodsCommon.bindInputNonStantardArea(e, this)
+  },
+  //面积离焦
+  bindBlurNonStantardArea(e) {
+
+    chooseGoodsCommon.bindBlurNonStantardArea(e, this)
+  },
+
+  /**
+ * @desc : 计算折扣反算销售价格
+ * @author : 于继渤
+ * @date : 2022/7/4 14:45
+ */
+  changeDiscountField(e) {
+    chooseGoodsCommon.changeDiscountFieldCommon(e, this)
+  }
+})

+ 4 - 0
pages/shopping/shopping.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText":"购物车"
+}

+ 411 - 0
pages/shopping/shopping.wxml

@@ -0,0 +1,411 @@
+<wxs module="m1">
+  var displayPrice = function (item) {
+    var numberFormat = require("../../utils/numberFormat.wxs");
+    // 如果有促销显示标准售价,如果正常品显示标价
+    // if (item.promotionType == 0) {
+    //优先显示促销价
+    if (item.pricePromotion) {
+      return '¥' + numberFormat.toThousandCents(item.pricePromotion)
+    } else {
+      return '¥' + numberFormat.toThousandCents(item.priceStandard)
+    }
+
+    // } else {
+    //   return '¥' + numberFormat.toThousandCents(item.pricePromotion)
+    // }
+    // return ''
+  }
+  module.exports.displayPrice = displayPrice
+</wxs>
+<wxs src='../../utils/numberFormat.wxs' module="numberFormat"></wxs>
+<loading wx:if="{{loading}}" loadingName="加载中" backgroundColor="#f2f2f2;" opacity="0.8"></loading>
+<van-tabs type="card" custom-class="tags-class" tab-active-class="{{active==0?'van-tab-active-left':'van-tab-active-right'}}" animated="{{true}}" swipeable="{{true}}" active="{{ active }}" dot bind:change="changeTag">
+  <van-tab title="商品列表"></van-tab>
+  <van-tab title="已选商品" info="{{choosedGoodsList.length==0?'':choosedGoodsList.length}}"></van-tab>
+</van-tabs>
+
+<view class="main-good-class" style="height:{{windowHeight+'px'}}">
+  <scroll-view scroll-y='{{true}}' bindscrolltolower='scrollToLower' lower-threshold='100' wx:if="{{active == 0}}" class="goods-class" style="height:calc({{windowHeight+'px'}} - 295rpx);overflow: scroll;">
+    <van-cell-group style="display: flex;justify-content: flex-end;width: calc({{windowWidth+'px'}} - 20rpx);" custom-class="width-70">
+      <!-- 标签 -->
+      <!-- <view wx:if="{{sideKey == 3}}" style=" display: flex;text-align: left;width: 100%;height: 55rpx; background-color:#fff;padding-left: 5px;padding:15rpx;">
+      <view wx:for="{{tagList}}" data-item="{{item}}">
+        <view style="padding-left: 5px;  background-color:#fff;">
+          <dk-van-tag size="large" color="#F2F2F2" value="{{item.name}}"></dk-van-tag>
+        </view>
+      </view>
+    </view> -->
+      <!-- 商品列表 -->
+      <van-cell wx:for="{{goodsList}}" wx:key="index" border="{{ false }}" data-item="{{item}}" bind:click="openAddItemInfo" custom-class="goods-cell-class">
+        <view class="goods-item-class">
+          <view>
+            <van-image radius="15rpx" custom-class="goods-item-image" fit="fill" src="{{item.iconThumPath }}" />
+          </view>
+          <view style="margin-left: 26rpx;width: 100%;">
+            <!-- 标题 -->
+            <view style="display: flex;">
+              <dk-title titleTag="{{item.titleTag}}" title="{{item.title}}"></dk-title>
+            </view>
+            <!-- 描述 -->
+            <view style="display: flex; ">
+              <dk-text value="{{item.desc}}"></dk-text>
+            </view>
+            <!-- 单品促销名 -->
+            <view wx:if="{{item.promotionType == 1}}" style="display: flex; margin-top: -10rpx; margin-bottom: -10rpx; ">
+              <dk-van-tag color="#C3C3C3" radius="10rpx" fontSize="9px" height="20rpx" roundFlag="{{true}}" size="medium" value="{{item.promotionName}}"></dk-van-tag>
+            </view>
+            <view style="display: flex;">
+              <!-- 标准价/标价-->
+              <view style="width: 85%;">
+                <dk-cell height="46rpx" spaceWidth="1rpx" left="0" fontSize="13" contentColor="#CAA977" fontWeight="bold" title="标准售价:" content="{{item.pricePromotion?item.pricePromotion:(item.priceStandard?item.priceStandard:0)}}"></dk-cell>
+                <!-- <dk-text color="#CAA977" value="售价:{{m1.displayPrice(item)}}"></dk-text> -->
+              </view>
+              <!-- 加号 -->
+              <view class="van-icon-class">
+                <van-icon size="25px" name="add" style="color:#1B365D" />
+              </view>
+            </view>
+          </view>
+        </view>
+      </van-cell>
+      <view wx:if="{{goodsList.length!=0}}" style="height:180rpx;"></view>
+      <van-cell wx:if="{{goodsList.length==0}}" border="{{ false }}">
+        <view style="width:100%;">
+          <van-empty description="暂无商品" />
+        </view>
+      </van-cell>
+    </van-cell-group>
+  </scroll-view>
+  <!--已选列表-->
+  <view wx:if="{{active == 1}}" class="goods-selected-class">
+    <view class="goods-class" style="height:calc({{windowHeight+'px'}} - 295rpx);overflow: scroll;"></view>
+    <van-cell-group style="display: flex;justify-content: flex-end;width: calc({{windowWidth+'px'}} - 20rpx);" custom-class="width-80">
+      <van-cell wx:if="{{choosedGoodsList.length==0}}" border="{{ false }}">
+        <van-empty description="暂无商品" />
+      </van-cell>
+      <van-cell custom-class="goods-cell-class" wx:for="{{choosedGoodsList}}" wx:key="index" data-index="{{index}}" border="{{ false }}">
+        <van-swipe-cell right-width="{{ 65 }}" data-index="{{index}}" async-close bind:close="delChoosedGoodsItem">
+          <view class="goods-item-class">
+            <view>
+              <van-image radius="15rpx" custom-class="goods-item-image" fit="fill" src="{{item.iconThumPath }}" />
+            </view>
+            <view style="margin-left: 26rpx;width: 100%;">
+              <view data-item="{{item}}" data-index="{{index}}" bind:tap="openChoosedItemInfo">
+                <!-- 标题 -->
+                <view style="display: flex;">
+                  <dk-title titleTag="{{item.titleTag}}" title="{{item.title}}"></dk-title>
+                </view>
+                <!-- 描述 -->
+                <view style="display: flex; ">
+                  <dk-text value="{{item.desc}}"></dk-text>
+                </view>
+                <view style="display: flex;">
+                  <!-- 标准价/标价-->
+                  <view style="width: 85%;">
+                    <!-- <dk-text color="#CAA977" value="售价:{{m1.displayPrice(item)}}"></dk-text> -->
+                    <dk-cell height="46rpx" spaceWidth="1rpx" left="0" fontSize="13" contentColor="#CAA977" fontWeight="bold" title="售价:" content="{{item.priceSale?item.priceSale:0}}"></dk-cell>
+                  </view>
+                  <view style="text-align: right;width: 5%;">
+                    <van-icon name="arrow" style="font-size:3.5vw;" />
+                  </view>
+                </view>
+              </view>
+
+              <view style="display:flex">
+                <view style="padding-top: 5rpx;">
+                  <dk-text value="数量:"></dk-text>
+                </view>
+                <van-stepper value="{{item.itemQuantity}}" integer="{{true}}" data-index="{{index}}" min="0" max="999999999" bind:change="changeAllreadyChooseQuantity" />
+              </view>
+            </view>
+          </view>
+          <view slot="right">删除</view>
+        </van-swipe-cell>
+
+
+      </van-cell>
+    </van-cell-group>
+    <view style="height:180rpx;"></view>
+  </view>
+</view>
+
+
+
+
+<van-search wx:if="{{active == 0}}" bind:search="doSearch" custom-class="search-class" bind:change="onSearchText" model:value="{{ searchText }}" placeholder="商品名称/商品型号" use-right-icon-slot="{{true}}" placeholder-style="color:#95A8CB">
+</van-search>
+<view wx:if="{{active == 0}}" class="scan-class">
+  <image class="scan-image" fit="fill" src="/static/img/Group.png"></image>
+</view>
+
+
+<van-sidebar activeKey="{{sideKey}}" bindchange="changeSidebar" custom-class="{{active == 0 ? 'left-class' : 'right-class'}}">
+  <view wx:if="{{active != 1}}" style="height:calc({{windowHeight+'px'}} - {{active == 1 ? '270rpx' :'370rpx' }});overflow: scroll;">
+    <van-sidebar-item wx:key="index" custom-class="{{sideKey - 1 == index? 'sidebar-item-before': (sideKey + 1 == index?'sidebar-item-next':'sidebar-item')}}" title="{{item.name}}" data-id="{{item.id}}" wx:for="{{typeList}}" />
+  </view>
+</van-sidebar>
+
+<!-- 合计保存相关组件 -->
+<dk-save-bottom flagTypeName="order-choose-goods" selectTotallength="{{sumQuantity}}" selectlength="{{categoryQuantity}}" totallength="{{numberFormat.toThousandCents(sumGoodsAmount)}}" bind:submit="submit" submitFlag="{{ORDER_Add}}" />
+
+<!--选择框-->
+<van-popup custom-class="dk-popup" show="{{ showAdd }}" round="{{true}}" position="bottom" bind:close="closeAddItemInfo">
+  <view style="  position:relative; top:280rpx;background-color: transparent; height: 44rpx;"></view>
+  <!-- <view style="width:163rpx;height: 49rpx; background-color: #ffff"></view> -->
+  <view class="special-topic">
+    <view class="special-topic-content">
+      <van-image radius="15rpx" custom-class="goods-pop-image" fit="fill" src="{{ currentChoosedItem.iconThumPath }}">
+      </van-image>
+      <!--  -->
+    </view>
+    <view class="special-topic-title">
+      <dk-title id="titleTagPop" titleTag="{{currentChoosedItem.titleTag}}" title="{{currentChoosedItem.title}}"></dk-title>
+      <view style="padding-top: 10rpx;white-space: nowrap;">
+        <dk-text fontWeight="" value="{{currentChoosedItem.desc}}"> </dk-text>
+      </view>
+      <view style="display: flex;padding-top: 5rpx;">
+        <view wx:if="{{currentChoosedItem.promotionType != 0 }}" class="price-pop-class" style="display: flex;width: 100%;">
+          <!--已选商品有,才会显示标准售价-->
+          <view style="width: 100%;" wx:if="{{ currentChoosedItem.promotionType == 2 || currentChoosedItem.skuName}}">
+            <dk-cell height="46rpx" spaceWidth="1rpx" left="0" fontSize="14" contentColor="#CAA977" fontWeight="bold" title="标准售价:" content="{{currentChoosedItem.pricePromotion}}" tailColor="#95A8CB" tailLine="{{true}}" tailFontWeight="400" tail="{{currentChoosedItem.priceStandard?'¥' + numberFormat.toThousandCents(currentChoosedItem.priceStandard):''}}"></dk-cell>
+          </view>
+          <!-- <view style="width: 50%;" wx:if="{{currentChoosedItem.priceStandard}}">
+            <dk-cell height="46rpx" spaceWidth="0rpx" left="0" fontSize="12" contentColor="#1B365D" fontWeight="nomal" title="标价:" content="{{currentChoosedItem.priceStandard}}"></dk-cell>
+          </view> -->
+        </view>
+        <view wx:else class="price-pop-class">
+          <dk-cell height="46rpx" spaceWidth="0rpx" left="0" fontSize="14" contentColor="#CAA977" fontWeight="bold" title="标价:" content="{{currentChoosedItem.priceStandard}}"></dk-cell>
+        </view>
+
+        <!-- 可换件 -->
+        <view style="text-align: right; width: 14%;" wx:if="{{currentChoosedItem.replaceableSku}}">
+          <dk-van-tag color="red" roundFlag="{{true}}" size="medium" value="可换件"></dk-van-tag>
+        </view>
+      </view>
+      <!--sku编码-->
+      <view class="selected-sku-text" wx:if="{{(currentChoosedItem.skuSpecsList && currentChoosedItem.skuSpecsList.length > 0 && currentChoosedItem.skuName)  || (skuSpecsData.length  == 1 && (currentChoosedItem.promotionType == 0 || currentChoosedItem.promotionType == 1) ) }}" style="padding-top: 6rpx !important;">
+        <dk-text fontWeight="" fontSize="10px" value="已选:{{ currentChoosedItem.skuName }}"> </dk-text>
+      </view>
+    </view>
+  </view>
+  <view class="pop-content-class">
+    <van-cell-group>
+      <view style="height:calc({{windowHeight+'px'}} - 676rpx);overflow-y: scroll;overflow-x: hidden;">
+        <!-- 正常品 -->
+        <view wx:if="{{ show1}}">
+          <!-- 就一个商品 -->
+          <view wx:if="{{currentChoosedItem.skuSpecsList.length == 0  && skuSpecsData.length  == 1 && (currentChoosedItem.promotionType == 0|| currentChoosedItem.promotionType == 1)}}" style="display: flex;justify-content: space-between;">
+            <view style="width: 30%;">
+            </view>
+            <!--显示已选商品编码-->
+            <view style="align-items: center; padding-top: 12rpx;">
+              <dk-text fontSize="10px" fontWeight="" value="编码:{{currentChoosedItem.skuCode}}"> </dk-text>
+            </view>
+          </view>
+
+
+
+
+          <view wx:for="{{currentChoosedItem.skuSpecsList}}" wx:key="index" date-item="{{item}}">
+            <view style="display: flex;justify-content: space-between;">
+              <view style="width: 30%;">
+                <dk-text fontSize="13px" value="{{item.specsName}}"></dk-text>
+              </view>
+              <!--显示已选商品编码-->
+              <view style="align-items: center; padding-top: 12rpx;" wx:if="{{currentChoosedItem.skuCode && index == 0}}">
+                <dk-text fontSize="10px" fontWeight="" value="编码:{{currentChoosedItem.skuCode}}"> </dk-text>
+              </view>
+            </view>
+            <view class="tags">
+              <view class="tag-bom-item" wx:key="indext" wx:for="{{item.specsList}}" wx:for-index="indext" wx:for-item="itemt">
+                <!-- wx:if="{{itemt.disabled}}" -->
+                <!-- <view style="z-index: 1000;position: absolute; margin-top: -25rpx;margin-left: 75rpx;">
+
+                                    <dk-van-tag color="red" fontSize="8px" height="20rpx" size="small" value="无货"></dk-van-tag>
+                                </view> -->
+                <view>
+
+                </view>
+                <view style="position: relative;z-index:999">
+                  <!-- disabled="{{itemt.disabled}}" -->
+                  <!-- <van-button disabled="{{itemt.disabled}}" size="small" bind:click="changeSkuSpecs" data-pindex="{{index}}" custom-class="{{itemt.default?'button-selected-class':'button-class'}}" data-itemt="{{itemt}}" data-indext="{{indext}}"><text style="text-decoration:line-through">{{ itemt.key }}</text></van-button> -->
+                  <van-button disabled="{{itemt.disabled}}" size="small" bind:click="changeSkuSpecs" data-pindex="{{index}}" custom-class="{{itemt.default?'button-selected-class':'button-class'}}" data-itemt="{{itemt}}" data-indext="{{indext}}"><text wx:if="{{itemt.disabled}}" style="color:black;text-decoration:line-through"><text style="color:#95A8CB;">{{ itemt.key }}</text></text><text wx:if="{{!itemt.disabled}}">{{ itemt.key }}</text></van-button>
+                </view>
+
+              </view>
+            </view>
+          </view>
+        </view>
+        <!-- 组合促销 -->
+        <view wx:if="{{show4}}">
+          <view wx:for="{{currentChoosedItem.combinedData.combinedType}}" wx:key="index">
+            <view style="width: 30%;">
+              <dk-text fontSize="13px" value="{{item.specsName}}"></dk-text>
+            </view>
+            <view class="tags">
+              <view wx:key="indext" wx:for="{{currentChoosedItem.combinedData.combinedItem}}" wx:for-index="indext" wx:for-item="itemt">
+                <van-button wx:if="{{item.typeId == itemt.combinedTypeId}}" size="small" catchtap="changeCombinedItem" custom-class="{{itemt.infotype=='info'?'button-selected-class':'button-class'}}" data-pindex="{{index}}" data-itemt="{{itemt}}">
+                  <view class="tag-text">{{ itemt.skuModel?itemt.skuModel:'' }}</view>
+                  <view class="tag-text">{{ itemt.skuName }}</view>
+                </van-button>
+              </view>
+            </view>
+            <!-- <van-divider /> -->
+          </view>
+          <view>
+          </view>
+        </view>
+
+        <!-- 促销单品选择 -->
+        <view wx:if="{{show5}}">
+          <view>
+            <view class="tags">
+              <view style="margin-left: 5px;margin-bottom: 12px;" wx:key="indext" wx:for="{{PricePromotionData}}" wx:for-index="indext" wx:for-item="itemt">
+                <van-button size="small" catchtap="clickDP" custom-class="button-class" data-pindex="{{index}}" data-itemt="{{itemt}}" data-indext="{{indext}}" plain type="{{itemt.infotype}}">
+                  <text style="display:flex;">{{ itemt.skuName }}</text>
+                  <text style="display:flex;">{{ itemt.skuCode }}</text>
+                </van-button>
+              </view>
+            </view>
+            <van-divider />
+          </view>
+          <view>
+          </view>
+        </view>
+
+        <!-- 没有规格的商品 -->
+        <view wx:if="{{show6 && (currentChoosedItem.skuData.length > 0)}}">
+          <view wx:key="index">
+            <view style="width: 30%;">
+              <dk-text fontSize="13px" value="商品"></dk-text>
+            </view>
+            <view class="tags">
+              <view wx:key="indext" wx:for="{{currentChoosedItem.skuData}}" wx:for-index="indext" wx:for-item="itemt">
+                <van-button disabled="{{itemt.disabled}}" size="small" bind:click="nonGlassSpuItemsTap" custom-class="{{itemt.infotype=='info'?'button-selected-class':'button-class'}}" data-indext="{{indext}}" data-itemt="{{itemt}}">
+                  <view wx:if="{{itemt.disabled}}" style="color:black;text-decoration:line-through">
+                    <view class="tag-text" style="color:#95A8CB;">{{ itemt.skuModel}} </view>
+                    <view class="tag-text" style="color:#95A8CB;">{{ itemt.skuName }}</view>
+                  </view>
+                  <view wx:else>
+                    <view class="tag-text">{{ itemt.skuModel}} </view>
+                    <view class="tag-text">{{ itemt.skuName }}</view>
+                  </view>
+                </van-button>
+              </view>
+            </view>
+          </view>
+        </view>
+        <!-- 非标参数选择 -->
+        <view wx:if="{{ show7}}">
+          <view wx:for="{{currentChoosedItem.nonStandardList}}" wx:key="index" date-item="{{item}}">
+            <view style="width: 30%;">
+              <dk-text wx:if="{{item.isScope == 0}}" fontSize="13px" value="{{item.fieldName}}"></dk-text>
+            </view>
+            <view class="tags" wx:if="{{item.isScope == 0}}">
+              <view class="tag-bom-item" wx:key="indext" wx:for="{{item.options}}" wx:for-index="indext" wx:for-item="itemt">
+                <van-button size="small" catchtap="nonStandardTap" data-pindex="{{index}}" custom-class="{{itemt.infotype=='info'?'button-selected-class':'button-class'}}" data-itemt="{{itemt}}" data-indext="{{indext}}">{{ itemt.name }}
+                </van-button>
+              </view>
+            </view>
+
+            <view wx:if="{{item.isScope == 1}}" style="display: flex; padding-bottom: 20rpx; padding-top: 10rpx;">
+              <view style="width: 50%;">
+                <dk-text fontSize="13px" value="{{item.fieldName}}"></dk-text>
+              </view>
+              <view style="width: 50%; text-align: right;font-size: 13px; ">
+                <input type="{{item.fieldType == 3 ? 'number' : 'text'}}" placeholder-class="placeholder-class" placeholder="{{'请输入'+item.fieldName}}" data-pindex="{{index}}" value="{{item.optionCode}}" data-item="{{item}}" bindblur="bindBlurIsScopeOne" bindinput="bindInputIsScopeOne"></input>
+              </view>
+
+            </view>
+          </view>
+
+          <view wx:if="{{currentChoosedItem.flgNonStandardType == 1}}">
+            <view style="display: flex; padding-bottom: 20rpx; padding-top: 10rpx;">
+              <view style="width: 50%;">
+                <dk-text fontSize="13px" value="面积公式"></dk-text>
+              </view>
+              <view style="width: 50%; text-align: right;font-size: 13px; ">
+                <input type="text" placeholder-class="placeholder-class" data-pindex="{{index}}" disabled="{{true}}" data-item="{{item}}" value="{{currentChoosedItem.specialFormulaName}}" bindblur="bindBlurIsScopeOne" bindinput="bindInputIsScopeOne"></input>
+              </view>
+
+            </view>
+
+            <!-- <view style="display: flex; padding-bottom: 20rpx; padding-top: 10rpx;"> -->
+
+            <van-cell border="{{ false }}" title-width="410rpx" title-class="{{'red-label'}}">
+              <view slot="title">
+                面积
+              </view>
+              <view Cell Slot="value">
+                <!-- <input type="text" placeholder-class="placeholder-class" placeholder="请输入面积" value="{{currentChoosedItem.nonStandardArea ? currentChoosedItem.nonStandardArea : ''}}" bindblur="bindBlurNonStantardArea" bindinput="bindInputNonStantardArea"></input> -->
+                <dk-number-input sign="" formatThousandth="{{false}}" digits="{{6}}" center="right" data-key="nonStandardArea" inputValue="{{currentChoosedItem.nonStandardArea?currentChoosedItem.nonStandardArea:0}}" bind:triggerBindValue="bindBlurNonStantardArea"></dk-number-input>
+              </view>
+            </van-cell>
+            <!-- </view> -->
+          </view>
+        </view>
+
+        <van-cell border="{{ false }}" title="数量" title-class="red-label">
+          <van-stepper value="{{currentChoosedItem.itemQuantity}}" integer="{{true}}" data-index="{{index}}" min="0" max="999999999" bind:change="changeAllreadyChooseQuantityPop" />
+        </van-cell>
+
+        <!--销售价格-->
+        <van-cell border="{{ false }}" title-width="410rpx" title-class="{{!currentChoosedItem.flgGift ? 'red-label' : ''}}" disabled="{{currentChoosedItem.flgGift}}">
+          <view slot="title">
+            销售价格
+          </view>
+          <view Cell Slot="value">
+            <dk-number-input center="right" data-key="priceSale" inputValue="{{currentChoosedItem.priceSale}}" bind:triggerBindValue="changeSalesPriceField"></dk-number-input>
+          </view>
+        </van-cell>
+
+        <!--销售金额-->
+        <van-cell border="{{ false }}" title-width="410rpx" title-class="{{!currentChoosedItem.flgGift ? 'red-label' : ''}}" disabled="{{currentChoosedItem.flgGift}}">
+          <view slot="title">
+            销售金额
+          </view>
+          <view Cell Slot="value">
+            <dk-number-input center="right" data-key="itemAmount" inputValue="{{currentChoosedItem.itemAmount}}" bind:triggerBindValue="changeItemAmountField"></dk-number-input>
+          </view>
+        </van-cell>
+
+        <!--正常品显示-->
+        <van-cell wx:if="{{currentChoosedItem.promotionType==0}}" border="{{ false }}" title-width="410rpx" disabled="{{currentChoosedItem.flgGift}}">
+          <view slot="title" style="color:#95A8CB">
+            标价折扣
+          </view>
+          <!-- 
+                    <dk-text color="#1B365D" fontSize="13px" fontWeight="nomal" value="{{(currentChoosedItem.discountStandard  || currentChoosedItem.discountStandard ==0)?(currentChoosedItem.discountStandard+ '%'):'' }}"></dk-text> -->
+          <dk-number-input center="right" signSize="20" percentSignFlag="{{true}}" data-key="discountStandard" inputValue="{{(currentChoosedItem.discountStandard  || currentChoosedItem.discountStandard ==0)?(currentChoosedItem.discountStandard):'' }}" bind:triggerBindValue="changeDiscountField"></dk-number-input>
+        </van-cell>
+
+        <!--促销品显示-->
+        <van-cell wx:if="{{currentChoosedItem.promotionType !=0 }}" border="{{ false }}" title-width="410rpx" disabled="{{currentChoosedItem.flgGift}}">
+          <view slot="title" style="color:#95A8CB">
+            标准售价折扣
+          </view>
+
+          <!--只显示-->
+          <dk-number-input center="right" signSize="20" percentSignFlag="{{true}}" data-key="discountPromotion" inputValue="{{(currentChoosedItem.discountPromotion  || currentChoosedItem.discountPromotion ==0)?(currentChoosedItem.discountPromotion):'' }}" bind:triggerBindValue="changeDiscountField"></dk-number-input>
+          <!-- <dk-text color="#1B365D" fontSize="13px" fontWeight="nomal" value="{{currentChoosedItem.discountPromotion?(currentChoosedItem.discountPromotion+ '%'):'' }}"></dk-text> -->
+        </van-cell>
+
+        <van-field label-class="nomal-label" label="使用位置" type="usedLocation" bind:click-icon="clicIconkUseLocation" bind:blur="blurUseLocation" bind:change="changeUseLocation" data-item="currentChoosedItem" data-key="usedLocation" value="{{currentChoosedItem.usedLocation}}" input-align="right" placeholder="请输入使用位置" border="{{ false }}" />
+
+        <van-cell wx:if="{{currentChoosedItem.cpFlgGift}}" style="color:#95A8CB" title="赠品标识" border="{{ false }}" value-class="value-class">
+          <van-checkbox shape="round" value="{{ currentChoosedItem.flgGift}}" data-index="{{index}}" data-key="flgGift" bind:change="changeAllReadyCheckBox" />
+        </van-cell>
+
+        <van-cell wx:if="{{currentChoosedItem.flgAllowSpecsUndefine}}" style="color:#95A8CB" title="坑距待定" border="{{ false }}" value-class="value-class">
+          <van-checkbox shape="round" value="{{ currentChoosedItem.flgSpecsUndefine}}" data-index="{{index}}" data-key="flgSpecsUndefine" bind:change="changeFlgAllowSpecsUndefine" />
+        </van-cell>
+
+        <view style="height: 100rpx;"></view>
+      </view>
+      <van-cell value-class="button-pop-cell-class">
+        <van-button disabled="{{skuloading}}" custom-class="button-pop-class" type="info" size="small" bind:click="chooseSkuInfo">确定
+        </van-button>
+      </van-cell>
+    </van-cell-group>
+  </view>
+</van-popup>

+ 340 - 0
pages/shopping/shopping.wxss

@@ -0,0 +1,340 @@
+/* pages/billing/sale-order/choose-goods/choose-goods.wxss */
+
+.search-view-class{
+  /* color:red; */
+  position: fixed;
+  top: 100rpx;
+  z-index: 100;
+  width:100% !important;
+  left: 34rpx;
+  height: 78rpx;
+  display: flex;
+}
+
+.search-class{
+  /* color:red; */
+  position: fixed;
+  top: 100rpx;
+  z-index: 100;
+  width: calc(100% - 195rpx) !important;
+  left: 34rpx;
+  height: 78rpx;
+}
+/**扫一扫**/
+.scan-class{
+  position: fixed;
+  top: 107rpx;
+  right: 34rpx;
+  width: 122rpx;
+  height: 65rpx;
+  background: #1B365D;
+  border-radius: 15rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.scan-image{
+  width: 48rpx;
+  height: 36rpx;
+}
+
+/** 查询**/
+.van-search {
+  background: #F8F9FD !important;
+  padding-left: 0 !important;
+}
+
+/**
+*默认样式
+*/
+.title {
+  align-items: center;
+  font-size: 14px;
+  height: 50rpx; 
+  padding-top: 10rpx;
+  display: flex;
+  justify-content: center;
+}
+
+
+.tabs-left-class{
+  position: fixed;
+  top: 180rpx;
+  z-index: 100;
+  width:140rpx;
+  height: 70rpx;
+  font-size: 12px;
+}
+
+.tabs-right-class{
+  position: fixed;
+  top: 208rpx;
+  right: 0rpx;
+  z-index: 100;
+  width:60rpx;
+  height: 70rpx;
+  font-size: 12px;
+  background: #fff;
+}
+
+
+.tabs-class{
+  position: fixed;
+  top: 180rpx;
+  left:140rpx;
+  z-index: 100;
+  width:100% ;
+  height: 70rpx;
+  font-size: 12px;
+}
+
+.cell-group-class{
+  width: 100%!important;
+}
+.van-tabs__wrap{
+  height: 84rpx !important;
+}
+.van-tabs__nav{
+  height: 84rpx !important;
+}
+.van-ellipsis{
+  height: 84rpx !important;
+  line-height: 84rpx !important;
+  color: #95A8CB;
+}
+.van-tab{
+  border-right: none !important;
+}
+.van-tab-active-left{
+  background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
+  border-radius: 13rpx 0px 0px 13rpx;
+}
+.van-tab-active-right{
+  background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
+  border-radius: 0 13rpx 13rpx 0;
+}
+
+/* .van-tab.van-tab--active{
+  background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
+  border-radius: 13rpx 0px 0px 13rpx;
+} */
+
+
+
+.van-tab--active>.van-ellipsis{
+  color:#fff !important;
+}
+
+.van-tabs__nav--card{
+  border: 2rpx solid #4A5E98 !important;
+  filter: drop-shadow(0px 10px 20px rgba(225, 229, 238, 0.6)) !important;
+  border-radius: 15rpx !important;
+}
+
+.tags-class>van-sticky{
+  position: fixed !important;
+  width:100%;
+  height: 84rpx !important;
+  z-index: 99;
+  top:0;
+}
+
+.checkbox-class{
+  text-align: right;
+}
+
+.value-class {
+  flex: none !important;
+}
+
+.width-70{
+  width:82%;
+  /* float:right; */
+}
+.width-80{
+  width:98%;
+  /* float:right; */
+}
+
+.sidebar-item{
+  padding: 30rpx 25rpx 20rpx 35rpx !important;
+  font-size:13px !important;
+  background: #ECF2FF !important;
+  color: #95A8CB !important;
+}
+
+.sidebar-item-before{
+  padding: 30rpx 25rpx 20rpx 35rpx !important;
+  font-size:13px !important;
+  background: #ECF2FF !important;
+  border-bottom-right-radius: 30rpx;
+  color: #95A8CB !important;
+}
+
+.sidebar-item-next{
+  padding: 30rpx 25rpx 20rpx 35rpx !important;
+  font-size:13px !important;
+  background: #ECF2FF !important;
+  border-top-right-radius: 30rpx;
+  color: #95A8CB !important;
+}
+
+.van-sidebar-item--selected{
+  position: relative;
+  background: #fff !important;
+  border-radius: 15rpx 30rpx 30rpx 15rpx !important;
+  border: 0 !important;
+  color: black  !important;
+  /* border-top-left-radius: 0;
+  border-top-right-radius: 30rpx;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 30rpx; */
+}
+
+/**左侧字体样式*/
+.van-sidebar-item__text{
+  width: 70rpx !important;
+}
+
+.van-sidebar-item--selected::after{
+  content: '';
+  position: absolute;
+  left: 0;
+  height: 40rpx;
+  width: 6rpx;
+  background-color: #1B365D;
+  top: calc((100% - 40rpx)/2);
+}
+
+.main-good-class{
+  background: #F8F9FD ;
+}
+
+.goods-cell-class{
+  padding: 0 20rpx 30rpx 20rpx !important;
+}
+
+
+
+.goods-class{
+  position: fixed;
+  left:20rpx;
+  top: 196rpx;
+  background-color: #fff;
+}
+
+.goods-selected-class{
+  padding-top: 98rpx;
+  height: 100% !important;
+  background-color: #fff;
+}
+
+
+/**产品条目的样式**/
+.goods-item-class{
+  background: #FBF6EF;
+  border-radius: 15rpx ;
+  display: flex;
+  text-align: left;
+  width: 100%;
+}
+
+.goods-item-selected-cell-class{
+  padding-right: 10rpx !important;
+}
+
+
+/**产品条目的图片**/
+.goods-item-image{
+  width: 126rpx;
+  height: 126rpx;
+  left: 16rpx;
+  top: calc((100% - 116rpx)/2);
+}
+
+.van-icon-class{
+  width: 15%;
+  text-align: right;
+  padding-right: 10rpx;
+}
+
+.left-class{
+  color:#0072ff;
+  position: fixed;
+  left:20rpx;
+  top: 196rpx;
+  width:130rpx !important;
+  
+}
+
+.right-class{
+  color:#0072ff;
+  position: fixed;
+  top: 88rpx;
+  width:18% !important;
+
+}
+.thumb-class{
+  width:85px !important;
+  padding-right:55px;
+  height:80px !important;
+}
+.van-card__thumb{
+  padding-right:35px;
+  width:50px !important;
+  height:50px !important;
+}
+.label-class-two{
+  color: black !important;
+}
+
+.tags {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: stretch;
+  width: 100%;
+  flex-direction: row; 
+  justify-content: flex-start;
+  background: white; 
+  align-items: center;
+  margin-bottom: 5rpx;
+  margin-top: 10rpx;
+}
+
+.box {
+  height: 200rpx;
+}
+
+
+
+.price-pop-class{
+  font-size: 13px;
+  width: 85%;
+}
+
+.tag-bom-item{
+  padding-right: 20rpx;
+  flex-direction: column;
+}
+
+
+
+.van-field__label{
+  color: #95A8CB !important;
+}
+
+
+
+.button-pop-cell-class{
+  border-radius: 15rpx !important;
+}
+
+.button-pop-class{
+  width: 640rpx !important;
+  height: 88rpx !important;
+  background: #1B365D !important;
+  border-radius: 15rpx !important;
+  border: none !important;
+}
+
+