diff --git a/public/data.json b/public/data.json index 3632224..303e1fc 100644 --- a/public/data.json +++ b/public/data.json @@ -1645,7 +1645,7 @@ ], "y": [ { - "name": "前板入库数量", + "name": "前板数量", "data": [ 100, 300, @@ -1660,7 +1660,7 @@ ] }, { - "name": "后板入库数量", + "name": "后板数量", "data": [ 754, 157, diff --git a/src/views/board/caseShell/index2.vue b/src/views/board/caseShell/index2.vue index 6f99643..307b78c 100644 --- a/src/views/board/caseShell/index2.vue +++ b/src/views/board/caseShell/index2.vue @@ -5,8 +5,8 @@
{{ planNum }}
{{ practicalNum }}
{{ differenceValue }}
-
+
{{ i }}
平均节拍:{{ meter }}
@@ -19,9 +19,6 @@
产品型号
-
- 计划数量 -
前板计划
@@ -35,44 +32,26 @@ 计划时间
- -
-
-
+ +
+
+
{{ item.value1 }}
-
+
{{ item.value2 }}
-
- {{ item.value31 }} -
-
+
{{ item.value3 }}
-
+
{{ item.value32 }}
-
+
{{ item.value4 }}
-
+
{{ item.value5 }}
@@ -100,7 +79,7 @@ import vueSeamlessScroll from "vue-seamless-scroll"; import Chart from "../../../components/board/Chart"; import * as echarts from 'echarts' -import {getData} from "@/api/board/getData"; +import { getData } from "@/api/board/getData"; export default { components: { @@ -116,7 +95,7 @@ export default { frontNum: 100, laterNum: 100, title: [ - '工单计划', + '生成计划', '小时产量统计', '壳胆库存统计', '生产型号统计', @@ -163,6 +142,7 @@ export default { } }, mounted() { + const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100 getData().then(e => { this.scrollTableData = e.caseShell2.table1 this.$refs.chart1.setData({ @@ -227,6 +207,18 @@ export default { type: "bar", barWidth: "30%", barMaxWidth: 50, + label: { + normal: { + show: true, + position: "top", + textStyle: { + color: "#a8aab0", + fontStyle: "normal", + fontFamily: "微软雅黑", + fontSize: 0.75 * vw, + }, + }, + }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ @@ -248,6 +240,18 @@ export default { type: "bar", barWidth: "30%", barMaxWidth: 50, + label: { + normal: { + show: true, + position: "top", + textStyle: { + color: "#a8aab0", + fontStyle: "normal", + fontFamily: "微软雅黑", + fontSize: 0.75 * vw, + }, + }, + }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ @@ -328,6 +332,18 @@ export default { type: "bar", barWidth: "30%", barMaxWidth: 50, + label: { + normal: { + show: true, + position: "top", + textStyle: { + color: "#a8aab0", + fontStyle: "normal", + fontFamily: "微软雅黑", + fontSize: 0.75 * vw, + }, + }, + }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ @@ -349,6 +365,18 @@ export default { type: "bar", barWidth: "30%", barMaxWidth: 50, + label: { + normal: { + show: true, + position: "top", + textStyle: { + color: "#a8aab0", + fontStyle: "normal", + fontFamily: "微软雅黑", + fontSize: 0.75 * vw, + }, + }, + }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ @@ -429,6 +457,18 @@ export default { type: "bar", barWidth: "30%", barMaxWidth: 50, + label: { + normal: { + show: true, + position: "top", + textStyle: { + color: "#a8aab0", + fontStyle: "normal", + fontFamily: "微软雅黑", + fontSize: 0.75 * vw, + }, + }, + }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ @@ -450,6 +490,18 @@ export default { type: "bar", barWidth: "30%", barMaxWidth: 50, + label: { + normal: { + show: true, + position: "top", + textStyle: { + color: "#a8aab0", + fontStyle: "normal", + fontFamily: "微软雅黑", + fontSize: 0.75 * vw, + }, + }, + }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ @@ -530,6 +582,18 @@ export default { type: "bar", barWidth: '30%', barMaxWidth: 50, + label: { + normal: { + show: true, + position: "top", + textStyle: { + color: "#a8aab0", + fontStyle: "normal", + fontFamily: "微软雅黑", + fontSize: 0.75 * vw, + }, + }, + }, itemStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ @@ -629,7 +693,7 @@ export default { text-overflow: ellipsis; text-align: center; display: inline-block; - width: calc(100% / 7); + width: calc(100% / 6); } .chart1 { @@ -673,7 +737,8 @@ export default { color: #fff; letter-spacing: 1px; } -.inventoryInfo2{ + +.inventoryInfo2 { position: absolute; transform: translateY(-50%); font-size: 0.9vw; diff --git a/src/views/board/foaming/index.vue b/src/views/board/foaming/index.vue index 72f85ac..54050d3 100644 --- a/src/views/board/foaming/index.vue +++ b/src/views/board/foaming/index.vue @@ -1,6 +1,6 @@