Merge branch 'main' of https://git.nianxx.cn/duanshuwen/zn-ai into feature/lishaohua

# Conflicts:
#	src/renderer/components/TaskList/index.vue
#	src/renderer/views/home/index.vue

src/renderer/components/Menus/index.vue

@@ -1,12 +1,15 @@
 <template>
-    <div class="w-[80px] h-full box-border pt-[12px] pb-[12px] flex flex-col items-center justify-center">
-        <div :class="['flex flex-col gap-[16px]', {'mt-auto mb-[8px] shrink-1': item.id === 7}]" v-for="(item) in menus" :key="item.id">
+    <div class="w-[80px] h-full box-border flex flex-col items-center justify-center">
+        <div :class="['flex flex-col gap-[16px]', { 'mt-auto mb-[8px] shrink-1': item.id === 7 }]"
+            v-for="(item) in menus" :key="item.id">
             <div :class="['cursor-pointer flex flex-col items-center justify-center']" @click="handleClick(item)">
-                <div :class="['box-border rounded-[16px] p-[8px]', {'bg-white': item.id === currentId}]">
-                    <component :is="item.icon" :color="item.id === currentId ? item.activeColor : item.color" :class="['w-[32px] h-[32px]']" />
+                <div :class="['box-border rounded-[16px] p-[8px]', { 'bg-white': item.id === currentId }]">
+                    <component :is="item.icon" :color="item.id === currentId ? item.activeColor : item.color"
+                        :class="['w-[32px] h-[32px]']" />
                 </div>
-    
-                <div :class="['text-[14px] mt-[4px] mb-[8px]', item.id === currentId ? `text-[${item.activeColor}]` : item.color]">
+
+                <div
+                    :class="['text-[14px] mt-[4px] mb-[8px]', item.id === currentId ? `text-[${item.activeColor}]` : item.color]">
                     {{ item.name }}
                 </div>
             </div>
@@ -20,11 +23,16 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { menus } from '@constant/menus'
+import { useRouter } from "vue-router";
 
-const currentId = ref(null)
-const handleClick = (item: any) => {
+const router = useRouter();
+const currentId = ref(1)
+
+const handleClick = async (item: any) => {
+    console.log("🚀 ~ handleClick ~ item:", item)
     currentId.value = item.id
+    router.push(item.url);
 }
 </script>
 
-<style></style>
+<style></style>

src/renderer/components/Pagination/index.vue

@@ -0,0 +1,49 @@
+<template>
+  <el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" class="mt-[15px]"
+    :pager-count="5" :page-sizes="pageSizes" :current-page="current" background :page-size="size" :layout="layout"
+    :total="total">
+  </el-pagination>
+</template>
+
+<script setup lang="ts" name="pagination">
+const emit = defineEmits(['sizeChange', 'currentChange']);
+
+const props = defineProps({
+  current: {
+    type: Number,
+    default: 1,
+  },
+  size: {
+    type: Number,
+    default: 10,
+  },
+  total: {
+    type: Number,
+    default: 0,
+  },
+  pageSizes: {
+    type: Array as () => number[],
+    default: () => {
+      return [10, 20, 50, 100, 200];
+    },
+  },
+  layout: {
+    type: String,
+    default: 'total, sizes, prev, pager, next, jumper',
+  },
+});
+// 分页改变
+const sizeChangeHandle = (val: number) => {
+  emit('sizeChange', val);
+};
+// 分页改变
+const currentChangeHandle = (val: number) => {
+  emit('currentChange', val);
+};
+</script>
+
+<style scoped>
+:deep(.el-pagination__sizes) {
+  margin-left: auto;
+}
+</style>

src/renderer/components/TaskList/index.vue

@@ -7,7 +7,45 @@
 </template>
 
 <script setup lang="ts">
-import TaskList from './List.vue'
+import TaskList from './List.vue';
+import { ref, reactive } from "vue";
+const tabs = reactive([{
+    name: '待处理',
+    value: 1,
+    total: 10,
+}, {
+    name: '已处理',
+    value: 2,
+    total: 99,
+}])
+const active = ref(1);
+const changeTab = (val: number) => {
+    active.value = val;
+};
 </script>
 
-<style></style>
+<style scoped>
+.task-tab .text {
+    color: #525866;
+    font-size: 14px;
+    cursor: pointer;
+}
+
+.task-tab .active {
+    position: relative;
+    color: #2B7FFF;
+    background: #FFFFFF;
+    border-radius: 8px;
+}
+
+.task-tab .active::after {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    content: '';
+    border-radius: 8px;
+    border: 1px solid #2B7FFF;
+}
+</style>

src/renderer/components/TitleSection/index.vue

@@ -0,0 +1,25 @@
+<template>
+    <div class="box-border border-b-[1px] border-b-[#E5E8EE] mb-[20px] pb-[20px]">
+        <span class="text-[24px] font-500 text-[#171717] leading-[32px] mr-[8px]">
+            {{ title }}
+        </span>
+        <span class="text-[12px] font-400 text-[#99A0AE] leading-[16px]">
+            {{ desc }}
+        </span>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { defineProps } from 'vue'
+
+const props = defineProps({
+    title: {
+        type: String,
+        default: ''
+    },
+    desc: {
+        type: String,
+        default: ''
+    }
+})
+</script>