<script setup>
|
import {reactive, ref} from 'vue'
|
|
// do not use same name with ref
|
const form = reactive({
|
lckh:'',
|
xsdh:'',
|
})
|
const value = ref('')
|
const defaultTime = ref<[Date, Date]>([
|
new Date(2000, 1, 1, 0, 0, 0),
|
new Date(2000, 2, 1, 23, 59, 59),
|
])
|
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: '普形',
|
reworkTeams:'XX二班',
|
type: '机器',
|
damage:'气泡超标',
|
reworkProcess:'XXXX',
|
device:'XXX'
|
},
|
{
|
|
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: '普形',
|
reworkTeams:'XX二班',
|
type: '机器',
|
damage:'气泡超标',
|
reworkProcess:'XXXX',
|
device:'XXX'
|
},
|
]
|
</script>
|
|
<template>
|
<div>
|
<div id="head" >
|
<!-- <el-input placeholder="流程卡号" v-model="form.xsdh" style="width: 200px"/>-->
|
<!-- -->
|
|
<!-- <el-input placeholder="项目名称" v-model="form.lckh" style="width: 200px"/>-->
|
<!-- -->
|
<el-date-picker
|
v-model="value"
|
type="daterange"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
:default-time="defaultTime"
|
/>
|
<el-button type="primary">查询</el-button>
|
</div>
|
|
<div>
|
<el-table :data="tableData" border style="width: 100%" height="100%">
|
<el-table-column fixed label="操作" width="100" >
|
<el-button link type="primary" size="small">编辑</el-button>
|
<el-button link type="primary" size="small">审核</el-button>
|
</el-table-column>
|
<el-table-column prop="reworkNumber" label="返工编号" width="155" />
|
<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="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="reworkProcess" label="返工工序" :show-overflow-tooltip='true' width="85" />
|
<el-table-column prop="reworkTeams" 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>
|
#head{
|
width: 70%;
|
}
|
|
.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;
|
}
|
</style>
|
