Browse Source

Merge remote-tracking branch 'origin/master'

master
zhaoxuebing 11 months ago
parent
commit
fca74d3424
  1. 226
      src/views/wms/moveManage/itemChange/index.vue
  2. 484
      src/views/wms/moveManage/itemChange/itemChange.data.ts
  3. 8
      src/views/wms/productionManage/productdismantle/productdismantleRequestMain/index.vue

226
src/views/wms/moveManage/itemChange/index.vue

@ -0,0 +1,226 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="ItemChange.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @button-base-click="buttonBaseClick" :route-name="routeName"
@updataTableColumns="updataTableColumns" @searchFormClick="searchFormClick" :allSchemas="ItemChange.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 #itemCode="{ row }">
<el-button type="primary" link @click="openDetail(row, '物料代码', row.itemCode)">
<span>{{ row.itemCode }}</span>
</el-button>
</template>
<template #action="{ row }">
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event, row)" />
</template>
</Table>
</ContentWrap>
<!-- 表单弹窗添加/修改 -->
<BasicForm ref="basicFormRef" @success="submitForm" :rules="ItemChangeRules" :formAllSchemas="ItemChange.allSchemas"
:apiUpdate="BalanceApi.updateBalance" :apiCreate="BalanceApi.createBalance" :isBusiness="false"
@searchTableSuccess="searchTableSuccess" />
<!-- 详情 -->
<Detail ref="detailRef" :isBasic="true" :allSchemas="ItemChange.allSchemas" />
<!-- 导入 -->
<ImportForm ref="importFormRef" url="/wms/balance/import" :importTemplateData="importTemplateData"
@success="importSuccess" />
</template>
<script setup lang="ts">
import download from '@/utils/download'
import * as BalanceApi from '@/api/wms/balance'
import BasicForm from '@/components/BasicForm/src/BasicForm.vue'
import { ItemChange, ItemChangeRules } from './itemChange.data.ts'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import TableHead from '@/components/TableHead/src/TableHead.vue'
import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
import Detail from '@/components/Detail/src/Detail.vue'
//
defineOptions({ name: 'ItemChange' })
const message = useMessage() //
const { t } = useI18n() //
const route = useRoute() //
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(ItemChange.allSchemas.tableColumns)
//
const searchTableSuccess = (formField, searchField, val, formRef, type, row) => {
nextTick(() => {
if (type == 'tableForm') {
//
row[formField] = val[0][searchField]
} else {
const setV = {}
setV[formField] = val[0][searchField]
formRef.setValues(setV)
}
})
}
//
const updataTableColumns = (val) => {
tableColumns.value = val
}
const { tableObject, tableMethods } = useTable({
getListApi: BalanceApi.getBalancePage //
})
//
const { getList, setSearchParams } = tableMethods
//
const HeadButttondata = [
// defaultButtons.defaultAddBtn({hasPermi:'wms:balance:create'}), //
// defaultButtons.defaultImportBtn({hasPermi:'wms:balance:import'}), //
// defaultButtons.defaultExportBtn({hasPermi:'wms:balance:export'}), //
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 butttondata = [
defaultButtons.mainListEditBtn({ hasPermi: 'wms:balance:update' }), //
// defaultButtons.mainListDeleteBtn({hasPermi:'wms:balance:delete'}), //
]
// -
const buttonTableClick = async (val, row) => {
if (val == 'edit') { //
openForm('update', row)
}
// else if (val == 'delete') { //
// handleDelete(row.id)
// }
}
/** 添加/修改操作 */
const basicFormRef = ref()
const openForm = (type: string, row?: any) => {
basicFormRef.value.open(type, row)
}
/** 详情操作 */
const detailRef = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
detailRef.value.openDetail(row, titleName, titleValue)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
//
await message.delConfirm()
//
await BalanceApi.deleteBalance(id)
message.success(t('common.delSuccess'))
//
await getList()
} catch { }
}
/** 导出按钮操作 */
const exportLoading = ref(false) //
const handleExport = async () => {
try {
//
await message.exportConfirm()
//
exportLoading.value = true
const data = await BalanceApi.exportBalance(setSearchParams)
download.excel(data, '库存余额.xlsx')
} catch {
} finally {
exportLoading.value = false
}
}
//
const submitForm = async (formType, data) => {
try {
if (formType === 'create') {
await BalanceApi.createBalance(data)
message.success(t('common.createSuccess'))
} else {
await BalanceApi.updateBalance(data)
message.success(t('common.updateSuccess'))
}
basicFormRef.value.dialogVisible = false
//
getList()
} finally {
basicFormRef.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() //
}
/** 初始化 **/
onMounted(async () => {
getList()
// importTemplateData.templateUrl = await BalanceApi.importTemplate()
})
</script>

484
src/views/wms/moveManage/itemChange/itemChange.data.ts

@ -0,0 +1,484 @@
import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime'
import * as OwnerApi from '@/api/wms/owner'
import { Owner } from '@/views/wms/basicDataManage/orderManage/owner/owner.data'
/**
* @returns {Array}
*/
export const ItemChange = useCrudSchemas(reactive<CrudSchema[]>([
{
label: 'id',
field: 'id',
isForm: false,
isTableForm: false,
isTable: false
},
{
label: '物料代码',
field: 'itemCode',
sort: 'custom',
table: {
width: 150
},
form: {
componentProps: {
disabled: true
}
},
isSearch: true,
},
// 可修改
{
label: '批次',
field: 'batch',
sort: 'custom',
table: {
width: 150
},
isSearch: true,
},
{
label: '包装号',
field: 'packingNumber',
sort: 'custom',
table: {
width: 150
},
isForm: false,
isSearch: true,
},
{
label: '器具代码',
field: 'containerNumber',
sort: 'custom',
table: {
width: 150
},
isForm: false
},
// 可修改
{
label: '数量',
field: 'qty',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
componentProps: {
precision: 6
}
}
},
{
label: '计量单位',
field: 'uom',
dictType: DICT_TYPE.UOM,
dictClass: 'string',
isTable: true,
sort: 'custom',
table: {
width: 150
},
isForm: false
},
{
label: '库位代码',
field: 'locationCode',
sort: 'custom',
table: {
width: 150
},
isForm: false,
isSearch: true,
},
{
label: '仓库代码',
field: 'warehouseCode',
sort: 'custom',
table: {
width: 150
},
isForm: false
},
// 可修改
{
label: '库存状态',
field: 'inventoryStatus',
dictType: DICT_TYPE.INVENTORY_STATUS,
dictClass: 'string',
isTable: true,
sort: 'custom',
table: {
width: 150
},
},
{
label: '库位组代码',
field: 'locationGroupCode',
sort: 'custom',
table: {
width: 150
},
isForm: false
},
{
label: '库区代码',
field: 'areaCode',
sort: 'custom',
table: {
width: 150
},
isForm: false
},
{
label: 'ERP库位代码',
field: 'erpLocationCode',
dictType: DICT_TYPE.ERP_LOCATION,
dictClass: 'string',
isTable: true,
sort: 'custom',
table: {
width: 150
},
isForm: false
},
{
label: '替代批次',
field: 'altBatch',
sort: 'custom',
table: {
width: 150
},
isForm: false
},
{
label: '到货日期',
field: 'arriveDate',
isTable: true,
formatter: dateFormatter,
detail: {
dateFormat: 'YYYY-MM-DD HH:mm:ss'
},
sort: 'custom',
table: {
width: 150
},
form: {
component: 'DatePicker',
componentProps: {
type: 'datetime',
}
},
isForm: false
},
{
label: '生产日期',
field: 'produceDate',
isTable: true,
formatter: dateFormatter,
detail: {
dateFormat: 'YYYY-MM-DD HH:mm:ss'
},
sort: 'custom',
table: {
width: 150
},
form: {
component: 'DatePicker',
componentProps: {
type: 'datetime',
}
},
isForm: false
},
// 可修改
{
label: '失效日期',
field: 'expireDate',
isTable: true,
formatter: dateFormatter,
detail: {
dateFormat: 'YYYY-MM-DD HH:mm:ss'
},
sort: 'custom',
table: {
width: 150
},
form: {
component: 'DatePicker',
componentProps: {
style:{width:'100%'},
type: 'datetime',
dateFormat: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'x',
}
}
},
// 可修改
{
label: '货主代码',
field: 'ownerCode',
sort: 'custom',
table: {
width: 150
},
form: {
// labelMessage: '信息提示说明!!!',
componentProps: {
isSearchList: true, // 开启查询弹窗
searchListPlaceholder: '请选择货主代码', // 输入框占位文本
searchField: 'code', // 查询弹窗赋值字段
searchTitle: '货主信息', // 查询弹窗标题
searchAllSchemas: Owner.allSchemas, // 查询弹窗所需类
searchPage: OwnerApi.getOwnerPage, // 查询弹窗所需分页方法
searchCondition: [{
key: 'available',
value: 'TRUE',
isMainValue: false
}]
}
}
},
{
label: '锁定数量',
field: 'lockedQty',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
},
isForm: false
},
{
label: '可用数量',
field: 'usableQty',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
},
isForm: false
},
{
label: '单价',
field: 'singlePrice',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
},
isForm: false
},
{
label: '金额',
field: 'amount',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
},
isForm: false
},
{
label: '入库时间',
field: 'putInTime',
isTable: true,
formatter: dateFormatter,
detail: {
dateFormat: 'YYYY-MM-DD HH:mm:ss'
},
sort: 'custom',
table: {
width: 150
},
form: {
component: 'DatePicker',
componentProps: {
type: 'datetime',
}
},
isForm: false
},
{
label: '是否冻结',
field: 'frozen',
dictType: DICT_TYPE.TRUE_FALSE,
dictClass: 'string',
isTable: true,
sort: 'custom',
table: {
width: 150
},
form: {
component: 'Switch',
value: 'TRUE',
componentProps: {
inactiveValue: 'FALSE',
activeValue: 'TRUE'
}
},
isForm: false
},
{
label: '冻结原因',
field: 'frozenReason',
dictType: DICT_TYPE.FROZEN_REASON,
dictClass: 'string',
isTable: true,
sort: 'custom',
table: {
width: 150
},
isForm: false
},
{
label: '重量',
field: 'weight',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
},
isForm: false
},
{
label: '面积',
field: 'area',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
},
isForm: false
},
{
label: '体积',
field: 'volume',
sort: 'custom',
table: {
width: 150
},
form: {
component: 'InputNumber',
},
isForm: false
},
{
label: '最后事务号',
field: 'lastTransNumber',
sort: 'custom',
table: {
width: 150
},
isForm: false
},
{
label: '创建时间',
field: 'createTime',
formatter: dateFormatter,
detail: {
dateFormat: 'YYYY-MM-DD HH:mm:ss'
},
sort: 'custom',
table: {
width: 180
},
form: {
component: 'DatePicker',
componentProps: {
style: {width:'100%'},
type: 'datetime',
dateFormat: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'x',
}
},
isForm: false
},
{
label: '创建者',
field: 'creator',
sort: 'custom',
table: {
width: 150
},
isForm: false
},
{
label: '最后更新时间',
field: 'updateTime',
formatter: dateFormatter,
detail: {
dateFormat: 'YYYY-MM-DD HH:mm:ss'
},
sort: 'custom',
table: {
width: 180
},
form: {
component: 'DatePicker',
componentProps: {
type: 'datetime',
dateFormat: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'x',
}
},
isForm: false,
},
{
label: '最后更新者',
field: 'updater',
sort: 'custom',
table: {
width: 150
},
isForm: false,
},
{
label: '操作',
field: 'action',
isDetail: false,
isForm: false,
table: {
width: 100,
fixed: 'right'
},
}
]))
// 表单校验
export const ItemChangeRules = reactive({
// packingNumber: [
// { required: true, message: '请选择包装号', trigger: 'change' }
// ],
// containerNumber: [
// { required: true, message: '请选择器具号', trigger: 'change' }
// ],
// itemCode: [
// { required: true, message: '请选择物品代码', trigger: 'change' }
// ],
// batch: [
// { required: true, message: '请输入批次', trigger: 'blur' }
// ],
// arriveDate: [
// { required: true, message: '请选择到货日期', trigger: 'change' }
// ],
// produceDate: [
// { required: true, message: '请选择生产日期', trigger: 'change' }
// ],
})

8
src/views/wms/productionManage/productdismantle/productdismantleRequestMain/index.vue

@ -180,7 +180,15 @@ const buttonOperationClick = async (row, label, index)=> {
DialogTitle.value = '物品代码:【' + row.itemCode + '】 Bom 信息' DialogTitle.value = '物品代码:【' + row.itemCode + '】 Bom 信息'
bomModelVisible.value = true bomModelVisible.value = true
await getDetailListBom() await getDetailListBom()
// console.log(183, detatableDataBom.tableList)
detatableDataBom.tableList.map(item => { detatableDataBom.tableList.map(item => {
// TODO:
// tableform
// BomDismantle.allSchemas.tableFormColumns.map(itemColumns => {
// if(itemColumns.field == 'qty') {
// itemColumns.tableForm.max = item.qty
// }
// })
item.rowId = index item.rowId = index
if(tableData.value[index].childList) { if(tableData.value[index].childList) {
tableData.value[index].childList.forEach(itemChild => { tableData.value[index].childList.forEach(itemChild => {

Loading…
Cancel
Save