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

update

Browse Source
This commit is contained in:
多啦C梦
2025-05-19 19:03:53 +08:00
parent ddfd747704
commit e15474a836
14 changed files with 242 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/pages/myTask/index.vue
View File

@@ -12,6 +12,8 @@ import XRadio from "../../components/XRadio.vue";
import XDateRange from "../../components/XDateRange.vue";
import XAlert from "../../components/XAlert.vue";
const taskType = reactive([]);
const platformType = reactive([]);
const tabs = [
{
name: '发布问题',
@@ -37,8 +39,7 @@ const sumPo = reactive({
startTime: null,
endTime: null,
});
const po = reactive({
});
const po = reactive({});
const vo = reactive({
page: '',
rows: [],
@@ -46,7 +47,7 @@ const vo = reactive({
});
const {loading, pagination, initFetchData} = useTableQuery({
api: Api.system.getData,
api: Api.system.myTaskList,
parameter: po,
callback: (data) => {
vo.page = data.page;
@@ -54,6 +55,15 @@ const {loading, pagination, initFetchData} = useTableQuery({
vo.rows = [...vo.rows, ...data.rows];
}
});
Api.system.getTaskType().then(({data}) => {
taskType.length = 0;
taskType.push(...data);
});
Api.system.getPlatform().then(({data}) => {
platformType.length = 0;
platformType.push(...data);
});
</script>
<template>
@@ -66,23 +76,14 @@ const {loading, pagination, initFetchData} = useTableQuery({
<x-filter-item label="任务类型">
<x-radio-group v-model:model-value="sumPo.type">
<view class="!grid grid-cols-4 gap-[24rpx]">
<x-radio :value="0">全部任务</x-radio>
<x-radio :value="1">宣发</x-radio>
<x-radio :value="2">评论</x-radio>
<x-radio :value="3">续期</x-radio>
<x-radio v-for="v in taskType" :key="v.id" :value="v.id">{{ v.name }}</x-radio>
</view>
</x-radio-group>
</x-filter-item>
<x-filter-item label="发布平台">
<x-radio-group v-model:model-value="sumPo.type">
<view class="!grid grid-cols-4 gap-[24rpx]">
<x-radio :value="0">全部平台</x-radio>
<x-radio :value="1">抖音</x-radio>
<x-radio :value="2">快手</x-radio>
<x-radio :value="3">视频号</x-radio>
<x-radio :value="4">小红书</x-radio>
<x-radio :value="5">今日头条</x-radio>
<x-radio :value="6">咸鱼</x-radio>
<x-radio v-for="v in platformType" :key="v.id" :value="v.id">{{ v.name }}</x-radio>
</view>
</x-radio-group>
</x-filter-item>
@@ -154,11 +155,18 @@ const {loading, pagination, initFetchData} = useTableQuery({
<view class="block-title !flex gap-[6rpx] items-center">
到账收益(元)
<x-alert btnText="知道了" btnColor="#165DFF">
<tui-icon name="explain" :size="16" ></tui-icon>
<tui-icon name="explain" :size="16"></tui-icon>
<template #context>
<view style="font-size: 32rpx;font-weight: 500" class="!mb-[30rpx]">到账收益</view>
<view style="font-size: 28rpx;font-weight: 400" class="text-[rgb(78,89,105)]">根据您的任务完成情况</view>
<view style="font-size: 28rpx;font-weight: 400" class="text-[rgb(78,89,105)] !mt-[10rpx]">实际获得的收益</view>
<view style="font-size: 32rpx;font-weight: 500" class="!mb-[30rpx]">
到账收益
</view>
<view style="font-size: 28rpx;font-weight: 400" class="text-[rgb(78,89,105)]">
根据您的任务完成情况
</view>
<view style="font-size: 28rpx;font-weight: 400"
class="text-[rgb(78,89,105)] !mt-[10rpx]">
实际获得的收益
</view>
</template>
</x-alert>
</view>
@@ -178,7 +186,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
</view>
<view class="!flex flex-col gap-[20rpx] !px-[20rpx]">
<TaskCard v-for="i in vo.rows"></TaskCard>
<TaskCard v-for="i in vo.rows" :key="i.id" :data="i"></TaskCard>
<tui-loadmore v-if="loading" text="加载中..."></tui-loadmore>
</view>