<script setup>
|
import {reactive, ref} from 'vue'
|
import {ElTable} from "element-plus"
|
|
|
|
|
const form = reactive({
|
lckh:'',
|
xsdh:'',
|
})
|
|
|
const tableData = [
|
{
|
reportingWorkTime:'2021-01-01',
|
salesOrderNo:'NG23010101',
|
processCardNo:'NG23010101A01',
|
entryName:'xxxx',
|
productName:"xxxxxxxxx",
|
reportingWorkNo:"BG2301010001",
|
floorNumber:"D4-010-01",
|
area:'23.11',
|
reportingProcess:'钢化',
|
qualityInspector:"张三",
|
serialNumber:'1',
|
singlePieceName: '6mm白玻平钢(外)',
|
marking: '1',
|
pieces: '(外)',
|
processCardNumber: '11',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
upCompletedQuantity: '12',
|
completedQuantity: '1',
|
numberBroken:'2',
|
reasonType: '机器',
|
reasonDamage:'气泡超标',
|
responsibilityProcess:'中空',
|
responsibilityTeams:'中空一班',
|
responsibilityPersonnel:'',
|
responsibilityDevice:'中空3#线',
|
},
|
{
|
reportingWorkTime:'2021-01-01',
|
salesOrderNo:'NG23010101',
|
processCardNo:'NG23010101A01',
|
entryName:'xxxx',
|
productName:"xxxxxxxxx",
|
reportingWorkNo:"BG2301010001",
|
floorNumber:"D4-010-01",
|
area:'23.11',
|
reportingProcess:'钢化',
|
qualityInspector:"张三",
|
serialNumber:'1',
|
singlePieceName: '6mm白玻平钢(外)',
|
marking: '1',
|
pieces: '(外)',
|
processCardNumber: '11',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
upCompletedQuantity: '12',
|
completedQuantity: '1',
|
numberBroken:'2',
|
reasonType: '机器',
|
reasonDamage:'气泡超标',
|
responsibilityProcess:'中空',
|
responsibilityTeams:'中空一班',
|
responsibilityPersonnel:'',
|
responsibilityDevice:'中空3#线',
|
},
|
{
|
reportingWorkTime:'2021-01-01',
|
salesOrderNo:'NG23010101',
|
processCardNo:'NG23010101A01',
|
entryName:'xxxx',
|
productName:"xxxxxxxxx",
|
reportingWorkNo:"BG2301010001",
|
floorNumber:"D4-010-01",
|
area:'23.11',
|
reportingProcess:'钢化',
|
qualityInspector:"张三",
|
serialNumber:'1',
|
singlePieceName: '6mm白玻平钢(外)',
|
marking: '1',
|
pieces: '(外)',
|
processCardNumber: '11',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
upCompletedQuantity: '12',
|
completedQuantity: '1',
|
numberBroken:'2',
|
reasonType: '机器',
|
reasonDamage:'气泡超标',
|
responsibilityProcess:'中空',
|
responsibilityTeams:'中空一班',
|
responsibilityPersonnel:'',
|
responsibilityDevice:'中空3#线',
|
},
|
{
|
reportingWorkTime:'2021-01-01',
|
salesOrderNo:'NG23010101',
|
processCardNo:'NG23010101A01',
|
entryName:'xxxx',
|
productName:"xxxxxxxxx",
|
reportingWorkNo:"BG2301010001",
|
floorNumber:"D4-010-01",
|
area:'23.11',
|
reportingProcess:'钢化',
|
qualityInspector:"张三",
|
serialNumber:'1',
|
singlePieceName: '6mm白玻平钢(外)',
|
marking: '1',
|
pieces: '(外)',
|
processCardNumber: '11',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
upCompletedQuantity: '12',
|
completedQuantity: '1',
|
numberBroken:'2',
|
reasonType: '机器',
|
reasonDamage:'气泡超标',
|
responsibilityProcess:'中空',
|
responsibilityTeams:'中空一班',
|
responsibilityPersonnel:'',
|
responsibilityDevice:'中空3#线',
|
},
|
]
|
</script>
|
|
<template>
|
<div>
|
<!-- <div id="head" style="width: 900px;">-->
|
<!-- <el-input placeholder="流程卡号" v-model="form.xsdh" style="width: 200px"/>-->
|
<!-- -->
|
|
<!-- <el-input placeholder="项目名称" v-model="form.lckh" style="width: 200px"/>-->
|
<!-- -->
|
<!-- <el-button type="primary">查询</el-button>-->
|
|
<!-- </div>-->
|
|
<div>
|
<el-button class="btn_bc" type="primary">保存</el-button>
|
<el-table
|
|
:data="tableData"
|
style="width: 100%"
|
|
>
|
<el-table-column type="selection" width="55" />
|
<el-table-column prop="reportingWorkTime" label="报工时间" width="155" >
|
|
</el-table-column>
|
<el-table-column sortable prop="salesOrderNo" label="销售单号" width="120" />
|
<el-table-column sortable prop="processCardNo" label="流程卡号" width="130" />
|
<el-table-column prop="entryName" label="项目名称" width="120" :show-overflow-tooltip='true'/>
|
<el-table-column prop="productName" label="产品名称" width="120" :show-overflow-tooltip='true'/>
|
<el-table-column sortable prop="reportingWorkNo" label="报工编号" width="120"/> >
|
<el-table-column prop="serialNumber" label="序号" width="60" />
|
<el-table-column prop="singlePieceName" :show-overflow-tooltip='true' label="单片名称" width="120" />
|
<el-table-column prop="floorNumber" label="楼层编号" width="120" />
|
<el-table-column prop="marking" label="标记" width="60" />
|
<el-table-column prop="pieces" label="片标记" width="70" />
|
<el-table-column prop="processCardNumber" label="流程卡数量" width="95" />
|
<el-table-column prop="width" label="宽" width="60" />
|
<el-table-column prop="height" label="高" width="60" />
|
<el-table-column prop="area" label="面积" width="65" />
|
<el-table-column prop="shape" label="形状" :show-overflow-tooltip='true' width="60" />
|
<el-table-column prop="numberBroken" label="次破数量" width="85" />
|
<el-table-column prop="reasonType" label="次破类型" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="reasonDamage" label="次破原因" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="responsibilityDevice" label="责任设备" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="reportingProcess" label="报工工序" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="responsibilityProcess" label="责任工序" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="responsibilityTeams" label="责任班组" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="responsibilityPersonnel" label="责任人员" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="qualityInspector" label="质检员" width="80" />
|
|
|
|
|
|
</el-table><!-- <h1>{{msg}}</h1> -->
|
</div>
|
</div>
|
</template>
|
|
<style scoped>
|
|
|
.processCard{
|
width: 140px;
|
}
|
.processesSt{
|
height: 33px;
|
width: 80px;
|
background-color: #409eff;
|
color: white;
|
border: none;
|
border-radius: 5px;
|
}
|
#titleTable tr,#titleTable td{
|
border: 1px solid #000;
|
}
|
#titleTable{
|
border-collapse: collapse;
|
text-align: center;
|
width: 100%;
|
height: 100%;
|
}
|
#titleTable td{
|
width: 100px;
|
height: 30px;
|
}
|
#titleTable td:nth-child(1){
|
width: 100px;
|
height: 30px;
|
}
|
#titleTable td:nth-child(2){
|
width: 100px;
|
}
|
.chaxun{
|
background-color:#D5EAFF;
|
border: none;
|
}
|
|
.btn_bc{
|
float: right;
|
}
|
</style>
|
