<script setup>
|
import { reactive } from 'vue'
|
import {Open} from "@element-plus/icons-vue";
|
|
// do not use same name with ref
|
const form = reactive({
|
lckh:'',
|
})
|
|
const tableData = [
|
{
|
serialNumber:'1',
|
singlePieceName: '6mm白玻平钢(外)',
|
marking: '1',
|
pieces: '(外)',
|
processCardNumber: '11',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
upCompletedQuantity: '12',
|
completedQuantity: '1',
|
numberBroken:'',
|
availableUse:'',
|
returnProcess:'',
|
|
reasonType: '机器',
|
reasonDamage:'气泡超标',
|
available:'',
|
reworkProcess:'',
|
responsibilityProcess:'中空',
|
responsibilityTeams:'中空一班',
|
responsibilityPersonnel:'',
|
responsibilityDevice:'中空3#线',
|
completed:'',
|
onceBroken:'',
|
},
|
{
|
serialNumber:'1',
|
singlePieceName: '6mm白玻平钢(内)',
|
marking: '2',
|
pieces: '(内)',
|
processCardNumber: '11',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
upCompletedQuantity: '12',
|
completedQuantity: '1',
|
numberBroken:'',
|
availableUse:'',
|
returnProcess:'',
|
|
reasonType: '机器',
|
reasonDamage:'气泡超标',
|
available:'',
|
reworkProcess:'',
|
responsibilityProcess:'中空',
|
responsibilityTeams:'中空一班',
|
responsibilityPersonnel:'',
|
responsibilityDevice:'中空3#线',
|
completed:'',
|
onceBroken:'',
|
},
|
{
|
serialNumber:'2',
|
singlePieceName: '8mm白玻平钢(外)',
|
marking: '1',
|
pieces: '(外)',
|
processCardNumber: '11',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
upCompletedQuantity: '12',
|
completedQuantity: '1',
|
numberBroken:'',
|
availableUse:'',
|
returnProcess:'',
|
|
reasonType: '机器',
|
reasonDamage:'气泡超标',
|
available:'',
|
reworkProcess:'',
|
responsibilityProcess:'中空',
|
responsibilityTeams:'中空一班',
|
responsibilityPersonnel:'',
|
responsibilityDevice:'中空3#线',
|
completed:'',
|
onceBroken:'',
|
},
|
{
|
serialNumber:'2',
|
singlePieceName: '8mm白玻平钢(内)',
|
marking: '2',
|
pieces: '(内)',
|
processCardNumber: '11',
|
width: '575',
|
height:"2241",
|
shape: '普形',
|
upCompletedQuantity: '12',
|
completedQuantity: '1',
|
numberBroken:'',
|
availableUse:'',
|
returnProcess:'',
|
|
reasonType: '机器',
|
reasonDamage:'气泡超标',
|
available:'',
|
reworkProcess:'',
|
responsibilityProcess:'中空',
|
responsibilityTeams:'中空一班',
|
responsibilityPersonnel:'',
|
responsibilityDevice:'中空3#线',
|
completed:'',
|
onceBroken:'',
|
},
|
]
|
</script>
|
|
<template>
|
<div>
|
<div id="head">
|
<el-input placeholder="流程卡号" v-model="form.name" style="width: 200px"/>
|
|
|
<select class="processesSt">
|
<option>报工工序</option>
|
<option value="切割">切割</option>
|
<option value="磨边">磨边</option>
|
<option value="钢化">钢化</option>
|
</select>
|
|
<el-button type="primary">审核通过</el-button>
|
<el-button type="primary">审核不通过</el-button>
|
|
<label>流程卡面积：xxx平方米</label>
|
</div>
|
<div>
|
<table id="titleTable" style="border: 1px solid black;">
|
<tr>
|
<td>销售单号</td>
|
<td>NG23120801</td>
|
<td>生产订单号</td>
|
<td>NG23120801A</td>
|
<td>客户编码</td>
|
<td>123213</td>
|
<td>客户名称</td>
|
<td>xxxx</td>
|
<td>项目名称</td>
|
<td>xxxxxxx</td>
|
</tr>
|
<tr>
|
<td>报工设备</td>
|
<td>中空一线</td>
|
<td>上工序</td>
|
<td>钢化</td>
|
<td>可报工数量</td>
|
<td>12</td>
|
<td>本工序完工</td>
|
<td>11</td>
|
<td>本工序次破</td>
|
<td>1</td>
|
</tr>
|
<tr>
|
<td>报工班组</td>
|
<td>中空一班</td>
|
<td>班次</td>
|
<td>早班</td>
|
<td>下工序</td>
|
<td>包装</td>
|
<td>报工时间</td>
|
<td><input class="chaxun" id="bgsj" maxlength="255" type="datetime-local" name="bgsj"></td>
|
<td>备注</td>
|
<td>1</td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td><el-button type="primary">保存</el-button></td>
|
<td><el-button type="primary">保存并审核</el-button></td>
|
<td><el-button type="primary">清空报工数量</el-button></td>
|
<td><el-button type="primary">完工相同</el-button></td>
|
<td><el-button type="primary">次破相同</el-button></td>
|
|
<td><el-button type="primary">完工一列相同</el-button></td>
|
<td><el-button type="primary">次破一列相同</el-button></td>
|
<td><el-button type="primary">是否允许</el-button></td>
|
</tr>
|
</table>
|
</div>
|
<div>
|
<el-table :data="tableData" border style="width: 100%" height="100%">
|
<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="processCardNumber" 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="upCompletedQuantity" label="上工完工数量" width="110" />
|
<el-table-column prop="completedQuantity" label="完工数量" width="85" />
|
<el-table-column prop="numberBroken" label="次破数量" width="85" />
|
<el-table-column prop="availableUse" label="可利用" width="70" />
|
<el-table-column prop="returnProcess" 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="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="completed" label="已完工" width="90" />
|
<el-table-column prop="onceBroken" label="已次破" width="90" />
|
|
|
|
|
|
</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;
|
}
|
</style>
|
