修改bug
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2023-11-06 15:15:30
|
||||
* @LastEditTime: 2024-06-26 13:39:22
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2024-07-05 13:28:38
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@@ -45,7 +45,7 @@
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<p class="title">芯片总功率(MW)</p>
|
||||
<p class="text">{{ dataForm.chipTotalPower }}</p>
|
||||
<p class="text">{{ dataForm.chipTotalPower.toFixed(2) }}</p>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
@@ -73,7 +73,7 @@
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<p class="title">芯片产能利用率(%)</p>
|
||||
<p class="text">{{ dataForm.chipCapacityUtilizationRate }}</p>
|
||||
<p class="text">{{ parseFloat(dataForm.chipCapacityUtilizationRate.toFixed(2)) }}</p>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
@@ -102,11 +102,11 @@
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="6">
|
||||
<p class="title">标准组件总功率(MW)</p>
|
||||
<p class="text">{{ dataForm.componentTotalPower }}</p>
|
||||
<p class="text">{{ parseFloat(dataForm.componentTotalPower.toFixed(2)) }}</p>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<p class="title">封装产能利用率(%)</p>
|
||||
<p class="text">{{ dataForm.componentCapacityUtilizationRate }}</p>
|
||||
<p class="text">{{ parseFloat(dataForm.componentCapacityUtilizationRate.toFixed(2)) }}</p>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<p class="title">标准组件人均产量(片/人)</p>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2024-04-15 10:49:13
|
||||
* @LastEditTime: 2024-07-04 09:28:31
|
||||
* @LastEditTime: 2024-07-05 09:21:12
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
@@ -10,7 +10,7 @@
|
||||
<div class="app-container" style="padding: 16px 24px 0; height: auto; flex-grow: 1;">
|
||||
<el-form :model="listQuery" :inline="true" ref="dataForm" class="blueTip">
|
||||
<el-form-item label="时间维度" prop="type">
|
||||
<el-select v-model="listQuery.type" size="small" clearable placeholder="请选择">
|
||||
<el-select @change="changType" v-model="listQuery.type" size="small" clearable placeholder="请选择">
|
||||
<el-option v-for="item in timeList" :key="item.value" :label="item.label" :value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
@@ -261,6 +261,11 @@ export default {
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
changType() {
|
||||
this.listQuery.endDate = null
|
||||
this.listQuery.startDate = null
|
||||
this.listQuery.reportTime = null
|
||||
},
|
||||
otherMethods(val) {
|
||||
this.detailOrUpdateVisible = true;
|
||||
this.addOrEditTitle = "详情";
|
||||
@@ -354,7 +359,7 @@ export default {
|
||||
this.$message.warning('请选择时间维度!')
|
||||
return
|
||||
}
|
||||
if (this.listQuery.startDate === undefined) {
|
||||
if (!this.listQuery.startDate) {
|
||||
this.$message.warning('请选择时间范围!')
|
||||
} else {
|
||||
await getProduceDataPage(this.listQuery).then(res => {
|
||||
@@ -364,7 +369,6 @@ export default {
|
||||
this.listQuery.total = res.data.total
|
||||
}
|
||||
})
|
||||
|
||||
// 图表
|
||||
await getproddata(this.listQuery).then(resp => {
|
||||
if (resp.data?.length > 0) {
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<!--
|
||||
* @Author: zhp
|
||||
* @Date: 2023-11-06 15:15:30
|
||||
* @LastEditTime: 2024-06-27 14:50:21
|
||||
* @LastEditors: DY
|
||||
* @LastEditTime: 2024-07-05 09:31:40
|
||||
* @LastEditors: zhp
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@@ -69,14 +69,18 @@
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<p class="title">开始时间</p>
|
||||
<p class="text">{{ dataForm.startDate?.length > 0 ? dataForm.startDate[0] + '-' + dataForm.startDate[1] + '-' + dataForm.startDate[2] : '' }}</p>
|
||||
<p class="text">{{ dataForm.startDate?.length > 0 ? dataForm.startDate[0] + '-' + dataForm.startDate[1] + '-'
|
||||
+ dataForm.startDate[2] : '' }}</p>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<p class="title">完成时间</p>
|
||||
<p class="text">{{ dataForm.endDate?.length > 0 ? dataForm.endDate[0] + '-' + dataForm.endDate[1] + '-' + dataForm.endDate[2] : '' }}</p>
|
||||
<p class="text">{{ dataForm.endDate?.length > 0 ? dataForm.endDate[0] + '-' + dataForm.endDate[1] + '-' +
|
||||
dataForm.endDate[2] : '' }}</p>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="width: 100%; padding: 0 32px"><el-divider style="margin: 0"></el-divider></div>
|
||||
<div style="width: 100%; padding: 0 32px">
|
||||
<el-divider style="margin: 0"></el-divider>
|
||||
</div>
|
||||
<el-row :gutter="0" style="margin: 20px 32px">
|
||||
<el-col :span="8">
|
||||
<div>
|
||||
@@ -89,13 +93,15 @@
|
||||
<el-col :span="16">
|
||||
<div style="border-left: 1px solid #d1d3d8; width: 100%; padding-left: 32px">
|
||||
<small-title slot="title" :no-padding="true">
|
||||
历史趋势
|
||||
待制品分布
|
||||
</small-title>
|
||||
<div ref="line" v-show="dataForm.orderStatus === 2" :style="{ height: '40vh', width: '50vw' }" />
|
||||
<div ref="equipmentLine" :style="{ height: '40vh', width: '50vw' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="width: 100%; padding: 0 32px"><el-divider style="margin: 0"></el-divider></div>
|
||||
<div style="width: 100%; padding: 0 32px">
|
||||
<el-divider style="margin: 0"></el-divider>
|
||||
</div>
|
||||
<el-row :gutter="0" style="margin: 20px 32px">
|
||||
<el-col :span="8">
|
||||
<div>
|
||||
@@ -106,11 +112,12 @@
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div style="border-left: 1px solid #d1d3d8; width: 100%; padding-left: 32px">
|
||||
<div v-show="dataForm.orderStatus === 2"
|
||||
style="border-left: 1px solid #d1d3d8; width: 100%; padding-left: 32px">
|
||||
<small-title slot="title" :no-padding="true">
|
||||
待制品分布
|
||||
历史趋势
|
||||
</small-title>
|
||||
<div ref="equipmentLine" :style="{ height: '40vh', width: '50vw' }" />
|
||||
<div ref="line" :style="{ height: '40vh', width: '50vw' }" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -167,17 +174,17 @@ export default {
|
||||
const pdf = new jsPDF('l', 'pt', 'a4');
|
||||
|
||||
const canvas = document.createElement('canvas')
|
||||
|
||||
|
||||
const element = this.$refs['detail'];
|
||||
const width = pdf.internal.pageSize.getWidth()
|
||||
const height = pdf.internal.pageSize.getHeight()
|
||||
|
||||
|
||||
canvas.width = width * 2
|
||||
canvas.height = height * 2
|
||||
|
||||
canvas.style.width = width + 'px'
|
||||
canvas.style.height = height + 'px'
|
||||
|
||||
|
||||
const options = {
|
||||
// scale: 2,
|
||||
dpi: 300,
|
||||
@@ -193,9 +200,9 @@ export default {
|
||||
},
|
||||
init(id) {
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.initLineChart()
|
||||
})
|
||||
// this.$nextTick(() => {
|
||||
// this.initLineChart()
|
||||
// })
|
||||
if (id) {
|
||||
getWorkOrderDetail(id).then(res => {
|
||||
if (res.code === 0) {
|
||||
@@ -225,7 +232,7 @@ export default {
|
||||
// this.initEqLineChart(xAxisList, yAxisList)
|
||||
// }
|
||||
// })
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
trend() {
|
||||
@@ -248,9 +255,9 @@ export default {
|
||||
this.initChart(barList)
|
||||
// 良品率
|
||||
const pieList = [
|
||||
{ value: data.actualProduction, name: '实际产出' },
|
||||
{ value: data.wasteNum, name: '废品数量' },
|
||||
{ value: data.reworkNum, name: '待再加工数量' }
|
||||
{ value: data.actualProduction ? data.actualProduction : 0, name: '实际产出' },
|
||||
{ value: data.wasteNum ? data.wasteNum : 0, name: '废品数量' },
|
||||
{ value: data.reworkNum ? data.reworkNum :0, name: '待再加工数量' }
|
||||
]
|
||||
this.initPieChart(pieList)
|
||||
},
|
||||
@@ -266,11 +273,11 @@ export default {
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
grid: { top: 100, right: 90, bottom: 10, left: 10, containLabel: true },
|
||||
// grid: { top: 100, right: 90, bottom: 10, left: 10, containLabel: true },
|
||||
calculable: true,
|
||||
grid: {
|
||||
top: '15%',
|
||||
left: 0,
|
||||
left: 20,
|
||||
right: '10%',
|
||||
bottom: 0,
|
||||
containLabel: true
|
||||
@@ -328,7 +335,14 @@ export default {
|
||||
label: {
|
||||
show: true,
|
||||
position: 'outside',
|
||||
formatter: '{d|{d}%} \n {b|{b}}',
|
||||
formatter: (params) => {
|
||||
console.log(params)
|
||||
let res = ''
|
||||
// for (let i in params) {
|
||||
res += `${params.percent ? params.percent : 0}% \n ${params.name}`
|
||||
// }
|
||||
return res
|
||||
},
|
||||
rich: {
|
||||
d: {
|
||||
color: 'inherit', // 系列色
|
||||
@@ -356,11 +370,11 @@ export default {
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
grid: { top: 100, right: 90, bottom: 10, left: 10, containLabel: true },
|
||||
// grid: { top: 100, right: 90, bottom: 10, left: 10, containLabel: true },
|
||||
calculable: true,
|
||||
grid: {
|
||||
top: '15%',
|
||||
left: 0,
|
||||
left: 30,
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
containLabel: true
|
||||
|
||||
Reference in New Issue
Block a user