From 5b33c40610d02e045ee2f926e34dc5b7ae25d4eb Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Fri, 09 May 2025 17:46:47 +0800
Subject: [PATCH] 个人工作台调整
---
src/views/wel/components/backlog.vue | 98 +++++++++++++++++++++---------------------------
1 files changed, 43 insertions(+), 55 deletions(-)
diff --git a/src/views/wel/components/backlog.vue b/src/views/wel/components/backlog.vue
index 8b302b8..e5d24bd 100644
--- a/src/views/wel/components/backlog.vue
+++ b/src/views/wel/components/backlog.vue
@@ -9,18 +9,19 @@
:key="index"
class="todo-item"
:class="`status-${item.status}`"
+ @click="jumporder()"
>
<div class="status-indicator"></div>
<div class="content-wrapper">
<div class="main-content">
<span class="status-tag">{{ statusMap[item.status] }}</span>
- <span class="todo-text">{{ item.title }}</span>
+ <span class="todo-text">{{ item.event_name }}</span>
</div>
<div class="action-area">
- <img :src="st7" alt="">
- <span class="todo-date">{{ item.date }}</span>
+ <img :src="st7" alt="" />
+ <span class="todo-date">{{ item.job_create_time?.slice(0,10) }}</span>
</div>
</div>
</div>
@@ -30,42 +31,31 @@
</template>
<script setup>
-import st7 from '@/assets/images/workbench/st7.png'
-// 状态显示映射
-const statusMap = {
- pending: '待审核',
- processing: '处理中',
- todo: '待处理',
+import st7 from '@/assets/images/workbench/st7.png';
+import { getList } from '@/api/tickets/ticket';
+import { onMounted } from 'vue';
+import { useRouter } from 'vue-router'
+const todos = ref([]);
+const router = useRouter()
+const jumporder = () => {
+ console.log('tiao');
+ router.push({
+ path: '/tickets/ticket',
+ })
};
-
-// 待办事项数据
-const todos = ref([
- {
- status: 'pending',
- title: '发现暴露垃圾事件',
- date: '2025.03.26',
- },
- {
- status: 'todo',
- title: '发现暴露垃圾事件',
- date: '2025.03.26',
- },
- {
- status: 'processing',
- title: '发现暴露垃圾事件',
- date: '2025.03.26',
- },
- {
- status: 'pending',
- title: '发现暴露垃圾事件',
- date: '2025.03.26',
- },
- {
- status: 'todo',
- title: '发现暴露垃圾事件',
- date: '2025.03.26',
- },
-]);
+const statusMap = {
+ 2: '待审核',
+ 3: '处理中',
+ 0: '待处理',
+ 4: '已完成',
+};
+const getListMatter = async () => {
+ const res = await getList({});
+ todos.value=res.data.data.records?.slice(0,5)
+};
+onMounted(() => {
+ getListMatter();
+});
</script>
<style lang="scss" scoped>
@@ -93,8 +83,8 @@
.todo-item {
display: flex;
align-items: center;
-
- background: #FFFFFF;
+ cursor: pointer;
+ background: #ffffff;
border-radius: 8px;
box-shadow: 0px 2px 4px 0px rgba(173, 173, 173, 0.18);
transition: all 0.2s ease;
@@ -143,40 +133,38 @@
.action-area {
display: flex;
align-items: center;
- margin-right: 42px;
+ margin-right: 42px;
.todo-date {
color: #666;
font-size: 0.9rem;
}
-
-
}
}
// 状态颜色方案
- .status-pending {
- border-left-color: #FF6560;
- color: #FF6560;
+ .status-2 {
+ border-left-color: #ff6560;
+ color: #ff6560;
.status-indicator {
- background: #FF6560;
+ background: #ff6560;
}
}
- .status-todo {
- border-left-color: #5D77FB;
- color: #5D77FB;
+ .status-0 {
+ border-left-color: #5d77fb;
+ color: #5d77fb;
.status-indicator {
- background: #5D77FB;
+ background: #5d77fb;
}
}
- .status-processing {
- border-left-color: #FF8B26;
- color: #FF8B26;
+ .status-3 {
+ border-left-color: #ff8b26;
+ color: #ff8b26;
.status-indicator {
- background: #FF8B26;
+ background: #ff8b26;
}
}
}
--
Gitblit v1.9.3