update

src/pages/taskDetails/components/ReviewCommunication.vue

@@ -6,6 +6,8 @@ import Api from "../../../api/index.js";
 import useTableQuery from "../../../hooks/useTableQuery.js";
 import dayjs from "dayjs";
 import ReplyMessageModal from "./replyMessageModal.vue";
+import QuickOperation from "./QuickOperation.vue";
+import XImage from "../../../components/XImage.vue";
 
 const {data} = defineProps({
     data: {
@@ -17,12 +19,15 @@ const {data} = defineProps({
 const po = reactive({
     id: data.children.id,
 });
-const vo = reactive({});
+const vo = reactive({
+    intervention: null,
+});
 
 const {loading, pagination, initFetchData, fetchData} = useTableQuery({
     api: Api.system.getExchangeLog,
     parameter: po,
     callback: (data) => {
+        console.log(data);
         Object.assign(vo, data);
     }
 });
@@ -42,7 +47,7 @@ const {loading, pagination, initFetchData, fetchData} = useTableQuery({
             <view class="chat-box">
                 <view v-for="v in vo.rows" class="!mb-[24rpx]">
                     <view :class="['!flex gap-[12rpx]', v.right === 1 ? 'right-box' : '' ]">
-                        <image class="!size-[80rpx] flex-shrink-0 rounded-[50%] overflow-hidden test" mode="aspectFill"
+                        <image class="!size-[80rpx] flex-shrink-0 rounded-[50%] overflow-hidden" mode="aspectFill"
                                :src="v.people.avatar"></image>
                         <view class="flex-grow content !flex flex-col">
                             <view class="time">{{ dayjs(v.createtime).format('MM月DD日 HH:mm') }}</view>
@@ -57,14 +62,46 @@ const {loading, pagination, initFetchData, fetchData} = useTableQuery({
                             </view>
                         </view>
                     </view>
+
+                    <view class="!flex justify-center !mt-[24rpx]" v-if="v.operate !== 0">
+                        <QuickOperation :operate="v.operate" :data="data" @success="fetchData"></QuickOperation>
+                    </view>
+                </view>
+
+                <view class="w-full bg-white p-[24rpx] !mt-[24rpx] rounded-[8rpx]" v-if="vo.intervention.id">
+                    <view class="test-28r text-[#1D2129] text-center">达人发起了平台介入</view>
+                    <view class="bg-[#F7F8FA] px-[24rpx] py-[15rpx] !mt-[20rpx]">
+                        <view class="test-28r text-[#1D2129]">申诉原因</view>
+                        <view class="bg-[#E5E6EB] w-2/3 h-[2rpx] !my-[8rpx]"></view>
+                        <view class="text-[#4E5969] test-28r">
+                            {{ vo.intervention.remark }}
+                        </view>
+                        <view class="!grid !grid-cols-5 gap-[20rpx]">
+                            <view class="!w-full aspect-square border border-[#E5E6EB] p-[4rpx]"
+                                  v-for="v in vo.intervention.image_arr">
+                                <x-image class="!size-full" :src="v">
+                                </x-image>
+                            </view>
+                        </view>
+                    </view>
+                    <view class="bg-[#F7F8FA] px-[24rpx] py-[15rpx] !mt-[20rpx]" v-if="vo.intervention.status === 1">
+                        <view class="test-28r text-[#1D2129]">平台处理结果</view>
+                        <view class="bg-[#E5E6EB] w-2/3 h-[2rpx] !my-[8rpx]"></view>
+                        <view class="text-[#4E5969] test-28r">
+                            {{ vo.intervention.intro }}
+                        </view>
+                    </view>
                 </view>
             </view>
         </scroll-view>
 
+
         <view class="p-[24rpx] !pt-0 !flex gap-[22rpx]">
-            <x-button class="!w-[220rpx]">
-                发起申述
-            </x-button>
+            <reply-message-modal :data="data" :intervention="true" @success="fetchData">
+                <x-button class="!w-[220rpx]">
+                    发起申述
+                </x-button>
+            </reply-message-modal>
             <reply-message-modal :data="data"></reply-message-modal>
         </view>
     </view>