基板报表&厚度汇总报表
This commit is contained in:
parent
65beb245d6
commit
9613c361be
@ -137,3 +137,46 @@ export function drawThickness(val) {
|
||||
data: val
|
||||
})
|
||||
}
|
||||
|
||||
// 终检数据-获取玻璃列表数据
|
||||
export function listGlass(data) {
|
||||
return request({
|
||||
url: '/report/GlassReport/listGlass',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 终检数据-基板品质报表查询
|
||||
export function qualityReport(data) {
|
||||
return request({
|
||||
url: '/report/GlassReport/qualityReport',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 终检数据-基板品质报表导出
|
||||
export function qualityReportexport(data) {
|
||||
return request({
|
||||
url: '/report/GlassReport/qualityReportexport',
|
||||
method: 'post',
|
||||
responseType: 'blob',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 终检数据-厚度汇总报表查询
|
||||
export function thickReport(data) {
|
||||
return request({
|
||||
url: '/report/GlassReport/thickReport',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 终检数据-厚度汇总报表导出
|
||||
export function thickReportexport(data) {
|
||||
return request({
|
||||
url: '/report/GlassReport/thickReportexport',
|
||||
method: 'post',
|
||||
responseType: 'blob',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
@ -3,35 +3,37 @@
|
||||
<el-row class="box-top">
|
||||
<el-col>
|
||||
<div class="search-box">
|
||||
<search-bar :formConfigs="formConfig" @headBtnClick="buttonClick" />
|
||||
<search-bar
|
||||
:formConfigs="formConfig"
|
||||
@headBtnClick="buttonClick"
|
||||
@select-changed="selectChanged"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8" class="box">
|
||||
<el-col :span="9">
|
||||
<div class="left-box">
|
||||
<span class="table-button">生成表格</span>
|
||||
<span class="table-button" @click="generateReport">生成表格</span>
|
||||
<base-table
|
||||
:selectWidth="40"
|
||||
:table-props="tablePropsL"
|
||||
:table-data="tableDataL"
|
||||
:max-height="tableHL"
|
||||
@selection-change="selectChange"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="15">
|
||||
<div class="right-box">
|
||||
<div>
|
||||
<span class="title">成品玻璃基本缺陷统计</span>
|
||||
<div v-if="reportTitle">
|
||||
<span class="title">{{ reportTitle }}</span>
|
||||
</div>
|
||||
<ul class="tip">
|
||||
<li>单位：um</li>
|
||||
<li>玻璃ID：26522322323</li>
|
||||
<li>生产日期：2022.12.24 15:56:24</li>
|
||||
<li>等级：G1</li>
|
||||
</ul>
|
||||
<div class="table-box">
|
||||
<final-data-table />
|
||||
<div class="table-box" v-if="reportTitle === '单片玻璃基板缺陷统计'">
|
||||
<glass-quality-report :tableData="glassQualityArr" />
|
||||
</div>
|
||||
<div class="table-box" v-if="reportTitle === '厚度汇总报表'">
|
||||
<glass-thick-report :tableData="thickReportArr" />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
@ -40,64 +42,74 @@
|
||||
</template>
|
||||
<script>
|
||||
import { tableHeight } from '@/utils/index'
|
||||
import finalDataTable from './components/finalDataTable'
|
||||
import {
|
||||
listGlass,
|
||||
qualityReport,
|
||||
thickReport,
|
||||
qualityReportexport,
|
||||
thickReportexport
|
||||
} from '@/api/qualityManagement'
|
||||
import glassQualityReport from './finalInspectionDataReport/glassQualityReport.vue'
|
||||
import glassThickReport from './finalInspectionDataReport/glassThickReport.vue'
|
||||
import moment from 'moment'
|
||||
import { timeFormatter } from '@/utils'
|
||||
const tablePropsL = [
|
||||
{
|
||||
prop: 'id',
|
||||
prop: 'glassId',
|
||||
label: 'ID',
|
||||
minWidth: 100
|
||||
},
|
||||
{
|
||||
prop: 'time',
|
||||
prop: 'unloadTime',
|
||||
label: '检测时间',
|
||||
minWidth: 100
|
||||
minWidth: 120,
|
||||
filter: timeFormatter
|
||||
},
|
||||
{
|
||||
prop: 'type',
|
||||
prop: 'grindtype',
|
||||
label: '研磨类型',
|
||||
minWidth: 100
|
||||
minWidth: 80
|
||||
}
|
||||
]
|
||||
export default {
|
||||
name: 'FinalInspectionData',
|
||||
components: { finalDataTable },
|
||||
components: { glassQualityReport, glassThickReport },
|
||||
data() {
|
||||
return {
|
||||
formConfig: [
|
||||
{
|
||||
type: 'datePicker',
|
||||
label: '检验时间',
|
||||
dateType: 'datetime',
|
||||
dateType: 'datetimerange',
|
||||
format: 'yyyy-MM-dd HH:mm:ss',
|
||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||
placeholder: '检验时间',
|
||||
param: 'testTime',
|
||||
width: 200
|
||||
valueFormat: 'yyyy-MM-ddTHH:mm:ss',
|
||||
rangeSeparator: '-',
|
||||
startPlaceholder: '开始时间',
|
||||
endPlaceholder: '结束时间',
|
||||
param: 'timeVal',
|
||||
defaultSelect: [],
|
||||
width: 350
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
label: '玻璃架',
|
||||
selectOptions: [
|
||||
{ id: '1', name: '521321545' },
|
||||
{ id: '2', name: '932234561' },
|
||||
{ id: '3', name: '542121212' },
|
||||
{ id: '4', name: '354855321' }
|
||||
],
|
||||
param: 'fullInspectionType',
|
||||
defaultSelect: '',
|
||||
width: 150
|
||||
selectOptions: [],
|
||||
param: 'glassFrame',
|
||||
defaultSelect: '全部',
|
||||
width: 150,
|
||||
clearable: false
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
label: '报表类型',
|
||||
selectOptions: [
|
||||
{ id: '1', name: '单片玻璃基板缺陷统计' },
|
||||
{ id: '2', name: '932234561' },
|
||||
{ id: '3', name: '542121212' },
|
||||
{ id: '4', name: '354855321' }
|
||||
{ id: '单片玻璃基板缺陷统计', name: '单片玻璃基板缺陷统计' },
|
||||
{ id: '终检下片包装', name: '终检下片包装' },
|
||||
{ id: '厚度汇总报表', name: '厚度汇总报表' }
|
||||
],
|
||||
param: 'fullInspectionType1',
|
||||
defaultSelect: '',
|
||||
onchange: true,
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
@ -119,33 +131,207 @@ export default {
|
||||
],
|
||||
tablePropsL,
|
||||
tableDataL: [],
|
||||
tableHL: tableHeight(300)
|
||||
tableHL: tableHeight(300),
|
||||
reportTitle: '',
|
||||
listQuery: {
|
||||
startTime: '2020-07-06T16:59:23',
|
||||
endTime: '2023-07-06T16:59:23',
|
||||
glassFrame: '',
|
||||
current: 1,
|
||||
size: 500
|
||||
},
|
||||
selectArr: [], // 表格选中的数据
|
||||
glassQualityArr: [], //基板玻璃品质
|
||||
thickReportArr: [] // 厚度汇总
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getOption()
|
||||
window.addEventListener('resize', () => {
|
||||
this.tableHL = tableHeight(300)
|
||||
})
|
||||
this.formConfig[0].defaultSelect = [
|
||||
moment().format('yyyy-MM-DD') + 'T00:00:00',
|
||||
moment().format('yyyy-MM-DD') + 'T23:59:59'
|
||||
]
|
||||
this.listQuery.startTime = moment().format('yyyy-MM-DD') + 'T00:00:00'
|
||||
this.listQuery.endTime = moment().format('yyyy-MM-DD') + 'T23:59:59'
|
||||
this.listQuery.glassFrame = '全部'
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
listGlass({ ...this.listQuery }).then((res) => {
|
||||
if (res.code === 0) {
|
||||
this.tableDataL = res.data
|
||||
} else {
|
||||
this.tableDataL = []
|
||||
}
|
||||
})
|
||||
},
|
||||
getOption() {
|
||||
let arr = JSON.parse(
|
||||
localStorage.getItem('publicList')
|
||||
).glassRackStationVoList
|
||||
let newArr = arr.map((item) => ({
|
||||
id: item.dataName,
|
||||
name: item.dataName
|
||||
}))
|
||||
newArr.push({ id: '全部', name: '全部' }, { id: '废片', name: '废片' })
|
||||
this.formConfig[1].selectOptions = newArr
|
||||
console.log(newArr)
|
||||
},
|
||||
buttonClick(val) {
|
||||
let arr = []
|
||||
switch (val.btnName) {
|
||||
case 'search':
|
||||
this.listQuery.startTime = val.timeVal ? val.timeVal[0] : ''
|
||||
this.listQuery.endTime = val.timeVal ? val.timeVal[1] : ''
|
||||
this.listQuery.glassFrame = val.glassFrame
|
||||
this.getList()
|
||||
break
|
||||
default:
|
||||
alert('导出')
|
||||
if (this.selectArr.length === 0) {
|
||||
this.$message({
|
||||
message: '请勾选左侧表格数据',
|
||||
type: 'warning'
|
||||
})
|
||||
return false
|
||||
}
|
||||
if (this.reportTitle === '') {
|
||||
this.$message({
|
||||
message: '请选择报表类型',
|
||||
type: 'warning'
|
||||
})
|
||||
return false
|
||||
}
|
||||
console.log(this.selectArr)
|
||||
for (let i of this.selectArr) {
|
||||
arr.push(i.glassId)
|
||||
}
|
||||
if (this.reportTitle === '单片玻璃基板缺陷统计') {
|
||||
this.exportGlassReport(arr)
|
||||
} else if (this.reportTitle === '厚度汇总报表') {
|
||||
this.exportThickReport(arr)
|
||||
}
|
||||
}
|
||||
},
|
||||
getList() {
|
||||
let arr = []
|
||||
for (let i = 0; i < 30; i++) {
|
||||
let obj = {}
|
||||
obj.type = i
|
||||
arr.push(obj)
|
||||
selectChanged(val) {
|
||||
this.reportTitle = val.value
|
||||
this.glassQualityArr = []
|
||||
this.thickReportArr = []
|
||||
},
|
||||
selectChange(val) {
|
||||
this.selectArr = val
|
||||
},
|
||||
// 生成报表
|
||||
generateReport() {
|
||||
if (this.selectArr.length === 0) {
|
||||
this.$message({
|
||||
message: '请勾选左侧表格数据',
|
||||
type: 'warning'
|
||||
})
|
||||
return false
|
||||
}
|
||||
this.tableDataL = arr
|
||||
if (this.reportTitle === '') {
|
||||
this.$message({
|
||||
message: '请选择报表类型',
|
||||
type: 'warning'
|
||||
})
|
||||
return false
|
||||
}
|
||||
let arr = []
|
||||
for (let i of this.selectArr) {
|
||||
arr.push(i.glassId)
|
||||
}
|
||||
switch (this.reportTitle) {
|
||||
case '单片玻璃基板缺陷统计':
|
||||
this.getGlassReport(arr)
|
||||
break
|
||||
case '厚度汇总报表':
|
||||
this.getThickReport(arr)
|
||||
break
|
||||
default:
|
||||
}
|
||||
},
|
||||
getGlassReport(arr) {
|
||||
qualityReport({
|
||||
// glassId: [122206240688, 122206240692],
|
||||
glassId: arr,
|
||||
size: 1000,
|
||||
current: 1
|
||||
}).then((res) => {
|
||||
console.log(res)
|
||||
this.glassQualityArr = res.data
|
||||
})
|
||||
},
|
||||
exportGlassReport(arr) {
|
||||
qualityReportexport({
|
||||
glassId: arr,
|
||||
size: 1000,
|
||||
current: 1
|
||||
}).then((response) => {
|
||||
console.log(response)
|
||||
let fileName = ''
|
||||
const contentDisposition = response.headers['content-disposition']
|
||||
if (contentDisposition) {
|
||||
fileName = decodeURIComponent(
|
||||
contentDisposition.slice(
|
||||
contentDisposition.indexOf('filename=') + 9
|
||||
)
|
||||
)
|
||||
}
|
||||
const blob = new Blob([response.data])
|
||||
const reader = new FileReader()
|
||||
reader.readAsDataURL(blob)
|
||||
reader.onload = (e) => {
|
||||
const a = document.createElement('a')
|
||||
a.download = fileName
|
||||
a.href = e.target.result
|
||||
document.body.appendChild(a)
|
||||
a.click()
|
||||
document.body.removeChild(a)
|
||||
}
|
||||
})
|
||||
},
|
||||
getThickReport(arr) {
|
||||
thickReport({
|
||||
glassId: arr,
|
||||
size: 1000,
|
||||
current: 1
|
||||
}).then((res) => {
|
||||
console.log(res)
|
||||
this.thickReportArr = res.data
|
||||
})
|
||||
},
|
||||
exportThickReport(arr) {
|
||||
thickReportexport({
|
||||
glassId: arr,
|
||||
size: 1000,
|
||||
current: 1
|
||||
}).then((response) => {
|
||||
console.log(response)
|
||||
let fileName = ''
|
||||
const contentDisposition = response.headers['content-disposition']
|
||||
if (contentDisposition) {
|
||||
fileName = decodeURIComponent(
|
||||
contentDisposition.slice(
|
||||
contentDisposition.indexOf('filename=') + 9
|
||||
)
|
||||
)
|
||||
}
|
||||
const blob = new Blob([response.data])
|
||||
const reader = new FileReader()
|
||||
reader.readAsDataURL(blob)
|
||||
reader.onload = (e) => {
|
||||
const a = document.createElement('a')
|
||||
a.download = fileName
|
||||
a.href = e.target.result
|
||||
document.body.appendChild(a)
|
||||
a.click()
|
||||
document.body.removeChild(a)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -174,7 +360,8 @@ export default {
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
.table-box {
|
||||
height: calc(100vh - 352px);
|
||||
margin-top: 16px;
|
||||
height: calc(100vh - 290px);
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
@ -204,25 +391,6 @@ export default {
|
||||
margin-right: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tip {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
height: 40px;
|
||||
margin: 16px 0 20px;
|
||||
li {
|
||||
width: 25%;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
border-left: 1px solid #e8e8e8;
|
||||
}
|
||||
:last-child {
|
||||
border-right: 1px solid #e8e8e8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,229 @@
|
||||
<template>
|
||||
<div class="finalInspectionData">
|
||||
<el-row class="box-top">
|
||||
<el-col>
|
||||
<div class="search-box">
|
||||
<search-bar :formConfigs="formConfig" @headBtnClick="buttonClick" />
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="8" class="box">
|
||||
<el-col :span="9">
|
||||
<div class="left-box">
|
||||
<span class="table-button">生成表格</span>
|
||||
<base-table
|
||||
:selectWidth="40"
|
||||
:table-props="tablePropsL"
|
||||
:table-data="tableDataL"
|
||||
:max-height="tableHL"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="15">
|
||||
<div class="right-box">
|
||||
<div>
|
||||
<span class="title">成品玻璃基本缺陷统计</span>
|
||||
</div>
|
||||
<ul class="tip">
|
||||
<li>单位：um</li>
|
||||
<li>玻璃ID：26522322323</li>
|
||||
<li>生产日期：2022.12.24 15:56:24</li>
|
||||
<li>等级：G1</li>
|
||||
</ul>
|
||||
<div class="table-box">
|
||||
<final-data-table />
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { tableHeight } from '@/utils/index'
|
||||
import finalDataTable from './components/finalDataTable'
|
||||
const tablePropsL = [
|
||||
{
|
||||
prop: 'id',
|
||||
label: 'ID',
|
||||
minWidth: 100
|
||||
},
|
||||
{
|
||||
prop: 'time',
|
||||
label: '检测时间',
|
||||
minWidth: 100
|
||||
},
|
||||
{
|
||||
prop: 'type',
|
||||
label: '研磨类型',
|
||||
minWidth: 100
|
||||
}
|
||||
]
|
||||
export default {
|
||||
name: 'FinalInspectionData',
|
||||
components: { finalDataTable },
|
||||
data() {
|
||||
return {
|
||||
formConfig: [
|
||||
{
|
||||
type: 'datePicker',
|
||||
label: '检验时间',
|
||||
dateType: 'datetime',
|
||||
format: 'yyyy-MM-dd HH:mm:ss',
|
||||
valueFormat: 'yyyy-MM-dd HH:mm:ss',
|
||||
placeholder: '检验时间',
|
||||
param: 'testTime',
|
||||
width: 200
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
label: '玻璃架',
|
||||
selectOptions: [
|
||||
{ id: '1', name: '521321545' },
|
||||
{ id: '2', name: '932234561' },
|
||||
{ id: '3', name: '542121212' },
|
||||
{ id: '4', name: '354855321' }
|
||||
],
|
||||
param: 'fullInspectionType',
|
||||
defaultSelect: '',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
label: '报表类型',
|
||||
selectOptions: [
|
||||
{ id: '1', name: '单片玻璃基板缺陷统计' },
|
||||
{ id: '2', name: '终检下片包装' },
|
||||
{ id: '3', name: '厚度检查机报表' },
|
||||
{ id: '4', name: '厚度汇总报表' }
|
||||
],
|
||||
param: 'fullInspectionType1',
|
||||
defaultSelect: '',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
btnName: '查询',
|
||||
name: 'search',
|
||||
color: 'primary'
|
||||
},
|
||||
{
|
||||
type: 'separate'
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
btnName: '导出',
|
||||
name: 'export',
|
||||
color: 'primary',
|
||||
plain: true
|
||||
}
|
||||
],
|
||||
tablePropsL,
|
||||
tableDataL: [],
|
||||
tableHL: tableHeight(300)
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
window.addEventListener('resize', () => {
|
||||
this.tableHL = tableHeight(300)
|
||||
})
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
buttonClick(val) {
|
||||
switch (val.btnName) {
|
||||
case 'search':
|
||||
this.getList()
|
||||
break
|
||||
default:
|
||||
alert('导出')
|
||||
}
|
||||
},
|
||||
getList() {
|
||||
let arr = []
|
||||
for (let i = 0; i < 30; i++) {
|
||||
let obj = {}
|
||||
obj.type = i
|
||||
arr.push(obj)
|
||||
}
|
||||
this.tableDataL = arr
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.finalInspectionData {
|
||||
width: 100%;
|
||||
.box-top {
|
||||
width: 100%;
|
||||
padding: 8px 16px 0;
|
||||
.search-box {
|
||||
height: 62px;
|
||||
padding: 10px 16px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
.box {
|
||||
width: 100%;
|
||||
padding: 8px 8px 0 16px;
|
||||
.left-box,
|
||||
.right-box {
|
||||
height: calc(100vh - 220px);
|
||||
padding: 16px;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
.table-box {
|
||||
height: calc(100vh - 352px);
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
.left-box {
|
||||
.table-button {
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-top: 4px;
|
||||
margin-bottom: 16px;
|
||||
font-size: 14px;
|
||||
color: #0b58ff;
|
||||
border-radius: 4px;
|
||||
border: 1px dotted #0b58ff;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.right-box {
|
||||
.title::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 4px;
|
||||
height: 16px;
|
||||
background: #0b58ff;
|
||||
border-radius: 1px;
|
||||
margin-right: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tip {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
height: 40px;
|
||||
margin: 16px 0 20px;
|
||||
li {
|
||||
width: 25%;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
border-left: 1px solid #e8e8e8;
|
||||
}
|
||||
:last-child {
|
||||
border-right: 1px solid #e8e8e8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,146 @@
|
||||
<template>
|
||||
<div>
|
||||
<base-table
|
||||
:table-props="tableProps"
|
||||
:table-data="tableData"
|
||||
:max-height="tableH"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { timeFormatter, tableHeight } from '@/utils'
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'time',
|
||||
label: '检测时间',
|
||||
filter: timeFormatter,
|
||||
minWidth: 160
|
||||
},
|
||||
{
|
||||
prop: 'virtualcode',
|
||||
label: '玻璃ID',
|
||||
minWidth: 120
|
||||
},
|
||||
{
|
||||
prop: 'lineA',
|
||||
label: '加工条件',
|
||||
children: [
|
||||
{
|
||||
prop: 'palletId',
|
||||
label: '托盘ID'
|
||||
},
|
||||
{
|
||||
prop: 'grindtype',
|
||||
label: '研磨类型'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
prop: 'lineB',
|
||||
label: '检测数据',
|
||||
children: [
|
||||
{
|
||||
prop: 'sums',
|
||||
label: '颗粒总数'
|
||||
},
|
||||
{
|
||||
prop: 'distortion',
|
||||
label: '变形'
|
||||
},
|
||||
{
|
||||
prop: 'tail',
|
||||
label: '拖尾'
|
||||
},
|
||||
{
|
||||
prop: 'bl',
|
||||
label: '气泡'
|
||||
},
|
||||
{
|
||||
prop: 'stone',
|
||||
label: '结石'
|
||||
},
|
||||
{
|
||||
prop: 'scratch',
|
||||
label: '划伤'
|
||||
},
|
||||
{
|
||||
prop: 'surfaceSum',
|
||||
label: '面检总数'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
prop: 'lineC',
|
||||
label: '研磨电流(A)',
|
||||
children: [
|
||||
{
|
||||
prop: 'ae',
|
||||
label: 'A机台'
|
||||
},
|
||||
{
|
||||
prop: 'be',
|
||||
label: 'B机台'
|
||||
},
|
||||
{
|
||||
prop: 'ce',
|
||||
label: 'C机台'
|
||||
},
|
||||
{
|
||||
prop: 'alle',
|
||||
label: '总电流'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
prop: 'eletricityConform',
|
||||
label: '工艺符合性',
|
||||
minWidth: 100
|
||||
},
|
||||
{
|
||||
prop: 'lineD',
|
||||
label: '研磨时间(S)',
|
||||
children: [
|
||||
{
|
||||
prop: 'ae',
|
||||
label: 'A机台'
|
||||
},
|
||||
{
|
||||
prop: 'be',
|
||||
label: 'B机台'
|
||||
},
|
||||
{
|
||||
prop: 'ce',
|
||||
label: 'C机台'
|
||||
},
|
||||
{
|
||||
prop: 'allt',
|
||||
label: '总研磨时间',
|
||||
minWidth: 100
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
export default {
|
||||
name: 'glassQualityReport',
|
||||
data() {
|
||||
return {
|
||||
tableProps,
|
||||
tableH: tableHeight(292)
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
window.addEventListener('resize', () => {
|
||||
this.tableH = tableHeight(292)
|
||||
})
|
||||
},
|
||||
props: {
|
||||
tableData: {
|
||||
type: Array,
|
||||
required: true,
|
||||
default: () => {
|
||||
return []
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,78 @@
|
||||
<template>
|
||||
<div>
|
||||
<base-table
|
||||
:table-props="tableProps"
|
||||
:table-data="tableData"
|
||||
:max-height="tableH"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { timeFormatter, tableHeight } from '@/utils'
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'glassId',
|
||||
label: '玻璃ID',
|
||||
minWidth: 120
|
||||
},
|
||||
{
|
||||
prop: 'testTime',
|
||||
label: '检测时间',
|
||||
filter: timeFormatter,
|
||||
minWidth: 160
|
||||
},
|
||||
{
|
||||
prop: 'palletId',
|
||||
label: '托盘ID',
|
||||
minWidth: 120
|
||||
},
|
||||
{
|
||||
prop: 'grindType',
|
||||
label: '研磨类型',
|
||||
minWidth: 120
|
||||
},
|
||||
{
|
||||
prop: 'maxValue',
|
||||
label: '最大值',
|
||||
minWidth: 120
|
||||
},
|
||||
{
|
||||
prop: 'minValue',
|
||||
label: '最小值',
|
||||
minWidth: 120
|
||||
},
|
||||
{
|
||||
prop: 'avgValue',
|
||||
label: '平均值',
|
||||
minWidth: 120
|
||||
},
|
||||
{
|
||||
prop: 'ttvValue',
|
||||
label: '厚薄差',
|
||||
minWidth: 120
|
||||
}
|
||||
]
|
||||
export default {
|
||||
name: 'glassThickReport',
|
||||
data() {
|
||||
return {
|
||||
tableProps,
|
||||
tableH: tableHeight(292)
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
window.addEventListener('resize', () => {
|
||||
this.tableH = tableHeight(292)
|
||||
})
|
||||
},
|
||||
props: {
|
||||
tableData: {
|
||||
type: Array,
|
||||
required: true,
|
||||
default: () => {
|
||||
return []
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -130,7 +130,6 @@ export default {
|
||||
this.listQuery.startTime = val.timeVal ? val.timeVal[0] : ''
|
||||
this.listQuery.endTime = val.timeVal ? val.timeVal[1] : ''
|
||||
this.listQuery.glassId = val.glassId
|
||||
this.listQuery.current = 1
|
||||
this.getList()
|
||||
break
|
||||
default:
|
||||
|
||||
@ -65,7 +65,7 @@ export default {
|
||||
this.resetSize()
|
||||
this.resetSize2()
|
||||
this.getGlass()
|
||||
this.getAlarm()
|
||||
// this.getAlarm() //报警红框
|
||||
// this.timer = setInterval(this.getGlassAndAlarm, 1000)
|
||||
},
|
||||
methods: {
|
||||
@ -100,8 +100,8 @@ export default {
|
||||
this.getArea3()
|
||||
this.getText()
|
||||
},
|
||||
getArea1() {
|
||||
// 部分1
|
||||
getArea1() {
|
||||
this.drawRect(22, 43, 28, 22, '#B2FFC8', true)
|
||||
this.drawRect(66, 43, 28, 22, '#B2FFC8', true)
|
||||
this.drawRect(22, 161, 28, 22, '#B2FFC8', true)
|
||||
|
||||
Loading…
Reference in New Issue
Block a user