From 4880836a27912e0c0975461dcb9898e66bcf8c9b Mon Sep 17 00:00:00 2001
From: ch <cwl_ch@163.com>
Date: Thu, 30 Jun 2022 18:02:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81=E9=AA=8C=E6=94=B6=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BsCommentFollowInfo.vue |  3 ++-
 src/components/BsCommentInfo.vue       | 13 +++++++++----
 src/components/BsCommentMerchant.vue   | 13 +++++++++++--
 src/pages/goods/comment/detail.vue     | 10 +++++-----
 src/pages/goods/comment/list.vue       |  4 ++--
 src/pages/goods/comment/preview.vue    |  7 ++++---
 6 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/components/BsCommentFollowInfo.vue b/src/components/BsCommentFollowInfo.vue
index 2268405..1d6637a 100644
--- a/src/components/BsCommentFollowInfo.vue
+++ b/src/components/BsCommentFollowInfo.vue
@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-06-23 10:40:04
  * @LastEditors: ch
- * @LastEditTime: 2022-06-29 20:04:31
+ * @LastEditTime: 2022-06-30 18:01:46
  * @Description: file content
 -->
 <template>
@@ -67,6 +67,7 @@ export default {
 		margin-top: 20rpx;
 		font-size: 30rpx;
 		line-height: 46rpx;
+		word-break: break-all;
 	}
 	&--img{
 
diff --git a/src/components/BsCommentInfo.vue b/src/components/BsCommentInfo.vue
index 41a2e99..2413d7d 100644
--- a/src/components/BsCommentInfo.vue
+++ b/src/components/BsCommentInfo.vue
@@ -2,14 +2,15 @@
  * @Author: ch
  * @Date: 2022-06-21 15:50:01
  * @LastEditors: ch
- * @LastEditTime: 2022-06-28 19:18:04
+ * @LastEditTime: 2022-06-30 18:00:16
  * @Description: file content
 -->
 <template>
 	<view>
 		<view class="top">
 			<u-rate count="5" size="30rpx" :value="commentDetail.commentScore" activeColor="#FFA35B" readonly inactiveColor="#DDD"></u-rate>
-			<text class="top--time">{{ commentDetail.createTime }}</text>
+			
+			<text class="top--time">{{ FormatDate(commentDetail.createTime, 'yyyy-mm-dd hh:ii') }}</text>
 		</view>
 		<view class="ctx">{{ commentDetail.commentContent }}</view>
 		<view class="img" v-if="imgs.length">
@@ -19,6 +20,7 @@
 	</view>
 </template>
 <script>
+import {FormatDate} from '@/common/utils';
 export default {
 	props : {
 		commentDetail : {
@@ -31,8 +33,10 @@ export default {
 			require : true
 		}
 	},
-	data:{
-		curPreview : -1	
+	data(){
+		return {
+			curPreview : -1	
+		}
 	},
 	computed : {
 		imgs (){
@@ -42,6 +46,7 @@ export default {
 	},
 	
 	methods:{
+		FormatDate,
 		preview(idx){
 			if(!this.imgPreview){
 				return false
diff --git a/src/components/BsCommentMerchant.vue b/src/components/BsCommentMerchant.vue
index 0b23d32..dcd2363 100644
--- a/src/components/BsCommentMerchant.vue
+++ b/src/components/BsCommentMerchant.vue
@@ -2,25 +2,34 @@
  * @Author: ch
  * @Date: 2022-06-21 15:59:23
  * @LastEditors: ch
- * @LastEditTime: 2022-06-21 16:05:16
+ * @LastEditTime: 2022-06-30 17:57:25
  * @Description: file content
 -->
 <template>
 	<view class="merchant">
 		<view class="merchant--title">
 			<text class="merchant--name">{{merchantComment.userName}}</text>
-			<text class="merchant--time">{{merchantComment.createTime}}</text>
+			<text class="merchant--time">{{ FormatDate(merchantComment.createTime, 'yyyy-mm-dd hh:ii') }}
+			</text>
 		</view>
 		<view class="merchant--ctx">{{merchantComment.commentContent}}</view>
 	</view>
 </template>
 <script>
+import {FormatDate} from '@/common/utils';
 export default {
 	props : {
 		merchantComment : {
 			type : Object,
 			default : () => ({})
 		}
+	},
+	data(){
+		return {
+		}
+	},
+	methods : {
+		FormatDate
 	}
 }
 </script>
diff --git a/src/pages/goods/comment/detail.vue b/src/pages/goods/comment/detail.vue
index 9234cdf..9e61b63 100644
--- a/src/pages/goods/comment/detail.vue
+++ b/src/pages/goods/comment/detail.vue
@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-06-21 18:19:13
  * @LastEditors: ch
- * @LastEditTime: 2022-06-30 14:54:12
+ * @LastEditTime: 2022-06-30 17:58:44
  * @Description: file content
 -->
 <template>
@@ -21,7 +21,7 @@
 						<text>
 							{{detail.merchantComment.userName}}
 						</text>
-						<text>{{detail.merchantComment.createTime}}</text>
+						<text>{{FormatDate(detail.merchantComment.createTime, 'yyyy-mm-dd hh:ii')}}</text>
 					</view>
 					<view class="reply--ctx">{{detail.merchantComment.commentContent}}</view>
 				</view>
@@ -30,7 +30,7 @@
 						<text>
 							{{item.userName}} {{item.parentId !== detail.id ? ` 回复 ${item.parentUserName}` : ''}}
 						</text>
-						<text>{{item.createTime}}</text>
+						<text>{{FormatDate(item.createTime, 'yyyy-mm-dd hh:ii')}}</text>
 					</view>
 					<view class="reply--ctx">{{item.commentContent}}</view>
 				</view>
@@ -69,7 +69,7 @@ import BsCommentInfo from '../../../components/BsCommentInfo.vue'
 import BsCommentUserInfo from '../../../components/BsCommentUserInfo.vue'
 import UiButton from '../../../components/UiButton.vue'
 import {ApiGetCommentDetail, ApiPostComment, ApiPutCommentUseful} from '@/common/api/comment'
-import {HandleApiError, Debounce} from '@/common/utils'
+import {HandleApiError, Debounce, FormatDate} from '@/common/utils'
 import COMMENT from '@/common/dicts/comment'
 import BsEmpty from '../../../components/BsEmpty.vue'
 import BsCommentFollowInfo from '../../../components/BsCommentFollowInfo.vue'
@@ -97,7 +97,7 @@ export default {
 		this.getDetail();
 	},
 	methods:{
-		
+		FormatDate,
 		async getDetail(){
 			const {error, result} = await ApiGetCommentDetail({
 				commentId : this.commentId
diff --git a/src/pages/goods/comment/list.vue b/src/pages/goods/comment/list.vue
index 0fe153a..a1fa127 100644
--- a/src/pages/goods/comment/list.vue
+++ b/src/pages/goods/comment/list.vue
@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-06-21 16:51:03
  * @LastEditors: ch
- * @LastEditTime: 2022-06-28 20:09:06
+ * @LastEditTime: 2022-06-30 17:38:08
  * @Description: file content
 -->
 <template>
@@ -86,7 +86,7 @@ export default {
 				isContent : true
 			});
 			if(!HandleApiError(error, 'getList')){
-				this.list = result.records;
+				this.list = this.list.concat(result.records);
 				// 标记是否为最后一页
 				if(result.records.length < this.pageSize){
 					this.loadingStatus = 'nomore';
diff --git a/src/pages/goods/comment/preview.vue b/src/pages/goods/comment/preview.vue
index 30d2ff5..2ae4342 100644
--- a/src/pages/goods/comment/preview.vue
+++ b/src/pages/goods/comment/preview.vue
@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-06-22 15:15:22
  * @LastEditors: ch
- * @LastEditTime: 2022-06-29 10:20:34
+ * @LastEditTime: 2022-06-30 17:59:59
  * @Description: file content
 -->
 <template>
@@ -25,7 +25,7 @@
 			<view>
 				<view class="preview--rate">
 					<u-rate count="5" size="30rpx" :value="data.commentScore" activeColor="#FFA35B" readonly inactiveColor="#DDD"></u-rate>
-					<text class="preview--time">{{ data.createTime }}</text>
+					<text class="preview--time">{{FormatDate(data.createTime, 'yyyy-mm-dd hh:ii')}}</text>
 				</view>
 				<view class="preview--ctx">{{ data.commentContent }}</view>
 			</view>
@@ -46,7 +46,7 @@
 import BsCommentUserInfo from '@/components/BsCommentUserInfo.vue';
 import BsCommentThumbup from '../../../components/BsCommentThumbup.vue';
 import {ApiPutCommentUseful} from '@/common/api/comment'
-import { Debounce} from '@/common/utils'
+import { Debounce,FormatDate} from '@/common/utils'
 
 export default {
 	components: { BsCommentUserInfo,BsCommentThumbup },
@@ -70,6 +70,7 @@ export default {
 		this.isLike = this.data.isLike
 	},
 	methods:{
+		FormatDate,
 		handleChange(idx){
 			this.current = idx.current
 		},