Merge remote-tracking branch 'origin/develop' into develop

@@ -191,7 +191,6 @@ export default {
 }
 }
 
 
 .change-bid-price-wrapper {
 .change-bid-price-wrapper {
-  position: absolute;
   width: 600px;
   width: 600px;
   background-color: #fff;
   background-color: #fff;
   transform: scale(0.9);
   transform: scale(0.9);

@@ -48,7 +48,16 @@ export default {
       border-color: #f5f5f5;
       border-color: #f5f5f5;
     }
     }
 
 
+    /deep/ input::-webkit-input-placeholder {
+      font-size: 0.9rem;
+      padding: 0.2rem;
+      bottom: 0.4rem;
+    }
+
     /deep/ .cube-input-field {
     /deep/ .cube-input-field {
+      font-family: "DINAlternate-Bold", "ufofont", "PingFang-SC-Regular", sans-serif;
+      padding: 0.25rem;
+      font-size: 1rem;
       color: #000;
       color: #000;
     }
     }
   }
   }

@@ -4,44 +4,42 @@
   </div>
   </div>
   <div v-else>
   <div v-else>
     <LayoutApp title="选择地址" :show-back="true" :back-action="goBack">
     <LayoutApp title="选择地址" :show-back="true" :back-action="goBack">
-        <CubeScroll class="main-container" ref="scroll" :options="scrollOpts">
-          <div class="user-list">
-            <div
-              v-for="(item, index) in addressList"
-              :key="index"
-              class="item"
-              @click="toOrderPage(item)"
-            >
-              <slot name="item" :data="item">
-                <div class="user-item">
+      <div class="user-list">
+        <div
+          v-for="(item, index) in addressList"
+          :key="index"
+          class="item"
+          @click="toOrderPage(item)"
+        >
+          <slot name="item" :data="item">
+            <div class="user-item">
+              <div
+                :class="{
+                  'uncheck-item': item.address_id !== selectedAddressId,
+                  'check-item': item.address_id === selectedAddressId
+                }"
+              ></div>
+              <div class="user-info">
+                <div class="extra">
+                  <p class="name">{{ item.consignee }}</p>
+                  <p class="mobile">{{ item.mobile }}</p>
+                  <div v-if="item.is_default === 'Y'" class="tag-btn">默认</div>
+                  <div v-if="item.tag_code && item.tag" class="tag-btn">{{ item.tag }}</div>
                   <div
                   <div
-                    :class="{
-                      'uncheck-item': item.address_id !== selectedAddressId,
-                      'check-item': item.address_id === selectedAddressId
-                    }"
-                  ></div>
-                  <div class="user-info">
-                    <div class="extra">
-                      <p class="name">{{ item.consignee }}</p>
-                      <p class="mobile">{{ item.mobile }}</p>
-                      <div v-if="item.is_default === 'Y'" class="tag-btn">默认</div>
-                      <div v-if="item.tag_code && item.tag" class="tag-btn">{{ item.tag }}</div>
-                      <div
-                        class="option-btn"
-                        :data-item="JSON.stringify(item)"
-                        :data-add="0"
-                        @click="toEditorPage"
-                      >编辑</div>
-                    </div>
-                    <p class="address">{{ item.area }}{{ item.address }}</p>
-                  </div>
+                    class="option-btn"
+                    :data-item="JSON.stringify(item)"
+                    :data-add="0"
+                    @click="toEditorPage"
+                  >编辑</div>
                 </div>
                 </div>
-              </slot>
-              <div class="border-line"></div>
+                <p class="address">{{ item.area }}{{ item.address }}</p>
+              </div>
             </div>
             </div>
-          </div>
-          <div class="add-btn" :data-add="1" @click="toEditorPage">新增地址</div>
-        </CubeScroll>
+          </slot>
+          <div class="border-line"></div>
+        </div>
+      </div>
+      <div class="add-btn" :data-add="1" @click="toEditorPage">新增地址</div>
     </LayoutApp>
     </LayoutApp>
   </div>
   </div>
 </template>
 </template>
