sfms3.0
/
sfms3.0-ui
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

YT-1996供应商地点便次时间配置表

intex_online20250311
zhaoyiran 1 month ago
parent
77875eaeb6
commit
c01430989e
3 changed files with 633 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. 49
      src/api/wms/supplierAddrDeliTime/index.ts
  2. 383
      src/views/wms/basicDataManage/supplierManage/supplierAddrDeliTime/index.vue
  3. 201
      src/views/wms/basicDataManage/supplierManage/supplierAddrDeliTime/supplierAddrDeliTimeDetail.data.ts

49
src/api/wms/supplierAddrDeliTime/index.ts
View File

@ -0,0 +1,49 @@
import request from '@/config/axios'
export interface SupplierAddrDeliTimeDetailVO {
id: number
masterId: number
code: string
shift: string
}
// 查询供应商地点便次时间配置明细列表
export const getSupplierAddrDeliTimeDetailPage = async (params) => {
if (params.isSearch) {
delete params.isSearch
const data = {...params}
return await request.post({ url: '/wms/supplier-addr-deli-time-detail/senior', data })
} else {
return await request.get({ url: `/wms/supplier-addr-deli-time-detail/page`, params })
}
}
// 查询供应商地点便次时间配置明细详情
export const getSupplierAddrDeliTimeDetail = async (id: number) => {
return await request.get({ url: `/wms/supplier-addr-deli-time-detail/get?id=` + id })
}
// 新增供应商地点便次时间配置明细
export const createSupplierAddrDeliTimeDetail = async (data: SupplierAddrDeliTimeDetailVO) => {
return await request.post({ url: `/wms/supplier-addr-deli-time-main/create`, data })
}
// 修改供应商地点便次时间配置明细
export const updateSupplierAddrDeliTimeDetail = async (data: SupplierAddrDeliTimeDetailVO) => {
return await request.put({ url: `/wms/supplier-addr-deli-time-main/update`, data })
}
// 删除供应商地点便次时间配置明细
export const deleteSupplierAddrDeliTimeDetail = async (id: number) => {
return await request.delete({ url: `/wms/supplier-addr-deli-time-detail/delete?id=` + id })
}
// 导出供应商地点便次时间配置明细 Excel
export const exportSupplierAddrDeliTimeDetail = async (params) => {
return await request.download({ url: `/wms/supplier-addr-deli-time-detail/export-excel`, params })
}
// 下载用户导入模板
export const importTemplate = () => {
return request.download({ url: '/wms/supplier-addr-deli-time-detail/get-import-template' })
}

383
src/views/wms/basicDataManage/supplierManage/supplierAddrDeliTime/index.vue
View File

