eam
/
eam-ui
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

PC端没有收货单，收货订单也看不出来收了多少货

master
叶佳兴 4 weeks ago
parent
723a8646e9
commit
1de7c41e03
3 changed files with 521 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 51
      src/api/eam/item/itemUseRecordMain/index.ts
  2. 334
      src/views/eam/item/itemUseRecordMain/index.vue
  3. 136
      src/views/eam/item/itemUseRecordMain/itemUseRecordMain.data.ts

51
src/api/eam/item/itemUseRecordMain/index.ts
View File

@ -0,0 +1,51 @@
import request from '@/config/axios'
export interface ItemUseRecordMainVO {
id: number
number: string
associatedNumber: string
inventoryAction: string
available: string
concurrencyStamp: number
}
// 查询备件使用操作主表记录列表
export const getItemUseRecordMainPage = async (params) => {
if (params.isSearch) {
delete params.isSearch
const data = {...params}
return await request.post({ url: '/eam/item-use-record-main/senior', data })
} else {
return await request.get({ url: `/eam/item-use-record-main/pageForReceipt`, params })
}
}
// 查询备件使用操作主表记录详情
export const getItemUseRecordMain = async (id: number) => {
return await request.get({ url: `/eam/item-use-record-main/get?id=` + id })
}
// 新增备件使用操作主表记录
export const createItemUseRecordMain = async (data: ItemUseRecordMainVO) => {
return await request.post({ url: `/eam/item-use-record-main/create`, data })
}
// 修改备件使用操作主表记录
export const updateItemUseRecordMain = async (data: ItemUseRecordMainVO) => {
return await request.put({ url: `/eam/item-use-record-main/update`, data })
}
// 删除备件使用操作主表记录
export const deleteItemUseRecordMain = async (id: number) => {
return await request.delete({ url: `/eam/item-use-record-main/delete?id=` + id })
}
// 导出备件使用操作主表记录 Excel
export const exportItemUseRecordMain = async (params) => {
return await request.download({ url: `/eam/item-use-record-main/export-excel`, params })
}
// 下载用户导入模板
export const importTemplate = () => {
return request.download({ url: '/eam/item-use-record-main/get-import-template' })
}

334
src/views/eam/item/itemUseRecordMain/index.vue
View File

