From 8756117a473facf0bf64c9e28f821b52e46cce85 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 08 七月 2024 17:38:18 +0800
Subject: [PATCH] 完善问题整改跟踪模块
---
src/views/management/TaskSummary.vue | 165 +++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 143 insertions(+), 22 deletions(-)
diff --git a/src/views/management/TaskSummary.vue b/src/views/management/TaskSummary.vue
index 4bc0909..de24fc4 100644
--- a/src/views/management/TaskSummary.vue
+++ b/src/views/management/TaskSummary.vue
@@ -1,26 +1,147 @@
<template>
- <el-row> 宸℃煡姹囨�� </el-row>
- <el-row>
- <el-col :span="8">
- <TaskSummaryItem title="浠婃棩姹囨��"></TaskSummaryItem>
- </el-col>
- <el-col :span="8">
- <TaskSummaryItem title="鍛ㄥ害姹囨��"></TaskSummaryItem>
- </el-col>
- <el-col :span="8">
- <TaskSummaryItem title="鏈堝害姹囨��"></TaskSummaryItem>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <TaskSummaryItem title="瀛ｅ害姹囨��"></TaskSummaryItem>
- </el-col>
- <el-col :span="12">
- <TaskSummaryItem title="骞村害姹囨��"></TaskSummaryItem>
- </el-col>
- </el-row>
+ <div class="border-r-small">
+ <el-row> 宸℃煡姹囨�� </el-row>
+ <el-segmented v-model="value" :options="options" />
+ <div><el-text tag="i"> 璇勪及 </el-text></div>
+ <el-row justify="space-evenly">
+ <div>
+ <el-statistic title="鎬昏" :value="10"> </el-statistic>
+ <div class="statistic-footer">
+ <div class="footer-item">
+ <span>瀵规瘮鏄ㄦ棩</span>
+ <span class="green">
+ 24%
+ <el-icon>
+ <CaretTop />
+ </el-icon>
+ </span>
+ </div>
+ </div>
+ </div>
+ <el-statistic title="楂橀闄�" :value="2" :value-style="styleRed"> </el-statistic>
+ <el-statistic title="涓闄�" :value="6" :value-style="styleYellow"> </el-statistic>
+ <el-statistic title="浣庨闄�" :value="2" :value-style="styleGreen"> </el-statistic>
+ </el-row>
+ <div><el-text tag="i"> 澶嶆牳 </el-text></div>
+ <el-row justify="space-evenly">
+ <div>
+ <el-statistic title="闇�澶嶆牳" :value="2"> </el-statistic>
+ <div class="statistic-footer">
+ <div class="footer-item">
+ <span>瀵规瘮鏄ㄦ棩</span>
+ <span class="green">
+ 24%
+ <el-icon>
+ <CaretTop />
+ </el-icon>
+ </span>
+ </div>
+ </div>
+ </div>
+ <el-statistic title="宸插畬鎴�" :value="2" :value-style="styleGreen"> </el-statistic>
+ </el-row>
+ <div><el-text tag="i"> 闂 </el-text></div>
+ <el-row justify="space-evenly">
+ <div>
+ <el-statistic title="鎬昏" :value="10"> </el-statistic>
+ <div class="statistic-footer">
+ <div class="footer-item">
+ <span>瀵规瘮鏄ㄦ棩</span>
+ <span class="green">
+ 24%
+ <el-icon>
+ <CaretTop />
+ </el-icon>
+ </span>
+ </div>
+ </div>
+ </div>
+ <el-statistic title="寰呭鏍�" :value="2" :value-style="styleRed"> </el-statistic>
+ <el-statistic title="宸插鏍�" :value="6" :value-style="styleYellow"> </el-statistic>
+ <el-statistic title="寰呮暣鏀�" :value="2" :value-style="styleGreen"> </el-statistic>
+ <el-statistic title="宸叉暣鏀�" :value="2" :value-style="styleGreen"> </el-statistic>
+ <el-statistic title="寰呯‘璁�" :value="2" :value-style="styleGreen"> </el-statistic>
+ </el-row>
+ <!-- <el-row>
+ <el-col :span="8">
+ <TaskSummaryItem title="浠婃棩姹囨��"></TaskSummaryItem>
+ </el-col>
+ <el-col :span="8">
+ <TaskSummaryItem title="鍛ㄥ害姹囨��"></TaskSummaryItem>
+ </el-col>
+ <el-col :span="8">
+ <TaskSummaryItem title="鏈堝害姹囨��"></TaskSummaryItem>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <TaskSummaryItem title="瀛ｅ害姹囨��"></TaskSummaryItem>
+ </el-col>
+ <el-col :span="12">
+ <TaskSummaryItem title="骞村害姹囨��"></TaskSummaryItem>
+ </el-col>
+ </el-row> -->
+ </div>
</template>
-<script setup></script>
+<script>
+export default {
+ props: {
+ height: String
+ },
+ emits: ['update:height'],
+ data() {
+ return {
+ value: '浠婃棩姹囨��',
+ options: ['浠婃棩姹囨��', '鍛ㄥ害姹囨��', '鏈堝害姹囨��', '瀛ｅ害姹囨��', '骞村害姹囨��'],
+ styleRed: 'color:var(--el-color-danger);',
+ styleYellow: 'color:var(--el-color-warning);',
+ styleGreen: 'color:var(--el-color-success);'
+ }
+ },
+ mounted() {}
+}
+</script>
-<style scoped></style>
+<style scoped>
+.el-segmented {
+ --el-segmented-item-selected-color: var(--el-text-color-primary);
+ --el-segmented-item-selected-bg-color: #ffd100;
+ --el-border-radius-base: 16px;
+}
+
+.el-statistic {
+ --el-statistic-content-font-size: var(--el-font-size-base);
+ /* background-color: aliceblue; */
+}
+
+.statistic-footer {
+ background-color: #ffd100;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: wrap;
+ font-size: 12px;
+ color: var(--el-text-color-regular);
+ /* margin-top: 16px; */
+}
+
+.statistic-footer .footer-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.statistic-footer .footer-item span:last-child {
+ display: inline-flex;
+ align-items: center;
+ margin-left: 4px;
+}
+
+.green {
+ color: var(--el-color-success);
+}
+.red {
+ color: var(--el-color-error);
+}
+</style>
--
Gitblit v1.9.3