feat: 任务中心模块代码调整

This commit is contained in:
DEV_DSW
2026-03-02 11:40:37 +08:00
parent 26419b70f4
commit b701c419d1
6 changed files with 70 additions and 19 deletions

View File

@@ -27,14 +27,14 @@ export const menus: MenuItem[] = [
activeColor: '#2B7FFF',
url: '/knowledge',
},
{
id: 3,
name: '任务中心',
icon: RiApps2AiLine,
color: '#525866',
activeColor: '#2B7FFF',
url: '/task',
},
// {
// id: 3,
// name: '任务中心',
// icon: RiApps2AiLine,
// color: '#525866',
// activeColor: '#2B7FFF',
// url: '/task',
// },
{
id: 4,
name: '设置',

View File

@@ -0,0 +1,29 @@
import { v4 as uuidv4 } from 'uuid'
export interface taskCenterItem {
title: string
desc: string,
id: string,
icon: string
}
export const taskCenterList: taskCenterItem[] = [
{
title: '每日销售数据',
desc: '分析用于销售渠道每日数据汇总及简要展示',
id: uuidv4(),
icon: '销'
},
{
title: '关渠道房型',
desc: '关闭销售渠道下的指定房型',
id: uuidv4(),
icon: '关'
},
{
title: '开渠道房型',
desc: '开启销售渠道下的指定房型',
id: uuidv4(),
icon: '开'
},
]

View File

@@ -8,24 +8,31 @@
</div>
<div class="grid grid-cols-2 gap-4 max-[800px]:grid-cols-1">
<div v-for="n in 14" :key="n" class="flex gap-3 items-start p-3.5
rounded-[10px] border border-[#dfeaf6] bg-white">
<div v-for="item in taskList" :key="item.id" class="flex gap-3 items-start p-3.5
rounded-[10px] border border-[#dfeaf6] bg-white cursor-pointer">
<div class="w-11 h-11 bg-[#EFF6FF] rounded-lg
border border-dashed border-[#9fc0e8]
flex items-center justify-center
text-[#3b82f6] text-[23px]">
{{ item.icon }}
</div>
<div>
<div class="font-semibold">
每日销售数据
{{ item.title }}
</div>
<div class="text-[#9aa5b1] text-[13px] mt-1.5">
分析用于销售渠道每日数据汇总及简要展示
{{ item.desc }}
</div>
</div>
</div>
</div>
</div>
</template>
</template>
<script setup lang="ts">
import { computed } from 'vue'
import { taskCenterList } from '@constant/taskCenterList'
const taskList = computed(() => taskCenterList)
</script>

View File

@@ -50,13 +50,13 @@
</el-form-item>
<!-- 记住密码|忘记密码 -->
<div class="flex items-center justify-between mb-[24px] mt-[24px]">
<!-- <div class="flex items-center justify-between mb-[24px] mt-[24px]">
<div class="flex items-center gap-2 cursor-pointer">
<input type="checkbox" v-model="showPwd" class="w-[14px] h-[14px] rounded-[4px]" />
<span class="text-[14px] text-gray-600">记住密码</span>
</div>
<!-- <span class="text-[14px] text-sky-600 cursor-pointer">忘记密码</span> -->
</div>
<span class="text-[14px] text-sky-600 cursor-pointer">忘记密码</span>
</div> -->
<!-- 登录按钮 -->
<button type="button"