助力的指定门店优化

yvan.ni
1 parent ede1b2e6
Showing 5 changed files with 974 additions and 74 deletions
pages/giftpack/public/buy_com.js
pages/giftpack/public/buy_com.wxml
pages/user/assistance/task_assistance.js
pages/user/assistance/task_assistance.wxml
pages/user/assistance/task_assistance.wxss
@@ -218,6 +218,11 @@ module.exports = {
         if(th.data.submit) return false;
         th.setData({submit:1})
+        if(th.pp_bacK_func){
+            th.pp_bacK_func();
+            return  false;
+        }
+
         var id=th.data.sele_g.lbId;
         var that=th;
         var json = {
@@ -155,7 +155,7 @@
         <image class="wh100 spec-img xc-distance-bottom" bindtap="previewImage" src="{{iurl+(sele_g.cover_img?sele_g.cover_img:sele_g.lbUrl)}}" binderror="pop_err_img" data-errorimg=""></image>
         <view class="spec-goods-info">
           <view class="spec-goods-name ellipsis-2">{{sele_g.giftTitle}}</view>
-          <view class="flex ai_end xc-val-money">
+          <view class="flex ai_end xc-val-money" wx:if="{{buyType<4}}">
             <view class="spec-goods-price">
               <block wx:if="{{sele_g.payMoney>0}}">
                 <text>{{"￥"+sele_g.payMoney}}</text>
@@ -174,14 +174,15 @@
           </view>
-          <view class="flex">
+          <view class="flex"  wx:if="{{buyType<4}}">
             <view class="spec-goods-stock" >已售：{{sele_g.giftQty}}</view>
             <view class="spec-goods-stock">可售：{{sele_g.lbnum-sele_g.giftQty+(sele_g.virtualsales?sele_g.virtualsales:0)}}</view>
           </view>
-
         </view>
+
+        <view style="clear:both;" ></view>
         <!-- 选择门店模块 -->
-        <view class="flex-space-between address ai_end xc-width ">
+        <view class="flex-space-between address ai_end xc-width  {{buyType>3?'mgt20':''}}">
           <view class="flex ai_end" wx:if="{{def_pick_store && def_pick_store.pickup_name}}">
             <text class="fs30 xc-black3 shop_name bold">{{def_pick_store.pickup_name}}</text>
             <view class="distance fs24 xc-ash" wx:if="{{def_pick_store.distance!=null}}">
@@ -249,6 +250,7 @@
                   <text wx:if="{{buyType==1}}">立即兑换</text>
                   <text wx:if="{{buyType==2}}">立即购买</text>
                   <text wx:if="{{buyType==3}}">立即领取</text>
+                  <text wx:if="{{buyType==4}}">确认选择</text>
                 </button>
               </block>
@@ -9,6 +9,9 @@ var e = getApp(),
   app_d = e.globalData;
   var invalidSetTime = null
 var regeneratorRuntime = require('../../../utils/runtime.js');
+var com = require("../../giftpack/public/buy_com.js");
+
+
 Page({
   /**
    * 页面的初始数据
@@ -85,7 +88,46 @@ Page({
 		font_color:'',
     //-- 屏幕实际的高度 --
-    r_heght:''
+    r_heght:'',
+
+
+    //门店相关
+    ismend: 0,
+    is_sec_mend: 0,
+    sto_sele_name: "", //选中的门店名称
+    sto_sele_id: "", //选中的门店id
+    sto_sele_distr: "", //选择的门店的配送方式
+    is_show_sto_cat: 1, //是否显示门店分类
+    only_pk: null,
+    all_sto: null,
+    sec_sto: null, //选择了的门店分类
+    pickpu_list: null, //读出的所有门店list
+    def_pickpu_list: null, //一开始5个门店list
+    sec_pick_index: 0, //第二级门店选择ID
+    fir_pick_index: 0, //第一级门店选择ID
+    all_pick_list: null,//所有的门店先记录起来
+
+    select_store: 0, //选择更多
+    index: 1,
+    more_store: 0, //选择门店
+    sort_store: 0, //门店分类
+    choice_sort_store: 0, //选择分类门店
+    new_user: 0, //新用户
+
+    def_pick_store: null, // 默认的门店
+    fir_def_store: null,  //客户默认的门店的
+    lat: null, //维度
+    lon: null, //经度
+
+    is_get_local_ok: 0, //获取坐标是否完成
+    region_name: "门店分类", //区域的名字
+    is_gps: 1,
+    open_ind_store: 0, //哪里打开的门店列表的控制属性
+    default_store: {}, //创建添加默认门店地址的对象
+
+    store: 0,
+    openSpecModal: 0,
+
   },
@@ -99,7 +141,8 @@ Page({
     var nav_b = th.selectComponent("#nav_b"); //组件的id
     nav_b.set_name("助力", "/pages/user/assistance/assistance");
     th.setData({
-      help_id: help_id
+      help_id: help_id,
+      buyType:4
     });
     //start 钱
     if (options.gid != undefined) {
@@ -111,27 +154,107 @@ Page({
        th.setData({taskid:options.taskid})
     }
+    //-- 获取分享人的ID --
+    var first_leader = options.first_leader || getApp().globalData.first_leader;
+    if (first_leader) {
+      this.setData({
+        first_leader,
+      })
+      //--  user_id代过来免登录 --
+      getApp().globalData.first_leader = first_leader;
+      //调用接口判断是不是会员
+      getApp().request.promiseGet("/api/weshop/shoppingGuide/get/" + os.stoid + "/" + first_leader, {}).then(res => {
+        if (res.data.code == 0) {
+          getApp().globalData.guide_id = res.data.data.id;
+          getApp().globalData.guide_pick_id= res.data.data.pickup_id
+        }
+      })
+    }
+
     console.log('aaaa');
     th.syinfo();
     th.close();
     th.imageinfo();
+    getApp().getConfig2(function (e) {
+      var json_d = JSON.parse(e.switch_list);
+      th.setData({
+        bconfig: e,
+        sys_switch: json_d,
+        is_retail_price: json_d.is_retail_price || 0
+      });
+    })
+
   },
+  check_guide(func){
+    var first_leader=this.data.first_leader;
+    if(!first_leader){
+      func();
+      return false;
+    }
+    if(this.data.is_geted_guide_pick){
+      func();
+      return false;
+    }
+    if(getApp().globalData.guide_pick_id){
+      func();
+      return false;
+    }
+    var th=this;
+    getApp().request.promiseGet("/api/weshop/shoppingGuide/get/" + os.stoid + "/" + first_leader, {}).then(res => {
+      if (res.data.code == 0) {
+        getApp().globalData.guide_pick_id= res.data.data.pickup_id;
+      }
+      th.data.is_geted_guide_pick=1;
+      func();
+    })
+  },
+
+
+  //选中任务
+  add_onlicke:function (e){
+      this.data.tg_dd=e;
+      var th=this;
+      if(this.data.is_nd_pk){
+         th.setData({ openSpecModal: 1 })
+         th.pp_bacK_func=th.add_onlicke_next; //设置回调函数
+      }else{
+        return false;
+        add_onlicke_next();
+      }
+  },
+
+
+  //选中任务保存下一步
+  add_onlicke_next: function () {
+
+    if(!this.data.tg_dd){
+      return false;
+    }
+
+    let e=JSON.parse(JSON.stringify(this.data.tg_dd));
+    this.data.tg_dd=null;
-  //选中任务保存
-  add_onlicke: function (e) {
     var th = this;
     var taskid = e.target.dataset.taskid;
     var help_id = th.data.help_id;
     var user_id = getApp().globalData.user_id;
     var stoid = os.stoid
-    getApp().request.json_post("/api/weshop/marketing/help/help/task/insert", {
+
+    var insert_dd={
       helpId: help_id,
       userId: user_id,
       storeId: stoid,
       taskId: taskid
-    },
+    };
+
+    //-- 如果需要门店的时候 --
+    if( th.data.is_nd_pk==1){
+       insert_dd.pickupId=th.data.def_pick_store.pickup_id;
+    }
+
+    getApp().request.json_post("/api/weshop/marketing/help/help/task/insert", insert_dd,
       function (res) {
         if (res.data.code == 0) {
           getApp().my_warnning(res.data.data, 1, th);
@@ -142,6 +265,8 @@ Page({
         } else {
           getApp().my_warnning(res.data.msg, 0, th);
         }
+        th.setData({submit:0})
+        th.closeSpecModal();
       }
     )
@@ -175,14 +300,76 @@ Page({
       success: function (res) {
         if (res.data.code == 0) {
           var help_data = res.data.data;
-          th.setData({
+
+          help_data.giftTitle=help_data.actName;
+          help_data.lbUrl=help_data.imageUrl;
+
+          let sData={
             endDate: help_data.endDate,
-						
-						btn_color: help_data.btn_color,
-						bg_color: help_data.bg_color,
-						font_color: help_data.font_color,
-						imageUrl: help_data.imageUrl,
-          });
+            btn_color: help_data.btn_color,
+            bg_color: help_data.bg_color,
+            font_color: help_data.font_color,
+            imageUrl: help_data.imageUrl,
+            sele_g:help_data
+          };
+
+          if(help_data.is_pickup){
+            sData.pickup_list=help_data.pickup_list;
+          }
+
+          th.setData(sData);
+
+          /*-----获取助力活动的任务-----*/
+          rq.get("/api/weshop/marketing/help/help/task/page", {
+            data: {
+              helpId: help_id,
+              storeId: os.stoid
+            },
+            success: function (su) {
+              var data = su.data;
+              if (data.code != 0) {
+                getApp().my_warnning(data.msg, 0, th);
+                return false;
+              }
+              if (data.code == 0 && data.data && data.data.pageData && data.data.pageData.length>0) {
+                //轮播图的数据
+                var data_aissa = data.data.pageData;
+                //当前时间戳
+                var nt = ut.gettimestamp();
+
+                data_aissa.forEach(function (val, ind) {
+                  //已开始
+                  if (val.start_time < nt && val.end_time > nt) data_aissa[ind].status = 0;
+                  //未开始
+                  else if (val.start_time > nt && val.end_time > nt) data_aissa[ind].status = 1;
+                  //已结束
+                  else if (val.start_time < nt && val.end_time < nt) data_aissa[ind].status = 2;
+                });
+                var task_number = data_aissa[0].giftQty - data_aissa[0].useGiftQty;
+                var taskid = data_aissa[0].id;
+                if(th.data.taskid) {
+                  th.setData({
+                    aitem: data_aissa,
+                    task_number: task_number,
+                    giftQty:data_aissa[0].giftQty,
+                  });
+                  th.go_to_task(th.data.taskid);
+
+                }else{
+                  th.setData({
+                    aitem: data_aissa,
+                    task_number: task_number,
+                    taskid: taskid,
+                    giftQty:data_aissa[0].giftQty,
+                  });
+                  //判断是不是领取的任务
+                  th.get_user_task();
+                  th.get_user_task_num();
+                }
+              }
+
+            }
+          })
           //任务时间 设置全局定时器
           th.setData({
@@ -191,65 +378,11 @@ Page({
             }, 1000)
           })
-
         }
       }
     });
