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-10 19:01:21 +08:00
parent 94644d0601
commit 31a2667f8b
28 changed files with 1370 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/layout/index.vue
View File

@@ -8,7 +8,7 @@ import LayoutSider from '../../components/LayoutSider/index.vue';
<a-layout-header id="layout-header" style="height: 60px">
<LayoutHeader></LayoutHeader>
</a-layout-header>
<a-layout>
<a-layout class="mt-[4px]">
<a-layout-sider>
<LayoutSider></LayoutSider>
</a-layout-sider>

5
src/pages/login/Login.vue
View File

@@ -2,6 +2,9 @@
import {ref, reactive} from 'vue';
import {toPath} from "../../utils/index.js";
import VerificationCode from '../../components/VerificationCode/index.vue';
import {useUserStore} from "../../pinia/UserStore/index.js";
const {login} = useUserStore();
const MODE = {
PHONE: 'PHONE',
@@ -39,7 +42,7 @@ const mode = ref(MODE.PHONE);
</a-input>
</div>
<div class="flex flex-col mt-[50px] gap-[32px]">
<a-button type="primary">登陆</a-button>
<a-button @click="login" type="primary">登陆</a-button>
<a-button
@click="toPath('/loginSYS/register')"
type="text">

1
src/pages/merchant/pages/task-center/appointed-task.vue
View File

@@ -4,6 +4,7 @@
<template>
<!-- 指派任务 -->
指派任务
</template>
<style scoped>

7
src/pages/merchant/pages/task-center/index.vue
View File

@@ -4,8 +4,11 @@
<template>
<!-- 任务中心 -->
任务中心
<router-view></router-view>
<div id="Item-View" class="p-[20px]">
<a-card>
<router-view></router-view>
</a-card>
</div>
</template>
<style scoped>

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

@@ -1,10 +1,207 @@
<script setup>
import {reactive, computed} from 'vue';
import Filter from "../../../../components/Filter/index.vue";
import TooltipTag from "../../../../components/TooltipTag/index.vue";
import useTableQuery from "../../../../hooks/useTableQuery.js";
import Api from "../../../../api/index.js";
const columns = [
{
title: '任务编号',
dataIndex: 'name',
},
{
title: '任务名称',
dataIndex: 'name',
},
{
title: '发布渠道',
dataIndex: 'name',
},
{
title: '创建时间',
dataIndex: 'name',
},
{
title: '当前状态',
dataIndex: 'status',
slotName: 'status',
},
{
title: '子任务进度',
dataIndex: 'name',
},
{
title: '消耗金额',
dataIndex: 'money',
slotName: 'money',
},
{
title: '是否开始',
dataIndex: 'start',
slotName: 'start',
},
{
title: '操作',
dataIndex: 'action',
slotName: 'action',
width: 200,
},
{
title: '',
dataIndex: 'exp',
slotName: 'exp'
},
];
const FilterConfig = computed(() => [
{
key: 'wd',
type: 'input',
label: '任务编号',
placeholder: '请输入集合编号'
},
{
key: 'wd',
type: 'input',
label: '任务名称',
placeholder: '请输入集合名称'
},
{
key: 'wd',
type: 'select',
label: '任务渠道',
placeholder: '全部',
options: [
{
label: '选项一',
value: 1,
},
{
label: '选项二',
value: 2,
},
{
label: '选项三',
value: 3,
},
]
},
{
key: 'wd',
type: 'select',
label: '任务状态',
placeholder: '全部',
options: [
{
label: '选项一',
value: 1,
},
{
label: '选项二',
value: 2,
},
{
label: '选项三',
value: 3,
},
]
},
{
key: 'wd',
type: 'datetime',
label: '创建时间',
placeholder: '全部',
},
]);
const vo = reactive({
page: '',
rows: [],
total: 0,
});
const po = reactive({
wd: null,
});
const {loading, pagination, initFetchData} = useTableQuery({
parameter: po,
api: Api.system.getData,
callback: (data) => {
Object.assign(vo, data);
console.log(vo);
}
});
</script>
<template>
<!-- 悬赏任务 -->
悬赏任务
<Filter v-model:from="po" :config="FilterConfig" @search="initFetchData"></Filter>
<div class="my-[20px]">
<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
:columns="columns"
:data="vo.rows"
:loading="loading"
: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>
</template>
<style scoped>