@ -0,0 +1,334 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="ItemUseRecordMain.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @button-base-click="buttonBaseClick" :routeName="routeName"
@updataTableColumns="updataTableColumns" @searchFormClick="searchFormClick"
:allSchemas="ItemUseRecordMain.allSchemas" />
<!-- 列表 -->
<ContentWrap>
<Table :columns="tableColumns" :data="tableObject.tableList" :loading="tableObject.loading" :pagination="{
total: tableObject.total
}" v-model:pageSize="tableObject.pageSize" v-model:currentPage="tableObject.currentPage"
v-model:sort="tableObject.sort">
<template #number="{row}">
<el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
<span>{{ row.number }}</span>
</el-button>
</template>
<template #action="{ row }">
<ButtonBase :Butttondata="butttondata(row)" @button-base-click="buttonTableClick($event,row)" />
</template>
</Table>
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
<BasicForm ref="formRef" @success="getList" :rules="ItemUseRecordMainRules" :formAllSchemas="ItemUseRecordMain.allSchemas"
:tableAllSchemas="ItemInLocationInaccount.allSchemas" :tableFormRules="ItemInLocationInaccountRules" :tableData="tableData"
:apiUpdate="ItemUseRecordMainApi.updateItemUseRecordMain" :apiCreate="ItemUseRecordMainApi.createItemUseRecordMain"
:isBusiness="true" @handleAddTable="handleAddTable" @handleDeleteTable="handleDeleteTable"
@searchTableSuccess="searchTableSuccess" @submitForm="submitForm" />
<!-- 详情 -->
<Detail ref="detailRef" :isBasic="false" :allSchemas="ItemUseRecordMain.allSchemas"
:detailAllSchemas="ItemInLocationInaccount.allSchemas" :detailAllSchemasRules="ItemInLocationInaccountRules"
:apiCreate="ItemInLocationInaccountApi.createItemInLocationInaccount" :apiUpdate="ItemInLocationInaccountApi.updateItemInLocationInaccount"
:apiPage="ItemInLocationInaccountApi.getItemInLocationInaccountPage" :apiDelete="ItemInLocationInaccountApi.deleteItemInLocationInaccount"
@searchTableSuccessDetail="searchTableSuccessDetail"
:isShowAddBtn="false"
:detailButtonIsShow="true" @detailSubmitForm="detailSubmitForm"/>
<!-- 导入 -->
<ImportForm ref="importFormRef" url="/wms/purchase-main/import" :importTemplateData="importTemplateData"
@success="importSuccess" :isShowOut="true" :updateIsDisable="true" :coverIsDisable="true" :mode="2" />
</template>
<script setup lang="ts">
import download from '@/utils/download'
import { ItemUseRecordMain, ItemUseRecordMainRules, ItemInLocationInaccount, ItemInLocationInaccountRules } from './itemUseRecordMain.data'
import * as ItemUseRecordMainApi from '@/api/eam/item/itemUseRecordMain'
import * as ItemInLocationInaccountApi from '@/api/eam/item/itemInLocationInaccount'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import TableHead from '@/components/TableHead/src/TableHead.vue'
import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
// 收货订单
defineOptions({ name: 'ItemUseRecordMain' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(ItemUseRecordMain.allSchemas.tableColumns)
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
tableColumns.value = val
}
// 查询页面返回
const searchTableSuccess = (formField, searchField, val, formRef, type, row) => {
nextTick(async () => {
if (type == 'tableForm') {
// 明细查询页赋值
row[formField] = val[0][searchField]
row['itemNumber'] = val[0]['number']
row['itemName'] = val[0]['name']
// row['uom'] = val[0]['uom']
row['isRadeIn'] = val[0]['isRadeIn']
row['available'] = val[0]['available']
} else {
const setV = {}
setV[formField] = val[0][searchField]
formRef.setValues(setV)
}
})
}
// 查询页面返回——详情
const searchTableSuccessDetail = (formField, searchField, val, formRef) => {
nextTick(async () => {
const setV = {}
// if(formField == 'itemCode'){
// await ItembasicApi.getItembasicPage({
// code: setV['itemCode']
// }).then(res => {
// setV['uom'] = res.list[0].uom
// setV[formField] = val[0][searchField]
// })
// }
formRef.setValues(setV)
})
}
// 子表新增的时候选择表格之后需要会显得字段
const Echo = []
const { tableObject, tableMethods } = useTable({
getListApi: ItemUseRecordMainApi.getItemUseRecordMainPage // 分页接口
})
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
// 列表头部按钮
const HeadButttondata = [
// defaultButtons.defaultAddBtn({hasPermi:'item:itemUseRecordMain:create'}), // 新增
// defaultButtons.defaultExportBtn(null), // 导出
defaultButtons.defaultFreshBtn(null), // 刷新
defaultButtons.defaultFilterBtn(null), // 筛选
defaultButtons.defaultSetBtn(null), // 设置
// {
// label: '自定义扩展按钮',
// name: 'zdy',
// hide: false,
// type: 'primary',
// icon: 'Select',
// color: ''
// },
]
// 头部按钮事件
const buttonBaseClick = (val, item) => {
if (val == 'add') { // 新增
openForm('create')
} else if (val == 'import') { // 导入
handleImport()
} else if (val == 'export') { // 导出
handleExport()
} else if (val == 'refresh') { // 刷新
getList()
} else if (val == 'filtrate') { // 筛选
} else { // 其他按钮
console.log('其他按钮', item)
}
}
// 根据状态返回该按钮是否显示
const isShowMainButton = (row, val) => {
if (val.indexOf(row.status) > -1) {
return false
} else {
return true
}
}
// 列表-操作按钮
const butttondata = (row) => {
return [
// defaultButtons.mainListEditBtn(null), // 编辑
// defaultButtons.mainListDeleteBtn(null), // 删除
]
}
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
if (val == 'edit') { // 编辑
openForm('update', row)
}
else if (val == 'mainOrderCOMPLETE') { // 完成
handleCOMPLETE(row.id)
}
else if (val == 'delete') { // 删除
handleDelete(row.id)
}
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = async (type : string, row ?: number) => {
tableData.value = [] // 重置明细数据
formRef.value.open(type, row)
}
/** 详情操作 */
const detailRef = ref()
const detailData = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
detailData.value = row
detailRef.value.openDetail(row, titleName, titleValue, 'basicItemUseRecordMain')
}
/** 删除按钮操作 */
const handleDelete = async (id : number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await ItemUseRecordMainApi.deleteItemUseRecordMain(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch { }
}
/** 完成按钮操作 */
const handleCOMPLETE = async (id : number) => {
try {
// 关闭的二次确认
await message.confirm('是否完成所选中数据？')
// 发起关闭
await ItemUseRecordMainApi.closeItemUseRecordMain(id)
message.success(t('完成成功!'))
// 刷新列表
await getList()
} catch { }
}
/** 导出按钮操作 */
const exportLoading = ref(false) // 导出的加载中
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await ItemUseRecordMainApi.exportItemUseRecordMain(tableObject.params)
download.excel(data, '备件申领记录主.xlsx')
} catch {
} finally {
exportLoading.value = false
}
}
/**
* tableForm方法
*/
const tableFormKeys = {}
ItemInLocationInaccount.allSchemas.tableFormColumns.forEach(item => {
tableFormKeys[item.field] = item.default ? item.default : ''
})
const tableData = ref([])
// 添加明细
const handleAddTable = () => {
tableData.value.push(JSON.parse(JSON.stringify(tableFormKeys)))
}
// 删除明细
const handleDeleteTable = (item, index) => {
tableData.value.splice(index, 1)
}
// 主子数据 提交
const submitForm = async (formType, data) => {
data.subList = tableData.value // 拼接子表数据参数
console.log('主子数据', data)
for (let item of data.subList) {
console.log('子数据', item)
if (!/^(0|[1-9][0-9]{0,8}|1[0-9]{9}|2(0[0-9]{8}|1[0-3][0-9]{7}|14[0-6][0-9]{6}|147[0-3][0-9]{5}|1474[0-7][0-9]{4}|14748[0-2][0-9]{3}|147483[0-5][0-9]{2}|1474836[0-3][0-9]|14748364[0-7]))$/.test(item.serialNumber)) {
message.error('订单行0-2147483647的整数')
formRef.value.formLoading = false
return
}
}
try {
if (formType === 'create') {
await ItemUseRecordMainApi.createItemUseRecordMain(data)
message.success(t('common.createSuccess'))
} else {
await ItemUseRecordMainApi.updateItemUseRecordMain(data)
message.success(t('common.updateSuccess'))
}
formRef.value.dialogVisible = false
// 刷新当前列表
getList()
} finally {
formRef.value.formLoading = false
}
}
/** 导入 */
const importFormRef = ref()
const handleImport = () => {
importFormRef.value.open()
}
// 导入附件弹窗所需的参数
const importTemplateData = reactive({
templateUrl: '',
templateTitle: '收货订单主导入模版.xlsx'
})
// 导入成功之后
const importSuccess = () => {
getList()
}
// 筛选提交
const searchFormClick = (searchData) => {
tableObject.params = {
isSearch: true,
filters: searchData.filters
}
getList() // 刷新当前列表
}
const detailSubmitForm =async (formType, data, formRef) => {
if (!/^(0|[1-9][0-9]{0,8}|1[0-9]{9}|2(0[0-9]{8}|1[0-3][0-9]{7}|14[0-6][0-9]{6}|147[0-3][0-9]{5}|1474[0-7][0-9]{4}|14748[0-2][0-9]{3}|147483[0-5][0-9]{2}|1474836[0-3][0-9]|14748364[0-7]))$/.test(data.serialNumber)) {
message.error('订单行0-2147483647的整数')
return
}
try {
if (formType === 'create') {
await ItemInLocationInaccountApi.createItemInLocationInaccount(data)
message.success(t('common.createSuccess'))
} else {
await ItemInLocationInaccountApi.updateItemInLocationInaccount(data)
message.success(t('common.updateSuccess'))
}
formRef.dialogVisible = false
// 刷新当前列表
detailRef.value.getList()
} finally {
formRef.formLoading = false
}
}
/** 初始化 **/
onMounted(async () => {
getList()
// importTemplateData.templateUrl = await ItemUseRecordMainApi.importTemplate()
})
</script>

