添加改变部门指标颜色的代码
This commit is contained in:
		
							
								
								
									
										8
									
								
								code/web/task_schedule/package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										8
									
								
								code/web/task_schedule/package-lock.json
									
									
									
										generated
									
									
									
								
							@@ -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",
 | 
			
		||||
 
 | 
			
		||||
@@ -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, };
 | 
			
		||||
 
 | 
			
		||||
@@ -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 ?? [];
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user