|
|
@ -9,6 +9,16 @@
|
|
|
|
<div class="manpowerAttendance" id="manpowerAttendance">
|
|
|
|
<div class="manpowerAttendance" id="manpowerAttendance">
|
|
|
|
<Chart ref="manpowerAttendance"></Chart>
|
|
|
|
<Chart ref="manpowerAttendance"></Chart>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="classSelect">
|
|
|
|
|
|
|
|
<el-select v-model="selectValue" placeholder="请选择">
|
|
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
|
|
v-for="item in selectOptions"
|
|
|
|
|
|
|
|
:key="item.value"
|
|
|
|
|
|
|
|
:label="item.label"
|
|
|
|
|
|
|
|
:value="item.value">
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!--IQC-->
|
|
|
|
<!--IQC-->
|
|
|
|
<div class="IQC" id="IQC">
|
|
|
|
<div class="IQC" id="IQC">
|
|
|
@ -95,6 +105,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div v-html="safeDayHtml"></div>
|
|
|
|
<div v-html="safeDayHtml"></div>
|
|
|
|
|
|
|
|
<div class="totalNum">总数:{{ totalNum }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
@ -112,14 +123,30 @@ export default {
|
|
|
|
name: "Liner",
|
|
|
|
name: "Liner",
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
|
|
|
|
selectOptions: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: '1',
|
|
|
|
|
|
|
|
label: '老线'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: '2',
|
|
|
|
|
|
|
|
label: '新线'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: '3',
|
|
|
|
|
|
|
|
label: '合计'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
selectValue: '1',
|
|
|
|
title: [
|
|
|
|
title: [
|
|
|
|
'产量统计',
|
|
|
|
'产量统计',
|
|
|
|
'三日订单执行情况',
|
|
|
|
'三日订单执行情况',
|
|
|
|
'班组 6s 排行榜',
|
|
|
|
'班组 6s 排行榜',
|
|
|
|
'周生产型号统计',
|
|
|
|
'周生产型号统计',
|
|
|
|
'周质量分析',
|
|
|
|
'重点工序监控',
|
|
|
|
'安全生产',
|
|
|
|
'安全生产',
|
|
|
|
],
|
|
|
|
],
|
|
|
|
|
|
|
|
totalNum: 10000,
|
|
|
|
titlePosition: [
|
|
|
|
titlePosition: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
top: 11.5,
|
|
|
|
top: 11.5,
|
|
|
@ -372,7 +399,7 @@ export default {
|
|
|
|
color: "#F1F1F3",
|
|
|
|
color: "#F1F1F3",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: ['A-01', 'A-02', 'A-03', 'A-04', 'A-05', 'A-06', 'A-07']
|
|
|
|
data: ['1日', '2日', '3日', '4日', '5日', '6日', '7日']
|
|
|
|
}
|
|
|
|
}
|
|
|
|
],
|
|
|
|
],
|
|
|
|
yAxis: [
|
|
|
|
yAxis: [
|
|
|
@ -527,585 +554,402 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerOne.setData({
|
|
|
|
this.$refs.equipmentPowerOne.setData({
|
|
|
|
grid: {
|
|
|
|
series: [
|
|
|
|
top: '28%',
|
|
|
|
{
|
|
|
|
left: '5%',
|
|
|
|
type: "pie",
|
|
|
|
right: '5%',
|
|
|
|
clockWise: false,
|
|
|
|
bottom: '0%',
|
|
|
|
radius: ['60%', '75%'],
|
|
|
|
containLabel: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
tooltip: {
|
|
|
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
|
|
|
axisPointer: {
|
|
|
|
|
|
|
|
type: 'shadow',
|
|
|
|
|
|
|
|
label: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
legend: {
|
|
|
|
|
|
|
|
top: '5%',
|
|
|
|
|
|
|
|
itemWidth: 20,
|
|
|
|
|
|
|
|
itemHeight: 10,
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
borderWidth: 1,
|
|
|
|
normal: {
|
|
|
|
borderHeight: 1,
|
|
|
|
label: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
formatter: function (val) {
|
|
|
|
labelLine: {
|
|
|
|
return `${val} `
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
textStyle: {
|
|
|
|
shadowBlur: 0,
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
shadowColor: "#389af4",
|
|
|
|
color: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
hoverAnimation: false,
|
|
|
|
|
|
|
|
center: ["50%", "50%"],
|
|
|
|
|
|
|
|
data: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 50,
|
|
|
|
|
|
|
|
label: {
|
|
|
|
|
|
|
|
normal: {
|
|
|
|
|
|
|
|
rich: {
|
|
|
|
|
|
|
|
a: {
|
|
|
|
|
|
|
|
color: "#389af4",
|
|
|
|
|
|
|
|
align: "center",
|
|
|
|
|
|
|
|
fontSize: 1.1 * vw,
|
|
|
|
|
|
|
|
fontWeight: "bold",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
b: {
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
|
|
|
|
align: "center",
|
|
|
|
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
|
|
|
|
type: 'category',
|
|
|
|
|
|
|
|
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
|
|
|
|
|
|
|
|
axisLine: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisTick: {
|
|
|
|
formatter: function (params) {
|
|
|
|
show: false,
|
|
|
|
return (
|
|
|
|
|
|
|
|
"{a|" +
|
|
|
|
|
|
|
|
params.value +
|
|
|
|
|
|
|
|
"%}" +
|
|
|
|
|
|
|
|
"\n{b|内胆检漏}"
|
|
|
|
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
position: "center",
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
textStyle: {
|
|
|
|
color: '#ffffff', //X轴文字颜色
|
|
|
|
fontSize: "14",
|
|
|
|
|
|
|
|
fontWeight: "normal",
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
yAxis: [
|
|
|
|
itemStyle: {
|
|
|
|
{
|
|
|
|
normal: {
|
|
|
|
name: '合格率',
|
|
|
|
color: "#389af4",
|
|
|
|
min: (min - 2 < 0) ? 0 : min - 2,
|
|
|
|
shadowColor: "#389af4",
|
|
|
|
max: (max + 2 > 100) ? 100 : max + 2,
|
|
|
|
shadowBlur: 0,
|
|
|
|
type: 'value',
|
|
|
|
|
|
|
|
nameTextStyle: {
|
|
|
|
|
|
|
|
color: '#fff',
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: '#eeeeee',
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisTick: {
|
|
|
|
{
|
|
|
|
show: false,
|
|
|
|
value: 50,
|
|
|
|
|
|
|
|
name: "invisible",
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
|
|
|
|
normal: {
|
|
|
|
|
|
|
|
color: "#412a4e",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
emphasis: {
|
|
|
|
show: false,
|
|
|
|
color: "#412a4e",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
interval: 0,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#ffffff',
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerTwo.setData({
|
|
|
|
series: [
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "内胆检漏",
|
|
|
|
type: "pie",
|
|
|
|
type: 'line',
|
|
|
|
clockWise: false,
|
|
|
|
smooth: false,
|
|
|
|
radius: ['60%', '75%'],
|
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
|
|
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
|
|
|
|
|
symbolSize: 4, //标记的大小
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
//折线拐点标志的样式
|
|
|
|
normal: {
|
|
|
|
color: '#389af4',
|
|
|
|
label: {
|
|
|
|
borderWidth: '2',
|
|
|
|
show: false,
|
|
|
|
borderColor: '#389af4',
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
lineStyle: {
|
|
|
|
labelLine: {
|
|
|
|
color: '#389af4',
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
shadowBlur: 0,
|
|
|
|
|
|
|
|
shadowColor: "#ff8c37",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
hoverAnimation: false,
|
|
|
|
|
|
|
|
center: ["50%", "50%"],
|
|
|
|
|
|
|
|
data: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 50,
|
|
|
|
label: {
|
|
|
|
label: {
|
|
|
|
//图形上的文本标签
|
|
|
|
|
|
|
|
normal: {
|
|
|
|
normal: {
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
rich: {
|
|
|
|
show: true,
|
|
|
|
a: {
|
|
|
|
position: "top",
|
|
|
|
color: "#ff8c37",
|
|
|
|
textStyle: {
|
|
|
|
align: "center",
|
|
|
|
color: '#389af4',
|
|
|
|
fontSize: 1.1 * vw,
|
|
|
|
fontStyle: "normal",
|
|
|
|
fontWeight: "bold",
|
|
|
|
fontFamily: "微软雅黑",
|
|
|
|
},
|
|
|
|
|
|
|
|
b: {
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
|
|
|
|
align: "center",
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
formatter: function (params) {
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
"{a|" +
|
|
|
|
|
|
|
|
params.value +
|
|
|
|
|
|
|
|
"%}" +
|
|
|
|
|
|
|
|
"\n{b|灌注}"
|
|
|
|
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
|
|
|
|
position: "center",
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerTwo.setData({
|
|
|
|
|
|
|
|
grid: {
|
|
|
|
|
|
|
|
top: '28%',
|
|
|
|
|
|
|
|
left: '5%',
|
|
|
|
|
|
|
|
right: '5%',
|
|
|
|
|
|
|
|
bottom: '0%',
|
|
|
|
|
|
|
|
containLabel: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
tooltip: {
|
|
|
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
|
|
|
axisPointer: {
|
|
|
|
|
|
|
|
type: 'shadow',
|
|
|
|
|
|
|
|
label: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
fontSize: "14",
|
|
|
|
|
|
|
|
fontWeight: "normal",
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
legend: {
|
|
|
|
|
|
|
|
top: '5%',
|
|
|
|
|
|
|
|
itemWidth: 20,
|
|
|
|
|
|
|
|
itemHeight: 10,
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
borderWidth: 1,
|
|
|
|
normal: {
|
|
|
|
borderHeight: 1,
|
|
|
|
color: "#ff8c37",
|
|
|
|
},
|
|
|
|
shadowColor: "#ff8c37",
|
|
|
|
formatter: function (val) {
|
|
|
|
shadowBlur: 0,
|
|
|
|
return `${val} `
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
|
|
|
color: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
{
|
|
|
|
type: 'category',
|
|
|
|
value: 50,
|
|
|
|
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
|
|
|
|
name: "invisible",
|
|
|
|
axisLine: {
|
|
|
|
itemStyle: {
|
|
|
|
show: true,
|
|
|
|
normal: {
|
|
|
|
|
|
|
|
color: "#412a4e",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisTick: {
|
|
|
|
emphasis: {
|
|
|
|
show: false,
|
|
|
|
color: "#412a4e",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#ffffff', //X轴文字颜色
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
yAxis: [
|
|
|
|
],
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerThree.setData({
|
|
|
|
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '合格率',
|
|
|
|
type: "pie",
|
|
|
|
min: (min - 2 < 0) ? 0 : min - 2,
|
|
|
|
clockWise: false,
|
|
|
|
max: (max + 2 > 100) ? 100 : max + 2,
|
|
|
|
radius: ['60%', '75%'],
|
|
|
|
type: 'value',
|
|
|
|
itemStyle: {
|
|
|
|
nameTextStyle: {
|
|
|
|
normal: {
|
|
|
|
color: '#fff',
|
|
|
|
label: {
|
|
|
|
},
|
|
|
|
|
|
|
|
splitLine: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: '#eeeeee',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
axisTick: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
labelLine: {
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
shadowBlur: 0,
|
|
|
|
show: true,
|
|
|
|
shadowColor: "#ffc257",
|
|
|
|
interval: 0,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#ffffff',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
hoverAnimation: false,
|
|
|
|
series: [
|
|
|
|
center: ["50%", "50%"],
|
|
|
|
|
|
|
|
data: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "安全检测",
|
|
|
|
value: 50,
|
|
|
|
type: 'line',
|
|
|
|
|
|
|
|
smooth: false,
|
|
|
|
|
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
|
|
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
|
|
|
|
|
symbolSize: 4, //标记的大小
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
|
|
|
|
//折线拐点标志的样式
|
|
|
|
|
|
|
|
color: '#ff8c37',
|
|
|
|
|
|
|
|
borderWidth: '2',
|
|
|
|
|
|
|
|
borderColor: '#ff8c37',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: '#ff8c37',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
label: {
|
|
|
|
label: {
|
|
|
|
//图形上的文本标签
|
|
|
|
|
|
|
|
normal: {
|
|
|
|
normal: {
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
rich: {
|
|
|
|
show: true,
|
|
|
|
a: {
|
|
|
|
position: "top",
|
|
|
|
color: "#ffc257",
|
|
|
|
textStyle: {
|
|
|
|
align: "center",
|
|
|
|
color: '#ff8c37',
|
|
|
|
fontSize: 1.1 * vw,
|
|
|
|
fontStyle: "normal",
|
|
|
|
fontWeight: "bold",
|
|
|
|
fontFamily: "微软雅黑",
|
|
|
|
},
|
|
|
|
|
|
|
|
b: {
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
|
|
|
|
align: "center",
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
formatter: function (params) {
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
"{a|" +
|
|
|
|
|
|
|
|
params.value +
|
|
|
|
|
|
|
|
"%}" +
|
|
|
|
|
|
|
|
"\n{b|低压检漏}"
|
|
|
|
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
|
|
|
|
position: "center",
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerThree.setData({
|
|
|
|
|
|
|
|
grid: {
|
|
|
|
|
|
|
|
top: '28%',
|
|
|
|
|
|
|
|
left: '5%',
|
|
|
|
|
|
|
|
right: '5%',
|
|
|
|
|
|
|
|
bottom: '0%',
|
|
|
|
|
|
|
|
containLabel: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
tooltip: {
|
|
|
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
|
|
|
axisPointer: {
|
|
|
|
|
|
|
|
type: 'shadow',
|
|
|
|
|
|
|
|
label: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
fontSize: "14",
|
|
|
|
|
|
|
|
fontWeight: "normal",
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
legend: {
|
|
|
|
|
|
|
|
top: '5%',
|
|
|
|
|
|
|
|
itemWidth: 20,
|
|
|
|
|
|
|
|
itemHeight: 10,
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
borderWidth: 1,
|
|
|
|
normal: {
|
|
|
|
borderHeight: 1,
|
|
|
|
color: "#ffc257",
|
|
|
|
},
|
|
|
|
shadowColor: "#ffc257",
|
|
|
|
formatter: function (val) {
|
|
|
|
shadowBlur: 0,
|
|
|
|
return `${val} `
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
|
|
|
color: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
{
|
|
|
|
type: 'category',
|
|
|
|
value: 50,
|
|
|
|
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
|
|
|
|
name: "invisible",
|
|
|
|
axisLine: {
|
|
|
|
itemStyle: {
|
|
|
|
show: true,
|
|
|
|
normal: {
|
|
|
|
|
|
|
|
color: "#412a4e",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisTick: {
|
|
|
|
emphasis: {
|
|
|
|
show: false,
|
|
|
|
color: "#412a4e",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#ffffff', //X轴文字颜色
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
yAxis: [
|
|
|
|
],
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerFour.setData({
|
|
|
|
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '合格率',
|
|
|
|
type: "pie",
|
|
|
|
min: (min - 2 < 0) ? 0 : min - 2,
|
|
|
|
clockWise: false,
|
|
|
|
max: (max + 2 > 100) ? 100 : max + 2,
|
|
|
|
radius: ['60%', '75%'],
|
|
|
|
type: 'value',
|
|
|
|
itemStyle: {
|
|
|
|
nameTextStyle: {
|
|
|
|
normal: {
|
|
|
|
color: '#fff',
|
|
|
|
label: {
|
|
|
|
},
|
|
|
|
|
|
|
|
splitLine: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: '#eeeeee',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
axisTick: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
labelLine: {
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
shadowBlur: 0,
|
|
|
|
show: true,
|
|
|
|
shadowColor: "#fd6f97",
|
|
|
|
interval: 0,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#ffffff',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
hoverAnimation: false,
|
|
|
|
series: [
|
|
|
|
center: ["50%", "50%"],
|
|
|
|
|
|
|
|
data: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "成品检漏",
|
|
|
|
value: 50,
|
|
|
|
type: 'line',
|
|
|
|
|
|
|
|
smooth: false,
|
|
|
|
|
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
|
|
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
|
|
|
|
|
symbolSize: 4, //标记的大小
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
|
|
|
|
//折线拐点标志的样式
|
|
|
|
|
|
|
|
color: '#ffc257',
|
|
|
|
|
|
|
|
borderWidth: '2',
|
|
|
|
|
|
|
|
borderColor: '#ffc257',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: '#ffc257',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
label: {
|
|
|
|
label: {
|
|
|
|
//图形上的文本标签
|
|
|
|
|
|
|
|
normal: {
|
|
|
|
normal: {
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
rich: {
|
|
|
|
show: true,
|
|
|
|
a: {
|
|
|
|
position: "top",
|
|
|
|
color: "#fd6f97",
|
|
|
|
textStyle: {
|
|
|
|
align: "center",
|
|
|
|
color: '#ffc257',
|
|
|
|
fontSize: 1.1 * vw,
|
|
|
|
fontStyle: "normal",
|
|
|
|
fontWeight: "bold",
|
|
|
|
fontFamily: "微软雅黑",
|
|
|
|
},
|
|
|
|
|
|
|
|
b: {
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
|
|
|
|
align: "center",
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
formatter: function (params) {
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
"{a|" +
|
|
|
|
|
|
|
|
params.value +
|
|
|
|
|
|
|
|
"%}" +
|
|
|
|
|
|
|
|
"\n{b|安规检}"
|
|
|
|
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
|
|
|
|
position: "center",
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerFour.setData({
|
|
|
|
|
|
|
|
grid: {
|
|
|
|
|
|
|
|
top: '28%',
|
|
|
|
|
|
|
|
left: '5%',
|
|
|
|
|
|
|
|
right: '5%',
|
|
|
|
|
|
|
|
bottom: '0%',
|
|
|
|
|
|
|
|
containLabel: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
tooltip: {
|
|
|
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
|
|
|
axisPointer: {
|
|
|
|
|
|
|
|
type: 'shadow',
|
|
|
|
|
|
|
|
label: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
legend: {
|
|
|
|
|
|
|
|
top: '5%',
|
|
|
|
|
|
|
|
itemWidth: 20,
|
|
|
|
|
|
|
|
itemHeight: 10,
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
|
|
|
|
borderWidth: 1,
|
|
|
|
|
|
|
|
borderHeight: 1,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
formatter: function (val) {
|
|
|
|
|
|
|
|
return `${val} `
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
textStyle: {
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
fontSize: "14",
|
|
|
|
color: function () {
|
|
|
|
fontWeight: "normal",
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
|
|
|
|
type: 'category',
|
|
|
|
|
|
|
|
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
|
|
|
|
|
|
|
|
axisLine: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisTick: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
itemStyle: {
|
|
|
|
show: true,
|
|
|
|
normal: {
|
|
|
|
textStyle: {
|
|
|
|
color: "#fd6f97",
|
|
|
|
color: '#ffffff', //X轴文字颜色
|
|
|
|
shadowColor: "#fd6f97",
|
|
|
|
|
|
|
|
shadowBlur: 0,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
yAxis: [
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '合格率',
|
|
|
|
value: 50,
|
|
|
|
min: (min - 2 < 0) ? 0 : min - 2,
|
|
|
|
name: "invisible",
|
|
|
|
max: (max + 2 > 100) ? 100 : max + 2,
|
|
|
|
itemStyle: {
|
|
|
|
type: 'value',
|
|
|
|
normal: {
|
|
|
|
nameTextStyle: {
|
|
|
|
color: "#412a4e",
|
|
|
|
color: '#fff',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
splitLine: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: '#eeeeee',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
axisTick: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
emphasis: {
|
|
|
|
show: false,
|
|
|
|
color: "#412a4e",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
interval: 0,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#ffffff',
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerFive.setData({
|
|
|
|
series: [
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "测温性能",
|
|
|
|
type: "pie",
|
|
|
|
type: 'line',
|
|
|
|
clockWise: false,
|
|
|
|
smooth: false,
|
|
|
|
radius: ['60%', '75%'],
|
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
|
|
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
|
|
|
|
|
symbolSize: 4, //标记的大小
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
//折线拐点标志的样式
|
|
|
|
|
|
|
|
color: '#fd6f97',
|
|
|
|
|
|
|
|
borderWidth: '2',
|
|
|
|
|
|
|
|
borderColor: '#fd6f97',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: '#fd6f97',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
label: {
|
|
|
|
|
|
|
|
//图形上的文本标签
|
|
|
|
|
|
|
|
normal: {
|
|
|
|
normal: {
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
position: "top",
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#fd6f97',
|
|
|
|
|
|
|
|
fontStyle: "normal",
|
|
|
|
|
|
|
|
fontFamily: "微软雅黑",
|
|
|
|
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.$refs.equipmentPowerFive.setData({
|
|
|
|
|
|
|
|
grid: {
|
|
|
|
|
|
|
|
top: '28%',
|
|
|
|
|
|
|
|
left: '5%',
|
|
|
|
|
|
|
|
right: '5%',
|
|
|
|
|
|
|
|
bottom: '0%',
|
|
|
|
|
|
|
|
containLabel: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
tooltip: {
|
|
|
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
|
|
|
axisPointer: {
|
|
|
|
|
|
|
|
type: 'shadow',
|
|
|
|
|
|
|
|
label: {
|
|
|
|
label: {
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
legend: {
|
|
|
|
|
|
|
|
top: '5%',
|
|
|
|
|
|
|
|
itemWidth: 20,
|
|
|
|
|
|
|
|
itemHeight: 10,
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
|
|
|
|
borderWidth: 1,
|
|
|
|
|
|
|
|
borderHeight: 1,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
formatter: function (val) {
|
|
|
|
|
|
|
|
return `${val} `
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
fontSize: 0.75 * vw,
|
|
|
|
|
|
|
|
color: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
xAxis: {
|
|
|
|
|
|
|
|
type: 'category',
|
|
|
|
|
|
|
|
data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
|
|
|
|
|
|
|
|
axisLine: {
|
|
|
|
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
axisTick: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
labelLine: {
|
|
|
|
show: true,
|
|
|
|
show: false,
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#ffffff', //X轴文字颜色
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
shadowBlur: 0,
|
|
|
|
|
|
|
|
shadowColor: "#a181fc",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
yAxis: [
|
|
|
|
hoverAnimation: false,
|
|
|
|
|
|
|
|
center: ["50%", "50%"],
|
|
|
|
|
|
|
|
data: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '合格率',
|
|
|
|
value: 50,
|
|
|
|
min: (min - 2 < 0) ? 0 : min - 2,
|
|
|
|
label: {
|
|
|
|
max: (max + 2 > 100) ? 100 : max + 2,
|
|
|
|
normal: {
|
|
|
|
type: 'value',
|
|
|
|
rich: {
|
|
|
|
nameTextStyle: {
|
|
|
|
a: {
|
|
|
|
color: '#fff',
|
|
|
|
color: "#a181fc",
|
|
|
|
},
|
|
|
|
align: "center",
|
|
|
|
splitLine: {
|
|
|
|
fontSize: 1.1 * vw,
|
|
|
|
show: false,
|
|
|
|
fontWeight: "bold",
|
|
|
|
lineStyle: {
|
|
|
|
},
|
|
|
|
color: '#eeeeee',
|
|
|
|
b: {
|
|
|
|
},
|
|
|
|
color: "#fff",
|
|
|
|
|
|
|
|
align: "center",
|
|
|
|
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisTick: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
formatter: function (params) {
|
|
|
|
show: false,
|
|
|
|
return (
|
|
|
|
|
|
|
|
"{a|" +
|
|
|
|
|
|
|
|
params.value +
|
|
|
|
|
|
|
|
"%}" +
|
|
|
|
|
|
|
|
"\n{b|终检}"
|
|
|
|
|
|
|
|
);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
position: "center",
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
interval: 0,
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
textStyle: {
|
|
|
|
color: '#ffffff',
|
|
|
|
fontSize: "14",
|
|
|
|
|
|
|
|
fontWeight: "normal",
|
|
|
|
|
|
|
|
color: "#fff",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
|
|
|
|
series: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "成品外观",
|
|
|
|
|
|
|
|
type: 'line',
|
|
|
|
|
|
|
|
smooth: false,
|
|
|
|
|
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
|
|
|
|
|
symbol: 'circle', //标记的图形为实心圆
|
|
|
|
|
|
|
|
symbolSize: 4, //标记的大小
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
//折线拐点标志的样式
|
|
|
|
normal: {
|
|
|
|
color: '#a181fc',
|
|
|
|
color: "#a181fc",
|
|
|
|
borderWidth: '2',
|
|
|
|
shadowColor: "#a181fc",
|
|
|
|
borderColor: '#a181fc',
|
|
|
|
shadowBlur: 0,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
lineStyle: {
|
|
|
|
|
|
|
|
color: '#a181fc',
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
label: {
|
|
|
|
},
|
|
|
|
//图形上的文本标签
|
|
|
|
{
|
|
|
|
|
|
|
|
value: 50,
|
|
|
|
|
|
|
|
name: "invisible",
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
normal: {
|
|
|
|
normal: {
|
|
|
|
formatter: `{c}${''}`,
|
|
|
|
color: "#412a4e",
|
|
|
|
show: true,
|
|
|
|
|
|
|
|
position: "top",
|
|
|
|
|
|
|
|
textStyle: {
|
|
|
|
|
|
|
|
color: '#a181fc',
|
|
|
|
|
|
|
|
fontStyle: "normal",
|
|
|
|
|
|
|
|
fontFamily: "微软雅黑",
|
|
|
|
|
|
|
|
fontSize: 0.5 * vw,
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
emphasis: {
|
|
|
|
|
|
|
|
color: "#412a4e",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data: [61, 25, 57, 83, 87, 73, 17, 25, 57, 83, 87, 73],
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
],
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.day()
|
|
|
|
this.day()
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -1240,4 +1084,20 @@ export default {
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
width: 16.6%;
|
|
|
|
width: 16.6%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.totalNum {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 11.5%;
|
|
|
|
|
|
|
|
left: 18%;
|
|
|
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
font-size: 0.8vw;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.classSelect {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 6%;
|
|
|
|
|
|
|
|
left: 4%;
|
|
|
|
|
|
|
|
width: 5vw;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|