duxingchen/KCGL
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

半成品入库与出库相关联

Browse Source
This commit is contained in:
dxc
2026-02-05 11:51:25 +08:00
parent 1e5627dc0a
commit bf8cf37ff9
3 changed files with 104 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
inventory-web/src/views/stock/inbound/semi.vue
View File

@ -9,11 +9,25 @@
clearable
@clear="fetchData"
@keyup.enter="fetchData"
style="width: 300px; margin-right: 10px;"
>
<template #append>
<el-button :icon="Search" @click="fetchData"/>
</template>
</el-input>
<el-select
v-model="queryParams.statuses"
multiple
collapse-tags
placeholder="状态筛选"
style="width: 220px;"
@change="fetchData"
>
<el-option label="在库" value="在库" />
<el-option label="借库" value="借库" />
<el-option label="已出库" value="已出库" />
</el-select>
</div>
<div class="right-tools">
@ -66,21 +80,24 @@
</span>
</template>
<template #default="scope" v-else-if="['serial_number', 'batch_number'].includes(col.prop)">
<span v-if="scope.row[col.prop]" :class="col.prop === 'serial_number' ? 'tag-sn' : 'tag-bn'">
{{ scope.row[col.prop] }}
</span>
<template #default="scope" v-else-if="col.prop === 'sn_bn'">
<div v-if="scope.row.serial_number" class="id-cell">
<span class="prefix-tag sn">SN</span>
<span class="id-text">{{ scope.row.serial_number }}</span>
</div>
<div v-else-if="scope.row.batch_number" class="id-cell">
<span class="prefix-tag bn">BN</span>
<span class="id-text">{{ scope.row.batch_number }}</span>
</div>
<span v-else class="text-placeholder">-</span>
</template>
<template #default="scope" v-else-if="col.prop === 'qty_stock'">
<span class="stock-num">{{ scope.row.sum_stock }}</span>
<el-tag size="small" type="info" effect="plain" class="sum-tag">总</el-tag>
<span class="stock-num">{{ scope.row.qty_stock }}</span>
</template>
<template #default="scope" v-else-if="col.prop === 'qty_available'">
<span class="avail-num">{{ scope.row.sum_available }}</span>
<el-tag size="small" type="info" effect="plain" class="sum-tag">总</el-tag>
<span class="avail-num">{{ scope.row.qty_available }}</span>
</template>
<template #default="scope" v-else-if="col.prop === 'status'">
@ -351,8 +368,8 @@
<el-form-item label="库存状态" prop="status">
<el-select v-model="form.status" style="width:100%">
<el-option label="在库" value="在库"/>
<el-option label="出库" value="出库"/>
<el-option label="损耗" value="损耗"/>
<el-option label="借库" value="借库"/>
<el-option label="已出库" value="已出库"/>
</el-select>
</el-form-item>
</el-col>
@ -613,7 +630,12 @@ const dialogStatus = ref<'create' | 'update'>('create')
const tableData = ref([])
const total = ref(0)
const formRef = ref()
const queryParams = reactive({page: 1, pageSize: 15, keyword: ''})
const queryParams = reactive({
page: 1,
pageSize: 15,
keyword: '',
statuses: ['在库', '借库']
})
const materialOptions = ref<any[]>([])
// 打印相关变量
@ -651,8 +673,10 @@ const stockColumns = [
{prop: 'sku', label: 'SKU', minWidth: '120'},
{prop: 'inbound_date', label: '入库日期', minWidth: '120'},
{prop: 'barcode', label: '条码', minWidth: '120'},
{prop: 'serial_number', label: '序列号', minWidth: '150'},
{prop: 'batch_number', label: '批号', minWidth: '150'},
// 修改：合并序列号和批号
{prop: 'sn_bn', label: '序列号/批号', minWidth: '160'},
{prop: 'status', label: '状态', minWidth: '100'},
{prop: 'quality_status', label: '质量状态', minWidth: '100'},
{prop: 'qty_inbound', label: '入库量', minWidth: '100'},
@ -676,10 +700,10 @@ const stockColumns = [
const allColumns = [...baseColumns, ...stockColumns]
// 表头持久化
const STORAGE_KEY = 'stock_semi_visible_columns'
const STORAGE_KEY = 'stock_semi_visible_columns_v2' // Update key to force refresh
const defaultColumns = [
'material_name', 'spec_model', 'unit',
'inbound_date', 'serial_number', 'batch_number', 'status', 'quality_status',
'inbound_date', 'sn_bn', 'status', 'quality_status',
'bom_code', 'work_order_code', 'qty_stock', 'qty_available', 'unit_total_cost', 'arrival_photo', 'quality_report_link'
]
@ -884,7 +908,8 @@ watch(() => [form.raw_material_cost, form.manual_cost], () => {
const fetchData = async () => {
loading.value = true
try {
const res: any = await getSemiList(queryParams)
const params = { ...queryParams, statuses: queryParams.statuses.join(',') }
const res: any = await getSemiList(params)
tableData.value = res.data.items || []
total.value = res.data.total || 0
} finally { loading.value = false }
@ -1142,7 +1167,7 @@ const resetForm = () => {
})
}
const getStatusType = (status: string) => { const map: any = { '在库': 'success', '出库': 'info', '损耗': 'danger' }; return map[status] || 'warning' }
const getStatusType = (status: string) => { const map: any = { '在库': 'success', '出库': 'info', '借库': 'warning', '损耗': 'danger' }; return map[status] || 'warning' }
const getQualityType = (status: string) => { const map: any = { '合格': 'success', '不合格': 'danger', '待检': 'info', '返修中': 'warning' }; return map[status] || 'info' }
const formatMoney = (val: any) => { const num = Number(val); return isNaN(num) ? '-' : `¥ ${num.toFixed(2)}` }
@ -1155,7 +1180,7 @@ onMounted(() => fetchData())
/* 顶部工具栏 */
.header-tools { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; background: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05); }
.left-tools { flex: 0 0 350px; }
.left-tools { display: flex; gap: 10px; align-items: center; flex: 1; }
.right-tools { display: flex; gap: 10px; align-items: center; }
.action-btn { font-weight: 500; }
@ -1168,6 +1193,8 @@ onMounted(() => fetchData())
.stock-num { font-weight: bold; color: #333; font-size: 15px; }
.avail-num { font-weight: bold; color: #67C23A; font-size: 15px; }
.sum-tag { margin-left: 4px; transform: scale(0.9); }
.id-cell { display: flex; align-items: center; }
.id-text { font-family: monospace; color: #606266; }
/* 弹窗与表单美化 */
.stylish-form .form-card { background: #fff; border-radius: 8px; border: 1px solid #e4e7ed; margin-bottom: 20px; overflow: hidden; }