update

src/components/TaskCard.vue

@@ -3,36 +3,49 @@ import dy from "../static/images/抖音.png";
 import qrw from "../static/icons/qrw.png";
 import XCountdown from "./XCountdown.vue";
 import {toPage} from "../utils/uils.js";
+import FBENUM from "../enum/FBENUM.js";
+import PlatformENUM from "../enum/PlatformENUM.js";
+import dayjs from "dayjs";
+
+const {data} = defineProps({
+    data: {
+        type: Object,
+        default: {}
+    }
+});
 </script>
 
 <template>
-    <view @click="toPage(`/pages/taskDetails/index?id=${1}`)" class="rounded-[8rpx] bg-[#fff] !p-[24rpx] overflow-hidden task-card">
+    <view @click="toPage(`/pages/taskDetails/index?id=${data.id}`)"
+          class="rounded-[8rpx] bg-[#fff] !p-[24rpx] overflow-hidden task-card">
         <view class="!pb-[20rpx] !flex justify-between" style="border-bottom: 1px solid #E5E6EB">
             <view style="font-size: 28rpx">
-                任务编号：DF1212
+                任务编号：{{ data.uid }}
             </view>
-            <view v-if="false" style="font-size: 24rpx">
-                <Text class="text-[#165DFF]">08-13-09:54</Text>后可开始回填
+            <view v-if="data.back_status === 1" style="font-size: 24rpx">
+                <Text class="text-[#165DFF]">{{ dayjs(data.time).format('MM-DD-HH:mm') }}</Text>
+                后可开始回填
             </view>
-            <x-countdown v-else>
+            <x-countdown v-else :time="dayjs(data.time)">
                 <view style="font-size: 24rpx;font-weight: 400;" class="text-[rgb(78,89,105)]">审核倒计时:</view>
             </x-countdown>
         </view>
 
         <view class="!flex gap-[26rpx] !pt-[20rpx]">
-            <image class="!size-[88rpx] rounded-[50%] overflow-hidden" mode="aspectFill" :src="dy"></image>
+            <image class="!size-[88rpx] rounded-[50%] overflow-hidden" mode="aspectFill"
+                   :src="PlatformENUM[data.platform_id]"></image>
             <view class="!h-[88rpx] !flex flex-col justify-between">
-                <view class="title">美白祛斑洗面奶</view>
+                <view class="title">{{ data.goods_name }}</view>
                 <view class="!flex gap-[8rpx]">
-                    <view class="tag">抖音</view>
-                    <view class="tag">三连发</view>
+                    <view class="tag">{{ data.platform }}</view>
+                    <view class="tag">{{ FBENUM[data.fb_num - 1] }}连发</view>
                 </view>
             </view>
             <view class="!h-[88rpx] !ml-auto !flex items-center gap-[6rpx]">
-                <view class="price-info">待确认</view>
+                <view class="price-info">{{ data.status_text }}</view>
                 <view class="price">
                     <text class="unit">¥</text>
-                    8.56
+                    {{ data.coin.toFixed(2) }}
                 </view>
             </view>
         </view>
@@ -40,11 +53,11 @@ import {toPage} from "../utils/uils.js";
         <view class="!mt-[34rpx] !px-[20rpx] !py-[10rpx] bg-[#F2F3F5] info relative">
             <view class="!flex gap-[8rpx] justify-between">
                 <view>领取账号:</view>
-                <view>酷酷猛吃</view>
+                <view>{{ data.account }}</view>
             </view>
             <view class="!flex gap-[8rpx] justify-between">
                 <view>领取时间:</view>
-                <view>2024-08-06 14:10</view>
+                <view>{{ data.accept_time }}</view>
             </view>
         </view>
     </view>

src/components/XUpload.vue

@@ -16,7 +16,7 @@ const upload = async () => {
     uploadFile({
         count: 1,
     }).then(({data}) => {
-        files.value.push(data);
+        files.value?.push(data);
         emits('success', data);
     })
 }