create-weapp-vite 2.0.30 → 2.0.32

package/templates/wevu-retail/src/pages/goods/comments/index.vue

@@ -0,0 +1,293 @@
+<script lang="ts">
+import { fetchComments } from '../../../services/comments/fetchComments';
+import { fetchCommentsCount } from '../../../services/comments/fetchCommentsCount';
+import dayjs from 'dayjs';
+const layoutMap = {
+  0: 'vertical',
+};
+Page({
+  data: {
+    pageLoading: false,
+    commentList: [],
+    pageNum: 1,
+    myPageNum: 1,
+    pageSize: 10,
+    total: 0,
+    myTotal: 0,
+    hasLoaded: false,
+    layoutText: layoutMap[0],
+    loadMoreStatus: 0,
+    myLoadStatus: 0,
+    spuId: '1060004',
+    commentLevel: '',
+    hasImage: '',
+    commentType: '',
+    totalCount: 0,
+    countObj: {
+      badCount: '0',
+      commentCount: '0',
+      goodCount: '0',
+      middleCount: '0',
+      hasImageCount: '0',
+      uidCount: '0',
+    },
+  },
+  onLoad(options) {
+    this.getCount(options);
+    this.getComments(options);
+  },
+  async getCount(options) {
+    try {
+      const result = await fetchCommentsCount(
+        {
+          spuId: options.spuId,
+        },
+        {
+          method: 'POST',
+        },
+      );
+      this.setData({
+        countObj: result,
+      });
+      // const { data, code = '' } = result;
+      // if (code.toUpperCase() === 'SUCCESS') {
+      //     wx.setNavigationBarTitle({
+      //     title: `全部评价(${data.commentCount})`,
+      //     });
+      //     this.setData({
+      //     countObj: data,
+      //     });
+      // } else {
+      //     wx.showToast({
+      //     title: '查询失败，请稍候重试',
+      //     });
+      // }
+    } catch (error) {}
+  },
+  generalQueryData(reset) {
+    const { hasImage, pageNum, pageSize, spuId, commentLevel } = this.data;
+    const params = {
+      pageNum: 1,
+      pageSize: 30,
+      queryParameter: {
+        spuId,
+      },
+    };
+    if (
+      Number(commentLevel) === 3 ||
+      Number(commentLevel) === 2 ||
+      Number(commentLevel) === 1
+    ) {
+      params.queryParameter.commentLevel = Number(commentLevel);
+    }
+    if (hasImage && hasImage === '1') {
+      params.queryParameter.hasImage = true;
+    } else {
+      delete params.queryParameter.hasImage;
+    }
+    // 重置请求
+    if (reset) return params;
+
+    return {
+      ...params,
+      pageNum: pageNum + 1,
+      pageSize,
+    };
+  },
+  async init(reset = true) {
+    const { loadMoreStatus, commentList = [] } = this.data;
+    const params = this.generalQueryData(reset);
+
+    // 在加载中或者无更多数据，直接返回
+    if (loadMoreStatus !== 0) return;
+
+    this.setData({
+      loadMoreStatus: 1,
+    });
+
+    try {
+      const data = await fetchComments(params, {
+        method: 'POST',
+      });
+      const code = 'SUCCESS';
+      if (code.toUpperCase() === 'SUCCESS') {
+        const { pageList, totalCount = 0 } = data;
+        pageList.forEach((item) => {
+          // eslint-disable-next-line no-param-reassign
+          item.commentTime = dayjs(Number(item.commentTime)).format(
+            'YYYY/MM/DD HH:mm',
+          );
+        });
+
+        if (Number(totalCount) === 0 && reset) {
+          this.setData({
+            commentList: [],
+            hasLoaded: true,
+            total: totalCount,
+            loadMoreStatus: 2,
+          });
+          return;
+        }
+        const _commentList = reset ? pageList : commentList.concat(pageList);
+        const _loadMoreStatus =
+          _commentList.length === Number(totalCount) ? 2 : 0;
+        this.setData({
+          commentList: _commentList,
+          pageNum: params.pageNum || 1,
+          totalCount: Number(totalCount),
+          loadMoreStatus: _loadMoreStatus,
+        });
+      } else {
+        wx.showToast({
+          title: '查询失败，请稍候重试',
+        });
+      }
+    } catch (error) {}
+    this.setData({
+      hasLoaded: true,
+    });
+  },
+  getScoreArray(score) {
+    var array = [];
+    for (let i = 0; i < 5; i++) {
+      if (i < score) {
+        array.push(2);
+      } else {
+        array.push(0);
+      }
+    }
+    return array;
+  },
+  getComments(options) {
+    const { commentLevel = -1, spuId, hasImage = '' } = options;
+    if (commentLevel !== -1) {
+      this.setData({
+        commentLevel: commentLevel,
+      });
+    }
+    this.setData({
+      hasImage: hasImage,
+      commentType: hasImage ? '4' : '',
+      spuId: spuId,
+    });
+    this.init(true);
+  },
+  changeTag(e) {
+    var { commenttype } = e.currentTarget.dataset;
+    var { commentType } = this.data;
+    if (commentType === commenttype) return;
+    this.setData({
+      loadMoreStatus: 0,
+      commentList: [],
+      total: 0,
+      myTotal: 0,
+      myPageNum: 1,
+      pageNum: 1,
+    });
+    if (commenttype === '' || commenttype === '5') {
+      this.setData({
+        hasImage: '',
+        commentLevel: '',
+      });
+    } else if (commenttype === '4') {
+      this.setData({
+        hasImage: '1',
+        commentLevel: '',
+      });
+    } else {
+      this.setData({
+        hasImage: '',
+        commentLevel: commenttype,
+      });
+    }
+    if (commenttype === '5') {
+      this.setData({
+        myLoadStatus: 1,
+        commentType: commenttype,
+      });
+      this.getMyCommentsList();
+    } else {
+      this.setData({
+        myLoadStatus: 0,
+        commentType: commenttype,
+      });
+      this.init(true);
+    }
+  },
+  onReachBottom() {
+    const { total = 0, commentList } = this.data;
+    if (commentList.length === total) {
+      this.setData({
+        loadMoreStatus: 2,
+      });
+      return;
+    }
+
+    this.init(false);
+  },
+});
+</script>
+
+<template>
+<view class="comments-header [display:flex] [flex-wrap:wrap] [padding:32rpx_32rpx_0rpx] [background-color:#fff] [margin-top:-24rpx] [margin-left:-24rpx]">
+	<t-tag t-class="comments-header-tag {{commentType === '' ? 'comments-header-active' : ''}} [margin-top:24rpx] [margin-left:24rpx] ![height:56rpx] ![font-size:24rpx] [justify-content:center] ![background-color:#F5F5F5] ![border-radius:8rpx] ![border:1px_solid_#F5F5F5] [background-color:#FFECE9] [color:#FA4126] [border:1px_solid_#FA4126]" data-commentType="" bindtap="changeTag">
+		全部({{countObj.commentCount}})
+	</t-tag>
+	<t-tag
+	  t-class="comments-header-tag {{commentType === '5' ? 'comments-header-active' : ''}} [margin-top:24rpx] [margin-left:24rpx] ![height:56rpx] ![font-size:24rpx] [justify-content:center] ![background-color:#F5F5F5] ![border-radius:8rpx] ![border:1px_solid_#F5F5F5] [background-color:#FFECE9] [color:#FA4126] [border:1px_solid_#FA4126]"
+	  wx:if="{{countObj.uidCount !== '0'}}"
+	  data-commentType="5"
+	  bindtap="changeTag"
+	>
+		自己({{countObj.uidCount}})
+	</t-tag>
+	<t-tag t-class="comments-header-tag {{commentType === '4' ? 'comments-header-active' : ''}} [margin-top:24rpx] [margin-left:24rpx] ![height:56rpx] ![font-size:24rpx] [justify-content:center] ![background-color:#F5F5F5] ![border-radius:8rpx] ![border:1px_solid_#F5F5F5] [background-color:#FFECE9] [color:#FA4126] [border:1px_solid_#FA4126]" data-commentType="4" bindtap="changeTag">
+		带图({{countObj.hasImageCount}})
+	</t-tag>
+	<t-tag t-class="comments-header-tag {{commentType === '3' ? 'comments-header-active' : ''}} [margin-top:24rpx] [margin-left:24rpx] ![height:56rpx] ![font-size:24rpx] [justify-content:center] ![background-color:#F5F5F5] ![border-radius:8rpx] ![border:1px_solid_#F5F5F5] [background-color:#FFECE9] [color:#FA4126] [border:1px_solid_#FA4126]" data-commentType="3" bindtap="changeTag">
+		好评({{countObj.goodCount}})
+	</t-tag>
+	<t-tag t-class="comments-header-tag {{commentType === '2' ? 'comments-header-active' : ''}} [margin-top:24rpx] [margin-left:24rpx] ![height:56rpx] ![font-size:24rpx] [justify-content:center] ![background-color:#F5F5F5] ![border-radius:8rpx] ![border:1px_solid_#F5F5F5] [background-color:#FFECE9] [color:#FA4126] [border:1px_solid_#FA4126]" data-commentType="2" bindtap="changeTag">
+		中评({{countObj.middleCount}})
+	</t-tag>
+	<t-tag t-class="comments-header-tag {{commentType === '1' ? 'comments-header-active' : ''}} [margin-top:24rpx] [margin-left:24rpx] ![height:56rpx] ![font-size:24rpx] [justify-content:center] ![background-color:#F5F5F5] ![border-radius:8rpx] ![border:1px_solid_#F5F5F5] [background-color:#FFECE9] [color:#FA4126] [border:1px_solid_#FA4126]" data-commentType="1" bindtap="changeTag">
+		差评({{countObj.badCount}})
+	</t-tag>
+</view>
+<view class="comments-card-list">
+	<block wx:for="{{commentList}}" wx:key="index">
+		<comments-card
+		  commentScore="{{item.commentScore}}"
+		  userName="{{item.userName}}"
+		  commentResources="{{item.commentResources || []}}"
+		  commentContent="{{item.commentContent}}"
+		  isAnonymity="{{item.isAnonymity}}"
+		  commentTime="{{item.commentTime}}"
+		  isAutoComment="{{item.isAutoComment}}"
+		  userHeadUrl="{{item.userHeadUrl}}"
+		  specInfo="{{item.specInfo}}"
+		  sellerReply="{{item.sellerReply || ''}}"
+		  goodsDetailInfo="{{item.goodsDetailInfo || ''}}"
+		/>
+	</block>
+	<t-load-more
+	  t-class="no-more [padding-left:20rpx] [padding-right:20rpx]"
+	  status="{{loadMoreStatus}}"
+	  no-more-text="没有更多了"
+	  color="#BBBBBB"
+	  failedColor="#FA550F"
+	/>
+</view>
+
+</template>
+
+<json>
+{
+  "navigationBarTitleText": "全部评价",
+  "usingComponents": {
+    "t-tag": "tdesign-miniprogram/tag/tag",
+    "comments-card": "./components/comments-card/index",
+    "t-load-more": "/components/load-more/index"
+  }
+}
+</json>

