root/xl-root
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
多啦C梦
2025-03-14 19:03:13 +08:00
parent 9ffe64dd44
commit 86671de035
22 changed files with 923 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/pages/merchant/pages/task-center/reward-mission.vue
View File

@@ -133,77 +133,79 @@ const {loading, pagination, initFetchData} = useTableQuery({
</script>
<template>
<!-- 悬赏任务 -->
<Filter v-model:from="po" :config="FilterConfig" @search="initFetchData"></Filter>
<a-card>
<!-- 悬赏任务 -->
<Filter v-model:from="po" :config="FilterConfig" @search="initFetchData"></Filter>
<div class="my-[20px] flex-grow flex flex-col">
<div class="flex gap-[16px] mb-[20px]">
<a-button type="primary">
<template #icon>
<icon-plus/>
</template>
新建子任务
</a-button>
<a-button>
<template #icon>
<icon-plus/>
</template>
从模板快速创建
</a-button>
</div>
<a-table
class="flex-grow"
:columns="columns"
:data="vo.rows"
:loading="loading"
@page-change="(e) => pagination.current = e"
:pagination="pagination">
<template v-slot:status="{record}">
<TooltipTag v-if="record.status === 0" color="cyan">待完善</TooltipTag>
<TooltipTag v-if="record.status === 1" color="red">未通过</TooltipTag>
<TooltipTag v-if="record.status === 2" color="magenta">请完善子任务</TooltipTag>
<TooltipTag v-if="record.status === 3" color="magenta">待付款</TooltipTag>
<TooltipTag v-if="record.status === 4" color="blue">投放中</TooltipTag>
<TooltipTag v-if="record.status === 5" color="orangered">暂停中</TooltipTag>
<TooltipTag v-if="record.status === 6" color="purple">终止</TooltipTag>
<TooltipTag v-if="record.status === 7" color="green">已完成</TooltipTag>
</template>
<template v-slot:start="{record}">
<a-switch></a-switch>
</template>
<template v-slot:money>
<div class="flex flex-col gap-[8px]">
<div>120.00 / 600.00（元）</div>
<a-progress
:percent="200/600"
:show-text="false">
</a-progress>
</div>
</template>
<template v-slot:action>
<div class="flex gap-[16px]">
<a-link :hoverable="false">编辑</a-link>
<a-link :hoverable="false">查看子任务</a-link>
<a-link :hoverable="false" status="danger">终止</a-link>
</div>
</template>
<template v-slot:exp>
<a-trigger trigger="click" :unmount-on-close="false">
<a-link :hoverable="false">更多
<icon-down/>
</a-link>
<template #content>
<div class="demo-basic">
<a-button type="text">
存为模版
</a-button>
</div>
<div class="my-[20px] flex-grow flex flex-col">
<div class="flex gap-[16px] mb-[20px]">
<a-button type="primary">
<template #icon>
<icon-plus/>
</template>
</a-trigger>
</template>
</a-table>
</div>
新建子任务
</a-button>
<a-button>
<template #icon>
<icon-plus/>
</template>
从模板快速创建
</a-button>
</div>
<a-table
class="flex-grow"
:columns="columns"
:data="vo.rows"
:loading="loading"
@page-change="(e) => pagination.current = e"
:pagination="pagination">
<template v-slot:status="{record}">
<TooltipTag v-if="record.status === 0" color="cyan">待完善</TooltipTag>
<TooltipTag v-if="record.status === 1" color="red">未通过</TooltipTag>
<TooltipTag v-if="record.status === 2" color="magenta">请完善子任务</TooltipTag>
<TooltipTag v-if="record.status === 3" color="magenta">待付款</TooltipTag>
<TooltipTag v-if="record.status === 4" color="blue">投放中</TooltipTag>
<TooltipTag v-if="record.status === 5" color="orangered">暂停中</TooltipTag>
<TooltipTag v-if="record.status === 6" color="purple">终止</TooltipTag>
<TooltipTag v-if="record.status === 7" color="green">已完成</TooltipTag>
</template>
<template v-slot:start="{record}">
<a-switch></a-switch>
</template>
<template v-slot:money>
<div class="flex flex-col gap-[8px]">
<div>120.00 / 600.00（元）</div>
<a-progress
:percent="200/600"
:show-text="false">
</a-progress>
</div>
</template>
<template v-slot:action>
<div class="flex gap-[16px]">
<a-link :hoverable="false">编辑</a-link>
<a-link :hoverable="false">查看子任务</a-link>
<a-link :hoverable="false" status="danger">终止</a-link>
</div>
</template>
<template v-slot:exp>
<a-trigger trigger="click" :unmount-on-close="false">
<a-link :hoverable="false">更多
<icon-down/>
</a-link>
<template #content>
<div class="demo-basic">
<a-button type="text">
存为模版
</a-button>
</div>
</template>
</a-trigger>
</template>
</a-table>
</div>
</a-card>
</template>
<style scoped>