From 88a8d119cf3f1954defa4e5ac6e4a71cdafec947 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9A=E5=95=A6C=E6=A2=A6?= <15709267061@163.com>
Date: Fri, 13 Jun 2025 21:01:33 +0800
Subject: [PATCH] update

---
 src/api/system/index.js                       |  14 ++
 src/components/XNoticeBar.vue                 |  24 +++-
 src/components/XUpload.vue                    |  35 +++--
 src/hooks/useTableQuery.js                    |   1 +
 src/pages/home/index.vue                      |   9 +-
 src/pages/login/BulletChat.vue                |  13 +-
 .../taskDetails/components/MyBackfill.vue     |  78 +++++++++++-
 .../taskDetails/components/QuickOperation.vue | 120 ++++++++++++++++++
 src/pages/taskDetails/components/Resubmit.vue |  91 +++++++++++++
 .../components/ReviewCommunication.vue        |  47 ++++++-
 .../components/replyMessageModal.vue          |  30 ++++-
 src/pages/taskDetails/index.vue               |   7 +-
 .../wallet/components/WithdrawalModal.vue     |   9 +-
 src/static/icons/close2.png                   | Bin 0 -> 2402 bytes
 src/static/icons/yy.png                       | Bin 0 -> 749 bytes
 15 files changed, 429 insertions(+), 49 deletions(-)
 create mode 100644 src/pages/taskDetails/components/QuickOperation.vue
 create mode 100644 src/pages/taskDetails/components/Resubmit.vue
 create mode 100644 src/static/icons/close2.png
 create mode 100644 src/static/icons/yy.png

diff --git a/src/api/system/index.js b/src/api/system/index.js
index 310fe89..fee6b5c 100644
--- a/src/api/system/index.js
+++ b/src/api/system/index.js
@@ -362,6 +362,20 @@ const system = {
             data: data
         });
     },
+    abandonTask: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/task/abandonTask",
+            data: data
+        });
+    },
+    intervention: async (data) => {
+        return request({
+            method: MethodsENUM.POST,
+            url: "/task/intervention",
+            data: data
+        });
+    },
 }
 
 export default system;
diff --git a/src/components/XNoticeBar.vue b/src/components/XNoticeBar.vue
index 3ddecac..184faba 100644
--- a/src/components/XNoticeBar.vue
+++ b/src/components/XNoticeBar.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {onMounted, ref} from "vue";
+import {onMounted, ref, watch} from "vue";
 import warn from '../static/icons/warn.png';
 import success from '../static/icons/info.png';
 
@@ -37,6 +37,22 @@ const XNoticeBox = ref();
 const Context = ref();
 const roll = ref(false);
 
