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-03-28 09:37:10 +08:00
parent 505af229fc
commit 168895b5ac
15 changed files with 347 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,6 +5,12 @@ import {reactive, ref} from "vue";
import TaskCard from "../../components/TaskCard.vue";
import useTableQuery from "../../hooks/useTableQuery.js";
import Api from "../../api/index.js";
import XFilter from "../../components/XFilter.vue";
import XFilterItem from "../../components/XFilterItem.vue";
import XRadioGroup from "../../components/XRadioGroup.vue";
import XRadio from "../../components/XRadio.vue";
import XDateRange from "../../components/XDateRange.vue";
import XAlert from "../../components/XAlert.vue";
const tabs = [
{
@@ -25,8 +31,14 @@ const tabs = [
},
];
const current = ref(0);
const po = reactive({});
const showFilter = ref(false);
const sumPo = reactive({
type: 0,
startTime: null,
endTime: null,
});
const po = reactive({
});
const vo = reactive({
page: '',
rows: [],
@@ -48,6 +60,49 @@ const {loading, pagination, initFetchData} = useTableQuery({
<!--我的任务-->
<XNav :show-back="false"></XNav>
<x-filter
v-model:model="sumPo"
v-model:visible="showFilter">
<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>
</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>
</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>
</view>
</x-radio-group>
</x-filter-item>
<x-filter-item label="选择时间段">
<x-date-range
v-model:end-time="sumPo.endTime"
v-model:start-time="sumPo.startTime">
</x-date-range>
</x-filter-item>
</x-filter>
<scroll-view
@refresherpulling="initFetchData()"
@scrolltolower="pagination.current++"
@@ -63,6 +118,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
<view class="!w-full text-center !flex justify-center items-center">全部状态</view>
<view class="!w-full text-center !flex justify-center items-center">
<view
@click="showFilter=true"
class="!flex items-center justify-center gap-[10rpx] !py-[10rpx] !px-[30rpx] bg-[#0E42D2] rounded-[8rpx]">
<image class="!w-[22rpx] !h-[22rpx]" :src="filer"></image>
筛选
@@ -95,14 +151,24 @@ const {loading, pagination, initFetchData} = useTableQuery({
</view>
<view
class="!w-full !h-[146rpx] !bg-[#E8FFEA] !py-[24rpx] !px-[32rpx] box-border !flex flex-col justify-between rounded-[12rpx]">
<view class="block-title">到账收益(元)</view>
<view class="block-title !flex gap-[6rpx] items-center">
到账收益(元)
<x-alert btnText="知道了" btnColor="#165DFF">
<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>
</template>
</x-alert>
</view>
<view class="block-value">5.60</view>
</view>
</view>
</view>
</view>
<view class="!grid grid-cols-4 gap-[20rpx] !px-[20rpx] sticky top-0 bg-[#F2F3F5] z-10 py-[20rpx]">
<view class="!grid grid-cols-4 gap-[20rpx] !px-[20rpx] bg-[#F2F3F5] py-[20rpx]">
<view
v-for="item in tabs"
@click="current=item.value"