@ -0,0 +1,383 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="SupplierAddrDeliTime.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead
:HeadButttondata="HeadButttondata"
@button-base-click="buttonBaseClick"
:routeName="routeName"
@updataTableColumns="updataTableColumns"
@searchFormClick="searchFormClick"
:allSchemas="SupplierAddrDeliTime.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 #supplierCode="{row}">
<el-button type="primary" link @click="openDetail(row, '代码', row.supplierCode)">
<span>{{ row.supplierCode }}</span>
</el-button>
</template>
<template #action="{ row }">
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event,row)" />
</template>
</Table>
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
<BasicForm
ref="formRef"
:isOpenSearchTable="true"
fieldTableColumn="code"
:rules="SupplierAddrDeliTimeDetailRules"
:formAllSchemas="SupplierAddrDeliTime.allSchemas"
:tableAllSchemas="SupplierAddrDeliTimeDetail.allSchemas"
:tableData="tableData"
:apiUpdate="SupplierAddrDeliTimeDetailApi.updateSupplierAddrDeliTimeDetail"
:apiCreate="SupplierAddrDeliTimeDetailApi.createSupplierAddrDeliTimeDetail"
:isBusiness="true"
@handleAddTable="handleAddTable"
@handleDeleteTable="handleDeleteTable"
:isShowReduceButtonSelection="true"
@tableSelectionDelete="tableSelectionDelete"
@searchTableSuccess="searchTableSuccess"
@submitForm="submitForm"
/>
<!-- 详情 -->
<Detail
ref="detailRef"
:isBasic="false"
:allSchemas="SupplierAddrDeliTime.allSchemas"
:detailAllSchemas="detailAllSchemas"
:apiCreate="SupplierAddrDeliTimeDetailApi.createPurchaseClaimRequestDetail"
:apiUpdate="SupplierAddrDeliTimeDetailApi.updatePurchaseClaimRequestDetail"
:apiPage="SupplierAddrDeliTimeDetailApi.getPurchaseClaimRequestDetailPage"
:apiDelete="SupplierAddrDeliTimeDetailApi.deletePurchaseClaimRequestDetail"
:detailButtonIsShowDelete="true"
:detailButtonIsShowAdd="false"
@searchTableSuccessDetail="searchTableSuccessDetail"
@detailOpenForm="detailOpenForm"
/>
<!-- :detailAllSchemas="SupplierAddrDeliTimeDetail.allSchemas" -->
<!-- 导入 -->
<ImportForm ref="importFormRef" url="/wms/supplier-addr-deli-time-detail/import" :importTemplateData="importTemplateData" @success="importSuccess" />
</template>
<script setup lang="ts">
import download from '@/utils/download'
import { SupplierAddrDeliTime, SupplierAddrDeliTimeDetail, SupplierAddrDeliTimeDetailRules } from './supplierAddrDeliTimeDetail.data'
import * as SupplierAddrDeliTimeDetailApi from '@/api/wms/supplierAddrDeliTime'
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'
import { debug } from 'console'
defineOptions({ name: 'SupplierAddrDeliTime' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(SupplierAddrDeliTime.allSchemas.tableColumns)
const detailAllSchemas = ref(SupplierAddrDeliTimeDetail.allSchemas)
// 查询页面返回
const searchTableSuccess = (formField, searchField, val, formRef, type, row) => {
nextTick(() => {
if (formField == 'code') {
let codes = val.filter((item) =>
tableData.value.find((item1) => item1['code'] == item['code'])
)
if (codes.length > 0) {
codes = codes.map((item) => item['code'])
message.warning(`编码${codes.join(',')}已经存在`)
}
val = val.filter(
(item) => !tableData.value.find((item1) => item1['code'] == item['code'])
)
if (val.length == 0) {
return
}
let newVal = val.filter(
(item) => !tableData.value.find((item1) => item1['code'] == item['code'])
)
newVal.forEach((item) => {
let tfk = JSON.parse(JSON.stringify(tableFormKeys))
tfk['code'] = item['code']
tfk['shift'] = item['shift']
tfk['beginTime'] = item['begeinTime']
tableData.value.push(tfk)
})
}
const setV = {}
setV[formField] = val[0][searchField]
if (formField == 'supplierCode') {
setV['supplierCode'] = val[0].code
setV['supplierName'] = val[0].name
}
formRef.setValues(setV)
})
}
//为true表示子表数据中存在数量为0的数据
const flag = ref(false)
// 主子数据 提交
const submitForm = async (formType, submitData) => {
flag.value=false
let data = { ...submitData }
if (data.masterId) {
data.id = data.masterId
}
data.subList = tableData.value // 拼接子表数据参数
data.subList.forEach((item) => {
item.toWarehouseCode = data.toWarehouseCode
item.toLocationCode = data.toLocationCode
})
if (flag.value) {
return
}
formRef.value.formLoading = true
try {
if (formType === 'create') {
await SupplierAddrDeliTimeDetailApi.createSupplierAddrDeliTimeDetail(data)
message.success(t('common.createSuccess'))
} else {
await SupplierAddrDeliTimeDetailApi.updateSupplierAddrDeliTimeDetail(data)
message.success(t('common.updateSuccess'))
}
formRef.value.dialogVisible = false
// 刷新当前列表
if (formType === 'create') {
getList()
} else {
buttonBaseClick('refresh', null)
}
} finally {
formRef.value.formLoading = false
}
}
/**
* tableForm方法
*/
const tableFormKeys = {}
SupplierAddrDeliTimeDetail.allSchemas.tableFormColumns.forEach((item) => {
tableFormKeys[item.field] = item.default ? item.default : ''
})
// 添加明细
const handleAddTable = () => {
tableData.value.push(JSON.parse(JSON.stringify(tableFormKeys)))
}
// 删除明细
const handleDeleteTable = (item, index) => {
let itemIndex = tableData.value.indexOf(item)
if (itemIndex > -1) {
tableData.value.splice(itemIndex, 1)
}
}
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
tableColumns.value = val
}
const { tableObject, tableMethods } = useTable({
getListApi: SupplierAddrDeliTimeDetailApi.getSupplierAddrDeliTimeDetailPage // 分页接口
})
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
// 列表头部按钮
const HeadButttondata = [
defaultButtons.defaultAddBtn(null), // 新增
defaultButtons.defaultImportBtn(null), // 导入
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 butttondata = [
defaultButtons.mainListEditBtn(null), // 编辑
defaultButtons.mainListDeleteBtn(null), // 删除
]
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
if (val == 'edit') { // 编辑
openForm('update', row)
} else if (val == 'delete') { // 删除
handleDelete(row.id)
}
}
/** 添加/修改操作 */
const basicFormRef = ref()
const tableData = ref([])
const formRef = ref([])
// const openForm = (type: string, row?: any) => {
// basicFormRef.value.open(type, row)
// }
const openForm = async (type: string, row?: any) => {
tableData.value = [] // 重置明细数据
if (row?.id) {
SupplierAddrDeliTime.allSchemas.formSchema.forEach((item) => {
if (item.field == 'supplierCode') {
item.componentProps.isSearchList = false
item.componentProps.disabled = true
}
})
} else {
SupplierAddrDeliTime.allSchemas.formSchema.forEach((item) => {
if (item.field == 'supplierCode') {
item.componentProps.isSearchList = true
item.componentProps.disabled = false
}
})
}
formRef.value.open(type, row)
}
// form表单提交
const formsSuccess = async (formType,data) => {
var isHave =SupplierAddrDeliTime.allSchemas.formSchema.some(function (item) {
return item.field === 'activeTime' || item.field === 'expireTime';
});
if(isHave){
if(data.activeTime && data.expireTime && data.activeTime >=data.expireTime){
message.error('失效时间要大于生效时间')
return;
}
}
if(data.activeTime==0)data.activeTime = null;
if(data.expireTime==0)data.expireTime = null;
if (formType === 'create') {
await SupplierAddrDeliTimeDetailApi.createSupplierAddrDeliTimeDetail(data)
message.success(t('common.createSuccess'))
} else {
await SupplierAddrDeliTimeDetailApi.updateSupplierAddrDeliTimeDetail(data)
message.success(t('common.updateSuccess'))
}
basicFormRef.value.dialogVisible = false
getList()
}
/** 详情操作 */
const detailRef = ref()
const detailData = ref({})
const openDetail = (row: any, titleName: any, titleValue: any) => {
detailData.value = row
detailRef.value.openDetail(row, titleName, titleValue, 'basicSupplierAddrDeliTimeDetail')
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await SupplierAddrDeliTimeDetailApi.deleteSupplierAddrDeliTimeDetail(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 SupplierAddrDeliTimeDetailApi.exportSupplierAddrDeliTimeDetail(tableObject.params)
download.excel(data, '供应商地点便次时间配置明细.xlsx')
} catch {
} finally {
exportLoading.value = 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 SupplierAddrDeliTimeDetailApi.importTemplate()
})
</script>

201
src/views/wms/basicDataManage/supplierManage/supplierAddrDeliTime/supplierAddrDeliTimeDetail.data.ts
View File

@ -0,0 +1,201 @@
import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime'
import * as SupplierApi from '@/api/wms/supplier'
// import {Supplier} from '@/basicDataManage/supplierManage/supplier/supplier.data'
import { Supplier } from '../supplier/supplier.data'
import { DeliTime } from '../deliTime/deliTime.data'
import * as DeliTimeApi from '@/api/wms/deliTime'
// 表单校验
export const SupplierAddrDeliTimeDetailRules = reactive({
supplierCode: [required],
supplierName: [required],
supplierAddress: [required],
yearAndMonth: [required],
delayDeli: [required],
})
export const SupplierAddrDeliTime = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '供应商代码',
field: 'supplierCode',
sort: 'custom',
isSearch: true,
form: {
// labelMessage: '信息提示说明！！！',
componentProps: {
isSearchList: true, // 开启查询弹窗
searchListPlaceholder: '请选择供应商代码', // 输入框占位文本
searchField: 'number', // 查询弹窗赋值字段
searchTitle: '供应商', // 查询弹窗标题
searchAllSchemas: Supplier.allSchemas, // 查询弹窗所需类
searchPage: SupplierApi.getSupplierPageSCP, // 查询弹窗所需分页方法
searchCondition: [
{
key: 'available',
value: "TRUE",
isMainValue: false
}
]
}
}
},
{
label: '供应商名称',
field: 'supplierName',
sort: 'custom',
form :{
componentProps:{
disabled:true
}
},
},
{
label: '供应商地点',
field: 'supplierAddress',
sort: 'custom',
isSearch: true,
},
{
label: '年月',
field: 'yearAndMonth',
sort: 'custom',
isSearch: true,
},
{
label: '延后便次',
field: 'delayDeli',
sort: 'custom',
form: {
component: 'InputNumber',
value: 0,
},
},
{
label: '班次',
field: 'shift',
sort: 'custom',
isForm: false,
dictType: DICT_TYPE.SHIFT,
dictClass: 'string',
},
{
label: '编号',
field: 'code',
sort: 'custom',
isForm: false,
},
{
label: '创建时间',
field: 'createTime',
sort: 'custom',
formatter: dateFormatter,
search: {
component: 'DatePicker',
componentProps: {
valueFormat: 'YYYY-MM-DD HH:mm:ss',
type: 'daterange',
defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
}
},
isForm: false,
},
{
label: '操作',
field: 'action',
isForm: false,
table: {
width: 150,
fixed: 'right'
}
}
]))
export const SupplierAddrDeliTimeDetail = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '编号',
field: 'code',
sort: 'custom',
isForm: false,
tableForm:{
multiple: true,//多选
isInpuFocusShow: false, // 开启查询弹窗
disabled:true,
searchListPlaceholder: '请选择便次时间配置',// 输入框占位文本
searchField: 'code', // 查询弹窗赋值字段
searchTitle: '便次时间配置', // 查询弹窗标题
searchAllSchemas: DeliTime.allSchemas, // 查询弹窗所需类
searchPage: DeliTimeApi.getDeliTimePage, // 查询弹窗所需分页方法
searchCondition: [{
key: 'available',
value: 'TRUE',
action: '==',
isSearch: true,
isMainValue: false
},
],
verificationPage: DeliTimeApi.getDeliTimePage, // tableForm下方输入框校验失去焦点之后是否正确的方法
// isShowTableFormSearch: true, //tableForm下方是否出现输入框
verificationParams: [{
key: 'itemCode',
action: '==',
value: '',
isMainValue: false,
isSearch: true,
isFormModel: true,
}], // 失去焦点校验参数
},
form: {
// labelMessage: '信息提示说明！！！',
componentProps: {
disabled:true,
enterSearch: true,
isSearchList: true, // 开启查询弹窗
searchListPlaceholder: '请选择品番', // 输入框占位文本
searchField: 'itemCode', // 查询弹窗赋值字段
searchTitle: '供应商物料信息', // 查询弹窗标题
searchAllSchemas: DeliTime.allSchemas, // 查询弹窗所需类
searchPage: DeliTimeApi.getDeliTimePage, // 查询弹窗所需分页方法
searchCondition: [
{
key: 'available',
value: 'TRUE',
isMainValue: false
},
],
verificationParams: [
{
key: 'itemCode',
action: '==',
value: '',
isMainValue: false,
isSearch: true,
isFormModel: true
}
] // 失去焦点校验参数
}
}
},
{
label: '班次',
field: 'shift',
sort: 'custom',
isForm: false,
tableForm:{
disabled:true,
}
},
{
label: '开始时间',
field: 'beginTime',
sort: 'custom',
isForm: false,
formatter: dateFormatter,
tableForm:{
disabled:true,
formatter: dateFormatter,
}
},
]))
Write Preview
Loading…
Cancel
Save