-    /*-----获取助力活动的任务-----*/
-    rq.get("/api/weshop/marketing/help/help/task/page", {
-      data: {
-        helpId: help_id,
-        storeId: os.stoid
-      },
-      success: function (su) {
-        var data = su.data;
-        if (data.code != 0) {
-          getApp().my_warnning(data.msg, 0, th);
-          return false;
-        }
-        if (data.code == 0 && data.data && data.data.pageData && data.data.pageData.length>0) {
-          //轮播图的数据
-          var data_aissa = data.data.pageData;
-          //当前时间戳
-          var nt = ut.gettimestamp();
-
-          data_aissa.forEach(function (val, ind) {
-            //已开始
-            if (val.start_time < nt && val.end_time > nt) data_aissa[ind].status = 0;
-            //未开始
-            else if (val.start_time > nt && val.end_time > nt) data_aissa[ind].status = 1;
-            //已结束
-            else if (val.start_time < nt && val.end_time < nt) data_aissa[ind].status = 2;
-          });
-          var task_number = data_aissa[0].giftQty - data_aissa[0].useGiftQty;
-          var taskid = data_aissa[0].id;
-          if(th.data.taskid) {
-            th.setData({
-              aitem: data_aissa,
-              task_number: task_number,
-			  giftQty:data_aissa[0].giftQty,
-            });
-            th.go_to_task(th.data.taskid);
-
-          }else{
-            th.setData({
-              aitem: data_aissa,
-              task_number: task_number,
-              taskid: taskid,
-			  giftQty:data_aissa[0].giftQty,
-            });
-            //判断是不是领取的任务
-            th.get_user_task();
-						th.get_user_task_num();
-          }
-        }
-
-      }
-    })
-
-
     //会员任务列表
     this.user_task_list();
     //获取助力活动参与的人数
