Files
bj_power/bj_power_mes/frontend/src/pages/Scan.vue
T

60 lines
2.7 KiB
Vue
Raw Normal View History

2026-08-28 15:06:01 +08:00
<template>
<el-card>
<el-form inline>
<el-form-item label="SN"><el-input v-model="scan.sn" style="width:170px" /></el-form-item>
<el-form-item label="工单号"><el-input v-model="scan.orderNo" style="width:170px" /></el-form-item>
<el-form-item label="工位"><el-input v-model="scan.station" style="width:90px" /></el-form-item>
<el-form-item label="类型">
<el-select v-model="scan.type" placeholder="请选择类型" style="width:130px">
2026-08-28 15:06:01 +08:00
<el-option label="进线ONLINE" value="ONLINE" />
<el-option label="工序PROCESS" value="PROCESS" />
<el-option label="完工DONE" value="DONE" />
<el-option label="暂存TEMP_STORE" value="TEMP_STORE" />
</el-select>
</el-form-item>
<el-form-item label="工序号"><el-input-number v-model="scan.processCode" :min="0" /></el-form-item>
<el-form-item><el-button type="primary" @click="report">扫码报工</el-button></el-form-item>
</el-form>
<el-divider content-position="left">报工记录</el-divider>
<el-form inline>
<el-form-item label="SN"><el-input v-model="query.sn" clearable style="width:160px" /></el-form-item>
<el-form-item label="工单号"><el-input v-model="query.orderNo" clearable style="width:160px" /></el-form-item>
<el-form-item><el-button @click="load">刷新</el-button></el-form-item>
</el-form>
<el-table :data="list" border size="small">
<el-table-column prop="sn" label="SN" min-width="130" />
<el-table-column prop="orderNo" label="工单号" min-width="130" />
<el-table-column prop="station" label="工位" width="80" />
<el-table-column prop="type" label="类型" width="110" />
<el-table-column prop="processCode" label="工序号" width="80" />
<el-table-column prop="operator" label="操作人" width="90" />
<el-table-column prop="time" label="时间" min-width="170" />
</el-table>
</el-card>
<PageHelp :data="helpScan" />
2026-08-28 15:06:01 +08:00
</template>
<script setup>
import { reactive, ref, onMounted } from 'vue'
import { ElMessage } from 'element-plus'
import request from '../utils/request'
import PageHelp from '../components/PageHelp.vue'
import { helpScan } from '../help'
2026-08-28 15:06:01 +08:00
const scan = reactive({ sn: '', orderNo: '', station: '', type: 'PROCESS', processCode: 0 })
const query = reactive({ sn: '', orderNo: '' })
const list = ref([])
async function report() {
if (!scan.sn) return ElMessage.warning('请输入SN')
await request.post('/scan/report', scan)
ElMessage.success('报工成功')
Object.assign(scan, { sn: '', station: '', processCode: 0 })
load()
}
async function load() {
list.value = (await request.get('/scan/records', { params: query })) || []
}
onMounted(load)
</script>