中航光电热表web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

201 lines
6.6 KiB

<template>
<el-dialog title="批量出库" append-to-body :modelValue="openShow" width="70%" @close="closeDialog">
<div style="height: 50px;">
<el-input v-model="formInline.orderId" placeholder="扫描出库单号条形码" @keyup.enter.native="query" style="width: 200px;float: left;"></el-input>
<el-button type="danger" @click="delFn" style="float: right;">删除</el-button>
</div>
<avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
@search-change="searchChange" @search-reset="searchReset" :before-open="beforeOpen"
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
@refresh-change="refreshChange" @on-load="onLoad" @row-save="rowSave">
</avue-crud>
<template #footer>
<span class="dialog-footer">
<el-button @click="closeDialog"> </el-button>
<el-button type="primary" @click="submit"> </el-button>
</span>
</template>
</el-dialog>
</template>
<script>
export default {
props: {
showDialog: {
type: Boolean,
default: false
},
},
data() {
return {
openShow: false,
formInline: {
orderId: '',
number2: ''
},
option: {
columnSort: true,
tip: false,
align: 'center',
calcHeight: 32,
simplePage: false,
page: false,
searchShow: true,
searchMenuSpan: 6,
searchIcon: true,
searchIndex: 3,
tree: false,
border: true,
index: false,
selection: true,
viewBtn: false,
delBtn: false,
editBtn: false,
editBtnText: '修改',
editBtnIcon: ' ',
delBtnIcon: ' ',
addBtn: false,
labelWidth: 140,
searchLabelWidth: 120,
menu: false,
menuWidth: 200,
dialogWidth: 1200,
dialogClickModal: false,
searchEnter: true,
excelBtn: true,
gridBtn: false,
searchShowBtn: false,
showOverflowTooltip: true,
header: false,
column: [
{
label: '车间订单号',
prop: 'woCode',
search: false,
},
{
label: '物料号',
prop: 'c_materiel_id',
search: false,
},
{
label: '物料名称',
prop: 'partNames',
search: false,
},
{
label: '物料批次号',
prop: 'goodbatchNo',
search: false,
},
{
label: '粉重',
prop: 'fenzhong',
search: false,
},
{
label: '是否印字',
prop: 'shifouyinzi',
search: false,
},
{
label: '厚度',
prop: 'houdu',
search: false,
},
{
label: '仓库',
prop: 'bsStoreRoomSet',
search: false,
},
{
label: '库位',
prop: 'goodsKuwei',
search: false,
},
{
label: '出库数量',
prop: 'chukushuliang',
search: false,
},
]
},
data: [],
}
},
mounted() {
this.openShow = this.showDialog
},
methods: {
query() {
this.formInline.orderId = ''
this.data.push({
brCode: 'aaaa',
woCode: 'WO-090899899',
partCode: 'E6-78787-E1',
partName: '零件一',
batchNo: '9098900',
okNum: '88',
c_materiel_id: '89',
partNames: '8989',
xuqiushuliang: 99,
chukushuliang: 67,
goodbatchNo: '898989',
bsStoreRoomSet: '仓库一',
goodsKuwei: '库位一',
status: 1,
times: '2025-09-08'
})
},
closeDialog() {
this.openShow = false
this.$emit('closeDialog');
},
delFn() {
this.$confirm('确定将选择数据删除?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
// return removeApiScope(this.scopeIds);
})
.then(() => {
// this.onLoadScope(this.pageScope);
// this.$message({
// type: 'success',
// message: '操作成功!',
// });
// this.$refs.crudScope.toggleSelection();
});
},
onLoad() {
this.data = [
{
brCode: 'aaaa',
woCode: 'WO-090899899',
partCode: 'E6-78787-E1',
partName: '零件一',
batchNo: '9098900',
okNum: '88',
c_materiel_id: '89',
partNames: '8989',
xuqiushuliang: 99,
chukushuliang: 67,
goodbatchNo: '898989',
bsStoreRoomSet: '仓库一',
goodsKuwei: '库位一',
status: 1,
times: '2025-09-08'
},
]
this.page.total = this.data.length
}
}
}
</script>
<style lang="scss" scoped></style>