+watch(
+    () => text,
+    () => {
+        if (!tile) {
+            if (
+                Context.value.$el.clientWidth
+                >
+                XNoticeBox.value.$el.clientWidth
+            ) {
+                roll.value = true;
+            }
+        }
+    },
+    {deep: true}
+)
+
 onMounted(() => {
     if (!tile) {
         if (
@@ -56,9 +72,9 @@ onMounted(() => {
               :style="{alignItems: tile ? 'start' : 'center'}">
             <image v-if="status==='error'" class="!size-[26rpx] flex-shrink-0" :src="warn"></image>
             <image v-else class="!size-[26rpx] flex-shrink-0" :src="success"></image>
-            <text v-if="!tile" class="!whitespace-nowrap flex-shrink-0" :style="{color: textColor}">{{ text }}</text>
-            <text v-else :style="{color: textColor}">
-                {{ text }}
+            <text v-if="!tile" class="!whitespace-nowrap flex-shrink-0" :style="{color: textColor}"
+                  v-html="text"></text>
+            <text v-else :style="{color: textColor}" v-html="text">
             </text>
         </view>
     </view>
diff --git a/src/components/XUpload.vue b/src/components/XUpload.vue
index a7c2ccd..19fcbfa 100644
--- a/src/components/XUpload.vue
+++ b/src/components/XUpload.vue
@@ -1,12 +1,21 @@
 <script setup lang="ts">
+import CLOSE_ICON from "../static/icons/close2.png";
 import ADDICON from "../static/icons/add.png";
 import {uploadFile} from "../utils/uils";
 import XImage from "./XImage.vue";
 
-const {size} = defineProps({
+const {size, single, del} = defineProps({
     size: {
         type: String,
         default: "160rpx"
+    },
+    single: {
+        type: Boolean,
+        default: false,
+    },
+    del: {
+        type: Boolean,
+        default: false,
     }
 });
 const emits = defineEmits(['success']);
@@ -15,7 +24,8 @@ const files = defineModel('files');
 const upload = async () => {
     uploadFile({
         count: 1,
-    }).then(({data}) => {
+    }).then(([res]) => {
+        const {data} = res;
         files.value?.push(data);
         emits('success', data);
     })
@@ -24,22 +34,25 @@ const upload = async () => {
 
 <template>
     <view class="!flex gap-[12rpx] flex-wrap">
-        <view class="x-upload" @click="upload">
+        <view class="x-upload" @click="upload" v-if="single && files.length < 1">
             <image class="!size-[28rpx]" :src="ADDICON"></image>
             <view>上传图片</view>
         </view>
 
-        <x-image
-            :style="{
+        <view class="!relative" v-for="(v, index) in files" :key="v">
+            <image v-if="del" @click="files.splice(index, 1)" :src="CLOSE_ICON"
+                   class="!size-[48rpx] !absolute !z-10 !top-0 !right-0"
+                   mode="aspectFill"></image>
+            <x-image
+                :style="{
             width: size,
             height: size,
         }"
-            class="border border-[rgb(229,230,235)]"
-            v-for="v in files"
-            :src="v"
-            :list="[v]"
-            :key="v">
-        </x-image>
+                class="border border-[rgb(229,230,235)]"
+                :src="v"
+                :list="[v]">
+            </x-image>
+        </view>
     </view>
 </template>
 
diff --git a/src/hooks/useTableQuery.js b/src/hooks/useTableQuery.js
index e46e9c7..ebbfe1f 100644
--- a/src/hooks/useTableQuery.js
+++ b/src/hooks/useTableQuery.js
@@ -48,6 +48,7 @@ function useTableQuery({
                 rows: data.list.map(v => ({...v, key: v.id})),
             };
 
+            Object.assign(vo, data);
             vo.page = _vo.page;
             vo.total = _vo.total;
             vo.rows = [...vo.rows, ..._vo.rows];
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 9b41101..b232a21 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -16,6 +16,7 @@ import OpenTypeFun from "../../components/OpenTypeFun.js";
 import XNoticeBar from "../../components/XNoticeBar.vue";
 
 const showAddCustomer = ref(false);
+const textContent = ref(null);
 const advList = reactive([]);
 const nav = [
     {
@@ -94,13 +95,19 @@ onMounted(() => {
         advList.length = 0;
         advList.push(...data);
     });
+    Api.system.getBarrageList().then(({data}) => {
+        textContent.value = '';
+        data.forEach((v, index) => {
+            textContent.value += `${index + 1}.${v}&nbsp;&nbsp;&nbsp;&nbsp;`;
+        });
+    });
 })
 </script>
 
 <template>
     <!--首页-->
     <XNav :show-back="false"></XNav>
-    <x-notice-bar></x-notice-bar>
+    <x-notice-bar :text="textContent" v-if="textContent"></x-notice-bar>
 
     <add-customer-service-modal v-model:show="showAddCustomer"></add-customer-service-modal>
 
diff --git a/src/pages/login/BulletChat.vue b/src/pages/login/BulletChat.vue
index c6ed0ac..0d2ff89 100644
--- a/src/pages/login/BulletChat.vue
+++ b/src/pages/login/BulletChat.vue
@@ -1,16 +1,15 @@
 <script setup>
-import {reactive, onMounted} from "vue";
+import {onMounted, reactive} from "vue";
 import Api from "../../api/index.js";
 
+const list = ['简单做轻松赚', '我是大圆宝 已提现304.46元', '路马克 已提现858.37元', 'Rainy day 已提现1634.78元', '邀请好友，更多奖励', '0成本轻创业，有手就行', '无套路，没门槛', '一边带娃一边赚钱，方便省心~', '舍友同学都在用，提现快捷'];
 const list1 = reactive([]);
 const list2 = reactive([]);
 onMounted(() => {
-    Api.system.getBarrageList().then(({data}) => {
-        for (let i = 0; i <= 1000; i++) {
-            list1.push(data[Math.floor(Math.random() * data.length)]);
-            list2.push(data[Math.floor(Math.random() * data.length)]);
-        }
-    });
+    for (let i = 0; i <= 1000; i++) {
+        list1.push(list[Math.floor(Math.random() * list.length)]);
+        list2.push(list[Math.floor(Math.random() * list.length)]);
+    }
 })
 </script>
 
diff --git a/src/pages/taskDetails/components/MyBackfill.vue b/src/pages/taskDetails/components/MyBackfill.vue
index 49ced91..542c2fe 100644
--- a/src/pages/taskDetails/components/MyBackfill.vue
+++ b/src/pages/taskDetails/components/MyBackfill.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {reactive, ref, watch} from "vue";
+import {defineEmits, reactive, ref, watch} from "vue";
 import XLink from "../../../components/XLink.vue";
 import XUpload from "../../../components/XUpload.vue";
 import XInput from "../../../components/XInput.vue";
@@ -8,7 +8,10 @@ import {showToast} from "../../../utils/uils.js";
 import dayjs from "dayjs";
 import XCountdown from "../../../components/XCountdown.vue";
 import XImage from "../../../components/XImage.vue";
+import Resubmit from "./Resubmit.vue";
+import ReplyMessageModal from "./replyMessageModal.vue";
 
+const emits = defineEmits(['success']);
 const {data} = defineProps({
     data: {
         type: Object,
@@ -28,6 +31,7 @@ const success = async () => {
         type: data.task_content[current.value].is_image,
     });
     showToast(msg);
+    emits('success');
 }
 
 watch(
@@ -69,7 +73,8 @@ watch(
             回填时间:
         </view>
         <view class="block-info">
-            {{ data.task_content[current].start_time }} 至 {{ data.task_content[current].end_time }}
+            {{ dayjs(data.task_content[current].start_time).format('YYYY-MM-DD HH:mm') }} 至
+            {{ dayjs(data.task_content[current].end_time).format('YYYY-MM-DD HH:mm') }}
         </view>
     </view>
 
@@ -78,26 +83,85 @@ watch(
             倒计时:
         </view>
         <view class="block-info">
-            <x-countdown :time="dayjs(data.task_content[current].end_time)">
+            <view v-if="data.children.back[current]">/</view>
+            <x-countdown v-else :time="dayjs(data.task_content[current].end_time)">
             </x-countdown>
         </view>
     </view>
 
     <view class="block" v-for="(v, index) in data.fb_num">
         <view class="block-title">
-            视频1的评论区截图:
+            回填{{ index + 1 }}的截图:
         </view>
         <view class="block-info">
             <x-upload
-                @success="(e) => content[index] = e"
-                :files="content[index] ? [content[index]] : []"
+                :del="data.children.back[current]"
+                :single="true"
+                v-model:files="content"
                 v-if="data.task_content[current].is_image === 1">
             </x-upload>
             <x-input v-else v-model:model-value="content[index]" height="64rpx" placeholder="请输入内容"></x-input>
         </view>
     </view>
 
-    <tui-button @click="success">提交</tui-button>
+    <template v-if="data.children.back[current]">
+        <view class="text-[#165DFF] test-24r py-[32rpx]" v-if="data.children.back[current].status === 1">
+            {{ dayjs(data.children.createtime * 1000).format('YYYY-MM-DD HH:mm') }}已提交，审核通过
+        </view>
+        <template v-if="data.children.back[current].status === 2">
+            <view class="text-[#165DFF] test-24r py-[32rpx]" v-if="data.children.back[current].operate === 1">
+                <view>{{ dayjs(data.children.createtime * 1000).format('YYYY-MM-DD HH:mm') }}已提交，审核拒绝</view>
+                <view>请请点击审核沟通，查看修改建议</view>
+                <view>
+                    并于{{ dayjs(data.children.back[current].end_time * 1000).format('YYYY-MM-DD HH:mm') }}前点击下方重新提交本次回填
+                </view>
+            </view>
+            <view class="text-[#165DFF] test-24r py-[32rpx]" v-if="data.children.back[current].operate === 2">
+                <view>{{ dayjs(data.children.createtime * 1000).format('YYYY-MM-DD HH:mm') }}已提交，审核拒绝</view>
+                <view>请请点击审核沟通，查看修改建议</view>
+                <view>
+                    并于{{
+                        dayjs(data.children.back[current].end_time * 1000).format('YYYY-MM-DD HH:mm')
+                    }}前点击下方回复，按照要求进行回复
+                </view>
+            </view>
+        </template>
+        <view class="text-[#165DFF] test-24r py-[32rpx]"
+              v-if="data.children.back[current].status === 0">
+            {{ dayjs(data.children.createtime * 1000).format('YYYY-MM-DD HH:mm') }}已提交，审核中
+        </view>
+        <view class="text-[#165DFF] test-24r py-[32rpx]"
+              v-if="data.children.back[current].status === -1">
+            {{ dayjs(data.children.createtime * 1000).format('YYYY-MM-DD HH:mm') }}已提交，审核失败
+        </view>
+    </template>
+
+    <template
+        v-if="data.children.back[current].status === 0 || data.children.back[current].status === -1">
+        <tui-button @click="success" :disabled="data.children.back[current]">
+            {{
+                data.children.back[current].status === 0 || data.children.back[current].status === -1 ? '已提交' : '提交'
+            }}
+        </tui-button>
+    </template>
+    <template v-else>
+        <view class="!flex !w-full gap-[30rpx]">
+            <view class="!w-[50%]">
+                <tui-button disabled>已提交</tui-button>
+            </view>
+            <view class="!w-[50%]" v-if="data.children.back[current].operate === 1">
+                <resubmit :data="data" :current="current" @success="emits('success')">
+                    <tui-button>重新提交</tui-button>
+                </resubmit>
+            </view>
+            <view class="!w-[50%]" v-if="data.children.back[current].operate === 2">
+                <reply-message-modal :data="data" @success="emits('success')" :backId="data.children.back[current].id">
+                    <tui-button>回复</tui-button>
+                </reply-message-modal>
+            </view>
+        </view>
+    </template>
+
 </template>
 
 <style scoped lang="scss">
diff --git a/src/pages/taskDetails/components/QuickOperation.vue b/src/pages/taskDetails/components/QuickOperation.vue
new file mode 100644
index 0000000..40a045c
--- /dev/null
+++ b/src/pages/taskDetails/components/QuickOperation.vue
@@ -0,0 +1,120 @@
+<script setup>
+import YY_ICON from "../../../static/icons/yy.png";
+import {showToast, toPage} from "../../../utils/uils.js";
+import ReplyMessageModal from "./replyMessageModal.vue";
+import Api from "../../../api/index.js";
+
+const emits = defineEmits(['success']);
+const {operate, data} = defineProps({
+    operate: {
+        type: Number,
+        default: 1,
+    },
+    data: {
+        type: Object,
+        default: () => ({})
+    }
+});
+
+const abandonTask = async () => {
+    const {msg} = await Api.system.abandonTask({id: data.id});
+    showToast(msg);
+    emits('success');
+}
+</script>
+
+<template>
+    <view class="p-[24rpx] bg-white w-[460rpx] !flex flex-col gap-[16rpx]">
+        <template v-if="operate===1">
+            <view
+                class="w-full py-[8rpx] bg-[#F2F3F5] px-[30rpx] test-22r text-[#86909C] !flex items-center gap-[10rpx] rounded-[4rpx]">
+                <image :src="YY_ICON" class="!size-[26rpx]"></image>
+                提示：点击下方按钮，快速回复
+            </view>
+            <view
+                @click="toPage(`/pages/taskDetails/index?id=${data.id}&tab=2`)"
+                class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                去重新回填
+            </view>
+            <view
+                @click="abandonTask"
+                class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                拒绝修改并放弃任务
+                <view class="w-full h-[2rpx] bg-[#E5E6EB] !my-[8rpx]"></view>
+                <view class="test-22r text-[#86909C]">商家将根据约定扣钱或不结算</view>
+            </view>
+            <reply-message-modal :data="data" :intervention="true" @success="emits('success')">
+                <view
+                    class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                    发起申诉
+                </view>
+            </reply-message-modal>
+        </template>
+        <template v-if="operate===2">
+            <view
+                class="w-full py-[8rpx] bg-[#F2F3F5] px-[30rpx] test-22r text-[#86909C] !flex items-center gap-[10rpx] rounded-[4rpx]">
+                <image :src="YY_ICON" class="!size-[26rpx]"></image>
+                提示：点击下方按钮，快速回复
+            </view>
+            <reply-message-modal :data="data" :intervention="true" @success="emits('success')">
+                <view
+                    class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                    去回复
+                </view>
+            </reply-message-modal>
+            <view
+                @click="abandonTask"
+                class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                拒绝修改并放弃任务
+                <view class="w-full h-[2rpx] bg-[#E5E6EB] !my-[8rpx]"></view>
+                <view class="test-22r text-[#86909C]">商家将根据约定扣钱或不结算</view>
+            </view>
+            <reply-message-modal :data="data" :intervention="true" @success="emits('success')">
+                <view
+                    class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                    发起申诉
+                </view>
+            </reply-message-modal>
+        </template>
+        <template v-if="operate===3">
+            <view
+                class="w-full py-[8rpx] bg-[#F2F3F5] px-[30rpx] test-22r text-[#86909C] !flex items-center gap-[10rpx] rounded-[4rpx]">
+                <image :src="YY_ICON" class="!size-[26rpx]"></image>
+                提示：点击下方按钮，快速回复
+            </view>
+            <reply-message-modal :data="data" :intervention="true" @success="emits('success')">
+                <view
+                    class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                    发起申诉
+                    <view class="w-full h-[2rpx] bg-[#E5E6EB] !my-[8rpx]"></view>
+                    <view class="test-22r text-[#86909C]">对商家处理有异议，可点击申诉</view>
+                </view>
+            </reply-message-modal>
+        </template>
+        <template v-if="operate===4">
+            <view
+                class="w-full py-[8rpx] bg-[#F2F3F5] px-[30rpx] test-22r text-[#86909C] !flex items-center gap-[10rpx] rounded-[4rpx]">
+                <image :src="YY_ICON" class="!size-[26rpx]"></image>
+                提示：点击下方按钮，快速回复
+            </view>
+            <view
+                class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                我同意
+                <view class="w-full h-[2rpx] bg-[#E5E6EB] !my-[8rpx]"></view>
+                <view class="test-22r text-[#86909C]">将在12时00分00秒后自动同意</view>
+            </view>
+            <reply-message-modal :data="data" :intervention="true" @success="emits('success')">
+                <view
+                    class="py-[15rpx] !flex justify-center flex-col items-center test-28r text-[#165DFF] bg-[#E8F3FF] px-[26rpx]">
+                    发起申诉
+                    <view class="w-full h-[2rpx] bg-[#E5E6EB] !my-[8rpx]"></view>
+                    <view class="test-22r text-[#86909C]">对结算有异议，可点击申诉</view>
+                </view>
+            </reply-message-modal>
+        </template>
+    </view>
+</template>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/pages/taskDetails/components/Resubmit.vue b/src/pages/taskDetails/components/Resubmit.vue
new file mode 100644
index 0000000..34f7895
--- /dev/null
+++ b/src/pages/taskDetails/components/Resubmit.vue
@@ -0,0 +1,91 @@
+<script setup>
+import XModal from "../../../components/XModal.vue";
+import {defineEmits, reactive, ref} from "vue";
+import XUpload from "../../../components/XUpload.vue";
+import XInput from "../../../components/XInput.vue";
+import Api from "../../../api/index.js";
+import {showToast} from "../../../utils/uils.js";
+
+const emits = defineEmits(['success']);
+const {data, current} = defineProps({
+    data: {
+        type: Object,
+        default: null,
+    },
+    current: {
+        type: Number,
+        default: null,
+    }
+});
+const content = reactive([]);
+const show = ref(false);
+
+const success = async () => {
+    const {msg} = await Api.system.addTaskBackfill({
+        id: data.children.id,
+        cid: current + 1,
+        content: content,
+        type: data.task_content[current].is_image,
+    });
+    showToast(msg);
+    emits('success');
+    show.value = false;
+}
+</script>
+
+<template>
+    <view @click="show=true">
+        <slot></slot>
+    </view>
+
+    <x-modal v-model:show="show">
+        <view class="!py-[40rpx] !px-[32rpx] test-32r font-blod">
+            <view class="text-center text-[#1D2129] pb-[20rpx]">重新回填：回填数据1</view>
+
+            <view class="block" v-for="(v, index) in data.fb_num">
+                <view class="block-title">
+                    回填{{ index + 1 }}的截图:
+                </view>
+                <view class="block-info">
+                    <x-upload
+                        :del="data.children.user_status !== 2"
+                        :single="true"
+                        v-model:files="content"
+                        v-if="data.task_content[current].is_image === 1">
+                    </x-upload>
+                    <x-input v-else v-model:model-value="content[index]" height="64rpx"
+                             placeholder="请输入内容"></x-input>
+                </view>
+            </view>
+
+            <tui-button height="80rpx" @click="success">重新提交</tui-button>
+        </view>
+    </x-modal>
+</template>
+
+<style scoped lang="scss">
+.block {
+    display: flex;
+    gap: 20rpx;
+    margin-bottom: 20rpx;
+
+    .block-title {
+        flex-shrink: 0;
+        color: rgb(134, 144, 156);
+        font-size: 24rpx;
+        font-weight: 500;
+        line-height: 140%;
+        letter-spacing: 0;
+        text-align: left;
+        width: 160rpx;
+    }
+
+    .block-info {
+        color: rgb(78, 89, 105);
+        font-size: 24rpx;
+        font-weight: 500;
+        line-height: 140%;
+        letter-spacing: 0;
+    }
+}
+</style>
diff --git a/src/pages/taskDetails/components/ReviewCommunication.vue b/src/pages/taskDetails/components/ReviewCommunication.vue
index d2e4ae1..643617d 100644
--- a/src/pages/taskDetails/components/ReviewCommunication.vue
+++ b/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>
diff --git a/src/pages/taskDetails/components/replyMessageModal.vue b/src/pages/taskDetails/components/replyMessageModal.vue
index a910e48..7812c0d 100644
--- a/src/pages/taskDetails/components/replyMessageModal.vue
+++ b/src/pages/taskDetails/components/replyMessageModal.vue
@@ -1,15 +1,24 @@
 <script setup>
-import {ref, reactive} from "vue";
+import {ref, reactive, defineEmits} from "vue";
 import XModal from "../../../components/XModal.vue";
 import rback from "../../../static/icons/rout-back.png";
 import XButton from "../../../components/XButton.vue";
 import {showToast, uploadFile} from "../../../utils/uils.js";
 import Api from "../../../api/index.js";
 
-const {data} = defineProps({
+const emits = defineEmits(['success']);
+const {data, backId, intervention} = defineProps({
     data: {
         type: Object,
         default: {},
+    },
+    backId: {
+        type: Number,
+        default: null,
+    },
+    intervention: {
+        type: Boolean,
+        default: false,
     }
 });
 const show = ref(false);
@@ -21,27 +30,33 @@ const form = reactive({
 });
 
 const upload = async () => {
-    const res = await uploadFile({
+    const [res] = await uploadFile({
         count: 9,
     });
-    form.images.push(...res);
+    const {data} = res;
+    form.images.push(data);
 }
 
 const success = async () => {
-    const {msg} = await Api.system.addExchangeLog(form);
+    const api = intervention ? Api.system.intervention : Api.system.addExchangeLog
+    const {msg} = await api({...form, backfill_id: backId});
     showToast(msg);
     form.images.length = 0;
     form.content = null;
     form.pattern = 0;
     show.value = false;
+    emits('success');
 }
 </script>
 
 <template>
-    <x-button class="flex-grow !flex gap-[16rpx]" @click="show=true">
+    <x-button v-if="!$slots.default" class="flex-grow !flex gap-[16rpx]" @click="show=true">
         <image :src="rback" class="!w-[22rpx]" mode="widthFix"></image>
         回复
     </x-button>
+    <view v-else @click="show=true">
+        <slot></slot>
+    </view>
 
     <x-modal
         v-model:show="show">
@@ -64,7 +79,8 @@ const success = async () => {
             </view>
 
             <view class="!mt-[20rpx] bg-[#F2F3F5] rounded-[4rpx] py-[16rpx] px-[30rpx]">
-                <textarea v-model="form.content" placeholder="请输入申诉原因"></textarea>
+                <textarea v-model="form.content"
+                          :placeholder="intervention ? '请输入申诉内容' : '请输入内容'"></textarea>
             </view>
 
             <view class="text-[#86909C] test-24r !mt-[20rpx]">提示：请确认内容无误后提交，提交虚假回复会封号</view>
diff --git a/src/pages/taskDetails/index.vue b/src/pages/taskDetails/index.vue
index 5ed09fb..ff4c9e4 100644
--- a/src/pages/taskDetails/index.vue
+++ b/src/pages/taskDetails/index.vue
@@ -51,8 +51,9 @@ const getData = async (id) => {
 }
 
 onLoad((options) => {
-    const {id, home: _home} = options;
+    const {id, home: _home, tab} = options;
     home.value = _home === '1';
+    if (tab) currentTabs.value = Number(tab);
     getData(id);
 });
 
@@ -114,7 +115,7 @@ onMounted(() => {
                     <view class="goods-st-info">发布平台</view>
                 </view>
                 <view class="bg-[#E8F3FF] px-[26rpx] py-[20rpx] rounded-[8rpx]">
-                    <view class="goods-st">¥ {{ details.real_price.toFixed(2) }}</view>
+                    <view class="goods-st whitespace-nowrap">¥ {{ details.real_price.toFixed(2) }}</view>
                     <view class="goods-st-info">任务报酬</view>
                 </view>
                 <view class="bg-[#E8F3FF] px-[26rpx] py-[20rpx] rounded-[8rpx]">
@@ -170,7 +171,7 @@ onMounted(() => {
                 <Suspense>
                     <template #default>
                         <div class="h-full flex flex-col items-start">
-                            <component :is="tabs[currentTabs].component" :data="details"></component>
+                            <component :is="tabs[currentTabs].component" :data="details" @success="getData"></component>
                         </div>
                     </template>
 
diff --git a/src/pages/wallet/components/WithdrawalModal.vue b/src/pages/wallet/components/WithdrawalModal.vue
index 3b61d1a..66b65f0 100644
--- a/src/pages/wallet/components/WithdrawalModal.vue
+++ b/src/pages/wallet/components/WithdrawalModal.vue
@@ -5,12 +5,13 @@ import {showToast} from "../../../utils/uils.js";
 import {useUserStore} from "../../../pinia/UserStore/index.js";
 import dayjs from "dayjs";
 import Api from "../../../api/index.js";
+import {debounce} from "lodash";
 
 const UserStore = useUserStore();
 const emits = defineEmits(['success']);
 const show = ref(false);
 const defaultDrawal = ref();
-const open = async () => {
+const open = debounce(async () => {
     if (UserStore.userInfo.money < 1) {
         showToast({
             icon: 'error',
@@ -28,9 +29,9 @@ const open = async () => {
     const {data} = await Api.system.getDefaultWithdrawalInfo();
     defaultDrawal.value = data;
     show.value = true;
-}
+}, 500);
 
-const success = async () => {
+const success = debounce(async () => {
     const {msg} = await Api.system.postWithdrawal({
         id: defaultDrawal.value.id,
         money: UserStore.userInfo.money,
@@ -40,7 +41,7 @@ const success = async () => {
         title: msg,
     });
     emits('success');
-}
+}, 500);
 </script>
 
 <template>
diff --git a/src/static/icons/close2.png b/src/static/icons/close2.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc462fc98138630102f1c97afec7ace348f3d3a6
GIT binary patch
literal 2402
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
U#KFpd!T<mO07*qoM6N<$f|cTyQUCw|

literal 0
HcmV?d00001

diff --git a/src/static/icons/yy.png b/src/static/icons/yy.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ebeb6ad5da8ddfcf4bc1469227976d94f709537
GIT binary patch
literal 749
zcmV<J0uud+P)<h;3K|Lk000e1NJLTq001@s001xu1^@s6S{#YM00004b3#c}2nYxW
zd<bNS0007{Nkl<ZXo1aIJ-XU35S(>5NN$2ilPb5s{c{Nvm;zjy-h5vUkt$7|-o;Rg
zXD7n!3d>k#r(=<|jK=#T2|{92bz`o8A)<Y2vfH=yDz)D)DJMVHO$nl(L}Wbk*Kgl{
z(4XJGY)ao*s)>(vQ+g`Rj>Xgy4k1KD%c=eLF{xs&R>{XCip@>vbiTX;Kqv`4t=Nl5
z835*3H>EUgG_k5~%;|i2e-SAF01@paa-)bH>!x%>H%?NcC2;3YBDe4!ipf@Y4pL)R
z<mKsnS#rMHx2C+YRdr+9)t?iiyN}cP;yAl=?yxKJviqDlCFyx6$T@aF`mvtj1+Uc*
zRCQxG`=-dPbMC->=f_&Img*UF$w?yTzj8i&)zlI5>tZPOAE~B_7+372Iwh&rK@G90
zZVXrKLq(WVt(!v)u~1ToMO8OO4KW~`6u3kpjlTlAhyij^xXNY8az=H;0;&z(oD$Je
z9kCXcu^DclbMAw)t0X4<*a+y0u@IzAgo8?AnUD}7=g<c!18$1k4xGZOBo><iIlD??
z0&L7+b;Q~PVIm&68|$3=P)AJK(G$~=NLez|7Gu&$6adR54rviKMXraKv~2-+wF0n!
zq8JNoTUfQESnL)-4Kd)e0q&EN)OvKfrivJFOOBjd#i#{OU3J8OPjV6|KtAO0)m2Fh
zklUy33W>o@EM`-kGt7ZNIk=0(#jeQ9s%~uLQ8znzN`&s=oO6e5PvHgdPj-9%NW7C&
z$N=jA&Zp&$6Gp{Y7u=X&-!v4PBDc(igm`N+I(cl0+-~32t2tw|PcGDvJe?KiR<9!$
zDhB{SQ#$S65eJa`Z%32XvF+P>C0)$TjmZnN7YBCgxnq!|^LUh4BDW!<Flmf&XfN;g
f_#b<-{H^aV=M!9z5cSA=00000NkvXXu0mjfJkVCp

literal 0
HcmV?d00001