From 73204d05cef1cb8be44ff8b1e44114dee0cfb455 Mon Sep 17 00:00:00 2001
From: liuying <1427574514@qq.com>
Date: 周五, 01 11月 2024 19:50:36 +0800
Subject: [PATCH] 细节
---
yiqi_screen/src/components/Content.vue | 46 ++++++++++++++++++++++++++++++++++------------
1 files changed, 34 insertions(+), 12 deletions(-)
diff --git a/yiqi_screen/src/components/Content.vue b/yiqi_screen/src/components/Content.vue
index f355ee9..e657937 100644
--- a/yiqi_screen/src/components/Content.vue
+++ b/yiqi_screen/src/components/Content.vue
@@ -1,7 +1,15 @@
<template>
<div class="container">
<div class="header">
- <div class="title">4GC涓変唬鍙戝姩鏈鸿繛鏉嗙嚎</div>
+ <div class="title">
+
+ <img
+ :src="
+ require(`@/assets/images/1.png`)
+ "
+ class="imgTitle"
+ />
+ 4GC涓変唬鍙戝姩鏈鸿繛鏉嗙嚎</div>
<div class="left-text">
<div style="line-height: 30px">{{ nowTime }}</div>
<div style="padding-left: 25px">
@@ -13,7 +21,6 @@
<div style="line-height: 30px">
褰撳墠鐝:{{ produceStatisData.currentTeamName }}
</div>
- <!-- style="padding-left:25px" -->
<div>鐝暱:{{ produceStatisData.currentTeamLeader }}</div>
</div>
</div>
@@ -94,10 +101,14 @@
</div>
<div class="echarts-box border_right1">
<div class="echarts-title">鏈彮/鏈湀浜ч噺缁熻</div>
+
+
<ProductionStatistics :produceStatisData="produceStatisData" />
<div class="pie-label-left">
+ <!-- 褰撳墠鐝粍瀹為檯鐢熶骇鏁伴噺 -->
{{ produceStatisData.currentShiftProduceNum }}
<span v-if="produceStatisData.currentShiftPlanNum||produceStatisData.currentShiftPlanNum==0">/</span>
+ <!-- 褰撳墠鐝粍璁″垝鐢熶骇鏁伴噺 -->
{{
produceStatisData.currentShiftPlanNum
}}
@@ -328,6 +339,9 @@
position: relative;
.title {
+ display: flex;
+ vertical-align: middle;
+ align-items: center;
color: #41c7de;
font-size: 0.38rem;
font-weight: 700;
@@ -336,6 +350,10 @@
left: 50%;
transform: translate(-50%);
letter-spacing: 8px;
+ .imgTitle{
+ width: 0.7rem;
+ margin-right: .2rem;
+ }
}
.left-text {
@@ -525,20 +543,24 @@
.pie-label-left {
position: absolute;
- bottom: 0.1rem;
- left: 0.7rem;
- color: #fff;
- font-size: 0.2rem;
- font-weight: 300;
+ bottom: 0.1rem;
+ left: 0.1rem;
+ color: #fff;
+ font-size: 0.2rem;
+ font-weight: 300;
+ width: 44%;
+ text-align: center;
}
.pie-label-right {
position: absolute;
- bottom: 0.1rem;
- right: 0.7rem;
- color: #fff;
- font-size: 0.2rem;
- font-weight: 300;
+ bottom: 0.1rem;
+ right: 0.3rem;
+ color: #fff;
+ font-size: 0.2rem;
+ font-weight: 300;
+ width: 44%;
+ text-align: center;
}
}
--
Gitblit v1.9.3