@@ -156,19 +154,6 @@ export default {
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-/deep/ {
-  .cube-scroll-content {
-    min-height: 100%;
-  }
-
-  .cube-scroll-list-wrapper {
-    overflow: auto;
-  }
-
-  .cube-loading-spinners {
-    margin: auto;
-  }
-}
 
 
 .father-img {
 .father-img {
   position: absolute;
   position: absolute;
@@ -186,6 +171,7 @@ export default {
 }
 }
 
 
 .user-list {
 .user-list {
+  display: block;
   background-color: white;
   background-color: white;
 
 
   .border-line {
   .border-line {
@@ -255,14 +241,14 @@ export default {
 
 
       .option-btn {
       .option-btn {
         display: block;
         display: block;
-        width: 65px;
-        line-height: 44px;
+        width: 80px;
+        line-height: 50px;
         letter-spacing: -0.29px;
         letter-spacing: -0.29px;
         color: black;
         color: black;
         font-size: 24px;
         font-size: 24px;
         position: absolute;
         position: absolute;
-        right: 40px;
-        text-align: right;
+        right: 30px;
+        text-align: center;
       }
       }
     }
     }
 
 

 <template>
 <template>
   <LayoutApp :title="title" :show-back="true">
   <LayoutApp :title="title" :show-back="true">
-    <div class="pane-body">
+    <div class="pane-body" ref="paneBody">
       <FormItem>
       <FormItem>
         <CInput
         <CInput
           label="收货人"
           label="收货人"
@@ -71,6 +71,7 @@
           ></Radio>
           ></Radio>
         </div>
         </div>
       </div>
       </div>
+      <div class="white-space"></div>
     <div :class="submitClass" @touchend="onSubmit">确 认</div>
     <div :class="submitClass" @touchend="onSubmit">确 认</div>
 
 
     <AddressAct
     <AddressAct
@@ -279,12 +280,15 @@ export default {
     chooseArea() {
     chooseArea() {
       this.isShowProvince = true;
       this.isShowProvince = true;
 
 
+      this.$refs.paneBody.style.overflow = 'hidden';
+
       this.$refs.addressAct.parentHandleclick({
       this.$refs.addressAct.parentHandleclick({
         areaCode: this.area_code
         areaCode: this.area_code
       });
       });
     },
     },
     popHidden() {
     popHidden() {
       let that = this;
       let that = this;
+      this.$refs.paneBody.style.overflow = 'auto';
       that.isShowProvince = false;
       that.isShowProvince = false;
     },
     },
     modifyAddressAct(info) {
     modifyAddressAct(info) {
@@ -402,6 +406,13 @@ export default {
   }
   }
 }
 }
 
 
+.white-space {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  height: 120px;
+}
+
 .wrapper-tag {
 .wrapper-tag {
   margin: 30px 0;
   margin: 30px 0;
 
 
@@ -449,7 +460,7 @@ export default {
   background-color: #cccccc;
   background-color: #cccccc;
   color: white;
   color: white;
   border-radius: 40px;
   border-radius: 40px;
-  position: absolute;
+  position: fixed;
   left: 32px;
   left: 32px;
   right: 32px;
   right: 32px;
   bottom: 24px;
   bottom: 24px;

@@ -509,7 +509,7 @@ export default {
         align-items: center;
         align-items: center;
 
 
         &.active {
         &.active {
-          font-size: 36px;
+          font-size: 30px;
           color: #000;
           color: #000;
           font-weight: bold;
           font-weight: bold;
         }
         }

@@ -25,9 +25,9 @@
           <div ref="scrollNav" class="scroll-nav-wrap" v-if="navList.length">
           <div ref="scrollNav" class="scroll-nav-wrap" v-if="navList.length">
             <ScrollNav :list="navList" :current="active" @transfer="getIndex"></ScrollNav>
             <ScrollNav :list="navList" :current="active" @transfer="getIndex"></ScrollNav>
           </div>
           </div>
-          <div class="list-wrap">
-            <ProductList ref="product" :list="productList.list" :yasParams="listYasParams" v-if="productList.list.length > 0"></ProductList>
-            <UfoNoItem class="channel-no-item" :style="noItemStyle" :tip="`暂无数据`" v-else></UfoNoItem>
+          <div class="list-wrap" :style="minHeight">
+            <ProductList ref="product" :list="productList.list" yasEventName="XY_UFO_MAIN_EVENT" :yasParams="listYasParams" v-if="productList.list.length > 0"></ProductList>
+            <UfoNoItem class="channel-no-item" :style="'height:' +total+'px'" :tip="`暂无数据`" v-else></UfoNoItem>
           </div>
           </div>
         </div>
         </div>
       </LayoutScroll>
       </LayoutScroll>
@@ -70,6 +70,7 @@ export default {
       isShow: false,
       isShow: false,
       total: 0,
       total: 0,
       active: 0,
       active: 0,
+      yasHeight: 0,
       listBaseParams: {
       listBaseParams: {
         isHome: true,
         isHome: true,
       },
       },
@@ -107,22 +108,23 @@ export default {
     };
     };
   },
   },
   computed: {
   computed: {
-    ...mapState(['channelList','contentCode']),
+    ...mapState(['channelList', 'contentCode']),
     navList() {
     navList() {
       return get(find(this.channelList.list, ['template_name', 'guessLike']), 'data') || [];
       return get(find(this.channelList.list, ['template_name', 'guessLike']), 'data') || [];
     },
     },
     navInfo() {
     navInfo() {
-      let index = findIndex(this.channelList.list, ['template_name', 'guessLike'])
-      let id = get(find(this.channelList.list, ['template_name', 'guessLike']), 'template_id')
+      let index = findIndex(this.channelList.list, ['template_name', 'guessLike']);
+      let id = get(find(this.channelList.list, ['template_name', 'guessLike']), 'template_id');
+
       return {
       return {
         F_ID: id,
         F_ID: id,
         F_NAME: 'guessLike',
         F_NAME: 'guessLike',
         F_INDEX: index + 1
         F_INDEX: index + 1
-      } 
+      };
     },
     },
-    noItemStyle() {
+    minHeight() {
       return {
       return {
-        height: this.total + 'px'
+        minHeight: this.total + 'px'
       };
       };
     }
     }
   },
   },
@@ -162,7 +164,7 @@ export default {
     this.refreshProductList(this.active);
     this.refreshProductList(this.active);
   },
   },
   methods: {
   methods: {
-    ...mapActions(['fetchChannelList','getAllInboxCatInfo']),
+    ...mapActions(['fetchChannelList', 'getAllInboxCatInfo']),
     ...mapActionsList(['fetchProductList']),
     ...mapActionsList(['fetchProductList']),
     init() {
     init() {
       this.$nextTick(() => {
       this.$nextTick(() => {
@@ -290,26 +292,30 @@ export default {
           I_INDEX: Number(params.index) + 1,
           I_INDEX: Number(params.index) + 1,
           TAB_ID: Number(params.index) + 1,
           TAB_ID: Number(params.index) + 1,
           TAB_NAME: params.title});
           TAB_NAME: params.title});
-        console.log(this.listYasParams)
       }
       }
     },
     },
     getIndex({index, params}) {
     getIndex({index, params}) {
       this.selectedCategory = params;
       this.selectedCategory = params;
       this.active = Number(index);
       this.active = Number(index);
       this.isShow && this.$refs.scroll.scrollTo(this.navTop);
       this.isShow && this.$refs.scroll.scrollTo(this.navTop);
+
       // this.setYasParam({index, ...params});
       // this.setYasParam({index, ...params});
       this.guessLikeListParams({index, ...params});
       this.guessLikeListParams({index, ...params});
+
       // 商品列表曝光
       // 商品列表曝光
-      this.listScrollY > 0 && this.$refs.product && this.$refs.product.yasShowEvent(this.listScrollY);
+      this.productList.list.length > 0 && this.listScrollY > 0 && this.$refs.product && this.$refs.product.yasShowEvent(this.yasHeight);
     },
     },
     scrollEndHandler({y}) {
     scrollEndHandler({y}) {
       let scrollHeight = Math.abs(y);
       let scrollHeight = Math.abs(y);
       let viewHeight = this.$refs.scroll.$el.offsetHeight;
       let viewHeight = this.$refs.scroll.$el.offsetHeight;
       let productListTop = this.$refs.product && this.$refs.product.$el.offsetTop || this.navTop + this.navHeight;
       let productListTop = this.$refs.product && this.$refs.product.$el.offsetTop || this.navTop + this.navHeight;
       let listScrollY = scrollHeight + viewHeight - productListTop;
       let listScrollY = scrollHeight + viewHeight - productListTop;
-      this.listScrollY = listScrollY
+
+      this.listScrollY = listScrollY;
+      this.yasHeight = scrollHeight - this.navTop;
+
       // 商品列表曝光
       // 商品列表曝光
-      listScrollY > 0 && this.$refs.product && this.$refs.product.yasShowEvent(listScrollY);
+      listScrollY > 0 && this.$refs.product && this.$refs.product.yasShowEvent(this.yasHeight);
       if (scrollHeight >= this.navTop) {
       if (scrollHeight >= this.navTop) {
         return;
         return;
       }
       }
@@ -319,15 +325,7 @@ export default {
       this.scrollY = -y;
       this.scrollY = -y;
 
 
       if (this.navTop) {
       if (this.navTop) {
-        if (this.scrollY >= this.navTop) {
-          this.isShow = true;
-
-          // this.isA = false;
-        } else {
-          this.isShow = false;
-
-          // this.isA = true;
-        }
+        this.isShow = (this.scrollY >= this.$refs.topSource.offsetHeight);
       }
       }
     },
     },
     async refreshProductList(index) {
     async refreshProductList(index) {
@@ -448,7 +446,6 @@ export default {
 .yohoufo-channel-page {
 .yohoufo-channel-page {
   background-color: #fefefe;
   background-color: #fefefe;
 }
 }
-
 .scroll-nav-wrap {
 .scroll-nav-wrap {
   position: relative;
   position: relative;
 
 

@@ -22,6 +22,10 @@ export default {
   props: {
   props: {
     list: Array,
     list: Array,
     yasParams: Object,
     yasParams: Object,
+    yasEventName: {
+      type: String,
+      default: 'XY_UFO_PRD_LIST_C'
+    },
     priceKey: {
     priceKey: {
       type: String,
       type: String,
       default: 'available_now_price',
       default: 'available_now_price',
@@ -54,11 +58,11 @@ export default {
         }
         }
       });
       });
     },
     },
-    yasShowEvent(height) {
+    yasShowEvent: function(height) {
       // 获取列表单个元素高度
       // 获取列表单个元素高度
       let index = 0;
       let index = 0;
 
 
-      if (height) {
+      if (Number(height) > 0) {
         // 获取第一个曝光元素
         // 获取第一个曝光元素
         let item = document.querySelector('.product-list-item');
         let item = document.querySelector('.product-list-item');
         let itemHeight = item.offsetHeight;
         let itemHeight = item.offsetHeight;
@@ -92,6 +96,7 @@ export default {
         list.map((value, i) => {
         list.map((value, i) => {
           DATA.push({...this.yasParams, I_INDEX: i + index + 1, PRD_ID: value.id});
           DATA.push({...this.yasParams, I_INDEX: i + index + 1, PRD_ID: value.id});
         });
         });
+
         this.$store.dispatch('reportYas', {
         this.$store.dispatch('reportYas', {
           params: {
           params: {
             param: {DATA},
             param: {DATA},
@@ -112,8 +117,8 @@ export default {
       // 7.PRD_ID：商品id
       // 7.PRD_ID：商品id
       this.$store.dispatch('reportYas', {
       this.$store.dispatch('reportYas', {
         params: {
         params: {
-          param: {...this.yasParams, I_INDEX: index, PRD_ID: id },
-          appop: 'XY_UFO_PRD_LIST_C'
+          param: {...this.yasParams, I_INDEX: index + 1, PRD_ID: id },
+          appop: this.yasEventName
         }
         }
       });
       });
     }
     }

@@ -96,7 +96,9 @@ export default {
     };
     };
   },
   },
   activated: async function() {
   activated: async function() {
-    if (this.yoho.direction === 'forword') {
+    let {list} = this.productList;
+
+    if (this.yoho.direction === 'forword' || !list.length) {
       this.$refs.filtrate.hide();
       this.$refs.filtrate.hide();
       Object.assign(this.$data, this.$options.data());
       Object.assign(this.$data, this.$options.data());
       this.changeArrow();
       this.changeArrow();
@@ -111,6 +113,7 @@ export default {
       this.setYasParam({param: params, tab: {index: 1, name: '人气'}});
       this.setYasParam({param: params, tab: {index: 1, name: '人气'}});
       !params.order && (params.order = 'sale_desc');
       !params.order && (params.order = 'sale_desc');
       await this.fetchList({...params, isReset: true});
       await this.fetchList({...params, isReset: true});
+      this.$refs.product.yasShowEvent(0);
     } else {
     } else {
       this.scrollY && this.$refs.scroll.scrollTo(this.scrollY);
       this.scrollY && this.$refs.scroll.scrollTo(this.scrollY);
     }
     }

@@ -25,7 +25,7 @@
         </div>
         </div>
       </Scroll>
       </Scroll>
       <Scroll v-show="query.length" :options="scrollOptions" :data="searchSuggestList">
       <Scroll v-show="query.length" :options="scrollOptions" :data="searchSuggestList">
-        <div class="item-line middle" v-if="searchSuggestList.length" v-for="(item, index) of searchSuggestList" @click="goSearch({query : item.item} ,{type: 3, index})">
+        <div class="item-line middle" v-if="searchSuggestList.length" v-for="(item, index) of searchSuggestList" @click="goSearch({query : item.item} ,{type: 0, index: 0})">
           {{item.item}}
           {{item.item}}
         </div>
         </div>
       </Scroll>
       </Scroll>
@@ -60,6 +60,13 @@ export default {
     this.fetchDefaultSearchWords();
     this.fetchDefaultSearchWords();
     this.setLocalList();
     this.setLocalList();
   },
   },
+  beforeRouteEnter: function(to, from, next) {
+    next(vm => {
+      if (from.name === 'List') {
+        vm.SEARCH_POS = 3;
+      }
+    });
+  },
   computed: {
   computed: {
     ...mapState(['searchWord', 'defaultSearchWord', 'searchSuggestList']),
     ...mapState(['searchWord', 'defaultSearchWord', 'searchSuggestList']),
   },
   },
@@ -108,11 +115,6 @@ export default {
       }
       }
       this.localHistory = localHistory;
       this.localHistory = localHistory;
     },
     },
-    beforeRouteEnter: function(to, from, next) {
-      if (from.name !== 'List') {
-        this.SEARCH_POS = 3;
-      }
-    },
     addLocalWord: function(query) {
     addLocalWord: function(query) {
       if (this.query || query) {
       if (this.query || query) {
         let addQuery = query || this.query;
         let addQuery = query || this.query;

@@ -310,7 +310,7 @@ export default {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .footer {
 .footer {
-  position: absolute;
+  position: fixed;
   bottom: 0;
   bottom: 0;
   width: 100%;
   width: 100%;
   z-index: 100;
   z-index: 100;

@@ -134,6 +134,11 @@ export default {
 
 
     &.full {
     &.full {
       height: 100%;
       height: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
     }
     }
 
 
     &:after {
     &:after {

@@ -17,7 +17,7 @@
           <div>{{productDetail.product_name}} {{goodsName}}</div>
           <div>{{productDetail.product_name}} {{goodsName}}</div>
         </div>
         </div>
         <div class="size-list">
         <div class="size-list">
-          <cube-scroll ref="scroll" :data="sizeViewList">
+          <cube-scroll ref="scroll" :data="sizeViewList" class="size-list-scroll">
             <ul>
             <ul>
               <li class="size-item" v-for="(item, idx) in sizeViewList" :key="idx" @click="buy(item)">
               <li class="size-item" v-for="(item, idx) in sizeViewList" :key="idx" @click="buy(item)">
                 <div class="size"><span>{{item.name}}</span><span v-if="item.subName">{{item.subName}}</span></div>
                 <div class="size"><span>{{item.name}}</span><span v-if="item.subName">{{item.subName}}</span></div>
@@ -111,7 +111,6 @@ export default {
     buy(product) {
     buy(product) {
       this.$yoho.auth()
       this.$yoho.auth()
         .then((res) => {
         .then((res) => {
-
           if (res) {
           if (res) {
             this.hide();
             this.hide();
             this.updateTradeInfo({
             this.updateTradeInfo({
@@ -135,7 +134,33 @@ export default {
                 productId: get(data, 'productId', ''),
                 productId: get(data, 'productId', ''),
                 image: this.imageUrl,
                 image: this.imageUrl,
                 skup: product.skup,
                 skup: product.skup,
-              })
+              });
+
+              /**
+               * 数据埋点
+               * 购买确认订单
+               * 购买-选择尺码生成订单
+               * 商品详情页-选择尺码确认后上报
+               * 商品详情页点击出售/购买/求购按钮
+               * event: XY_UFO_PRD_DT_BUY_SEL_C
+               * 1.PRD_ID：商品ID；
+               * 2.PRD_SKU：商品SKU；
+               * 3.PRD_SIZE：尺码；
+               * 新增字段：
+               * 4.ORD_TYPE：订单类型；1-购买，2-出售，3-求购，4-变现；
+               */
+              this.$store.dispatch('reportYas', {
+                params: {
+                  appop: 'XY_UFO_PRD_DT_BUY_SEL_C',
+                  param: {
+                    PRD_ID: data.productId,
+                    PRD_SKU: product.skup,
+                    PRD_SIZE: product.size_id,
+                    ORD_TYPE: 3,
+                  },
+                },
+              });
+
               this.$router.push({
               this.$router.push({
                 name: 'buyerAskOrder',
                 name: 'buyerAskOrder',
                 query: {
                 query: {
@@ -144,9 +169,7 @@ export default {
               });
               });
             });
             });
           }
           }
-
-        })
-
+        });
     },
     },
     hide() {
     hide() {
       this.$refs.popup.hide();
       this.$refs.popup.hide();
@@ -173,6 +196,15 @@ export default {
   .size-list {
   .size-list {
     flex: 1;
     flex: 1;
     overflow: hidden;
     overflow: hidden;
+    position: relative;
+
+    &-scroll {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
   }
   }
 
 
   .header {
   .header {

@@ -224,6 +224,11 @@ export default {
 
 
   .size-scroll {
   .size-scroll {
     width: 100%;
     width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
   }
   }
 
 
   li {
   li {

 <template>
 <template>
   <action-sheet @hidden="onHidden" @hide="onHide" @shown="onShown" position="right" ref="popup" :full="true">
   <action-sheet @hidden="onHidden" @hide="onHide" @shown="onShown" position="right" ref="popup" :full="true">
       <div class="buy-sheet">
       <div class="buy-sheet">
-        <div class="header">
-          <div class="back-wrapper flex" @touchend="onBack">
-            <div class="back"></div>
-          </div>
-        </div>
         <div class="title">
         <div class="title">
           <h1>添加尺码</h1>
           <h1>添加尺码</h1>
           <h3>请选择希望添加的尺码</h3>
           <h3>请选择希望添加的尺码</h3>
@@ -124,8 +119,10 @@ export default {
     position: absolute;
     position: absolute;
     left: 0;
     left: 0;
     top: 0;
     top: 0;
-    width: 100%;
-    height: 100%;
+    bottom: 0;
+    right: 0;
+    /*width: 100%;*/
+    /*height: 100%;*/
     background: #fff;
     background: #fff;
 
 
     .size-list {
     .size-list {

@@ -190,6 +190,7 @@ export default {
       }
       }
       this.$emit('select', {
       this.$emit('select', {
         size_name: this.selectedSize.size_name,
         size_name: this.selectedSize.size_name,
+        size_id: this.selectedSize.size_id,
         productId: this.product.product_id,
         productId: this.product.product_id,
         storageId: this.selectedSize.storage_id,
         storageId: this.selectedSize.storage_id,
         skup: this.selectedSize.skup,
         skup: this.selectedSize.skup,
@@ -220,19 +221,27 @@ export default {
 
 
             /**
             /**
              * 数据埋点
              * 数据埋点
+             * 购买确认订单
+             * 购买-选择尺码生成订单
+             * 商品详情页-选择尺码确认后上报
              * 商品详情页点击出售/购买/求购按钮
              * 商品详情页点击出售/购买/求购按钮
-             * event: XY_UFO_PRD_DT_SALE_C
-             * params: 1.TAB_ID：1-出售，2-购买，3-求购, 4-变现；
-             *         2.PRD_ID：商品ID；
+             * event: XY_UFO_PRD_DT_BUY_SEL_C
+             * 1.PRD_ID：商品ID；
+             * 2.PRD_SKU：商品SKU；
+             * 3.PRD_SIZE：尺码；
+             * 新增字段：
+             * 4.ORD_TYPE：订单类型；1-购买，2-出售，3-求购，4-变现；
              */
              */
             this.$store.dispatch('reportYas', {
             this.$store.dispatch('reportYas', {
               params: {
               params: {
                 appop: 'XY_UFO_PRD_DT_BUY_SEL_C',
                 appop: 'XY_UFO_PRD_DT_BUY_SEL_C',
                 param: {
                 param: {
-                  TAB_ID: 4,
-                  PRD_ID:  this.product.product_id,
+                  PRD_ID: this.product.product_id,
+                  PRD_SKU: get(this.selectedSize, 'bid_skup', 0),
+                  PRD_SIZE: get(this.selectedSize, 'size_id', 0),
+                  ORD_TYPE: 4,
                 },
                 },
-              }
+              },
             });
             });
 
 
             // 跳转变现
             // 跳转变现
@@ -244,9 +253,7 @@ export default {
               }
               }
             });
             });
           }
           }
-
         });
         });
-
     },
     },
   },
   },
 };
 };

@@ -7,7 +7,7 @@
         class="cube-scroll-wrapper"
         class="cube-scroll-wrapper"
         @scroll-end="scrollEndHandler">
         @scroll-end="scrollEndHandler">
         <div class="slide">
         <div class="slide">
-          <cube-slide ref="slide" :data="imageList">
+          <cube-slide ref="slide" :options="slideOptions" :data="imageList">
             <cube-slide-item v-for="(item, index) in imageList" :key="index">
             <cube-slide-item v-for="(item, index) in imageList" :key="index">
               <a click="javascript:void 0" class="square-img-container">
               <a click="javascript:void 0" class="square-img-container">
                 <square-img v-if="!item.initial" :src="item.image_url" :width="600" :height="600" />
                 <square-img v-if="!item.initial" :src="item.image_url" :width="600" :height="600" />
@@ -128,6 +128,9 @@ export default {
   },
   },
   data() {
   data() {
     return {
     return {
+      slideOptions: {
+        eventPassthrough: 'vertical',
+      },
       prdDetailTip,
       prdDetailTip,
       prdDetailImage,
       prdDetailImage,
 
 
@@ -459,6 +462,22 @@ export default {
 
 
     // 购买
     // 购买
     buy() {
     buy() {
+      /**
+       * 数据埋点
+       * 商品详情页点击出售/购买/求购按钮
+       * event: XY_UFO_PRD_DT_SALE_C
+       * params: 1.TAB_ID：1-出售，2-购买，3-求购；
+       *         2.PRD_ID：商品ID；
+       */
+      this.$store.dispatch('reportYas', {
+        params: {
+          appop: 'XY_UFO_PRD_DT_SALE_C',
+          param: {
+            TAB_ID: 2,
+            PRD_ID: this.productId
+          },
+        }
+      });
       this.resetSelectedSize();
       this.resetSelectedSize();
       this.selectSizeConfig = {
       this.selectSizeConfig = {
         dest: 'OrderBuyConfirm',
         dest: 'OrderBuyConfirm',
@@ -477,6 +496,22 @@ export default {
         return;
         return;
       }
       }
 
 
+      /**
+       * 数据埋点
+       * 商品详情页点击出售/购买/求购按钮
+       * event: XY_UFO_PRD_DT_SALE_C
+       * params: 1.TAB_ID：1-出售，2-购买，3-求购；
+       *         2.PRD_ID：商品ID；
+       */
+      this.$store.dispatch('reportYas', {
+        params: {
+          appop: 'XY_UFO_PRD_DT_SALE_C',
+          param: {
+            TAB_ID: 1,
+            PRD_ID: this.productId
+          },
+        }
+      });
       this.resetSelectedSize();
       this.resetSelectedSize();
       this.selectSizeConfig = {
       this.selectSizeConfig = {
         dest: 'OrderSellConfirm',
         dest: 'OrderSellConfirm',
@@ -490,17 +525,25 @@ export default {
     async onSelectTradeProduct(tradeProduct) {
     async onSelectTradeProduct(tradeProduct) {
       /**
       /**
        * 数据埋点
        * 数据埋点
+       * 购买确认订单
+       * 购买-选择尺码生成订单
+       * 商品详情页-选择尺码确认后上报
        * 商品详情页点击出售/购买/求购按钮
        * 商品详情页点击出售/购买/求购按钮
-       * event: XY_UFO_PRD_DT_SALE_C
-       * params: 1.TAB_ID：1-出售，2-购买，3-求购；
-       *         2.PRD_ID：商品ID；
+       * event: XY_UFO_PRD_DT_BUY_SEL_C
+       * 1.PRD_ID：商品ID；
+       * 2.PRD_SKU：商品SKU；
+       * 3.PRD_SIZE：尺码；
+       * 新增字段：
+       * 4.ORD_TYPE：订单类型；1-购买，2-出售，3-求购，4-变现；
        */
        */
       this.$store.dispatch('reportYas', {
       this.$store.dispatch('reportYas', {
         params: {
         params: {
           appop: 'XY_UFO_PRD_DT_BUY_SEL_C',
           appop: 'XY_UFO_PRD_DT_BUY_SEL_C',
           param: {
           param: {
-            TAB_ID: this.selectSizeConfig.type === 'buy' ? 2 : 1,
-            PRD_ID: tradeProduct.productId
+            PRD_ID: tradeProduct.productId,
+            PRD_SKU: tradeProduct.skup,
+            PRD_SIZE: tradeProduct.size_id,
+            ORD_TYPE: this.selectSizeConfig.type === 'buy' ? 1 : 2
           },
           },
         }
         }
       });
       });
@@ -573,6 +616,14 @@ export default {
     // 打开求购列表
     // 打开求购列表
     qiugou() {
     qiugou() {
       this.showBidSheet = true;
       this.showBidSheet = true;
+
+      /**
+       * 数据埋点
+       * 商品详情页点击出售/购买/求购按钮
+       * event: XY_UFO_PRD_DT_SALE_C
+       * params: 1.TAB_ID：1-出售，2-购买，3-求购；
+       *         2.PRD_ID：商品ID；
+       */
       this.$store.dispatch('reportYas', {
       this.$store.dispatch('reportYas', {
         params: {
         params: {
           appop: 'XY_UFO_PRD_DT_SALE_C',
           appop: 'XY_UFO_PRD_DT_SALE_C',