feat(*): 导购调整详情页面

@@ -6,7 +6,7 @@
 
 
 <script>
 <script>
 export default {
 export default {
-  name: 'comment-header',
+  name: 'CommentHeader',
 };
 };
 </script>
 </script>
 
 
@@ -16,6 +16,6 @@ export default {
   font-size: 14PX;
   font-size: 14PX;
   border-bottom: solid 1px #eee;
   border-bottom: solid 1px #eee;
   line-height: 50PX;
   line-height: 50PX;
-  margin-left: 30px;
+  padding-left: 30px;
 }
 }
 </style>
 </style>

@@ -254,7 +254,7 @@ export default {
     padding: 20px;
     padding: 20px;
     box-sizing: border-box;
     box-sizing: border-box;
     font-size: 28px;
     font-size: 28px;
-    color: #999;
+    color: #222;
     line-height: 34px;
     line-height: 34px;
     margin-top: 20px;
     margin-top: 20px;
 
 
@@ -284,13 +284,13 @@ export default {
       }
       }
 
 
       .reply-user {
       .reply-user {
-        font-weight: 500;
+        color: #999;
       }
       }
     }
     }
 
 
     .reply-more {
     .reply-more {
       text-align: right;
       text-align: right;
-      color: #222;
+      color: #999;
     }
     }
   }
   }
 }
 }

 <template>
 <template>
-  <div @click="onClick" :class="{inline: inline}">
+  <div @click="onClick" class="product-item-wrapper" :class="{inline: inline}">
     <div
     <div
       class="product-item"
       class="product-item"
       :class="itemClass">
       :class="itemClass">
