fix:车间产线首页样式修改

This commit is contained in:
Zxuyoubin 2024-07-23 09:07:14 +08:00
parent 41d7c89fb0
commit 465b830ee6

View File

@ -46,6 +46,8 @@
<div <div
style="width: 53%; height: 300px; background-color: #fff; display: flex" style="width: 53%; height: 300px; background-color: #fff; display: flex"
> >
<div style=" font-family: 'TitleFont';font-size: 18px;margin-left: 10px;margin-top: 8px;">设备运行</div>
<div <div
style=" style="
box-sizing: border-box; box-sizing: border-box;
@ -98,7 +100,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="chartPie4" style="width: 81%; height: 100%"></div> <div id="chartPie4" style="width: 70%; height: 100%"></div>
</div> </div>
</div> </div>
</div> </div>
@ -443,7 +445,7 @@ export default {
"chartPie3", "chartPie3",
generatePieOptions({ generatePieOptions({
title: { title: {
text: "销售分布分析(万)", text: "销售分布分析(万)",
top: "2%", top: "2%",
left: "center", left: "center",
}, },
@ -501,7 +503,7 @@ export default {
"chartLine2", "chartLine2",
generateBaseOptions({ generateBaseOptions({
title: { title: {
text: "残次趋势分析", text: "质检结果分析",
top: "5%", top: "5%",
left: "center", left: "center",
}, },
@ -585,9 +587,9 @@ export default {
"chartBar2", "chartBar2",
generateBaseOptions({ generateBaseOptions({
title: { title: {
text: "残次趋势分析", text: "生产统计分析(万斤)",
top: "5%", top: "5%",
left: "center", left: "left",
}, },
xAxis: { xAxis: {
data: ["5月", "6月", "7月"], data: ["5月", "6月", "7月"],
@ -628,7 +630,7 @@ export default {
}, },
}, },
{ {
name: "", name: "%",
type: "value", type: "value",
axisLabel: { axisLabel: {
color: '#252525', color: '#252525',
@ -708,8 +710,9 @@ export default {
generatePieOptions({ generatePieOptions({
legend: { legend: {
// //
top: "center", top: "bottom",
left: "right", left: "center",
orient:'horizontal',
textStyle: { textStyle: {
color: "#252525", color: "#252525",
}, },
@ -720,7 +723,7 @@ export default {
name: "数据详情", name: "数据详情",
type: "pie", type: "pie",
radius: ["36%", "60%"], radius: ["36%", "60%"],
center: ["37%", "50%"], center: 'center',
data: [ data: [
{ {
name: "挖掘机械", name: "挖掘机械",