{{ form.text9 }}% /
{{
- form.text10
+
+ {{ form.isSimulate ? form.text7 : maintStatisticsData.planCount }}单
+
+
+ {{ form.isSimulate ? form.text8 : maintStatisticsData.completeCount }}单
+
+
+ {{ form.isSimulate ? form.text9 : maintStatisticsData.waitingCount }}% / {{
+ form.isSimulate ? form.text10 : maintStatisticsData.waitingRate
}}单
- {{ form.text11 }}% / {{ form.text12 }}单
- {{ form.text13 }}% / {{ form.text14 }}单
+ {{
+ form.isSimulate ? form.text11 : maintStatisticsData.doingCount
+ }}% / {{ form.isSimulate ? form.text12 : maintStatisticsData.doingRate }}单
+
+ {{ form.isSimulate ? form.text13 : maintStatisticsData.verifyCount }}% / {{ form.isSimulate ? form.text14 : maintStatisticsData.verifyRate }}单
-
{{ form.text15 }}%
+
{{
+ form.isSimulate ? form.text15 : maintStatisticsData.completeRate
+ }}%
+
完成率
应检设备{{
- form.text16
+ form.isSimulate ? form.text16 : inspectStatisticsData.deviceCount
}}台
-
{{ form.text17 }}%
+
{{
+ form.isSimulate ? form.text17 : inspectStatisticsData.completeRate
+ }}%
+
完成率
@@ -76,13 +102,13 @@
-
+
{{ k + 1 }}
-
{{ i.value1 }}
+
{{ form.isSimulate ? i.value1 : i.deviceName }}
-
{{ i.value3 }}次
+
{{ form.isSimulate ? i.value3 : i.production }}个
@@ -94,6 +120,13 @@
:visible.sync="configDialogVisible"
width="70%">
+
+
+
+
@@ -251,6 +284,14 @@ import {getSimulateData} from "@/api/board/getData";
import {updateCustomData} from "@/api/base/customData";
import {Message} from "element-ui";
import {getDeviceStatusStatistics} from "@/api/baseDeviceParamVal/val";
+import {
+ getDeviceStatusDistribution, getFaultSourceDistribution, getFaultTrendList,
+ getInspectStatistics,
+ getMaintStatistics,
+ getOrderWorkStatistics, getProductionTop5,
+ getRepairTimeStatistics
+} from "@/api/board/board5";
+import Log from "@/views/monitor/job/log.vue";
const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100
export default {
@@ -303,24 +344,60 @@ export default {
configDialogVisible: false,
toggle: false,
isData: false,
- row: {}
+ row: {},
+ orderWorkStatisticsData: {},
+ repairTimeStatisticsData: {},
+ maintStatisticsData: {},
+ inspectStatisticsData: {},
+ deviceStatusDistributionData: {},
+ faultSourceDistributionData: {},
+ faultTrendList: [],
+ productionTop5Data: []
}
},
- mounted() {
+ async mounted() {
getSimulateData({customCode: 'board-2' || '', customType: 1}).then(val => {
this.row = val.rows[0]
this.form = JSON.parse(val.rows[0].customData);
this.isData = true
- this.$nextTick(() => {
- this.chartInit()
- })
})
+ await this.getData()
+ setInterval(async () => {
+ await this.getData()
+ }, 1000 * 60 * 10)
},
methods: {
+ async getData() {
+ await getOrderWorkStatistics().then(res => {
+ this.orderWorkStatisticsData = res.data
+ })
+ await getRepairTimeStatistics().then(res => {
+ this.repairTimeStatisticsData = res.data
+ })
+ await getMaintStatistics().then(res => {
+ this.maintStatisticsData = res.data
+ })
+ await getInspectStatistics().then(res => {
+ this.inspectStatisticsData = res.data
+ })
+ await getDeviceStatusDistribution().then(res => {
+ this.deviceStatusDistributionData = res.data
+ })
+ await getFaultSourceDistribution().then(res => {
+ this.faultSourceDistributionData = res.data
+ })
+ await getFaultTrendList().then(res => {
+ this.faultTrendList = res.data
+ })
+ await getProductionTop5().then(res => {
+ this.productionTop5Data = res.data
+ })
+ this.chartInit()
+ },
chartInit() {
let data = [
{
- value: this.form.value1,
+ value: this.form.isSimulate ? this.form.value1 : this.deviceStatusDistributionData.experimentPercent,
name: '实验设备',
index: 0,
itemStyle: {
@@ -330,7 +407,7 @@ export default {
},
},
{
- value: this.form.value2,
+ value: this.form.isSimulate ? this.form.value2 : this.deviceStatusDistributionData.uncheckedPercent,
name: '未检设备',
index: 1,
itemStyle: {
@@ -340,7 +417,7 @@ export default {
},
},
{
- value: this.form.value3,
+ value: this.form.isSimulate ? this.form.value3 : this.deviceStatusDistributionData.normalPercent,
name: '正常设备',
index: 2,
itemStyle: {
@@ -350,7 +427,7 @@ export default {
},
},
{
- value: this.form.value4,
+ value: this.form.isSimulate ? this.form.value4 : this.deviceStatusDistributionData.abnormalPercent,
index: 3,
name: '异常设备',
itemStyle: {
@@ -362,7 +439,7 @@ export default {
]
let chartData = [
{
- value: this.form.value5,
+ value: this.form.isSimulate ? this.form.value5 : this.faultSourceDistributionData.maintainPercent,
name: '维护故障',
index: 0,
itemStyle: {
@@ -372,7 +449,7 @@ export default {
},
},
{
- value: this.form.value6,
+ value: this.form.isSimulate ? this.form.value6 : this.faultSourceDistributionData.runningPercent,
name: '运行故障',
index: 1,
itemStyle: {
@@ -382,7 +459,7 @@ export default {
},
},
{
- value: this.form.value7,
+ value: this.form.isSimulate ? this.form.value7 : this.faultSourceDistributionData.naturalPercent,
name: '自然故障',
index: 2,
itemStyle: {
@@ -407,15 +484,15 @@ export default {
},
data: [
{
- value: Math.min(parseFloat(this.form.text15), 100),
- name: '不合格数',
+ value: Math.min(parseFloat(this.form.isSimulate ? this.form.text15 : (this.maintStatisticsData.completeCount)), 100),
+ name: '合格数',
itemStyle: {
color: '#00AFFF'
},
},
{
- value: Math.max((100 - parseFloat(this.form.text15)), 0),
- name: '合格数',
+ value: Math.max((100 - parseFloat((this.form.isSimulate ? this.form.text15 : this.maintStatisticsData.completeCount))), 0),
+ name: '不合格数',
itemStyle: {
color: '#0000'
},
@@ -554,7 +631,7 @@ export default {
this.$refs.chart4.setData({
xAxis: {
- data: this.form.chart1.map(e => e.value1),
+ data: this.form.isSimulate ? this.form.chart1.map(e => e.value1) : this.faultTrendList.map(e => e.dateValue),
boundaryGap: false,
axisLine: {
lineStyle: {
@@ -630,7 +707,7 @@ export default {
label: {
show: false,
},
- data: this.form.chart1.map(e => e.value2),
+ data: this.form.isSimulate ? this.form.chart1.map(e => e.value2) : this.faultTrendList.map(e => e.faultCount),
},
]
})
@@ -709,9 +786,9 @@ export default {
.title {
position: absolute;
- bottom: 51%;
+ top: 51%;
left: 50%;
- transform: translateX(-50%);
+ transform: translate(-50%, calc(-100% - 0.4vw));
color: #55BCFE;
font-size: 1.1vw;
letter-spacing: 0.2vw;
@@ -746,9 +823,9 @@ export default {
.title {
position: absolute;
- bottom: 51%;
+ top: 51%;
left: 23%;
- transform: translateX(-50%);
+ transform: translate(-50%, calc(-100% - 0.4vw));
color: #55BCFE;
font-size: 1.1vw;
letter-spacing: 0.2vw;