@@ -62,7 +62,7 @@ export default {
     name: String,
     name: String,
     collage: {
     collage: {
       type: Boolean,
       type: Boolean,
-      default: false
+      default: true
     }
     }
   },
   },
   data() {
   data() {
@@ -190,12 +190,14 @@ export default {
   align-items: center;
   align-items: center;
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
+  padding-top: 28px;
+  padding-bottom: 28px;
   border-top: 1px solid #f0f0f0;
   border-top: 1px solid #f0f0f0;
   border-bottom: 1px solid #f0f0f0;
   border-bottom: 1px solid #f0f0f0;
 }
 }
 
 
 .product-image {
 .product-image {
-  width: 132px;
+  width: 120px;
   height: 100%;
   height: 100%;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;

@@ -43,7 +43,7 @@ const classMap = {
   msg: {
   msg: {
     default: 'icon-pinglunx'
     default: 'icon-pinglunx'
   },
   },
-  car: {
+  cart: {
     default: 'icon-gouwuchex'
     default: 'icon-gouwuchex'
   }
   }
 };
 };

@@ -67,8 +67,8 @@
         <template v-if="articleInfo.productLink">
         <template v-if="articleInfo.productLink">
           <a :href="articleInfo.productLink" class="article-goods"> <span>查看详情</span> </a>
           <a :href="articleInfo.productLink" class="article-goods"> <span>查看详情</span> </a>
         </template>
         </template>
-        <div v-else-if="articleInfo.productList && articleInfo.productList.length" class="article-goods">
-          <WidgetIconBtn class="item" type="car" :text="articleInfo.productList.length"
+        <div v-else-if="articleProducts && articleProducts.length" class="article-goods">
+          <WidgetIconBtn class="item" type="cart" :text="articleProducts.length"
                          :option="{textSelectedColor: 'white', textAutoChange: false, emitName: 'onClick'}"
                          :option="{textSelectedColor: 'white', textAutoChange: false, emitName: 'onClick'}"
                          @onClick="onProductListActionView">
                          @onClick="onProductListActionView">
             <template v-slot:label>
             <template v-slot:label>
@@ -168,10 +168,11 @@ export default {
     this.colWidthForTwo = Math.floor(this.$el.offsetWidth / 2);
     this.colWidthForTwo = Math.floor(this.$el.offsetWidth / 2);
     this.loadPreData(+this.$route.params.id);
     this.loadPreData(+this.$route.params.id);
     this.share = !this.$yoho.isApp;
     this.share = !this.$yoho.isApp;
+    this.initProductList();
   },
   },
   computed: {
   computed: {
     ...mapYohoState(['yoho']),
     ...mapYohoState(['yoho']),
-    ...mapState(['articleSingleDetail', 'articleStates', 'authorStates']),
+    ...mapState(['articleSingleDetail', 'articleStates', 'authorStates', 'fetchNoteProductList']),
 
 
     articleInfo() {
     articleInfo() {
       return this.articleSingleDetail[this.id || this.$route.params.id] || {};
       return this.articleSingleDetail[this.id || this.$route.params.id] || {};
@@ -377,12 +378,9 @@ export default {
       this.$refs.footer.onPraise();
       this.$refs.footer.onPraise();
     },
     },
     onComment() {
     onComment() {
-      if (this.articleInfo.sort === 2) {
-        this.$refs.detailLong.onComment();
-      } else if (this.articleState.commentCount) {
-        this.$refs.detailNote.onComment();
-      } else {
-        this.$refs.commentInput.$el.click();
+      if (this.articleState.commentCount) {
+        this.$refs.detailLong && this.$refs.detailLong.onComment();
+        this.$refs.detailNote && this.$refs.detailNote.onComment();
       }
       }
     },
     },
     onCommentInput(comment) {
     onCommentInput(comment) {
@@ -496,12 +494,20 @@ export default {
       this.$links.toDownloadApp();
       this.$links.toDownloadApp();
     },
     },
     onProductListActionView() {
     onProductListActionView() {
-      console.log(this.articleInfo);
       if (this.articleInfo.sort === 2) {
       if (this.articleInfo.sort === 2) {
         this.$refs.detailLong.onProductList();
         this.$refs.detailLong.onProductList();
-      } else if (this.articleInfo.productList) {
+      } else {
         this.$refs.detailNote.onProductList();
         this.$refs.detailNote.onProductList();
       }
       }
+    },
+    initProductList() {
+      if (this.articleInfo.sort === 2) {
+        this.$watch('fetchNoteProductList', (products) => {
+          this.articleProducts = products;
+        });
+      } else {
+        this.articleProducts = this.articleInfo.productList;
+      }
     }
     }
   },
   },
   components: {
   components: {

@@ -44,6 +44,13 @@
                @on-close="onCloseComment"
                @on-close="onCloseComment"
                @on-comment="onActionComment"></Comment>
                @on-comment="onActionComment"></Comment>
     </YohoActionSheet>
     </YohoActionSheet>
+
+    <YohoActionSheet transfer v-if="showProductListAction" ref="productListAction" :full="true" :height="540">
+        <CommentHeader>{{'文中商品'}}</CommentHeader>
+        <ProductGroup class="product-list-wrapper" name="ArticleDetail" :article-id="data.articleId" :pos-id="0"
+                      :index="0" :thumb="true" :inline="false" :model="3" :share="share" :data="productList"
+                      :lazy="lazy"></ProductGroup>
+    </YohoActionSheet>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -90,7 +97,9 @@ export default {
       showCommentActioning: false,
       showCommentActioning: false,
       productSknList: [],
       productSknList: [],
       productEleList: [],
       productEleList: [],
-      productDataList: {}
+      productDataList: {},
+      showProductListAction: false,
+      showProductListActioning: false,
     };
     };
   },
   },
   mounted() {
   mounted() {
@@ -101,8 +110,11 @@ export default {
   },
   },
   computed: {
   computed: {
     ...mapState(['yoho']),
     ...mapState(['yoho']),
-    ...mapArticleState(['articleStates', 'authorStates']),
+    ...mapArticleState(['articleStates', 'authorStates', 'fetchNoteProductList']),
     ...mapGetters(['getNoteProduct']),
     ...mapGetters(['getNoteProduct']),
+    productList() {
+      return this.fetchNoteProductList.map(i => i.product);
+    },
     richText() {
     richText() {
       return `<div>${this.data.richText}</div>`;
       return `<div>${this.data.richText}</div>`;
     },
     },
@@ -335,6 +347,19 @@ export default {
 
 
       this.fetchProductBySknList({ productSknList, articleId: vm.data.articleId });
       this.fetchProductBySknList({ productSknList, articleId: vm.data.articleId });
     },
     },
+    onProductList() {
+      this.showProductListAction = true;
+      this.$nextTick(() => {
+        if (this.showProductListActioning) {
+          return;
+        }
+        this.showProductListActioning = true;
+        this.$refs.productListAction.show();
+        setTimeout(() => {
+          this.showProductListActioning = false;
+        }, 300);
+      });
+    }
   },
   },
   components: {
   components: {
     ArticleDetailHeader,
     ArticleDetailHeader,
@@ -546,4 +571,19 @@ export default {
 .rec-article-title {
 .rec-article-title {
   margin-top: -6px;
   margin-top: -6px;
 }
 }
+
+.product-list-wrapper {
+  overflow-y: scroll;
+  overflow-x: hidden;
+  height: 900px;
+
+  /deep/ .product-item {
+    margin: 0 !important;
+  }
+
+  /deep/ .product-item-wrapper {
+    margin: 0 30px;
+  }
+}
+
 </style>
 </style>

@@ -71,7 +71,6 @@ import ArticleItemTopics from '../article/article-item-topics';
 import ArticleDetailIntro from './article-intro';
 import ArticleDetailIntro from './article-intro';
 import dayjs from 'utils/day';
 import dayjs from 'utils/day';
 import { createNamespacedHelpers } from 'vuex';
 import { createNamespacedHelpers } from 'vuex';
-import CommentHeader from '../../../../components/comments/comment-header';
 
 
 const { mapState } = createNamespacedHelpers('article');
 const { mapState } = createNamespacedHelpers('article');
 
 
@@ -227,7 +226,6 @@ export default {
     }
     }
   },
   },
   components: {
   components: {
-    CommentHeader,
     ArticleItemHeader,
     ArticleItemHeader,
     ArticleItemSlide,
     ArticleItemSlide,
     ArticleItemTopics,
     ArticleItemTopics,

-@font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1585721619392'); /* IE9 */
-  src: url('iconfont.eot?t=1585721619392#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('iconfont.woff?t=1585721619392') format('woff'),
-  url('iconfont.ttf?t=1585721619392') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1585721619392#iconfont') format('svg'); /* iOS 4.1- */
+@font-face {
+  font-family: "iconfont";
+  src: url("iconfont.eot?t=1585721619392"); /* IE9 */
+  src:
+    url("iconfont.eot?t=1585721619392#iefix") format("embedded-opentype"), 
+    url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"),
+    url("iconfont.woff?t=1585721619392") format("woff"),
+    url("iconfont.ttf?t=1585721619392") format("truetype"), 
+    url("iconfont.svg?t=1585721619392#iconfont") format("svg"); /* iOS 4.1- */
 }
 }
 
 
 .iconfont {
 .iconfont {