物料信息

This commit is contained in:
王帅 2025-05-21 13:36:04 +08:00
parent 7b24acc297
commit 9575c05105

View File

@ -21,8 +21,14 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="物料名称" prop="MATERIALSPECNAME">
<el-Input v-model="state.queryParams.params.DESC_CN" placeholder="物料名称" v-on:keyup.enter="queryInfo" />
<el-form-item label="品名" prop="DESC_CN">
<el-Input v-model="state.queryParams.params.DESC_CN" placeholder="品名" v-on:keyup.enter="queryInfo" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="物料类型" prop="MATERIALTYPE">
<el-Input v-model="state.queryParams.params.MATERIALTYPE" placeholder="物料类型"
v-on:keyup.enter="queryInfo" />
</el-form-item>
</el-col>
<el-col :span="6">
@ -60,19 +66,20 @@
</div>
</div>
<el-table
border
v-loading="materialTableConfig.loading"
:data="state.MaterialList"
highlight-current-row
:height="tableHeight"
row-key="id"
:table-layout="'auto'">
border
v-loading="materialTableConfig.loading"
:data="state.MaterialList"
highlight-current-row
:height="200"
row-key="id"
@row-click="selectRow">
<template v-for="(col, index) in materialTableConfig.column" :key="index">
<el-table-column
v-if="!col.hide"
:label="col.header"
:prop="col.field"
align="center">
v-if="!col.hide"
:label="col.header"
:prop="col.field"
align="center"
show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row[col.field] }}</span>
<!-- 或者直接使用 {{ scope.row[col.prop] }} 如果 col.prop 存在且您想用它 -->
@ -83,6 +90,38 @@
<pagination v-if="state.total > 0" :total="state.total" v-model:pageNumTo="state.queryParams.pageNum"
v-model:pageSizeTo="state.queryParams.pageSize" @pagination="handleQuery" />
</div>
<div class="vue-element-page-table">
<div class="page-table-operate">
<div class="page-table-title">
<div class="page-table-title-left">
<span>工厂信息列表</span>
</div>
</div>
</div>
<el-table
border
v-loading="state.materialFactoryLoading"
:data="state.materialFactoryList"
highlight-current-row
:height="200"
row-key="id">
<template v-for="(col, index) in state.materialFactoryColumn" :key="index">
<el-table-column
v-if="!col.hide"
:label="col.header"
:prop="col.field"
align="center"
show-overflow-tooltip>
<template #default="scope">
<span>{{ scope.row[col.field] }}</span>
<!-- 或者直接使用 {{ scope.row[col.prop] }} 如果 col.prop 存在且您想用它 -->
</template>
</el-table-column>
</template>
</el-table>
<pagination v-if="state.materialFactoryTotal > 0" :total="state.materialFactoryTotal" v-model:pageNumTo="state.materialFactoryQueryParams.pageNum"
v-model:pageSizeTo="state.materialFactoryQueryParams.pageSize" @pagination="handleQueryMaterialFactory" />
</div>
</div>
</template>
<script lang="ts">
@ -127,6 +166,19 @@ const formDataRefData = ref({
/***---------------------------------------------------------------------------
* -------------------------------------页面SQL语句配置------------------------------------------ */
const state = reactive({
materialFactoryList: [],
materialFactoryLoading: false,
materialFactoryColumn: [] as any,
materialFactoryTotal: 0,
materialFactoryQueryParams: {
queryId: 'GetMaterialFactoryList',
version: '10001',
params: {
MATERIALSPECNAME: ''
},
pageNum: 1,
pageSize: 10
},
loadings : false,
disableds : false,
rsa: '',
@ -139,6 +191,7 @@ const state = reactive({
SITENAME: 'SDK',
DESC_CN: '',
IS_CON_TEMP: '',
MATERIALTYPE: '',
},
pageNum: 1,
pageSize: 20
@ -217,18 +270,37 @@ onMounted(() => {
{ header: "物料编号", field: "MATERIALSPECNAME", hide: false },
{ header: "品名", field: "DESC_CN", hide: false },
{ header: "规格型号", field: "DESCRIPTION", hide: false },
{ header: "物料类型", field: "MATERIALTYPE", hide: false },
{ header: "恒温管控", field: "IS_CON_TEMP", hide: false },
{ header: "是否熟化", field: "MATURATIONFLAG", hide: false },
{ header: "烘烤天数", field: "MATURATIONTIME", hide: false },
{ header: "阶段", field: "PHASE", hide: false },
{ header: "主单位", field: "MATERIALUNIT", hide: false },
{ header: "主单位描述", field: "MATERIALUNITDESC", hide: false },
{ header: "物料类型", field: "MATERIALTYPE", hide: false },
{ header: "物料组", field: "MATERIALGROUP", hide: false },
{ header: "物料组描述", field: "MATERIALGROUPDESCRIPTION", hide: false },
{ header: "贮存条件", field: "IS_CON_TEMP", hide: false },
{ header: "熟化条件", field: "MATURATIONFLAG", hide: false },
{ header: "熟化天数", field: "MATURATIONTIME", hide: false },
{ header: "保质期", field: "EXPIRATIONDAY", hide: false },
{ header: "辅单位", field: "FUNIT", hide: false },
{ header: "换算率", field: "UNIT_RATES", hide: false },
{ header: "有效期规则", field: "REPLACED_VALUE", hide: false },
{ header: "启用批次", field: "IS_BATCH", hide: false },
{ header: "是否启用批次", field: "IS_BATCH", hide: false },
{ header: "NC料号", field: "OLDMATERIALSPECNAME", hide: false },
{ header: "采购分类", field: "PURCHASETYPE", hide: false },
{ header: "销售分类", field: "FINANCIALTYPE", hide: false },
{ header: "最小装载量", field: "MINORDERQTY", hide: false },
{ header: "质检", field: "IQCFLAG", hide: false },
{ header: "检验周期", field: "INSPECTION_CYCLE", hide: false }
]
state.materialFactoryColumn = [
{ header: "组织", field: "ERPFACTORY", hide: false },
{ header: "组织名称", field: "ERPFACTORYDEC", hide: false },
{ header: "采购组", field: "PURCHASEGROUPCODE", hide: false },
{ header: "采购收货地", field: "MATERIALSPECNAME", hide: false },
{ header: "是否质检", field: "IQCFLAG", hide: false },
{ header: "保质期", field: "MHDHB", hide: false },
{ header: "检验周期", field: "MATERIALSPECNAME", hide: false },
{ header: "安全库存", field: "SAFESTOCKQTY", hide: false },
]
// handleQuery
handleQuery();
updateTableHeight();
@ -253,6 +325,8 @@ const handleQuery = () => {
state.total = res.data.total;
state.loadings = false;
state.disableds = false;
state.materialFactoryQueryParams.params.MATERIALSPECNAME = res.data.list[0].MATERIALSPECNAME
handleQueryMaterialFactory()
} else {
ElMessageBox.alert('查无此数据', '提醒框', {
confirmButtonText: 'OK',
@ -264,6 +338,15 @@ const handleQuery = () => {
.catch(() => { });
}
function handleQueryMaterialFactory(){
state.materialFactoryLoading = true
state.materialFactoryList = []
getQueryPageList(state.materialFactoryQueryParams).then((res: any) => {
state.materialFactoryLoading = false
state.materialFactoryList = res.data.list;
state.materialFactoryTotal = res.data.total;
});
}
const updateList = (col: any) => {
materialTableConfig.value.column = col
}
@ -287,6 +370,11 @@ const saveInfo = () => {
const exiteInfo = () => {
formDataRef.value.resetFields()
}
function selectRow(row: any) {
state.materialFactoryQueryParams.params.MATERIALSPECNAME = row.MATERIALSPECNAME
handleQueryMaterialFactory()
}
</script>
<style scoped>