feat: 知识库开发
This commit is contained in:
@@ -1,18 +1,26 @@
|
||||
<!--
|
||||
* @Author: kongbeiwu lishaohua-520@qq.com
|
||||
* @Date: 2025-12-21 23:02:06
|
||||
* @LastEditors: kongbeiwu lishaohua-520@qq.com
|
||||
* @LastEditTime: 2025-12-22 00:34:30
|
||||
* @FilePath: /project/zn-ai/src/renderer/components/TaskList/Card.vue
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
-->
|
||||
<template>
|
||||
<div v-for="item in task" :key="item.id"
|
||||
class="border border-solid border-[#E5E8EE] rounded-[12px] p-[12px] mb-[12px] task">
|
||||
<div class="flex items-center pb-[12px]" style="border-bottom: 1px dashed #E5E8EE;">
|
||||
<img class="w-[24px] h-[24px] rounded-[8px]] mr-[4px]" src="@assets/images/task/xc.png" />
|
||||
<div class="text-[16px] text-[#171717] font-bold mr-[8px]">{{ item.name }}</div>
|
||||
<div class="pl-[8px] pr-[8px] bg-[#FFC0C5] text-[12px] text-[#681219] font-bold rounded-[100px]">{{
|
||||
<div class="pl-[8px] pr-[8px] text-[12px] rounded-[100px]" :class="item.statusColor">{{
|
||||
item.statusText }}</div>
|
||||
</div>
|
||||
<div class="flex items-center mt-[12px]">
|
||||
<component :is="item.desIcon" :color="item.color" class="w-[15px] mr-[4px]" />
|
||||
<div class="text-[#FB3748] text-[14px]">{{ item.des }}</div>
|
||||
<div class="text-[14px]" :class="`text-[${item.color}]`" :style="{ color: item.color }">{{ item.des }}</div>
|
||||
</div>
|
||||
<div v-if="item.button" class="mt-[24px]">
|
||||
<button class="w-[100%] h-[40px] bg-[#2B7FFF] text-white text-[14px] font-bold rounded-[12px]">登录</button>
|
||||
<div class="mt-[24px]">
|
||||
<button class="w-[100%] h-[40px] bg-[#2B7FFF] text-white text-[14px] rounded-[12px]">{{ item.statusColor !== 'error' ? '查看' : '处理' }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -28,6 +36,18 @@ import { task } from '@constant/task'
|
||||
z-index: 1;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
.task .success {
|
||||
background-color: #E0FAEC;
|
||||
color: #1FC16B;
|
||||
}
|
||||
.task .error {
|
||||
background-color: #FFEBEC;
|
||||
color: #FB3748;
|
||||
}
|
||||
.task .warning {
|
||||
background-color: #FFF3EB;
|
||||
color: #FA7319;
|
||||
}
|
||||
|
||||
.task:hover {
|
||||
z-index: 2;
|
||||
|
||||
Reference in New Issue
Block a user