<script setup>
|
import {reactive, ref} from 'vue'
|
|
// do not use same name with ref
|
|
const tableData = [
|
{
|
|
reworkNumber:'FG20202020',
|
salesOrderNo:'NG23010101',
|
processCardNo:'NG23010101A01',
|
entryName:'xxxx',
|
batch:'二批三',
|
serialNumber:'1',
|
area:'23.11',
|
qualityInspector:"张三",
|
number:'1',
|
singlePieceName: '6mm白玻平钢(外)',
|
marking: '1',
|
pieces: '(外)',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
type: '机器',
|
damage:'气泡超标',
|
device:'XXX',
|
reworkProcess:'切割',
|
},
|
{
|
|
reworkNumber:'FG20203333',
|
salesOrderNo:'NG23010101',
|
processCardNo:'NG23010101A01',
|
entryName:'xxxx',
|
batch:'二批三',
|
serialNumber:'1',
|
area:'23.11',
|
qualityInspector:"张三",
|
number:'1',
|
singlePieceName: '6mm白玻平钢(外)',
|
marking: '1',
|
pieces: '(外)',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
type: '机器',
|
damage:'气泡超标',
|
reworkProcess:'磨边',
|
device:'XXX'
|
},
|
]
|
</script>
|
|
<template>
|
<div>
|
|
|
<div>
|
<el-table :data="tableData" border style="width: 100%" height="100%">
|
<el-table-column fixed label="操作" width="70" >
|
<el-button link type="primary" size="small">保存</el-button>
|
</el-table-column>
|
<el-table-column prop="reworkTeams" label="返工班组" :show-overflow-tooltip='true' width="85" >
|
<el-input></el-input>
|
</el-table-column>
|
<el-table-column prop="reworkNumber" label="返工编号" width="105" />
|
<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="batch" label="批次" width="70" />
|
<el-table-column prop="serialNumber" label="序号" width="60" />
|
<el-table-column prop="singlePieceName" :show-overflow-tooltip='true' label="单片名称" width="120" />
|
<el-table-column prop="marking" label="标记" width="60" />
|
<el-table-column prop="pieces" label="片标记" width="70" />
|
<el-table-column prop="number" label="数量" width="95" />
|
<el-table-column prop="width" label="宽" width="60" />
|
<el-table-column prop="height" label="高" width="60" />
|
<el-table-column prop="shape" label="形状" :show-overflow-tooltip='true' width="60" />
|
<el-table-column prop="reworkProcess" label="返工工序" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="type" label="返工类型" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="damage" label="返工原因" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="device" label="责任设备" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="teams" label="责任班组" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="area" label="返工面积" width="85" />
|
<el-table-column prop="qualityInspector" label="质检员" width="80" />
|
|
|
|
|
|
</el-table><!-- <h1>{{msg}}</h1> -->
|
</div>
|
</div>
|
</template>
|
|
<style scoped>
|
|
|
#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;
|
}
|
</style>
|
