From 1bff364d3835c7acb06dc9fb088ee766c660b6a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=A2=E8=B6=8A?= <552369664@qq.com>
Date: Mon, 26 Aug 2024 16:56:48 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E3=80=91=E4=BF=AE=E5=A4=8D=E5=95=86=E5=9F=8E=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E8=AF=84=E8=AE=BA=E6=97=A0=E6=B3=95=E4=B8=8A=E4=BC=A0=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/goods/comment/add.vue  | 47 +++++++++++++++++++++++++++++++-----
 pages/goods/comment/list.vue |  1 +
 2 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/pages/goods/comment/add.vue b/pages/goods/comment/add.vue
index 912d424c..f1e7b68e 100644
--- a/pages/goods/comment/add.vue
+++ b/pages/goods/comment/add.vue
@@ -33,15 +33,21 @@
               <!-- TODO 卢越：【评论】文件上传 -->
 							<view class="img-box">
 								<s-uploader v-model:url="state.commentList[index].images" fileMediatype="image"
-									limit="9" mode="grid" :imageStyles="{ width: '168rpx', height: '168rpx' }" />
+									limit="9" mode="grid" :imageStyles="{ width: '168rpx', height: '168rpx' }" @success="(payload) => uploadSuccess(payload, index)" />
 							</view>
 						</view>
+            <view class="checkbox-container">
+              <checkbox-group @change="(event) => toggleAnonymous(index, event)">
+                <label>
+                  <checkbox value="anonymousChecked" />
+                  匿名评论
+                </label>
+              </checkbox-group>
+            </view>
 					</view>
 				</view>
 			</view>
 		</view>
-    <!-- TODO 卢越：【评论】是否匿名 -->
-
 		<su-fixed bottom placeholder>
 			<view class="foot_box ss-flex ss-row-center ss-col-center">
 				<button class="ss-reset-button post-btn ui-BG-Main-Gradient ui-Shadow-Main" @tap="onSubmit">
@@ -55,7 +61,7 @@
 <script setup>
 	import sheep from '@/sheep';
 	import { onLoad } from '@dcloudio/uni-app';
-	import { reactive } from 'vue';
+  import { reactive, ref } from 'vue';
   import OrderApi from '@/sheep/api/trade/order';
 
 	const state = reactive({
@@ -64,14 +70,39 @@
 		id: null
 	});
 
-	async function onSubmit() {
+  /**
+   * 切换是否匿名
+   *
+   * @param commentIndex  当前评论下标
+   * @param event 复选框事件
+   */
+  function toggleAnonymous(commentIndex, event) {
+    state.commentList[commentIndex].anonymous = event.detail.value[0] === 'anonymousChecked';
+  }
+
+  /**
+   * 发布评论
+   *
+   * @returns {Promise<void>}
+   */
+  async function onSubmit() {
     // 顺序提交评论
     for (const comment of state.commentList) {
       await OrderApi.createOrderItemComment(comment);
     }
     // 都评论好，返回
     sheep.$router.back();
-	}
+  }
+
+  /**
+   * 图片添加到表单
+   *
+   * @param payload 上传成功后的回调数据
+   * @param commentIndex  当前评论的下标
+   */
+  function uploadSuccess(payload, commentIndex) {
+    state.commentList[commentIndex].picUrls = state.commentList[commentIndex].images;
+  }
 
 	onLoad(async (options) => {
     if (!options.id) {
@@ -135,6 +166,10 @@
 		}
 	}
 
+  .checkbox-container{
+    padding: 10rpx;
+  }
+
 	.post-btn {
 		width: 690rpx;
 		line-height: 80rpx;
diff --git a/pages/goods/comment/list.vue b/pages/goods/comment/list.vue
index 8d4184e7..3113b653 100644
--- a/pages/goods/comment/list.vue
+++ b/pages/goods/comment/list.vue
@@ -16,6 +16,7 @@
     <s-empty v-if="state.pagination.total === 0" text="暂无数据" icon="/static/data-empty.png" />
     <!-- 下拉 -->
     <uni-load-more
+      icon-type="auto"
       v-if="state.pagination.total > 0"
       :status="state.loadStatus"
       :content-text="{