From 2af7049b8706232b9db59d5be5a08b49285024fc Mon Sep 17 00:00:00 2001
From: liuying <1427574514@qq.com>
Date: 周五, 01 11月 2024 19:34:54 +0800
Subject: [PATCH] 细节
---
yiqi_screen/src/components/EquipmentRunStatus.vue | 4 +-
yiqi_screen/src/components/ProdlineHealthy.vue | 58 +++++++++++++++-------------
yiqi_screen/src/components/ProductionStatistics.vue | 4 +-
yiqi_screen/src/components/QualityDataTrends.vue | 2
4 files changed, 36 insertions(+), 32 deletions(-)
diff --git a/yiqi_screen/src/components/EquipmentRunStatus.vue b/yiqi_screen/src/components/EquipmentRunStatus.vue
index 96504ee..3746660 100644
--- a/yiqi_screen/src/components/EquipmentRunStatus.vue
+++ b/yiqi_screen/src/components/EquipmentRunStatus.vue
@@ -69,7 +69,7 @@
top: "25%",
right: "5%",
itemGap: 5, //鍧椾箣闂寸殑闂磋窛
- itemHeight: 5, // 璁剧疆鍥句緥椤圭殑楂樺害
+ itemHeight: 8, // 璁剧疆鍥句緥椤圭殑楂樺害
itemWidth: 5, // 璁剧疆鍥句緥椤圭殑瀹藉害
data: ["鐢熶骇", "瀹屾垚", "寰呮満", "璀﹀憡", "鏁呴殰"],
textStyle: {
@@ -87,7 +87,7 @@
// radius: ["20%", "30%"],
// center: ["33%", "50%"],
radius: ["20%", "30%"],
- center: ["33%", "50%"],
+ center: ["38%", "50%"],
avoidLabelOverlap: false,
// left: "-30%",
// top: "10%",
diff --git a/yiqi_screen/src/components/ProdlineHealthy.vue b/yiqi_screen/src/components/ProdlineHealthy.vue
index 5459b18..8a8590a 100644
--- a/yiqi_screen/src/components/ProdlineHealthy.vue
+++ b/yiqi_screen/src/components/ProdlineHealthy.vue
@@ -1,8 +1,8 @@
<template>
<div class="box-container" id="echarts2"></div>
</template>
-
- <script>
+
+<script>
let timer = null;
export default {
data() {
@@ -17,15 +17,15 @@
this.option = {
legend: {
orient: "vertical",
- bottom: '30%',
- right: '6%',
- textStyle:{
- color:'#fff'
+ bottom: "30%",
+ right: "6%",
+ textStyle: {
+ color: "#fff",
},
itemHeight: 5, // 璁剧疆鍥句緥椤圭殑楂樺害
itemWidth: 5, // 璁剧疆鍥句緥椤圭殑瀹藉害
data: [
- {
+ {
name: "瀹為檯",
itemStyle: {
color: "#fff",
@@ -37,14 +37,11 @@
color: "#01afba",
},
},
-
],
},
radar: {
- // center:['43%','55%'],
- center: ["33%", "50%"],
- // radius:'65%',
- radius:'30%',
+ center: ["40%", "50%"], // 鏇存敼涓烘洿灏忕殑鐧惧垎姣斾互寰�涓棿绉诲姩
+ radius: "30%",
indicator: [
{ name: "浜�", max: 100, color: "#fff" },
{ name: "鐜�", max: 100, color: "#fff" },
@@ -56,9 +53,9 @@
axisLine: {
show: false,
},
- axisName:{
- padding:-10
- }
+ axisName: {
+ padding: -10,
+ },
// splitArea:{
// areaStyle:{
@@ -99,10 +96,10 @@
],
};
this.myChart.setOption(this.option);
- const that=this
- window.addEventListener('resize',()=>{
+ const that = this;
+ window.addEventListener("resize", () => {
that.myChart.resize();
- })
+ });
// this.defineEvent();
// this.selectPie();
// timer = setInterval(this.selectPie, 1500);
@@ -130,7 +127,7 @@
type: "highlight",
seriesIndex: 0,
dataIndex: this.currentIndex,
- })
+ });
},
// 榧犳爣瑙︽懜杞挱鎮仠浜嬩欢
@@ -165,12 +162,19 @@
},
};
</script>
-
- <style>
- #echarts2 {
+
+<style>
+#echarts2 {
+ margin-top: .1rem;
+ width: 2.89rem;
+ height: 2.5rem;
+ transform: scaleY(2);
+
+ /*
+ margin-top: .4rem;
width: 2.89rem;
- height: 2.6rem;
- transform: scaleY(2);
- /* border: 1px solid red; */
- }
-</style>
\ No newline at end of file
+ height: 2.0rem;
+ transform: scaleY(2); */
+ /* border: 1px solid red; */
+}
+</style>
diff --git a/yiqi_screen/src/components/ProductionStatistics.vue b/yiqi_screen/src/components/ProductionStatistics.vue
index 02da441..6248f98 100644
--- a/yiqi_screen/src/components/ProductionStatistics.vue
+++ b/yiqi_screen/src/components/ProductionStatistics.vue
@@ -60,7 +60,7 @@
name: "Access From",
type: "pie",
// radius: ["25%", "40%"],
- radius: ["33%", "40%"],//鐜彉缁�
+ radius: ["30%", "37%"],//鐜彉缁�
center: ["26%", "47%"],
avoidLabelOverlap: false,
label: {
@@ -93,7 +93,7 @@
name: "Access From",
type: "pie",
// radius: ["25%", "40%"],
- radius: ["33%", "40%"],//鐜彉缁�
+ radius: ["30%", "37%"],//鐜彉缁�
center: ["74%", "47%"],
avoidLabelOverlap: false,
label: {
diff --git a/yiqi_screen/src/components/QualityDataTrends.vue b/yiqi_screen/src/components/QualityDataTrends.vue
index afdc693..2236c1c 100644
--- a/yiqi_screen/src/components/QualityDataTrends.vue
+++ b/yiqi_screen/src/components/QualityDataTrends.vue
@@ -23,7 +23,7 @@
grid: {
left: 33,
right: 33,
- top: 20,
+ top: 55,
bottom:5,
},
yAxis: {
--
Gitblit v1.9.3