package/templates/wevu-retail/src/pages/goods/details/components/buy-bar/index.vue

@@ -0,0 +1,117 @@
+<script lang="ts">
+Component({
+  externalClasses: ['wr-sold-out', 'wr-class'],
+
+  options: { multipleSlots: true },
+
+  properties: {
+    soldout: {
+      // 商品是否下架
+      type: Boolean,
+      value: false,
+    },
+    jumpArray: {
+      type: Array,
+      value: [],
+    },
+    isStock: {
+      type: Boolean,
+      value: true,
+    }, // 是否有库存
+    isSlotButton: {
+      type: Boolean,
+      value: false,
+    }, // 是否开启按钮插槽
+    shopCartNum: {
+      type: Number, // 购物车气泡数量
+    },
+    buttonType: {
+      type: Number,
+      value: 0,
+    },
+    minDiscountPrice: {
+      type: String,
+      value: '',
+    },
+    minSalePrice: {
+      type: String,
+      value: '',
+    },
+  },
+
+  data: {
+    fillPrice: false,
+  },
+
+  methods: {
+    toAddCart() {
+      const { isStock } = this.properties;
+      if (!isStock) return;
+      this.triggerEvent('toAddCart');
+    },
+
+    toBuyNow(e) {
+      const { isStock } = this.properties;
+      if (!isStock) return;
+      this.triggerEvent('toBuyNow', e);
+    },
+
+    toNav(e) {
+      const { url } = e.currentTarget.dataset;
+      return this.triggerEvent('toNav', {
+        e,
+        url,
+      });
+    },
+  },
+});
+</script>
+
+<template>
+<view class="flex soldout flex-center wr-sold-out [height:80rpx] [background:rgba(170,_170,_170,_1)] [width:100%] [color:#fff] [display:flex] [display:-webkit-flex] [justify-content:center] [-webkit-justify-content:center] [align-items:center] [-webkit-align-items:center]" wx:if="{{soldout ||  !isStock}}">
+	{{soldout ? '商品已下架' : '商品已售馨'}}
+</view>
+<view class="footer-cont flex flex-between wr-class [background-color:#fff] [padding:16rpx] [display:flex] [display:-webkit-flex] [justify-content:space-between] [-webkit-justify-content:space-between]">
+	<view class="flex flex-between bottom-operate-left [width:100%] [display:flex] [display:-webkit-flex] [justify-content:space-between] [-webkit-justify-content:space-between] [&_.icon-warp]:[width:50%]" wx:if="{{jumpArray.length > 0}}">
+		<view
+		  wx:for="{{jumpArray}}"
+		  wx:key="index"
+		  class="icon-warp operate-wrap [width:110rpx] [display:flex] [justify-content:center] [align-items:center] [text-align:center] [position:relative] [display:-webkit-flex]"
+		  bindtap="toNav"
+		  data-ele="foot_navigation"
+		  data-index="{{index}}"
+		  data-url="{{item.url}}"
+		>
+			<view>
+				<text wx:if="{{shopCartNum > 0 && item.showCartNum}}" class="tag-cart-num [display:inline-block] [position:absolute] [left:50rpx] [right:auto] [top:6rpx] [color:#fff] [line-height:24rpx] [text-align:center] [z-index:99] [white-space:nowrap] [min-width:28rpx] [border-radius:14rpx] ![background-color:#fa550f] [font-size:20rpx] [font-weight:400] [padding:2rpx_6rpx]">
+					{{shopCartNum > 99 ? '99+' : shopCartNum}}
+				</text>
+				<t-icon prefix="wr" name="{{item.iconName}}" size="40rpx" />
+				<view class="operate-text [color:#666] [font-size:20rpx]">{{item.title}}</view>
+			</view>
+		</view>
+	</view>
+	<block wx:if="{{buttonType === 1}}">
+		<view class="flex buy-buttons [display:flex] [display:-webkit-flex]">
+			<view class="bar-separately {{soldout || !isStock ? 'bar-addCart-disabled' : ''}} [width:254rpx] [height:80rpx] [color:#fff] [display:flex] [align-items:center] [justify-content:center] [background:#ffece9] [color:#fa4126] [border-radius:40rpx_0_0_40rpx] [background:rgba(170,_170,_170,_1)] [width:100%] [background:rgba(221,_221,_221,_1)] [font-size:28rpx] [display:-webkit-flex]" bindtap="toAddCart">
+				加入购物车
+			</view>
+			<view class="bar-buy {{soldout || !isStock ? 'bar-buyNow-disabled' : ''}} [width:254rpx] [height:80rpx] [color:#fff] [display:flex] [align-items:center] [justify-content:center] [background-color:#fa4126] [border-radius:0rpx_40rpx_40rpx_0rpx] [background:rgba(170,_170,_170,_1)] [width:100%] [background:rgba(198,_198,_198,_1)] [font-size:28rpx] [display:-webkit-flex]" bindtap="toBuyNow">
+				立即购买
+			</view>
+		</view>
+	</block>
+	<block wx:if="{{isSlotButton}}">
+		<slot name="buyButton" />
+	</block>
+</view>
+
+</template>
+
+<json>
+{
+    "component": true,
+    "usingComponents": {
+        "t-icon": "tdesign-miniprogram/icon/icon"
+    }
+}</json>