|
|
|
|
@ -109,7 +109,7 @@
|
|
|
|
|
|
|
|
|
|
<div v-html="safeDayHtml"></div>
|
|
|
|
|
<div class="totalNum">合计：{{ totalNum }}台</div>
|
|
|
|
|
<div class="info1">订单数量:1000 完成数量:1000 清单率:100%</div>
|
|
|
|
|
<div class="info1">订单数量:{{ info1.ddsl }} 完成数量:{{ info1.wcsl }} 清单率:{{ ((info1.wcsl / info1.ddsl) * 100) .toFixed(2) }}%</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -118,7 +118,9 @@ import vueSeamlessScroll from "vue-seamless-scroll";
|
|
|
|
|
import Chart from "../../../components/board/Chart";
|
|
|
|
|
import * as echarts from 'echarts'
|
|
|
|
|
import {getData} from "@/api/board/getData";
|
|
|
|
|
import {mixData} from "@/api/board/mixData";
|
|
|
|
|
|
|
|
|
|
const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
vueSeamlessScroll,
|
|
|
|
|
@ -129,6 +131,10 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
nowLine: 1,
|
|
|
|
|
nowWeek: "",
|
|
|
|
|
info1:{
|
|
|
|
|
"ddsl":1000,
|
|
|
|
|
"wcsl":1000
|
|
|
|
|
},
|
|
|
|
|
title: [
|
|
|
|
|
'产量统计',
|
|
|
|
|
'三日订单执行情况',
|
|
|
|
|
@ -164,6 +170,14 @@ export default {
|
|
|
|
|
left: 73.6
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
qualityInspectionProcessMonitoring:{
|
|
|
|
|
"nd":99,
|
|
|
|
|
"gz":99,
|
|
|
|
|
"dy":99,
|
|
|
|
|
"ag":99,
|
|
|
|
|
"cw":99,
|
|
|
|
|
"zj":99,
|
|
|
|
|
},
|
|
|
|
|
scrollTableOption: {
|
|
|
|
|
step: 0.5, // 数值越大速度滚动越快
|
|
|
|
|
limitMoveNum: 5, // 开始无缝滚动的数据量 this.dataList.length
|
|
|
|
|
@ -175,17 +189,147 @@ export default {
|
|
|
|
|
waitTime: 0,
|
|
|
|
|
},
|
|
|
|
|
scrollTableData: [],
|
|
|
|
|
safeDayHtml: null
|
|
|
|
|
safeDayHtml: null,
|
|
|
|
|
RequestDataSet: [
|
|
|
|
|
{
|
|
|
|
|
e: 'zh-1-01',
|
|
|
|
|
i: "",
|
|
|
|
|
f: (e) => {
|
|
|
|
|
this.$refs.topLeft.setData({
|
|
|
|
|
grid: {
|
|
|
|
|
top: "20%",
|
|
|
|
|
left: "1%",
|
|
|
|
|
right: "5%",
|
|
|
|
|
bottom: "1%",
|
|
|
|
|
containLabel: true,
|
|
|
|
|
},
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
axisPointer: {
|
|
|
|
|
type: 'shadow'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
getData().then(e => {
|
|
|
|
|
this.scrollTableData = e.table8
|
|
|
|
|
legend: {
|
|
|
|
|
right: '0',
|
|
|
|
|
data: e.y.map(e => e.name),
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
color: "#F1F1F3",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
xAxis: [
|
|
|
|
|
{
|
|
|
|
|
type: 'category',
|
|
|
|
|
axisTick: {show: false},
|
|
|
|
|
axisLabel: {
|
|
|
|
|
rotate: -20,
|
|
|
|
|
margin: 20,
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
color: "#F1F1F3",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: e.x
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
yAxis: [
|
|
|
|
|
{
|
|
|
|
|
axisLabel: {
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
color: "#F1F1F3",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: "rgba(255,255,255,0.1)",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
type: 'value'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: e.y[0].name,
|
|
|
|
|
type: 'bar',
|
|
|
|
|
barGap: 0,
|
|
|
|
|
emphasis: {
|
|
|
|
|
focus: 'series'
|
|
|
|
|
},
|
|
|
|
|
barWidth: '30%',
|
|
|
|
|
barMaxWidth: '50px',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
//图形样式
|
|
|
|
|
normal: {
|
|
|
|
|
color: true ? '#db8151' : "#64BCEC",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "rgba(255,255,255,0.5)",
|
|
|
|
|
fontSize: 0.75 * vw
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: e.y[0].data,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: e.y[1].name,
|
|
|
|
|
type: 'bar',
|
|
|
|
|
emphasis: {
|
|
|
|
|
focus: 'series'
|
|
|
|
|
},
|
|
|
|
|
barWidth: '30%',
|
|
|
|
|
barMaxWidth: '50px',
|
|
|
|
|
barGap: '40%',
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "rgba(255,255,255,0.5)",
|
|
|
|
|
fontSize: 0.75 * vw
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
//图形样式
|
|
|
|
|
normal: {
|
|
|
|
|
color: true ? '#9ce375' : "#4FD3B9",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: e.y[1].data,
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
let min = Math.ceil(Math.min(...[61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],))
|
|
|
|
|
let max = Math.ceil(Math.max(...[61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],))
|
|
|
|
|
const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
e: 'zh-1-02',
|
|
|
|
|
i: "",
|
|
|
|
|
f: (e) => {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
e: 'zh-1-03',
|
|
|
|
|
i: "",
|
|
|
|
|
f: (e) => {
|
|
|
|
|
this.scrollTableData = e
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
e: 'zh-1-04',
|
|
|
|
|
i: "",
|
|
|
|
|
f: (e) => {
|
|
|
|
|
this.info1 = e
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
e: 'zh-1-05',
|
|
|
|
|
i: "",
|
|
|
|
|
f: (e) => {
|
|
|
|
|
this.$refs.manpowerAttendance.setData({
|
|
|
|
|
color: ['#33a2fe', '#33a2fe', '#33a2fe', '#33a2fe', '#33a2fe'],
|
|
|
|
|
grid: {
|
|
|
|
|
@ -226,7 +370,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
show: true,
|
|
|
|
|
},
|
|
|
|
|
data: ['组A', '组B', '组C', '组D', '组E', '组F', '组G', '组H'],
|
|
|
|
|
data: e.x,
|
|
|
|
|
type: 'category',
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
|
@ -265,16 +409,16 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
data: [60, 55, 45, 42, 40, 40, 39, 38],
|
|
|
|
|
data: e.y,
|
|
|
|
|
type: 'pictorialBar',
|
|
|
|
|
barMaxWidth: 'auto',
|
|
|
|
|
barWidth: 1.5 * vw,
|
|
|
|
|
symbol: 'rect',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: function (val) {
|
|
|
|
|
if ([60, 55, 45, 42, 40, 40, 39, 38].length - val.dataIndex === 1) {
|
|
|
|
|
if (e.y.length - val.dataIndex === 1) {
|
|
|
|
|
return 'red'
|
|
|
|
|
} else if ([60, 55, 45, 42, 40, 40, 39, 38].length - val.dataIndex === 2) {
|
|
|
|
|
} else if (e.y.length - val.dataIndex === 2) {
|
|
|
|
|
return 'yellow'
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
@ -296,16 +440,16 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
data: [60, 55, 45, 42, 40, 40, 39, 38],
|
|
|
|
|
data: e.y,
|
|
|
|
|
type: 'pictorialBar',
|
|
|
|
|
barWidth: 1.5 * vw,
|
|
|
|
|
symbolPosition: 'end',
|
|
|
|
|
symbol: 'diamond',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: function (val) {
|
|
|
|
|
if ([60, 55, 45, 42, 40, 40, 39, 38].length - val.dataIndex === 1) {
|
|
|
|
|
if (e.y.length - val.dataIndex === 1) {
|
|
|
|
|
return 'red'
|
|
|
|
|
} else if ([60, 55, 45, 42, 40, 40, 39, 38].length - val.dataIndex === 2) {
|
|
|
|
|
} else if (e.y.length - val.dataIndex === 2) {
|
|
|
|
|
return 'yellow'
|
|
|
|
|
} else {
|
|
|
|
|
return '#66c8ff'
|
|
|
|
|
@ -317,16 +461,16 @@ export default {
|
|
|
|
|
zlevel: 4,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
data: [60, 55, 45, 42, 40, 40, 39, 38].map(val => 1),
|
|
|
|
|
data: e.y.map(val => 1),
|
|
|
|
|
type: 'pictorialBar',
|
|
|
|
|
barWidth: 1.5 * vw,
|
|
|
|
|
symbolPosition: 'end',
|
|
|
|
|
symbol: 'diamond',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: function (val) {
|
|
|
|
|
if ([60, 55, 45, 42, 40, 40, 39, 38].length - val.dataIndex === 1) {
|
|
|
|
|
if (e.y.length - val.dataIndex === 1) {
|
|
|
|
|
return 'red'
|
|
|
|
|
} else if ([60, 55, 45, 42, 40, 40, 39, 38].length - val.dataIndex === 2) {
|
|
|
|
|
} else if (e.y.length - val.dataIndex === 2) {
|
|
|
|
|
return 'yellow'
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
@ -346,7 +490,7 @@ export default {
|
|
|
|
|
// },
|
|
|
|
|
// symbolSize: [40, 40],
|
|
|
|
|
// z: 10,
|
|
|
|
|
// data: [60, 55, 45, 42, 40, 40, 39, 38].map(val => {
|
|
|
|
|
// data: e.y.map(val => {
|
|
|
|
|
// return {
|
|
|
|
|
// value: val,
|
|
|
|
|
// symbolPosition: 'end',
|
|
|
|
|
@ -356,114 +500,12 @@ export default {
|
|
|
|
|
// },
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
this.$refs.topLeft.setData({
|
|
|
|
|
grid: {
|
|
|
|
|
top: "20%",
|
|
|
|
|
left: "1%",
|
|
|
|
|
right: "5%",
|
|
|
|
|
bottom: "1%",
|
|
|
|
|
containLabel: true,
|
|
|
|
|
},
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
axisPointer: {
|
|
|
|
|
type: 'shadow'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
right: '0',
|
|
|
|
|
data: ['计划', '实际'],
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
color: "#F1F1F3",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
xAxis: [
|
|
|
|
|
{
|
|
|
|
|
type: 'category',
|
|
|
|
|
axisTick: {show: false},
|
|
|
|
|
axisLabel: {
|
|
|
|
|
rotate: -20,
|
|
|
|
|
margin: 20,
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
color: "#F1F1F3",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: ['1日', '2日', '3日', '4日', '5日', '6日', '7日']
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
yAxis: [
|
|
|
|
|
{
|
|
|
|
|
axisLabel: {
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
color: "#F1F1F3",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: "rgba(255,255,255,0.1)",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
type: 'value'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: '计划',
|
|
|
|
|
type: 'bar',
|
|
|
|
|
barGap: 0,
|
|
|
|
|
emphasis: {
|
|
|
|
|
focus: 'series'
|
|
|
|
|
},
|
|
|
|
|
barWidth: '30%',
|
|
|
|
|
barMaxWidth: '50px',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
//图形样式
|
|
|
|
|
normal: {
|
|
|
|
|
color: true ? '#db8151' : "#64BCEC",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "rgba(255,255,255,0.5)",
|
|
|
|
|
fontSize: 0.75 * vw
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: [22, 52, 55, 12, 35, 44, 66],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '实际',
|
|
|
|
|
type: 'bar',
|
|
|
|
|
emphasis: {
|
|
|
|
|
focus: 'series'
|
|
|
|
|
},
|
|
|
|
|
barWidth: '30%',
|
|
|
|
|
barMaxWidth: '50px',
|
|
|
|
|
barGap: '40%',
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "rgba(255,255,255,0.5)",
|
|
|
|
|
fontSize: 0.75 * vw
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
itemStyle: {
|
|
|
|
|
//图形样式
|
|
|
|
|
normal: {
|
|
|
|
|
color: true ? '#9ce375' : "#4FD3B9",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: [32, 42, 50, 22, 30, 40, 52],
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
})
|
|
|
|
|
e: 'zh-1-06',
|
|
|
|
|
i: "",
|
|
|
|
|
f: (e) => {
|
|
|
|
|
this.$refs.productionEfficiency.setData({
|
|
|
|
|
grid: {
|
|
|
|
|
top: "10%",
|
|
|
|
|
@ -474,7 +516,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
dataZoom: [],
|
|
|
|
|
xAxis: {
|
|
|
|
|
data: ["A-1", "A-2", "A-3", "A-4", "A-5", "A-6", "A-7"],
|
|
|
|
|
data: e.x,
|
|
|
|
|
axisLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: "#0177d4",
|
|
|
|
|
@ -541,12 +583,16 @@ export default {
|
|
|
|
|
fontSize: 0.75 * vw
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data: [12, 20, 11, 30, 14, 80, 50].sort().reverse(),
|
|
|
|
|
data: e.y.sort().reverse(),
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
e: 'zh-1-06',
|
|
|
|
|
i: "",
|
|
|
|
|
f: (e) => {
|
|
|
|
|
this.$refs.equipmentPowerOne.setData({
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
@ -569,7 +615,7 @@ export default {
|
|
|
|
|
center: ["50%", "50%"],
|
|
|
|
|
data: [
|
|
|
|
|
{
|
|
|
|
|
value: 99,
|
|
|
|
|
value: e.nd,
|
|
|
|
|
label: {
|
|
|
|
|
normal: {
|
|
|
|
|
rich: {
|
|
|
|
|
@ -611,7 +657,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
value: 1,
|
|
|
|
|
value: 100 - e.nd,
|
|
|
|
|
name: "invisible",
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
@ -648,7 +694,7 @@ export default {
|
|
|
|
|
center: ["50%", "50%"],
|
|
|
|
|
data: [
|
|
|
|
|
{
|
|
|
|
|
value: 99,
|
|
|
|
|
value: e.gz,
|
|
|
|
|
label: {
|
|
|
|
|
normal: {
|
|
|
|
|
rich: {
|
|
|
|
|
@ -1021,6 +1067,19 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
|
|
this.RequestDataSet.forEach(val => {
|
|
|
|
|
mixData(val)
|
|
|
|
|
})
|
|
|
|
|
let min = Math.ceil(Math.min(...[61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],))
|
|
|
|
|
let max = Math.ceil(Math.max(...[61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],))
|
|
|
|
|
|
|
|
|
|
this.curWeek()
|
|
|
|
|
this.day()
|
|
|
|
|
},
|
|
|
|
|
|
夜笙歌
9 months ago