From 83bff199d22d380fc7e1b83bb2db0f0814385530 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期四, 07 十二月 2023 16:11:34 +0800
Subject: [PATCH] 饼图背景优化、统计数量字体和位置调整、订单完成比率背景和颜色调整、工单进度列表修改
---
src/views/cockpitPage/components/PerSonnelProductivity.vue | 17 +++++++++--------
1 files changed, 9 insertions(+), 8 deletions(-)
diff --git a/src/views/cockpitPage/components/PerSonnelProductivity.vue b/src/views/cockpitPage/components/PerSonnelProductivity.vue
index f9ef786..b67e410 100644
--- a/src/views/cockpitPage/components/PerSonnelProductivity.vue
+++ b/src/views/cockpitPage/components/PerSonnelProductivity.vue
@@ -236,7 +236,6 @@
},
getChartRight(chartName, data) {
let chartDom = this.$refs[chartName];
- // let myRightChart = echarts.init(chartDom);
if (
myRightChart != null &&
myRightChart != "" &&
@@ -246,6 +245,8 @@
}
myRightChart = echarts.init(chartDom);
let img = "/cockpitPage/dotted-circle.png";
+ let height = myRightChart.getHeight() / 1;
+ let width = height + 5;
let option;
if (data) {
option = {
@@ -257,11 +258,11 @@
elements: [
{
type: "image",
- z: 3,
+ // z: 3,
style: {
image: img,
- width: 240,
- height: 240,
+ width: width,
+ height: height,
},
left: "center",
top: "center",
@@ -286,8 +287,8 @@
borderRadius: 4,
formatter: function (params) {
let label =
- params.name.length > 5
- ? `${params.name.slice(0, 4)}...`
+ params.name.length > 4
+ ? `${params.name.slice(0, 3)}...`
: params.name;
return `{a|${label}} {b|${params.value + "%"}}`;
},
@@ -350,7 +351,7 @@
.chart-left {
width: calc(60% - 20px);
- height: 100%;
+ height: calc(100% - 20px);
margin-right: 20px;
float: left;
border: 1px solid #00ffff;
@@ -360,7 +361,7 @@
.chart-right {
width: 40%;
float: left;
- height: 100%;
+ height: calc(100% - 20px);
position: relative;
.chart-bg {
width: 100%;
--
Gitblit v1.8.0