Merge branch 'main' of https://github.com/omnia96/designer-hub into main

packages/merchant/src/core/libs/requests.ts

@@ -231,6 +231,8 @@ export const getTaskList = (query) => httpGet<any>('/app-api/member/task/task-li
 export const getTaskDetail = (query) => httpGet<any>('/app-api/member/task/task-detail', query)
 // 领取任务
 export const taskReceive = (data) => httpPost<any>('/app-api/member/task/task-receive', data)
+// 任务上报
+export const appTaskReport = (data) => httpPost<any>('/app-api/member/app-task-report/create', data)
 
 export const getTasks = (query) =>
   httpGet<{

packages/merchant/src/pages/home/tasks/detail/index.vue

@@ -9,22 +9,24 @@ import SectionHeading from '@designer-hub/app/src/components/section-heading.vue
 import BottomAppBar from '@/components/bottom-app-bar.vue'
 import DataForm from '@/components/data-form.vue'
 // eslint-disable-next-line import/named
-import { getTaskDetail } from '@/core/libs/requests'
+import { appTaskReport, getTaskDetail } from '@/core/libs/requests'
 import { useUserStore } from '@/store'
 import { storeToRefs } from 'pinia'
+import dayjs from 'dayjs'
+const taskId = ref()
 const types = ref({
   1: { title: '到店', bg: '', bgClass: 'bg-gradient-to-r from-[#cfe0ff] to-[#e1ecff]' },
   2: { title: '订单', bg: '', bgClass: 'bg-gradient-to-r from-[#ffe8cf] to-[#fff3e1]' },
 })
 const current = ref<number>(10)
 const type = ref(1)
-const taskType = ref(2)
 const publishState = ref(false)
-const fromModel = ref()
+const formData = ref<any>({})
 const userStore = useUserStore()
 const { userInfo } = storeToRefs(userStore)
+const taskDetails = ref()
 const customerSchema = ref({
-  customerName: {
+  num: {
     type: 'TextField',
     label: '个人完成量:',
     props: {
@@ -32,7 +34,7 @@ const customerSchema = ref({
       placeholder: '请输入个人完成量',
     },
   },
-  customerPhoneNumbe: {
+  remark: {
     type: 'textarea',
     label: '上报说明:',
     props: {
@@ -42,25 +44,48 @@ const customerSchema = ref({
   },
 })
 const initData = async () => {
-  const res = await getTaskDetail({ brokerId: userInfo.value.userId, taskId: '' })
+  const res = await getTaskDetail({ brokerId: userInfo.value.userId, taskId: taskId.value })
+  taskDetails.value = res.data
 }
-onMounted(async () => {
-  initData()
+const submitTask = async (data) => {
+  uni.showLoading()
+
+  console.log(formData.value)
+  const res = await appTaskReport({
+    brokerId: userInfo.value.userId,
+    taskId: taskId.value,
+    ...formData.value,
+  })
+  uni.hideLoading()
+  publishState.value = false
+}
+// {
+//   "id": 5092,
+//   "taskId": 24266,
+//   "brokerId": 22306,
+//   "reason": "不香",
+//   "remark": "你猜",
+//   "num": 0,
+//   "crateTime": ""
+// }
+onLoad(async (query: { taskId: string }) => {
+  taskId.value = query.taskId
+  await initData()
 })
 </script>
 <template>
   <view class="flex-grow flex flex-col p-4 gap-4" style="position: relative">
     <Card :custom-class="`${types[type].bgClass} px-0 py-0`">
       <div class="flex items-center py-[20px] px-[15px]">
-        <div class="text-black/90 text-lg font-normal font-['PingFang_SC'] leading-none">
-          团队任务
+        <div class="text-black/90 text-lg font-normal font-['PingFang SC'] leading-none">
+          {{ taskDetails?.name }}
         </div>
         <div class="flex-1"></div>
         <div
           class="w-[47px] h-[23px] px-1 bg-[#2357e9] rounded border justify-center items-center gap-2.5 inline-flex"
         >
           <div class="text-right text-white text-xs font-normal font-['PingFang_SC'] leading-tight">
-            进行中
+            {{ taskDetails?.statusName }}
           </div>
         </div>
       </div>
@@ -72,7 +97,7 @@ onMounted(async () => {
           <div class="flex flex-row items-center justify-start ml-[37px]">
             <div class="text-black/60 text-sm font-normal font-['PingFang_SC']">奖励积分：</div>
             <div class="text-[#ff2d2d] text-[22px] font-medium font-['DIN'] leading-normal">
-              6000
+              {{ taskDetails?.pointsReward }}
             </div>
             <div class="text-[#ff2d2d] text-xs font-normal font-['PingFang_SC'] leading-normal">
               积分
@@ -81,18 +106,24 @@ onMounted(async () => {
         </div>
         <div class="flex flex-row items-center justify-between gap-2 p-[20px]">
           <div class="flex items-center justify-center flex-col">
-            <div class="text-black/60 text-xs font-normal font-['PingFang_SC']">目标</div>
-            <div class="w-5 text-black/90 text-lg font-medium font-['DIN'] leading-normal">30</div>
+            <div class="text-black/60 text-xs font-normal font-['PingFang SC']">目标</div>
+            <div class="w-5 text-black/90 text-lg font-medium font-['DIN'] leading-normal">
+              {{ taskDetails?.storeQuantity }}
+            </div>
           </div>
           <div style="width: 1px; height: 10px; background: #e8e8e8"></div>
           <div class="flex items-center justify-center flex-col">
-            <div class="text-black/60 text-xs font-normal font-['PingFang_SC']">个人完成</div>
-            <div class="w-5 text-black/90 text-lg font-medium font-['DIN'] leading-normal">30</div>
+            <div class="text-black/60 text-xs font-normal font-['PingFang SC']">个人完成</div>
+            <div class="w-5 text-black/90 text-lg font-medium font-['DIN'] leading-normal">
+              {{ taskDetails?.personalCompletedNum }}
+            </div>
           </div>
           <div style="width: 1px; height: 5px; background: #e8e8e8"></div>
           <div class="flex items-center justify-center flex-col">
-            <div class="text-black/60 text-xs font-normal font-['PingFang_SC']">累计完成</div>
-            <div class="w-5 text-black/90 text-lg font-medium font-['DIN'] leading-normal">30</div>
+            <div class="text-black/60 text-xs font-normal font-['PingFang SC']">累计完成</div>
+            <div class="w-5 text-black/90 text-lg font-medium font-['DIN'] leading-normal">
+              {{ taskDetails?.completedNum }}
+            </div>
           </div>
           <!--            </div>-->
         </div>
@@ -102,48 +133,50 @@ onMounted(async () => {
           <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
             任务名称：
           </span>
-          <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-            邀请30位设计师带客到店
+          <span class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-none">
+            {{ taskDetails?.name }}
           </span>
         </div>
         <div class="mb-[19px]">
           <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
             发起方：
           </span>
-          <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-            imola瓷砖
+          <span class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-none">
+            {{ taskDetails?.bearerName }}
           </span>
         </div>
         <div class="mb-[19px]">
           <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
             适用店面：
           </span>
-          <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-            曲江新区店
+          <span class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-none">
+            {{ taskDetails?.shopNames }}
           </span>
         </div>
         <div class="mb-[19px]">
           <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
             任务时间：
           </span>
-          <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-            2024/06/07-2024/09/16
+          <span class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-none">
+            {{ dayjs(taskDetails?.startTime).format('YYYY/MM/DD') }}-{{
+              dayjs(taskDetails?.endTime).format('YYYY/MM/DD')
+            }}
           </span>
         </div>
         <div class="mb-[19px]">
           <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
             详细说明：
           </span>
-          <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-            邀请设计师带客到店，扫码获取积分
+          <span class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-none">
+            {{ taskDetails?.detail }}
           </span>
         </div>
         <div>
           <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
             完成方式：
           </span>
-          <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-            到店扫码
+          <span class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-none">
+            {{ taskDetails?.finalTypeName }}
           </span>
         </div>
       </div>
@@ -152,27 +185,21 @@ onMounted(async () => {
           <div class="text-black/90 text-sm font-normal font-['PingFang_SC'] leading-none">
             已接单经纪人
           </div>
-          <div class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
-            共2人
+          <div class="text-black/40 text-sm font-normal font-['PingFang SC'] leading-none">
+            共{{ taskDetails?.brokerList.length }}人
           </div>
         </div>
         <div class="flex items-center justify-start gap-3">
-          <div class="my-[23px]">
-            <img class="w-[46px] h-[46px] rounded-full" src="https://via.placeholder.com/46x46" />
-            <div
-              class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none mt-[10px]"
-            >
-              王世东
-            </div>
-          </div>
-          <div>
-            <img class="w-[46px] h-[46px] rounded-full" src="https://via.placeholder.com/46x46" />
-            <div
-              class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none mt-[10px]"
-            >
-              王世东
+          <template v-for="item in taskDetails?.brokerList">
+            <div class="my-[23px]">
+              <img class="w-[46px] h-[46px] rounded-full" :src="item.headImgUrl" alt="" />
+              <div
+                class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-none mt-[10px]"
+              >
+                {{ item.brokerName }}
+              </div>
             </div>
-          </div>
+          </template>
         </div>
       </div>
     </Card>
@@ -181,72 +208,60 @@ onMounted(async () => {
         <div class="mr-2.5 w-1 h-4 rotate-180 bg-[#2357e9] rounded-[20px]"></div>
         <SectionHeading title="数据明细" size="base"></SectionHeading>
       </div>
-      <div v-if="taskType == 1" class="flex flex-col gap-4 mt-5">
-        <div class="flex gap-2.5 p-3.5 bg-[#f7fbff] items-center rounded-[10px]">
-          <img class="w-11 h-11 rounded-full" src="https://via.placeholder.com/44x44" />
-          <div class="flex-1 flex flex-col gap-2">
-            <div class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-normal">
-              王一博
+      <div v-if="taskDetails?.finalType == 1" class="flex flex-col gap-4 mt-5">
+        <template v-for="item in taskDetails?.brokerList">
+          <div class="flex gap-2.5 p-3.5 bg-[#f7fbff] items-center rounded-[10px]">
+            <img class="w-11 h-11 rounded-full" :src="item.headImgUrl" />
+            <div class="flex-1 flex flex-col gap-2">
+              <div class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-normal">
+                {{ item.brokerName }}
+              </div>
+              <div class="text-black/30 text-sm font-normal font-['PingFang_SC'] leading-none">
+                {{ item.finalTypeName }}{{ item.shopNames }}
+              </div>
             </div>
-            <div class="text-black/30 text-sm font-normal font-['PingFang_SC'] leading-none">
-              打卡imola瓷砖
+            <div class="h-full flex items-start">
+              <div class="text-black/40 text-xs font-normal font-['PingFang_SC'] leading-normal">
+                {{ dayjs(item.createTime).format('YYYY/MM/DD HH:mm') }}
+              </div>
             </div>
           </div>
-          <div class="flex items-start h-full">
-            <div class="text-black/40 text-xs font-normal font-['PingFang_SC'] leading-normal">
-              2024/04/01 11:25
-            </div>
-          </div>
-        </div>
-        <div class="flex gap-2.5 p-3.5 bg-[#f7fbff] items-center rounded-[10px]">
-          <img class="w-11 h-11 rounded-full" src="https://via.placeholder.com/44x44" />
-          <div class="flex-1 flex flex-col gap-2">
-            <div class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-normal">
-              王一博
-            </div>
-            <div class="text-black/30 text-sm font-normal font-['PingFang_SC'] leading-none">
-              打卡imola瓷砖
+        </template>
+      </div>
+      <div v-else class="bg-[#f7fbff] rounded-[10px] py-[22px] px-[16px] mt-[20px]">
+        <template v-for="item in taskDetails?.reportList">
+          <div class="flex items-center justify-between">
+            <div class="text-black/40 text-xs font-normal font-['PingFang SC'] leading-normal">
+              {{ dayjs(item.createTime).format('YYYY/MM/DD HH:mm') }}
             </div>
-          </div>
-          <div class="h-full flex items-start">
-            <div class="text-black/40 text-xs font-normal font-['PingFang_SC'] leading-normal">
-              2024/04/01 11:25
+            <div class="text-[#2357e9] text-xs font-normal font-['PingFang SC'] leading-normal">
+              {{ item.status == 0 ? '审核通过' : item.status == 1 ? '审核中' : '驳回' }}
             </div>
           </div>
-        </div>
-      </div>
-      <div v-else class="bg-[#f7fbff] rounded-[10px] py-[22px] px-[16px] mt-[20px]">
-        <div class="flex items-center justify-between">
-          <div class="text-black/40 text-xs font-normal font-['PingFang_SC'] leading-normal">
-            2024/04/01 11:25
+          <div class="mt-[7px]">
+            <span class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-normal">
+              个人完成量：
+            </span>
+            <span class="text-black/90 text-sm font-normal font-['PingFang SC'] leading-normal">
+              {{ item.num }}
+            </span>
           </div>
-          <div class="text-[#2357e9] text-xs font-normal font-['PingFang_SC'] leading-normal">
-            审核中
+          <div class="mt-[2px]">
+            <span class="text-black/60 text-sm font-normal font-['PingFang SC'] leading-normal">
+              上报说明
+            </span>
+            <span class="text-black/90 text-sm font-normal font-['PingFang SC'] leading-normal">
+              ：
+            </span>
+            <span class="text-black/90 text-sm font-normal font-['PingFang SC'] leading-normal">
+              {{ item.remark }}
+            </span>
           </div>
-        </div>
-        <div class="mt-[7px]">
-          <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-normal">
-            个人完成量：
-          </span>
-          <span class="text-black/90 text-sm font-normal font-['PingFang_SC'] leading-normal">
-            1
-          </span>
-        </div>
-        <div class="mt-[2px]">
-          <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-normal">
-            上报说明
-          </span>
-          <span class="text-black/90 text-sm font-normal font-['PingFang_SC'] leading-normal">
-            ：
-          </span>
-          <span class="text-black/90 text-sm font-normal font-['PingFang_SC'] leading-normal">
-            我邀请设计师苏小萌到IMOLA曲江新区店
-          </span>
-        </div>
+        </template>
       </div>
     </Card>
     <BottomAppBar fixed placeholder>
-      <template v-if="taskType == 1">
+      <template v-if="taskDetails?.finalType == 1">
         <div class="flex items-center justify-between gap-3">
           <div
             class="grow shrink basis-0 px-5 py-3 bg-[#f2f3ff] rounded-md justify-center items-center gap-1 flex"
@@ -269,21 +284,23 @@ onMounted(async () => {
         </div>
       </template>
       <template v-else>
-        <div class="px-5 py-3 bg-[#2357e9] rounded-md justify-center items-center gap-1">
-          <div
-            @click="publishState = true"
-            class="text-center text-white text-base font-normal font-['PingFang_SC'] leading-normal"
-          >
-            上报
+        <template v-if="!taskDetails?.receive && taskDetails?.finalType == 2">
+          <div class="px-5 py-3 bg-[#2357e9] rounded-md justify-center items-center gap-1">
+            <div
+              @click="publishState = true"
+              class="text-center text-white text-base font-normal font-['PingFang SC'] leading-normal"
+            >
+              上报
+            </div>
           </div>
-        </div>
+        </template>
       </template>
     </BottomAppBar>
+
     <wd-action-sheet v-model="publishState" title="" @close="publishState = false">
       <view class="flex flex-col p-4 mt-4">
-        <data-form :schema="customerSchema" v-model="fromModel"></data-form>
-        <!--        <div><DataForm :schema="schema" direction="horizontal"></DataForm></div>-->
-        <div><wd-button block :round="false">提交</wd-button></div>
+        <data-form :schema="customerSchema" v-model="formData"></data-form>
+        <div><wd-button block :round="false" @click="submitTask">提交</wd-button></div>
       </view>
     </wd-action-sheet>
   </view>

packages/merchant/src/pages/home/tasks/index.vue

@@ -8,6 +8,7 @@ import Card from '@designer-hub/app/src/components/card.vue'
 import { getTaskList, taskReceive } from '@/core/libs/requests'
 import { useUserStore } from '@/store'
 import { storeToRefs } from 'pinia'
+import dayjs from 'dayjs'
 const userStore = useUserStore()
 const { userInfo } = storeToRefs(userStore)
 // const tasks = ref([
@@ -44,15 +45,41 @@ const { userInfo } = storeToRefs(userStore)
 // ])
 const tasksList = ref([])
 const types = ref({
-  1: { title: '到店', bg: '', bgClass: 'bg-gradient-to-r from-[#cfe0ff] to-[#e1ecff]' },
-  2: { title: '订单', bg: '', bgClass: 'bg-gradient-to-r from-[#ffe8cf] to-[#fff3e1]' },
+  // 0: { title: '团队任务', bg: '', bgClass: 'bg-gradient-to-r from-[#cfe0ff] to-[#e1ecff]' },
+  1: { title: '团队任务', bg: '', bgClass: 'bg-gradient-to-r from-[#cfe0ff] to-[#e1ecff]' },
+  2: { title: '抢单任务', bg: '', bgClass: 'bg-gradient-to-r from-[#ffcfcf] to-[#ffeae1]' },
+  3: { title: '指定任务', bg: '', bgClass: 'bg-gradient-to-r from-[#ffe8cf] to-[#fff3e1]' },
 })
-const toDetail = async () => {
-  await uni.navigateTo({ url: '/pages/home/tasks/detail/index' })
+const status = ref({
+  1: {
+    title: '未开始',
+    bg: 'bg-[#f04c47]',
+    bgClass: 'bg-[#f04c47]',
+  },
+  2: { title: '进行中', bg: '', bgClass: 'bg-[#2357e9]' },
+  3: { title: '已撤回', bg: '', bgClass: 'bg-[#f04c47]' },
+  4: { title: '已完成', bg: '', bgClass: 'bg-[#f04c47]' },
+  5: { title: '未完成', bg: '', bgClass: 'bg-[#abacaf]' },
+  6: { title: '待确认', bg: '', bgClass: 'bg-[#f04c47]' },
+})
+
+// 状态（1-未开始，2-进行中，3-已撤回，4-已完成，5-未完成，6-待确认）
+const toDetail = async (item) => {
+  await uni.navigateTo({ url: `/pages/home/tasks/detail/index?taskId=${item.id}` })
+}
+const acceptingOrders = async (item) => {
+  uni.showLoading()
+  const res = await taskReceive({ brokerId: userInfo.value.userId, taskId: item.id, orders: true })
+  uni.hideLoading()
+  initData()
 }
-const acceptingOrders = async () => {
-  const res = await taskReceive({ brokerId: '', taskId: '' })
+const acceptingNoOrders = async (item) => {
+  uni.showLoading()
+  const res = await taskReceive({ brokerId: userInfo.value.userId, taskId: item.id, orders: false })
+  uni.hideLoading()
+  initData()
 }
+
 const initData = async () => {
   const res = await getTaskList({ brokerId: userInfo.value.userId })
   tasksList.value = res.data
@@ -71,70 +98,95 @@ onMounted(async () => {
     <div class="w-6 h-6 relative"></div>
   </div>
   <div class="flex-grow flex flex-col gap-4 p-4">
-    <template v-for="({ type }, i) of tasksList" :key="i">
-      <div @click="toDetail()">
-        <Card :custom-class="`${types[type].bgClass} p-0`" style="padding: 0">
+    <template v-for="item in tasksList" :key="item.id">
+      <div @click="toDetail(item)">
+        <Card :custom-class="`${types[item.taskType].bgClass} p-0`" style="padding: 0">
+          <!--        <Card style="padding: 0">-->
           <div class="flex p-4 items-center">
             <div
-              class="w-[47px] h-[23px] px-1 bg-[#2357e9] rounded border justify-center items-center gap-2.5 inline-flex"
+              :class="`${status[item.status].bgClass} w-[47px] h-[23px] px-1 rounded border justify-center items-center gap-2.5 inline-flex`"
             >
               <div
                 class="text-right text-white text-xs font-normal font-['PingFang_SC'] leading-tight"
               >
-                进行中
+                {{ status[item.status].title }}
               </div>
             </div>
             <div class="mx-2.5 text-black/90 text-lg font-normal font-['PingFang_SC'] leading-none">
-              {{ types[type].title }}量
+              {{ types[item.taskType].title }}
             </div>
             <div class="flex-1"></div>
             <div class="mx-1.5 text-black/40 text-xs font-normal font-['PingFang_SC'] leading-none">
               奖励积分
             </div>
-            <div class="text-[#ff2e2e] text-[22px] font-medium font-['DIN'] leading-none">2000</div>
+            <div class="text-[#ff2e2e] text-[22px] font-medium font-['DIN'] leading-none">
+              {{ item.pointsReward }}
+            </div>
           </div>
           <div class="flex flex-col gap-4 bg-white p-5 rounded-2xl">
             <div>
               <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
-                材料商：
+                任务名称:
               </span>
               <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-                imola
+                {{ item.name }}
               </span>
             </div>
             <div>
               <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
-                品牌：
+                发起方:
               </span>
               <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-                imola瓷砖
+                {{ item.bearerName }}
               </span>
             </div>
+
             <div>
               <span class="text-black/40 text-sm font-normal font-['PingFang_SC'] leading-none">
                 任务时间：
               </span>
               <span class="text-black/60 text-sm font-normal font-['PingFang_SC'] leading-none">
-                2024/06/07-2024/09/16
+                {{ dayjs(item.startTime).format('YYYY/MM/DD') }}-{{
+                  dayjs(item.endTime).format('YYYY/MM/DD')
+                }}
               </span>
             </div>
             <div class="flex items-center border-t border-t-solid border-t-[#efefef] pt-1.5">
-              <div class="text-black/90 text-sm font-normal font-['PingFang_SC']">目标 30</div>
-              <div class="flex-1"></div>
-              <div
-                class="mr-[16px] w-[68px] h-7 px-2.5 py-[3px] rounded-[30px] border border-[#fe5053] justify-center items-center gap-2.5 inline-flex"
-                style="border: 1px solid #fe5053"
-              >
-                <div class="w-9 text-[#ff2d2d] text-xs font-normal font-['PingFang_SC']">
-                  不接单
-                </div>
-              </div>
-              <div
-                @click="acceptingOrders()"
-                class="w-[68px] h-7 px-2.5 py-[3px] bg-[#2357e9] rounded-[30px] justify-center items-center gap-2.5 inline-flex"
-              >
-                <div class="text-white text-xs font-normal font-['PingFang_SC']">接单</div>
+              <div class="text-black/90 text-sm font-normal font-['PingFang SC']">
+                目标 {{ item.storeQuantity }}
               </div>
+              <template v-if="!item.receive">
+                <div class="flex-1"></div>
+                <div class="text-black/90 text-sm font-normal font-['PingFang SC']">
+                  个人完成
+                  <span style="color: #2357e9">{{ item.personalCompletedNum }}</span>
+                </div>
+                <div class="flex-1"></div>
+                <div class="text-black/90 text-sm font-normal font-['PingFang SC']">
+                  累计完成
+                  <span style="color: #f1981b">{{ item.completedNum }}</span>
+                </div>
+              </template>
+              <template v-else>
+                <div class="flex-1"></div>
+                <div
+                  v-if="item.receive"
+                  class="mr-[16px] w-[68px] h-7 px-2.5 py-[3px] rounded-[30px] border border-[#fe5053] justify-center items-center gap-2.5 inline-flex"
+                  style="border: 1px solid #fe5053"
+                  @click.stop="acceptingNoOrders(item)"
+                >
+                  <div class="w-9 text-[#ff2d2d] text-xs font-normal font-['PingFang SC']">
+                    不接单
+                  </div>
+                </div>
+                <div
+                  v-if="item.receive"
+                  @click.stop="acceptingOrders(item)"
+                  class="w-[68px] h-7 px-2.5 py-[3px] bg-[#2357e9] rounded-[30px] justify-center items-center gap-2.5 inline-flex"
+                >
+                  <div class="text-white text-xs font-normal font-['PingFang SC']">接单</div>
+                </div>
+              </template>
             </div>
           </div>
         </Card>