@@ -468,6 +601,27 @@ Page({
     var aitem = th.data.aitem;
     var sw_index = th.data.sw_index;
     var taskid = aitem[sw_index].id
+
+    //-- 判断一下要不要弹出框，选择门店，只有在礼包含有礼品的时候 --
+    getApp().promiseGet('/api/weshop/marketing/help/help/task/getlbtype?storeId='+os.stoid+'&Id='+taskid,{}).then(gNew=>{
+      if(gNew && gNew.data.code==0 && gNew.data.data){
+        if(th.data.pickup_list && gNew.data.data.lb_type.indexOf(',1,')>-1){
+          th.data.is_nd_pk=1;
+          //-- 检测一下有没有门店 --
+          th.check_guide(function (){
+            com.wait_for_store_config(th);
+            com.set_user_mo_store(th, os, function () {
+              if (sele_g.pickup_list && th.data.def_pick_store) {
+                com.check_def_pk(th);
+              }
+            });
+            com.get_sto(th, os);
+          })
+        }
+      }
+    })
+
+    
     rq.get("/api/weshop/marketing/help/help/task/get", {
       data: {
         storeId: os.stoid,
@@ -489,7 +643,8 @@ Page({
   },
   //获取失效时间
   getInvalidTime(taskid){
-    let th = this
+    let th = this;
+    let _this2=this;
     rq.get("/api/weshop/marketing/giftbag/helpinfo/get", {
       data: {
         storeId: os.stoid,
@@ -497,7 +652,7 @@ Page({
         taskId: taskid,
         helpId:th.data.help_id
       },
-      success: function (res) {
+      success:async function (res) {
         console.log('获取失效时间------');
         console.log(res);
         if (res.data.code == 0) {
@@ -507,6 +662,7 @@ Page({
           if (openTime && validTime > 0) {
             invalidTime = openTime*1 + validTime*60*60
           }
+
           th.setData({
             invalidTime
           });
@@ -1146,7 +1302,7 @@ Page({
       is_dismantle: 0,
       bc_page: 1,
     })
-		this.get_user_task_num();
+	this.get_user_task_num();
   },
@@ -1174,4 +1330,380 @@ Page({
 		};
 	},
+  buy_libao: function () {
+    com.buy_libao(this)
+  },
+
+
+  //--  选择门店 --
+  choice_store: function (ee) {
+    this.setData({
+      keyword:''
+    })
+
+    //--先判断会员状态--
+    var user_info = getApp().globalData.userInfo;
+    if (user_info == null || user_info.mobile == undefined || user_info.mobile == "" || user_info.mobile == null) {
+      wx.navigateTo({
+        url: '/packageE/pages/togoin/togoin',
+      })
+      return false;
+    }
+
+    var th = this;
+    var ind = ee.currentTarget.dataset.ind;
+    var bconfig = th.data.bconfig;
+
+    //如果开启了，则不在选择门店
+    // if (this.data.sys_switch.is_pricing_open_store && getApp().globalData.pk_store) {
+    //   return false;
+    // }
+    // if (!th.data.only_pk && !th.data.def_pickpu_list) {
+    //     getApp().confirmBox("门店库存不足", null, 25000, !1);
+    //     return false;
+    // }
+
+    if (th.data.only_pk && !th.data.only_pk.length) {
+      getApp().confirmBox("门店库存不足", null, 25000, !1);
+      return false;
+    }
+    if (th.data.def_pickpu_list && !th.data.def_pickpu_list.length) {
+      getApp().confirmBox("门店库存不足", null, 25000, !1);
+      return false;
+    }
+
+
+    if (bconfig && bconfig.is_sort_storage) {
+      wx.getLocation({
+        type: 'gcj02',
+        success: function (res) {
+
+          th.data.lat = res.latitude;
+          th.data.lon = res.longitude;
+          th.data.is_get_local_ok = 1;
+          th.setData({
+            is_gps: 1
+          });
+          //th.onShow();
+          com.get_sto(th, os);
+        },
+        fail: function (res) {
+          //th.onShow();
+          th.data.is_get_local_ok = 1;
+          com.get_sto(th, os);
+          if (res.errCode == 2) {
+            th.setData({
+              is_gps: 0
+            });
+            if (th.data.is_gps == 0) {
+              getApp().confirmBox("请开启GPS定位", null, 25000, !1);
+            }
+          } else {
+            th.setData({
+              is_gps: "3"
+            });
+          }
+
+        }
+      })
+    } else {
+      th.data.is_get_local_ok = 1;
+      com.get_sto(th, os);
+    }
+
+    if (ind != undefined && ind != null) {
+      this.setData({
+        open_ind_store: ind,
+        store: 1,
+        openSpecModal: !1,
+        openSpecModal_pt: !1,
+        openSpecModal_flash_normal: !1,
+      })
+    } else {
+      this.setData({
+        store: 1,
+        openSpecModal: !1,
+        openSpecModal_pt: !1,
+        openSpecModal_flash_normal: !1
+
+      })
+    }
+  },
+  //关闭选择门店
+  close_popup: function (e) {
+    var th = this;
+    this.setData({
+      store: 0,
+      choice_sort_store: 0,
+      sort_store: 0,
+      fir_pick_index: 0,
+      sec_pick_index: 0
+    })
+
+    var openindstore = this.data.open_ind_store;
+    if (openindstore == 1) {
+      th.setData({
+        openSpecModal: !0,
+        openSpecModal_ind: openindstore,
+      });
+    } else if (openindstore == 2) {
+      th.setData({
+        openSpecModal: !0,
+        openSpecModal_ind: openindstore,
+      });
+    } else if (openindstore == 4) { //4就是拼团
+      th.setData({
+        openSpecModal_pt: 1,      //打开拼团购买界面
+        store: 0,                 //关闭门店
+        choice_sort_store: 0,     //关闭门店2级
+        sort_store: 0,             //关闭门店2级
+      });
+    } else {
+      th.setData({
+        store: 0,
+        choice_sort_store: 0,
+        sort_store: 0
+      })
+    }
+
+
+  },
+  //选择更多门店
+  more_store: function () {
+    this.setData({
+      sort_store: 1
+    });
+  },
+  // 返回按钮
+  returns: function () {
+    this.setData({
+      sort_store: 0,
+      choice_sort_store: 0
+    });
+  },
+  //---选择分类门店---
+  choice_sort_store: function (e) {
+    var index = e.currentTarget.dataset.index;
+    var region_name = e.currentTarget.dataset.region;
+    var item = this.data.all_sto[index];
+    this.setData({
+      region_name: region_name,
+      sort_store: 0,
+      choice_sort_store: 1,
+      sec_i:index,
+      sec_sto: item,
+      sec_pick_index: 0
+    });
+  },
+  choose_for_store_fir: function (e) {
+    var index_c = e.currentTarget.dataset.ind;
+    var th = this;
+    th.setData({
+      fir_pick_index: index_c
+    })
+
+  },
+  //确定def_pick为选择的门店
+  sure_pick: function (e) {
+    var th = this;
+    var item = null;
+    var openindstore = th.data.open_ind_store;
+
+    if (th.data.choice_sort_store == 0) {
+      var index = th.data.fir_pick_index;
+      if (th.data.is_show_sto_cat == 1) {
+        item = th.data.def_pickpu_list[index];
+      } else {
+        item = th.data.only_pk?th.data.only_pk[index]:null; //当没有门店分类的时候
+      }
+
+    } else {
+      var index = th.data.sec_pick_index;
+      item = th.data.sec_sto.s_arr[index];
+    }
+
+    if(!item) return false;
+
+    if (!th.data.sele_g) return false;
+
+    th.setData({
+      def_pick_store: item,
+      sto_sele_name: item.pickup_name,
+      sto_sele_id: item.pickup_id,
+      sto_sele_distr: item.distr_type,
+      store: 0,
+      choice_sort_store: 0,
+      fir_pick_index: 0,
+      openSpecModal: !0,
+    });
+
+
+  },
+  //---点击二级之后的选择---
+  choose_for_store: function (e) {
+    var index_c = e.currentTarget.dataset.ind;
+    var th = this;
+    th.setData({
+      sec_pick_index: index_c,
+      fir_pick_index: index_c
+    })
+
+  },
+  //把选择的门店设置成默认的门店def_pick
+  set_def_pick: function (e) {
+    var th = this;
+    var item = null;
+    if (th.data.choice_sort_store == 0) {
+      var index = th.data.fir_pick_index;
+      if (th.data.is_show_sto_cat == 1) {
+        item = th.data.def_pickpu_list[index];
+      } else {
+        item = th.data.only_pk?th.data.only_pk[index]:null; //当没有门店分类的时候
+      }
+    } else {
+      var index = th.data.sec_pick_index;
+      item = th.data.sec_sto.s_arr[index];
+    }
+
+    if(!item) return false;
+
+    th.setData({
+      def_pick_store: item,
+      sto_sele_name: item.pickup_name,
+      sto_sele_id: item.pickup_id,
+      sto_sele_distr: item.distr_type,
+      store: 0,
+      choice_sort_store: 0,
+      openSpecModal: !0,
+    });
+
+    var user_id = getApp().globalData.user_id;
+    var def_pickup_id = item.pickup_id;
+    getApp().request.put('/api/weshop/users/update', {
+      data: {
+        user_id: user_id,
+        def_pickup_id: def_pickup_id
+      },
+      success: function (res) {
+        if (res.data.code == 0) {
+          if (th.data.choice_sort_store == 0) th.setData({
+            fir_pick_index: 0
+          });
+          getApp().globalData.pk_store = item;
+        } else {
+          getApp().my_warnning("设置默认门店地址失败", 0, th)
+        }
+
+      }
+    });
+
+
+  },
+  closeSpecModal: function () {
+    this.setData({openSpecModal: 0});
+  },
+
+
+  //获取搜索门店输入的值
+  input_store: function(e) {
+    this.setData({
+      keyword: e.detail.value
+    })
+  },
+
+  //-- 搜索门店 --
+  searchfn(){
+    let choice_sort_store = this.data.choice_sort_store
+    if (choice_sort_store==0) {  //全局搜索
+      let all_pick_list = this.data.all_pick_list
+      let def_pickpu_list = this.data.def_pickpu_list
+      let keyword = this.data.keyword
+      if (keyword) {
+        let arr=all_pick_list.filter( item =>{
+          let i = item.pickup_name.indexOf(keyword)
+          if (i > -1) {
+            return true
+          }else{
+            return false
+          }
+        })
+        if (arr && arr.length>0) {
+          if(this.data.is_show_sto_cat==1){
+            this.setData({
+              def_pickpu_list:arr
+            })
+          }else{
+            this.setData({
+              only_pk:arr
+            })
+          }
+        }else{
+          wx.showToast({
+            title: '没有搜索到门店',
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      }else{
+        if (this.data.is_show_sto_cat==1) {
+          this.setData({
+            def_pickpu_list:all_pick_list.slice(0,10)
+          })
+        }else{
+          this.setData({
+            only_pk:all_pick_list
+          })
+        }
+
+      }
+    }else{   //分类下搜索
+      let sec_i=this.data.sec_i
+      let all_sto = this.data.all_sto
+      let old_all_sto = this.data.old_all_sto
+      if (!old_all_sto) {
+        this.setData({
+          old_all_sto:JSON.parse(JSON.stringify(all_sto))
+        })
+      }
+      let sec_sto= this.data.sec_sto
+      let sec_arr = this.data.old_all_sto[sec_i].s_arr
+      let keyword = this.data.keyword
+      let text='sec_sto.s_arr'
+      if (keyword) {
+        let arr=sec_arr.filter( item =>{
+          let i = item.pickup_name.indexOf(keyword)
+          if (i > -1) {
+            return true
+          }else{
+            return false
+          }
+        })
+        if (arr && arr.length>0) {
+          this.setData({
+            [text]:arr
+          })
+        }else{
+          wx.showToast({
+            title: '没有搜索到门店',
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      }else{
+        if(this.data.old_all_sto){
+          this.setData({
+            [text]: this.data.old_all_sto[sec_i].s_arr
+          })
+        }else{
+          this.setData({
+            [text]: all_sto[sec_i].s_arr
+          })
+        }
+
+      }
+
+
+    }
+  },
+
 })
@@ -195,4 +195,5 @@
 <!-- 二维码显示页面 -->
 <canvas canvas-id='share_id' style='width:750rpx;height:1200rpx;background-color:white;' wx:if="{{!canvasHidden}}"></canvas>
+<include src="../../giftpack/public/buy_com.wxml"></include>
+
 page {
   /* background: #d01119; */
   width: 100%;
@@ -277,4 +278,363 @@ image{
   display: flex;
   align-items: center;
   justify-content: space-around;
+}
+
+
+/*-- 和弹出框的组件有关系 --*/
+.xc-width {
+  width: 100%;
+}
+.spec-model {
+  position: fixed;
+  bottom: 0;
+  z-index: 20;
+  background: white;
+  width: 100%;
+  /* padding: 0 30rpx; */
+  font-size: 32rpx;
+  box-sizing: border-box;
+  border-radius: 20rpx 20rpx 0 0;
+  /* height: 72%; */
+}
+
+.spec-model .pding {
+  padding: 0 20rpx;
+}
+.pding {
+  padding-top: 20rpx;
+  padding-left: 20rpx;
+  height: 81%;
+  padding-right: 20rpx;
+  font-size: 26rpx;
+  color: #ea120f
+}
+
+.spec-goods {
+  padding: 30rpx 0 20rpx;
+  /* float: left; */
+  width: 100%;
+  /* border-bottom:2rpx solid #eee; */
+}
+
+.spec-img {
+  float: left;
+  height: 186rpx;
+  width: 186rpx;
+  border: 4rpx solid #eee
+}
+
+.spec-goods-info {
+  float: left;
+  padding: 0 25rpx;
+  width: 400rpx;
+}
+
+.spec-goods-name {
+  font-size: 30rpx;
+  line-height: 35rpx;
+  height: 70rpx;
+  margin: 15rpx 20rpx 25rpx 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: #333;
+}
+
+.spec-goods-price {
+  color: #d60021;
+  font-size: 33rpx;
+  font-weight: bold;
+  /* display: flex; */
+}
+
+.spec-goods-stock {
+  margin-top: 3rpx;
+  font-size: 24rpx;
+  color: #999999;
+  margin-right: 15rpx;
+}
+
+.spec-name {
+  clear: both;
+  padding: 20rpx 0;
+  font-size: 30rpx;
+  color: #333;
+}
+.spec-name+view{
+  flex-wrap: wrap;
+}
+.stores-img {
+  width: 28rpx;
+  height: 28rpx;
+  margin-right: 10rpx;
+}
+.right-arrow {
+  width: 15rpx;
+  height: 15rpx;
+  border-top: 2rpx solid #d70026;
+  border-right: 2rpx solid #d70026;
+  transform: rotate(45deg);
+  display: inline-block;
+  margin-bottom: 3rpx;
+}
+
+
+.spec-btn {
+  color: black;
+  background-color: white;
+  padding: 10rpx 10rpx;
+  font-size: 26rpx;
+  line-height: 28rpx;
+  float: left;
+  border: 1rpx solid #dedede;
+  margin: 4rpx 10rpx 4rpx 0;
+  border-radius: 4rpx;
+}
+
+.spec-btn-click {
+  color: white;
+  background-color: #f23030;
+  border: 1rpx solid #f23030;
+}
+
+.spec-cart-btns {
+  /* width: 92%; */
+  line-height: 70rpx;
+  /* margin: 0rpx auto;
+  margin-top: 160rpx; */
+  /* border-radius: 20rpx; */
+  /* position: fixed; */
+  /* bottom: 50rpx; */
+  /* left: 4%; */
+  padding: 20rpx;
+}
+
+.spec-cart-btn {
+
+  width: 100%;
+  font-size: 30rpx;
+  text-align: center;
+  color: white;
+  border-radius: 40rpx;
+}
+
+.spec-cart-btn.w40 {
+  width: 46%;
+}
+
+.spec-add-cart {
+  background-color: #ffb03f;
+}
+
+.spec-buy {
+  background-color: #f23030;
+  /* margin-left: 34rpx; */
+}
+
+.spec-cart-disable {
+  background: #bbbbbb;
+}
+
+.spec-cart-btn-lg {
+  width: 614rpx;
+}
+
+
+/* 选择门店的弹窗 */
+.mongolia-layer {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 11;
+  background: rgba(0, 0, 0, 0.4);
+  width: 100%;
+  height: 91.9%;
+
+}
+
+.popup-frame {
+  position: fixed;
+  z-index: 20;
+  background: white;
+  width: 100%;
+  border-radius: 20rpx 20rpx 0 0;
+  height: auto;
+  bottom: 0;
+}
+
+.popup-top {
+  border-bottom: 1rpx solid #eee;
+  height: 155rpx;
+  width: 95%;
+  margin: auto;
+  line-height: 155rpx;
+
+}
+
+.bg_rights {
+  border-top: 2rpx solid;
+  border-right: 2rpx solid;
+  transform: rotate(45deg);
+  display: inline-block;
+  width: 15rpx;
+  height: 15rpx;
+  border-color: #da0b31;
+}
+
+.modal-closes {
+  position: absolute;
+  right: 30rpx;
+  top: -15rpx;
+  height: 25rpx;
+
+}
+
+.choose_more {
+  margin-top: 40rpx;
+  margin-right: 20rpx;
+
+}
+
+.choose_mores {
+  margin-top: 30rpx;
+  margin-right: 15rpx;
+
+}
+
+.store-list {
+  width: 95%;
+  min-height: 700rpx;
+  overflow-y: scroll;
+  margin: auto;
+  max-height: 700rpx;
+}
+
+.store-list .store_choose {
+  width: 100%;
+  height: 120rpx;
+  line-height: 125rpx;
+  border-bottom: 1rpx solid #eee;
+  padding: 10rpx 0;
+}
+
+.store-list .store_choose .store {
+  width: 100%;
+  margin: auto;
+  line-height: 37rpx;
+  padding-left: 20rpx;
+
+}
+
+.xc-hook {
+  width: 35rpx;
+  height: 35rpx;
+  transform: rotate(-145deg);
+  line-height: 37rpx;
+  text-align: center;
+}
+
+.xc-hooks {
+  width: 30rpx;
+  height: 30rpx;
+  border: 1rpx solid #999;
+}
+
+.address-frame {
+  width: 93%;
+  margin-left: 7rpx;
+
+}
+
+.nearby_store {
+  margin-left: 17rpx;
+}
+
+.address_name {
+  margin-right: 10rpx;
+  width: 360rpx;
+
+}
+
+.address-val {
+  height: 38rpx;
+  line-height: 38rpx;
+
+}
+
+.store-bottom {
+  width: 85%;
+  margin: auto;
+  height: 90rpx;
+}
+
+.searchbar {
+  height: 95rpx;
+  border-bottom: 2rpx solid rgb(238, 238, 238);
+}
+.storeListpadd {
+  padding: 0rpx 31rpx;
+}
+.search {
+  width: 125rpx;
+  height: 45rpx;
+  line-height: 45rpx;
+  background-color: rgb(219, 27, 52);
+  border-radius: 30rpx;
+  color: rgb(255, 255, 255);
+}
+.inputstore {
+  width: 510rpx;
+  height: 43rpx;
+  line-height: 43rpx;
+  border-radius: 30rpx;
+  border: 2rpx solid rgb(238, 238, 238);
+  padding-left: 30rpx;
+}
+
+
+
+.determine {
+  width: 260rpx;
+  height: 55rpx;
+  border-radius: 50rpx;
+  line-height: 55rpx;
+}
+
+.default {
+  width: 260rpx;
+  height: 55rpx;
+  border: 3rpx solid #c8c8c8;
+  border-radius: 50rpx;
+  line-height: 55rpx;
+}
+
+.store-bottom-frame {
+  width: 95%;
+  margin: auto;
+
+}
+
+/* 门店分类列表 */
+.sort_store_list {
+  max-height: 700rpx;
+  min-height: 700rpx;
+  overflow: hidden;
+  overflow-y: scroll;
+  width: 95%;
+  margin: auto;
+}
+
+.sort_store_list .sort-store-frame {
+  width: 100%;
+  height: 100rpx;
+  line-height: 100rpx;
+  border-bottom: 1rpx solid #eee;
+
+}
+
+.sort_store_list .sort-store-frame .sort-store {
+  width: 94.5%;
+  margin: auto;
 }
 \ No newline at end of file