136
src/views/eam/item/itemUseRecordMain/itemUseRecordMain.data.ts
View File

@ -0,0 +1,136 @@
import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter2 } from '@/utils/formatTime'
import { Item } from '@/views/eam/basic/item/item.data'
import * as ItemApi from '@/api/eam/basic/item'
import { validateHanset, validateEmail } from '@/utils/validator'
const { t } = useI18n() // 国际化
/**
* @returns {Array} 备件申请主表
*/
export const ItemUseRecordMain = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '收货单编号',
field: 'number',
sort: 'custom',
isSearch: true,
table: {
width: 150,
fixed: 'left'
},
},
{
label: '关联工单',
field: 'associatedNumber',
sort: 'custom',
},
{
label: '库存动作',
field: 'inventoryAction',
sort: 'custom',
dictType: DICT_TYPE.INVENTORY_ACTION,
dictClass: 'string',
isSearch: false,
isTable: true,
table: {
width: 150
},
tableForm: {
type: 'Select'
}
},
{
label: '操作',
field: 'action',
isDetail: false,
isForm: false,
table: {
width: 200,
fixed: 'right'
}
}
]))
//表单校验
export const ItemUseRecordMainRules = reactive({
number: [
required,
{ max: 20, message: '请输入收货订单号', trigger: 'blur' },
]
})
/**
* @returns {Array} 备件申请子表
*/
export const ItemInLocationInaccount = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '备件编号',
field: 'itemNumber',
sort: 'custom',
isSearch: true,
tableForm: {
isInpuFocusShow: true,
searchListPlaceholder: '请选择备件编号',
searchField: 'number',
searchTitle: '备件信息',
searchAllSchemas: Item.allSchemas, // 查询弹窗所需类
searchPage: ItemApi.getItemPage, // 查询弹窗所需分页方法
searchCondition: [{
key: 'available',
value: 'TRUE',
isMainValue: false
}
]
},
},
{
label: '库位编号',
field: 'locationNumber',
sort: 'custom',
isForm: false,
isSearch: true,
table: {
width: 180,
},
},
{
label: '入库类型',
field: 'type',
sort: 'custom',
isSearch: true,
dictType: DICT_TYPE.ITEM_OUT_IN_TYPE,
dictClass: 'string',
form: {
component: 'Select'
}
},
{
label: '数量',
field: 'qty',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
componentProps: {
min: 1,
precision: 6
}
},
tableForm: {
type: 'InputNumber',
min: 1,
precision: 6
}
},
]))
//表单校验
export const ItemInLocationInaccountRules = reactive({
itemNumber: [
{ required: true, message: '请输入备件编号', trigger: 'blur' },
],
})
Write Preview
Loading…
Cancel
Save