添加改变部门指标颜色的代码

This commit is contained in:
2023-12-18 16:03:19 +08:00
parent 372824ec50
commit f391880c9c
9 changed files with 629 additions and 187 deletions

View File

@@ -10,7 +10,7 @@
"dependencies": {
"@element-plus/icons-vue": "^2.3.1",
"echarts": "^5.4.3",
"element-plus": "^2.4.3",
"element-plus": "^2.4.4",
"mitt": "^3.0.1",
"moment": "^2.29.4",
"sass-loader": "^13.3.2",
@@ -4962,9 +4962,9 @@
"integrity": "sha512-UdREXMXzLkREF4jA8t89FQjA8WHI6ssP38PMY4/4KhXFQbtImnghh4GkCgrtiZwLKUKVD2iTVXvDVQjfomEQuA=="
},
"node_modules/element-plus": {
"version": "2.4.3",
"resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.4.3.tgz",
"integrity": "sha512-b3q26j+lM4SBqiyzw8HybybGnP2pk4MWgrnzzzYW5qKQUgV6EG1Zg7nMCfgCVccI8tNvZoTiUHb2mFaiB9qT8w==",
"version": "2.4.4",
"resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.4.4.tgz",
"integrity": "sha512-TlKubXJgxwhER0dw+8ULn9hr9kZjraV4R6Q/eidwWUwCKxwXYPBGmMKsZ/85tlxlhMYbcLZd/YZh6G3QkHX4fg==",
"dependencies": {
"@ctrl/tinycolor": "^3.4.1",
"@element-plus/icons-vue": "^2.3.1",

View File

@@ -12,7 +12,7 @@
<el-progress
type="circle"
:percentage="ui.percentage"
status="success"
:status="ui.color"
>
<template #default>
<span class="percentage-label">{{ ui.indicator }}</span>
@@ -36,6 +36,10 @@ export default {
type: String,
default: "",
},
color: {
type: String,
default: "success",
},
},
setup( props )
{
@@ -44,6 +48,7 @@ export default {
const ui = reactive({
percentage,
indicator: props.indicator,
color: props.color,
});
return { ui, };

View File

@@ -20,7 +20,9 @@ interface DepartmentArchievement // 定义业绩对象的结构
total_archievement: number;
mensual_archievement_list: number[];
insurance_renewal_rate: string;
insurance_renewal_rate_target: string;
attaching_rate: string;
attaching_rate_target: string;
leading_reward_gainers: string[];
advance_reward_gainers: string[];
backward_list: string[];
@@ -57,7 +59,9 @@ function queryDepartmentArchievement( departmentInfo: Department, render: any ):
total_archievement: 0,
mensual_archievement_list: [],
insurance_renewal_rate: "",
insurance_renewal_rate_target: "",
attaching_rate: "",
attaching_rate_target: "",
leading_reward_gainers: [],
advance_reward_gainers: [],
backward_list: [],
@@ -78,7 +82,9 @@ function queryDepartmentArchievement( departmentInfo: Department, render: any ):
archievement.total_archievement = data.total_archievement;
archievement.mensual_archievement_list = [];
archievement.insurance_renewal_rate = data.insurance_renewal_rate ?? "0.0";
archievement.insurance_renewal_rate_target = data.insurance_renewal_rate_target ?? "0.0";
archievement.attaching_rate = data.attaching_rate ?? "0.0";
archievement.attaching_rate_target = data.attaching_rate_target ?? "0.0";
archievement.leading_reward_gainers = data.leading_reward_gainers ?? [];
archievement.advance_reward_gainers = data.advance_reward_gainers ?? [];
archievement.backward_list = data.backward_list ?? [];