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

库存策略和下架策略

master
zhangli 1 year ago
parent
4952d0660a
commit
10368ca174
6 changed files with 1579 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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 525
      src/views/wms/strategy/downShelfStrategy/AddForm.vue
  2. 60
      src/views/wms/strategy/downShelfStrategy/index.vue
  3. 525
      src/views/wms/strategy/upShelfStrategy/downShelfStrategy/AddForm.vue
  4. 60
      src/views/wms/strategy/upShelfStrategy/downShelfStrategy/index.vue
  5. 349
      src/views/wms/strategy/warehouseStorageStrategy/AddForm.vue
  6. 60
      src/views/wms/strategy/warehouseStorageStrategy/index.vue

525
src/views/wms/strategy/downShelfStrategy/AddForm.vue
View File

@ -0,0 +1,525 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<div class="p-20px m--10px" style="max-height: 500px;overflow-y: auto;">
<!-- 规则 -->
<div class="item">
<div class="title">规则</div>
<el-form ref="formRef1" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row gutter="10">
<el-col :span="24">
<el-form-item label="代码" prop="code">
<el-input v-model="formData.code" placeholder="请输入代码" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入名称" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="描述" prop="describe">
<el-input v-model="formData.describe" placeholder="请输入描述" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="优先级" prop="priority">
<el-input-number v-model="formData.priority" :min="1" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态" prop="status">
<el-switch v-model="formData.status" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则条件 -->
<div class="item mt-20px">
<div class="title">规则条件</div>
<el-form ref="formRef2" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row gutter="10">
<!-- 选择供应商和客户 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="supplier" class="err-240">
<el-select v-model="formData.type" placeholder="" style="width: 110px;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.typeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.supplierTypeRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.supplier" placeholder="请选择供应商" style="flex: 1;" clearable>
<el-option v-for="item in options.supplierList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 选择物品类型 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="item" class="err-240">
<el-select v-model="formData.itemType" placeholder="" style="width: 110px;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.itemTypeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.itemTypeRange" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.item" placeholder="请选择物品" style="flex: 1;" clearable>
<el-option v-for="item in options.itemList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 选择重量体积还是面积 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="calculation" class="err-240">
<el-select v-model="formData.calculationType" placeholder="" style="width: 110px;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.calculationTypeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.calculationTypeRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.calculation" placeholder="请选择物品" style="flex: 1;" clearable>
<el-option v-for="item in options.calculationList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 库存状态 -->
<el-col :span="24">
<el-form-item label="库存状态" prop="inventoryStatus" class="err-120">
<el-select v-model="formData.inventoryStatusRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.inventoryStatus" placeholder="请选择库存状态" style="flex: 1;" clearable>
<el-option v-for="item in options.inventoryStatusList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 存储类型 -->
<el-col :span="24">
<el-form-item label="存储状态" prop="storageType" class="err-120">
<el-select v-model="formData.storageTypeRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.storageType" placeholder="请选择存储状态" style="flex: 1;" clearable>
<el-option v-for="item in options.storageTypeList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 库存事务 -->
<el-col :span="24">
<el-form-item label="库存事务" prop="inventoryAffair" class="err-120">
<el-select v-model="formData.inventoryAffairRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.inventoryAffair" placeholder="请选择库存事务" style="flex: 1;" clearable>
<el-option v-for="item in options.inventoryAffairList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则配置 -->
<div class="item mt-20px">
<div class="title">规则配置</div>
<el-form ref="formRef3" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row gutter="10">
<!-- 仓库 库区 库位组 库位 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="warehouse" class="err-120">
<el-select v-model="formData.warehouseType" style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.warehouseTypeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.warehouse" placeholder="请选择库位" style="flex: 1;" clearable>
<el-option v-for="item in options.warehouseTypeList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 数量排列方向 -->
<el-col :span="24">
<el-form-item label="数量排列方向" class="flex-top" prop="quantitySort">
<div class="checkbox">
<el-radio-group v-model="formData.quantitySort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{
item.label }}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 巷道排列方向 -->
<el-col :span="24">
<el-form-item label="巷道排列方向" class="flex-top" prop="roadwaySort">
<div class="checkbox">
<el-radio-group v-model="formData.roadwaySort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 货架排列方向 -->
<el-col :span="24">
<el-form-item label="货架排列方向" class="flex-top" prop="goodsDhelvesSort">
<div class="checkbox">
<el-radio-group v-model="formData.goodsDhelvesSort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 行排列方向 -->
<el-col :span="24">
<el-form-item label="行排列方向" class="flex-top" prop="rowSort">
<div class="checkbox">
<el-radio-group v-model="formData.rowSort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 列排列方向 -->
<el-col :span="24">
<el-form-item label="列排列方向" class="flex-top" prop="columnSort">
<div class="checkbox">
<el-radio-group v-model="formData.columnSort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 优先整包 -->
<el-col :span="24">
<el-form-item label="优先整包" prop="firstPackage">
<el-switch v-model="formData.firstPackage" />
</el-form-item>
</el-col>
<!-- 发料包装类型 -->
<el-col :span="24">
<el-form-item label="发料包装类型" class="flex-top" prop="packagingType">
<div class="checkbox">
<el-radio-group v-model="formData.packagingType">
<el-radio :label="item.value" v-for="item in options.packagingTypeOptions" :key="item.value">{{
item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 多次发料 -->
<el-col :span="7">
<el-form-item label="多次发料" prop="manyTimesGoods">
<el-switch v-model="formData.manyTimesGoods" />
</el-form-item>
</el-col>
<!-- 拆分次数 -->
<el-col :span="8">
<el-form-item label="拆分次数" prop="splitsNumber" label-width="70px">
<el-input v-model="formData.splitsNumber" min="0" placeholder="请输入拆分次数" type="number" />
</el-form-item>
</el-col>
<!-- 时间间隔 -->
<el-col :span="9">
<el-form-item label="时间间隔" prop="timeInterval" label-width="70px">
<el-input v-model.number="formData.timeInterval" min="0" placeholder="请输入时间间隔" type="number"
style="flex:1;margin-right:10px" />
小时
</el-form-item>
</el-col>
<!-- 使用整理库位 -->
<el-col :span="24">
<el-form-item label="使用整理库位" prop="useArrangePlace">
<el-switch v-model="formData.useArrangePlace" />
</el-form-item>
</el-col>
<!-- 使用在途库位 -->
<el-col :span="24">
<el-form-item label="使用在途库位" prop="useWayPlace">
<el-switch v-model="formData.useWayPlace" />
</el-form-item>
</el-col>
<!-- 生成接收任务 -->
<el-col :span="24">
<el-form-item label="生成接收任务" prop="receiveTask">
<el-switch v-model="formData.receiveTask" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<template #footer>
<!-- 按钮-->
<TableHead :HeadButttondata="Butttondata" @buttonBaseClick="buttonBaseClick" />
</template>
</Dialog>
</template>
<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
defineOptions({ name: 'DownShelfStrategyAddForm' })
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formRef1 = ref() // 表单 Ref
const formRef2 = ref() // 表单 Ref
const formRef3 = ref() // 表单 Ref
// form表单数据
const formData = ref({
code: '',//代码
name: '',//名称
describe: '',//描述
priority: '',//优先级
status: false,//状态
// 供应商类型
type: 1,//供应商类型范围
supplierTypeRange: 1,//选择的供应商类型范围
supplier: '',//选择的供应商
// 物品类型
itemType: 1,//选择的物品类型
itemTypeRange: 1, //物品类型范围
item: '',//选择的物品
//重量体积面积
calculationType: 1,//默认选择重量
calculationTypeRange: 1, // 选择重量范围
calculation: '',//选择重量之后选择的内容
// 库存状态
inventoryStatusRange: 1, // 选择的库存状态范围
inventoryStatus: '',//选择的库存状态
// 存储状态
storageTypeRange: 1, // 选择的存储状态范围
storageType: '',//选择的存储状态
// 库存事务
inventoryAffairRange: 1, // 选择的库存事务范围
inventoryAffair: '',//选择的库存事务
// 仓库 库位
warehouseType: 1,//选择的是仓库/库区/库位组/库位类型
warehouse: '',//选择的仓库/库区/库位组/库位
quantitySort: 1,
roadwaySort: 1,
goodsDhelvesSort: 1,
rowSort: 1,
columnSort: 1,
firstPackage: false,
packagingType: 1,
manyTimesGoods: false,
splitsNumber: 1,
timeInterval: 1,
useArrangePlace: false,
useWayPlace: false,
receiveTask: false,
})
// 验证规则
const rules = ref({
code: [{ required: true, message: '请输入代码', trigger: 'blur' }],
name: [{ required: true, message: '请输入名字', trigger: 'blur' }],
describe: [{ required: true, message: '请输入描述', trigger: 'blur' }],
priority: [{ required: true, message: '请输入优先级', trigger: 'blur' }],
supplier: [{ required: true, message: '请选择供应商', trigger: 'blur' }],
item: [{ required: true, message: '请选择物品', trigger: 'blur' }],
calculation: [{ required: true, message: '请选择', trigger: 'blur' }],
inventoryStatus: [{ required: true, message: '请选择库存状态', trigger: 'blur' }],
storageType: [{ required: true, message: '请选择存储类型', trigger: 'blur' }],
inventoryAffair: [{ required: true, message: '请选择库存事务', trigger: 'blur' }],
warehouse: [{ required: true, message: '请选择仓库', trigger: 'blur' }],
})
// 下拉框列表集合
const options = reactive({
// 供应商客户下拉框列表
typeOptions: [{ value: 1, label: '供应商' }, { value: 2, label: '客户' }],
// 范围下拉框列表
rangeOptions: [{ value: 1, label: '包含' }, { value: 2, label: '大于', }],
//供应商列表
supplierList: [{ value: 1, label: '供应商1' }, { value: 2, label: '供应商2' }, { value: 3, label: '供应商3' }],
// 物品类型列表
itemTypeOptions: [{ value: 1, label: '物品分类' }, { value: 2, label: '物品分组' }, { value: 3, label: '物品' }, { value: 4, label: '项目' }, { value: 5, label: 'ABC类' }],
// 物品列表
itemList: [{ value: 1, label: '物品1' }, { value: 2, label: '物品2' }, { value: 3, label: '物品3' }],
// 重量体积面积类型列表
calculationTypeOptions: [{ value: 1, label: '重量' }, { value: 2, label: '体积' }, { value: 3, label: '面积' }],
// 重量体积面积列表
calculationList: [{ value: 1, label: '重量1' }, { value: 2, label: '重量2' }, { value: 3, label: '重量3' }],
// 库存状态列表
inventoryStatusList: [{ value: 1, label: '库存状态1' }, { value: 2, label: '库存状态2' }, { value: 3, label: '库存状态3' }],
// 存储状态列表
storageTypeList: [{ value: 1, label: '存储状态1' }, { value: 2, label: '存储状态2' }, { value: 3, label: '存储状态3' }],
// 库存事务列表
inventoryAffairList: [{ value: 1, label: '库存事务1' }, { value: 2, label: '库存事务2' }, { value: 3, label: '库存事务3' }],
// 仓库类型
warehouseTypeOptions: [{ value: 1, label: '仓库' }, { value: 2, label: '库区' }, { value: 3, label: '库位组' }, { value: 4, label: '库位' }],
// 仓库列表
warehouseTypeList: [{ value: 1, label: '仓库1' }, { value: 2, label: '仓库2' }, { value: 3, label: '仓库3' }],
// 排列方式
sortOptions: [{ value: 1, label: '从小到大' }, { value: 2, label: '从大到小' }],
// 发料包装类型
packagingTypeOptions: [{ value: 1, label: '包装' }, { value: 2, label: '容器' }, { value: 3, label: '单件' }],
})
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时，设置数据
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const submitForm = async () => {
// 校验表单
if (!formRef1 || !formRef2 || !formRef3) return
const valid2 = formRef2.value.validate()
const valid1 = formRef1.value.validate()
const valid3 = await formRef3.value.validate()
if (!valid1 || !valid2 || !valid3) return
// 提交请求
formLoading.value = true
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
code: '',
name: '',
describe: '',
priority: '',
status: false,
// 供应商类型
type: 1,//供应商类型范围
supplierTypeRange: 1,//选择的供应商类型范围
supplier: '',//选择的供应商
// 物品类型
itemType: 1,//选择的物品类型
itemTypeRange: 1, //物品类型范围
item: '',//选择的物品
//重量体积面积
calculationType: 1,//默认选择重量
calculationTypeRange: 1, // 选择重量范围
calculation: '',//选择重量之后选择的内容
// 库存状态
inventoryStatusRange: 1, // 选择的库存状态范围
inventoryStatus: '',//选择的库存状态
// 存储状态
storageTypeRange: 1, // 选择的存储状态范围
storageType: '',//选择的存储状态
// 库存事务
inventoryAffairRange: 1, // 选择的库存事务范围
inventoryAffair: '',//选择的库存事务
// 仓库 库位
warehouseType: 1,//选择的是仓库/库区/库位组/库位类型
warehouse: '',//选择的仓库/库区/库位组/库位
quantitySort: 1,
roadwaySort: 1,
goodsDhelvesSort: 1,
rowSort: 1,
columnSort: 1,
firstPackage: false,
packagingType: 1,
manyTimesGoods: false,
splitsNumber: 1,
timeInterval: 1,
useArrangePlace: false,
useWayPlace: false,
receiveTask: false,
}
}
// 弹窗按钮
const Butttondata = [
defaultButtons.formSaveBtn(null), // 保存
defaultButtons.formCloseBtn(null), // 关闭
]
// 按钮事件
const buttonBaseClick = (val, item) => {
// 保存
if (val == 'save') {
submitForm()
}
// 关闭
else if (val == 'close') {
dialogVisible.value = false
}
}
</script>
<style scoped lang="scss">
.item {
border: 1px solid #dedede;
border-radius: 4px;
padding: 30px 30px 5px;
position: relative;
.title {
position: absolute;
background: white;
padding: 0px 10px;
position: absolute;
top: 0px;
height: 30px;
line-height: 30px;
margin-top: -15px;
}
}
.checkbox {
background: #f5f5f5;
flex: 1;
padding: 0px 15px;
border-radius: 2px;
}
::v-deep .flex-top .el-form-item__content {
align-items: flex-start !important;
}
::v-deep .err-240 .el-form-item__error {
padding-left: 240px !important;
}
::v-deep .err-120 .el-form-item__error {
padding-left: 120px !important;
}
</style>

60
src/views/wms/strategy/downShelfStrategy/index.vue
View File

@ -0,0 +1,60 @@
<template>
<!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" />
<!-- 表单弹窗：添加/修改 -->
<AddForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import AddForm from './AddForm.vue'
defineOptions({ name: 'DownShelfStrategy' })
// 显示弹窗
const formRef = ref()
const openForm = (type: string) => {
formRef.value.open(type)
}
// 列表头部按钮
const HeadButttondata = [
defaultButtons.defaultAddBtn(null), // 新增
defaultButtons.defaultImportBtn(null), // 导入
defaultButtons.defaultExportBtn(null), // 导出
// defaultButtons.defaultFilterBtn(), // 筛选
defaultButtons.defaultFreshBtn(null), // 刷新
]
// 头部按钮事件
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:itembasic:update' }), // 编辑
defaultButtons.mainListDeleteBtn({ hasPermi: 'wms:itembasic:delete' }), // 删除
]
// 列表-操作按钮事件
const buttonTableClick = (val, row) => {
if (val == 'edit') { // 编辑
openForm('update', row.id)
} else if (val == 'delete') { // 删除
handleDelete(row.id)
}
}
</script>

525
src/views/wms/strategy/upShelfStrategy/downShelfStrategy/AddForm.vue
View File

@ -0,0 +1,525 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<div class="p-20px m--10px" style="max-height: 500px;overflow-y: auto;">
<!-- 规则 -->
<div class="item">
<div class="title">规则</div>
<el-form ref="formRef1" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row gutter="10">
<el-col :span="24">
<el-form-item label="代码" prop="code">
<el-input v-model="formData.code" placeholder="请输入代码" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入名称" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="描述" prop="describe">
<el-input v-model="formData.describe" placeholder="请输入描述" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="优先级" prop="priority">
<el-input-number v-model="formData.priority" :min="1" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态" prop="status">
<el-switch v-model="formData.status" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则条件 -->
<div class="item mt-20px">
<div class="title">规则条件</div>
<el-form ref="formRef2" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row gutter="10">
<!-- 选择供应商和客户 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="supplier" class="err-240">
<el-select v-model="formData.type" placeholder="" style="width: 110px;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.typeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.supplierTypeRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.supplier" placeholder="请选择供应商" style="flex: 1;" clearable>
<el-option v-for="item in options.supplierList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 选择物品类型 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="item" class="err-240">
<el-select v-model="formData.itemType" placeholder="" style="width: 110px;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.itemTypeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.itemTypeRange" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.item" placeholder="请选择物品" style="flex: 1;" clearable>
<el-option v-for="item in options.itemList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 选择重量体积还是面积 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="calculation" class="err-240">
<el-select v-model="formData.calculationType" placeholder="" style="width: 110px;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.calculationTypeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.calculationTypeRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.calculation" placeholder="请选择物品" style="flex: 1;" clearable>
<el-option v-for="item in options.calculationList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 库存状态 -->
<el-col :span="24">
<el-form-item label="库存状态" prop="inventoryStatus" class="err-120">
<el-select v-model="formData.inventoryStatusRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.inventoryStatus" placeholder="请选择库存状态" style="flex: 1;" clearable>
<el-option v-for="item in options.inventoryStatusList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 存储类型 -->
<el-col :span="24">
<el-form-item label="存储状态" prop="storageType" class="err-120">
<el-select v-model="formData.storageTypeRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.storageType" placeholder="请选择存储状态" style="flex: 1;" clearable>
<el-option v-for="item in options.storageTypeList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 库存事务 -->
<el-col :span="24">
<el-form-item label="库存事务" prop="inventoryAffair" class="err-120">
<el-select v-model="formData.inventoryAffairRange" placeholder="请选择范围"
style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.inventoryAffair" placeholder="请选择库存事务" style="flex: 1;" clearable>
<el-option v-for="item in options.inventoryAffairList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则配置 -->
<div class="item mt-20px">
<div class="title">规则配置</div>
<el-form ref="formRef3" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row gutter="10">
<!-- 仓库 库区 库位组 库位 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="warehouse" class="err-120">
<el-select v-model="formData.warehouseType" style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.warehouseTypeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.warehouse" placeholder="请选择库位" style="flex: 1;" clearable>
<el-option v-for="item in options.warehouseTypeList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 数量排列方向 -->
<el-col :span="24">
<el-form-item label="数量排列方向" class="flex-top" prop="quantitySort">
<div class="checkbox">
<el-radio-group v-model="formData.quantitySort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{
item.label }}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 巷道排列方向 -->
<el-col :span="24">
<el-form-item label="巷道排列方向" class="flex-top" prop="roadwaySort">
<div class="checkbox">
<el-radio-group v-model="formData.roadwaySort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 货架排列方向 -->
<el-col :span="24">
<el-form-item label="货架排列方向" class="flex-top" prop="goodsDhelvesSort">
<div class="checkbox">
<el-radio-group v-model="formData.goodsDhelvesSort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 行排列方向 -->
<el-col :span="24">
<el-form-item label="行排列方向" class="flex-top" prop="rowSort">
<div class="checkbox">
<el-radio-group v-model="formData.rowSort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 列排列方向 -->
<el-col :span="24">
<el-form-item label="列排列方向" class="flex-top" prop="columnSort">
<div class="checkbox">
<el-radio-group v-model="formData.columnSort">
<el-radio :label="item.value" v-for="item in options.sortOptions" :key="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 优先整包 -->
<el-col :span="24">
<el-form-item label="优先整包" prop="firstPackage">
<el-switch v-model="formData.firstPackage" />
</el-form-item>
</el-col>
<!-- 发料包装类型 -->
<el-col :span="24">
<el-form-item label="发料包装类型" class="flex-top" prop="packagingType">
<div class="checkbox">
<el-radio-group v-model="formData.packagingType">
<el-radio :label="item.value" v-for="item in options.packagingTypeOptions" :key="item.value">{{
item.label
}}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 多次发料 -->
<el-col :span="7">
<el-form-item label="多次发料" prop="manyTimesGoods">
<el-switch v-model="formData.manyTimesGoods" />
</el-form-item>
</el-col>
<!-- 拆分次数 -->
<el-col :span="8">
<el-form-item label="拆分次数" prop="splitsNumber" label-width="70px">
<el-input v-model="formData.splitsNumber" min="0" placeholder="请输入拆分次数" type="number" />
</el-form-item>
</el-col>
<!-- 时间间隔 -->
<el-col :span="9">
<el-form-item label="时间间隔" prop="timeInterval" label-width="70px">
<el-input v-model.number="formData.timeInterval" min="0" placeholder="请输入时间间隔" type="number"
style="flex:1;margin-right:10px" />
小时
</el-form-item>
</el-col>
<!-- 使用整理库位 -->
<el-col :span="24">
<el-form-item label="使用整理库位" prop="useArrangePlace">
<el-switch v-model="formData.useArrangePlace" />
</el-form-item>
</el-col>
<!-- 使用在途库位 -->
<el-col :span="24">
<el-form-item label="使用在途库位" prop="useWayPlace">
<el-switch v-model="formData.useWayPlace" />
</el-form-item>
</el-col>
<!-- 生成接收任务 -->
<el-col :span="24">
<el-form-item label="生成接收任务" prop="receiveTask">
<el-switch v-model="formData.receiveTask" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<template #footer>
<!-- 按钮-->
<TableHead :HeadButttondata="Butttondata" @buttonBaseClick="buttonBaseClick" />
</template>
</Dialog>
</template>
<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
defineOptions({ name: 'DownShelfStrategyAddForm' })
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formRef1 = ref() // 表单 Ref
const formRef2 = ref() // 表单 Ref
const formRef3 = ref() // 表单 Ref
// form表单数据
const formData = ref({
code: '',//代码
name: '',//名称
describe: '',//描述
priority: '',//优先级
status: false,//状态
// 供应商类型
type: 1,//供应商类型范围
supplierTypeRange: 1,//选择的供应商类型范围
supplier: '',//选择的供应商
// 物品类型
itemType: 1,//选择的物品类型
itemTypeRange: 1, //物品类型范围
item: '',//选择的物品
//重量体积面积
calculationType: 1,//默认选择重量
calculationTypeRange: 1, // 选择重量范围
calculation: '',//选择重量之后选择的内容
// 库存状态
inventoryStatusRange: 1, // 选择的库存状态范围
inventoryStatus: '',//选择的库存状态
// 存储状态
storageTypeRange: 1, // 选择的存储状态范围
storageType: '',//选择的存储状态
// 库存事务
inventoryAffairRange: 1, // 选择的库存事务范围
inventoryAffair: '',//选择的库存事务
// 仓库 库位
warehouseType: 1,//选择的是仓库/库区/库位组/库位类型
warehouse: '',//选择的仓库/库区/库位组/库位
quantitySort: 1,
roadwaySort: 1,
goodsDhelvesSort: 1,
rowSort: 1,
columnSort: 1,
firstPackage: false,
packagingType: 1,
manyTimesGoods:false,
splitsNumber:1,
timeInterval:1,
useArrangePlace:false,
useWayPlace: false,
receiveTask: false,
})
// 验证规则
const rules = ref({
code: [{ required: true, message: '请输入代码', trigger: 'blur' }],
name: [{ required: true, message: '请输入名字', trigger: 'blur' }],
describe: [{ required: true, message: '请输入描述', trigger: 'blur' }],
priority: [{ required: true, message: '请输入优先级', trigger: 'blur' }],
supplier: [{ required: true, message: '请选择供应商', trigger: 'blur' }],
item: [{ required: true, message: '请选择物品', trigger: 'blur' }],
calculation: [{ required: true, message: '请选择', trigger: 'blur' }],
inventoryStatus: [{ required: true, message: '请选择库存状态', trigger: 'blur' }],
storageType: [{ required: true, message: '请选择存储类型', trigger: 'blur' }],
inventoryAffair: [{ required: true, message: '请选择库存事务', trigger: 'blur' }],
warehouse: [{ required: true, message: '请选择仓库', trigger: 'blur' }],
})
// 下拉框列表集合
const options = reactive({
// 供应商客户下拉框列表
typeOptions: [{ value: 1, label: '供应商' }, { value: 2, label: '客户' }],
// 范围下拉框列表
rangeOptions: [{ value: 1, label: '包含' }, { value: 2, label: '大于', }],
//供应商列表
supplierList: [{ value: 1, label: '供应商1' }, { value: 2, label: '供应商2' }, { value: 3, label: '供应商3' }],
// 物品类型列表
itemTypeOptions: [{ value: 1, label: '物品分类' }, { value: 2, label: '物品分组' }, { value: 3, label: '物品' }, { value: 4, label: '项目' }, { value: 5, label: 'ABC类' }],
// 物品列表
itemList: [{ value: 1, label: '物品1' }, { value: 2, label: '物品2' }, { value: 3, label: '物品3' }],
// 重量体积面积类型列表
calculationTypeOptions: [{ value: 1, label: '重量' }, { value: 2, label: '体积' }, { value: 3, label: '面积' }],
// 重量体积面积列表
calculationList: [{ value: 1, label: '重量1' }, { value: 2, label: '重量2' }, { value: 3, label: '重量3' }],
// 库存状态列表
inventoryStatusList: [{ value: 1, label: '库存状态1' }, { value: 2, label: '库存状态2' }, { value: 3, label: '库存状态3' }],
// 存储状态列表
storageTypeList: [{ value: 1, label: '存储状态1' }, { value: 2, label: '存储状态2' }, { value: 3, label: '存储状态3' }],
// 库存事务列表
inventoryAffairList: [{ value: 1, label: '库存事务1' }, { value: 2, label: '库存事务2' }, { value: 3, label: '库存事务3' }],
// 仓库类型
warehouseTypeOptions: [{ value: 1, label: '仓库' }, { value: 2, label: '库区' }, { value: 3, label: '库位组' }, { value: 4, label: '库位' }],
// 仓库列表
warehouseTypeList: [{ value: 1, label: '仓库1' }, { value: 2, label: '仓库2' }, { value: 3, label: '仓库3' }],
// 排列方式
sortOptions: [{ value: 1, label: '从小到大' }, { value: 2, label: '从大到小' }],
// 发料包装类型
packagingTypeOptions: [{ value: 1, label: '包装' }, { value: 2, label: '容器' }, { value: 3, label: '单件' }],
})
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时，设置数据
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const submitForm = async () => {
// 校验表单
if (!formRef1 || !formRef2 || !formRef3) return
const valid2 = formRef2.value.validate()
const valid1 = formRef1.value.validate()
const valid3 = await formRef3.value.validate()
if (!valid1 || !valid2 || !valid3) return
// 提交请求
formLoading.value = true
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
code: '',
name: '',
describe: '',
priority: '',
status: false,
// 供应商类型
type: 1,//供应商类型范围
supplierTypeRange: 1,//选择的供应商类型范围
supplier: '',//选择的供应商
// 物品类型
itemType: 1,//选择的物品类型
itemTypeRange: 1, //物品类型范围
item: '',//选择的物品
//重量体积面积
calculationType: 1,//默认选择重量
calculationTypeRange: 1, // 选择重量范围
calculation: '',//选择重量之后选择的内容
// 库存状态
inventoryStatusRange: 1, // 选择的库存状态范围
inventoryStatus: '',//选择的库存状态
// 存储状态
storageTypeRange: 1, // 选择的存储状态范围
storageType: '',//选择的存储状态
// 库存事务
inventoryAffairRange: 1, // 选择的库存事务范围
inventoryAffair: '',//选择的库存事务
// 仓库 库位
warehouseType: 1,//选择的是仓库/库区/库位组/库位类型
warehouse: '',//选择的仓库/库区/库位组/库位
quantitySort: 1,
roadwaySort: 1,
goodsDhelvesSort: 1,
rowSort: 1,
columnSort: 1,
firstPackage: false,
packagingType: 1,
manyTimesGoods: false,
splitsNumber: 1,
timeInterval: 1,
useArrangePlace: false,
useWayPlace: false,
receiveTask: false,
}
}
// 弹窗按钮
const Butttondata = [
defaultButtons.formSaveBtn(null), // 保存
defaultButtons.formCloseBtn(null), // 关闭
]
// 按钮事件
const buttonBaseClick = (val, item) => {
// 保存
if (val == 'save') {
submitForm()
}
// 关闭
else if (val == 'close') {
dialogVisible.value = false
}
}
</script>
<style scoped lang="scss">
.item {
border: 1px solid #dedede;
border-radius: 4px;
padding: 30px 30px 5px;
position: relative;
.title {
position: absolute;
background: white;
padding: 0px 10px;
position: absolute;
top: 0px;
height: 30px;
line-height: 30px;
margin-top: -15px;
}
}
.checkbox {
background: #f5f5f5;
flex: 1;
padding: 0px 15px;
border-radius: 2px;
}
::v-deep .flex-top .el-form-item__content {
align-items: flex-start !important;
}
::v-deep .err-240 .el-form-item__error {
padding-left: 240px !important;
}
::v-deep .err-120 .el-form-item__error {
padding-left: 120px !important;
}
</style>

60
src/views/wms/strategy/upShelfStrategy/downShelfStrategy/index.vue
View File

@ -0,0 +1,60 @@
<template>
<!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" />
<!-- 表单弹窗：添加/修改 -->
<AddForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import AddForm from './AddForm.vue'
defineOptions({ name: 'DownShelfStrategy' })
// 显示弹窗
const formRef = ref()
const openForm = (type: string) => {
formRef.value.open(type)
}
// 列表头部按钮
const HeadButttondata = [
defaultButtons.defaultAddBtn(null), // 新增
defaultButtons.defaultImportBtn(null), // 导入
defaultButtons.defaultExportBtn(null), // 导出
// defaultButtons.defaultFilterBtn(), // 筛选
defaultButtons.defaultFreshBtn(null), // 刷新
]
// 头部按钮事件
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:itembasic:update' }), // 编辑
defaultButtons.mainListDeleteBtn({ hasPermi: 'wms:itembasic:delete' }), // 删除
]
// 列表-操作按钮事件
const buttonTableClick = (val, row) => {
if (val == 'edit') { // 编辑
openForm('update', row.id)
} else if (val == 'delete') { // 删除
handleDelete(row.id)
}
}
</script>

349
src/views/wms/strategy/warehouseStorageStrategy/AddForm.vue
View File

@ -0,0 +1,349 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<div class="p-20px m--10px" style="max-height: 500px;overflow-y: auto;">
<!-- 规则 -->
<div class="item">
<div class="title">规则</div>
<el-form ref="formRef1" :model="formData" :rules="rules" label-width="130px" label-position="left">
<el-row>
<el-col :span="24">
<el-form-item label="代码" prop="code">
<el-input v-model="formData.code" placeholder="请输入代码" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入名称" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="描述" prop="describe">
<el-input v-model="formData.describe" placeholder="请输入描述" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="优先级" prop="priority">
<el-input-number v-model="formData.priority" :min="1" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态" prop="status">
<el-switch v-model="formData.status" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则条件 -->
<div class="item mt-20px">
<div class="title">规则条件</div>
<el-form ref="formRef2" :model="formData" :rules="rules" label-width="130px" label-position="left">
<el-row>
<!-- 仓库 库区 库位组 库位 -->
<el-col :span="24">
<el-form-item label="" label-width="0" prop="warehouse" class="err-260">
<el-select v-model="formData.warehouseType" style="width: 120px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.warehouseTypeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.warehouseTypeRange" placeholder="请选择范围"
style="width: 120px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions"
:key="item.value" />
</el-select>
<el-select v-model="formData.warehouse" placeholder="请选择库位" style="flex: 1;" clearable>
<el-option v-for="item in options.warehouseTypeList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则配置 -->
<div class="item mt-20px">
<div class="title">规则配置</div>
<el-form ref="formRef3" :model="formData" :rules="rules" label-width="130px" label-position="left">
<el-row>
<!-- 默认库存状态 -->
<el-col :span="24">
<el-form-item label="默认库存状态" class="flex-top" prop="defaultInventoryStatus">
<div class="checkbox">
<el-radio-group v-model="formData.defaultInventoryStatus">
<el-radio :label="item.value" v-for="item in options.defaultInventoryStatusOptions"
:key="item.value">{{
item.label }}</el-radio>
</el-radio-group>
</div>
</el-form-item>
</el-col>
<!-- 溢流库位 -->
<el-col :span="24">
<el-form-item label="溢流库位" prop="overflowWarehouse">
<el-select v-model="formData.overflowWarehouse" placeholder="请选择溢流库位" clearable>
<el-option v-for="item in options.overflowWarehouseList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
</el-col>
<!-- 允许负库存 -->
<el-col :span="12">
<el-form-item label="允许负库存" prop="allowNegativeInventory">
<el-switch v-model="formData.allowNegativeInventory" />
</el-form-item>
</el-col>
<!-- 保留零库存 -->
<el-col :span="12">
<el-form-item label="保留零库存" prop="reserveZeroInventory">
<el-switch v-model="formData.reserveZeroInventory" />
</el-form-item>
</el-col>
<!-- 允许领料 -->
<el-col :span="12">
<el-form-item label="允许领料" prop="allowPicking">
<el-switch v-model="formData.allowPicking" />
</el-form-item>
</el-col>
<!-- 允许过量领料 -->
<el-col :span="12">
<el-form-item label="允许过量领料" prop="allowExcessPicking">
<el-switch v-model="formData.allowExcessPicking" />
</el-form-item>
</el-col>
<!-- 允许整包存储 -->
<el-col :span="12">
<el-form-item label="允许整包存储" prop="allowPackageStorage">
<el-switch v-model="formData.allowPackageStorage" />
</el-form-item>
</el-col>
<!-- 允许散量存储 -->
<el-col :span="12">
<el-form-item label="允许散量存储" prop="allowDispersionStorage">
<el-switch v-model="formData.allowDispersionStorage" />
</el-form-item>
</el-col>
<!-- 允许出库 -->
<el-col :span="12">
<el-form-item label="允许出库" prop="allowOutbound">
<el-switch v-model="formData.allowOutbound" />
</el-form-item>
</el-col>
<!-- 允许入库 -->
<el-col :span="12">
<el-form-item label="允许入库" prop="allowInbound">
<el-switch v-model="formData.allowInbound" />
</el-form-item>
</el-col>
<!-- 允许退货到供应商 -->
<el-col :span="12">
<el-form-item label="允许退货到供应商" prop="allowReturn">
<el-switch v-model="formData.allowReturn" />
</el-form-item>
</el-col>
<!-- 允许接收客户退货 -->
<el-col :span="12">
<el-form-item label="允许接收客户退货" prop="allowReceiveReturn">
<el-switch v-model="formData.allowReceiveReturn" />
</el-form-item>
</el-col>
<!-- 允许拆箱 -->
<el-col :span="12">
<el-form-item label="允许拆箱" prop="allowOpenBox">
<el-switch v-model="formData.allowUnpacking" />
</el-form-item>
</el-col>
<!-- 允许拆托 -->
<el-col :span="12">
<el-form-item label="允许拆托" prop="allowOpenHolder">
<el-switch v-model="formData.allowOpenHolder" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<template #footer>
<!-- 按钮-->
<TableHead :HeadButttondata="Butttondata" @buttonBaseClick="buttonBaseClick" />
</template>
</Dialog>
</template>
<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
defineOptions({ name: 'WarehouseStorageStrategyAddForm' })
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const formRef1 = ref() // 表单 Ref
const formRef2 = ref() // 表单 Ref
const formRef3 = ref() // 表单 Ref
// form表单数据
const formData = ref({
code: '',//代码
name: '',//名称
describe: '',//描述
priority: '',//优先级
status: false,//状态
// 仓库 库位
warehouseType: 1,//选择的是仓库/库区/库位组/库位类型
warehouseTypeRange: 1,//选择的仓库范围
warehouse: '',//选择的仓库/库区/库位组/库位
defaultInventoryStatus: 1,
overflowWarehouse: '',
allowNegativeInventory: false,
reserveZeroInventory: false,
allowPicking: false,
allowExcessPicking: false,
allowPackageStorage: false,
allowDispersionStorage: false,
allowOutbound: false,
allowInbound: false,
allowReturn: false,
allowReceiveReturn: false,
allowOpenBox: false,
allowOpenHolder: false,
})
// 验证规则
const rules = ref({
code: [{ required: true, message: '请输入代码', trigger: 'blur' }],
name: [{ required: true, message: '请输入名字', trigger: 'blur' }],
describe: [{ required: true, message: '请输入描述', trigger: 'blur' }],
priority: [{ required: true, message: '请输入优先级', trigger: 'blur' }],
warehouse: [{ required: true, message: '请选择仓库', trigger: 'blur' }],
overflowWarehouse: [{ required: true, message: '请选择溢流库位', trigger: 'blur' }],
})
// 下拉框列表集合
const options = reactive({
// 范围下拉框列表
rangeOptions: [{ value: 1, label: '包含' }, { value: 2, label: '大于', }],
// 仓库类型
warehouseTypeOptions: [{ value: 1, label: '仓库' }, { value: 2, label: '库区' }, { value: 3, label: '库位组' }, { value: 4, label: '库位' }],
// 仓库列表
warehouseTypeList: [{ value: 1, label: '仓库1' }, { value: 2, label: '仓库2' }, { value: 3, label: '仓库3' }],
// 默认库存状态
defaultInventoryStatusOptions: [{ value: 1, label: '合格' }, { value: 2, label: '待检' }, { value: 3, label: '不合格' }, { value: 4, label: '隔离' }, { value: 5, label: '报废' }],
// 溢流库存列表
overflowWarehouseList: [{ value: 1, label: '溢流库存1' }, { value: 2, label: '溢流库存2' }],
})
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时，设置数据
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const submitForm = async () => {
// 校验表单
if (!formRef1 || !formRef2 || !formRef3) return
const valid2 = formRef2.value.validate()
const valid1 = formRef1.value.validate()
const valid3 = await formRef3.value.validate()
if (!valid1 || !valid2 || !valid3) return
// 提交请求
formLoading.value = true
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
code: '',
name: '',
describe: '',
priority: '',
status: false,
// 仓库 库位
warehouseType: 1,//选择的是仓库/库区/库位组/库位类型
warehouseTypeRange: 1,//选择的仓库范围
warehouse: '',//选择的仓库/库区/库位组/库位
defaultInventoryStatus: 1,
overflowWarehouse: '',
allowNegativeInventory: false,
reserveZeroInventory: false,
allowPicking: false,
allowExcessPicking: false,
allowPackageStorage: false,
allowDispersionStorage: false,
allowOutbound: false,
allowInbound: false,
allowReturn: false,
allowReceiveReturn: false,
allowOpenBox: false,
allowOpenHolder: false,
}
}
// 弹窗按钮
const Butttondata = [
defaultButtons.formSaveBtn(null), // 保存
defaultButtons.formCloseBtn(null), // 关闭
]
// 按钮事件
const buttonBaseClick = (val, item) => {
// 保存
if (val == 'save') {
submitForm()
}
// 关闭
else if (val == 'close') {
dialogVisible.value = false
}
}
</script>
<style scoped lang="scss">
.item {
border: 1px solid #dedede;
border-radius: 4px;
padding: 30px 30px 5px;
position: relative;
.title {
position: absolute;
background: white;
padding: 0px 10px;
position: absolute;
top: 0px;
height: 30px;
line-height: 30px;
margin-top: -15px;
}
}
.checkbox {
background: #f5f5f5;
flex: 1;
padding: 0px 15px;
border-radius: 2px;
}
::v-deep .flex-top .el-form-item__content {
align-items: flex-start !important;
}
::v-deep .err-260 .el-form-item__error {
padding-left: 260px !important;
}
::v-deep .err-130 .el-form-item__error {
padding-left: 130px !important;
}
</style>

60
src/views/wms/strategy/warehouseStorageStrategy/index.vue
View File

@ -0,0 +1,60 @@
<template>
<!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" />
<!-- 表单弹窗：添加/修改 -->
<AddForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import AddForm from './AddForm.vue'
defineOptions({ name: 'WarehouseStorageStrategy' })
// 显示弹窗
const formRef = ref()
const openForm = (type: string) => {
formRef.value.open(type)
}
// 列表头部按钮
const HeadButttondata = [
defaultButtons.defaultAddBtn(null), // 新增
defaultButtons.defaultImportBtn(null), // 导入
defaultButtons.defaultExportBtn(null), // 导出
// defaultButtons.defaultFilterBtn(), // 筛选
defaultButtons.defaultFreshBtn(null), // 刷新
]
// 头部按钮事件
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:itembasic:update' }), // 编辑
defaultButtons.mainListDeleteBtn({ hasPermi: 'wms:itembasic:delete' }), // 删除
]
// 列表-操作按钮事件
const buttonTableClick = (val, row) => {
if (val == 'edit') { // 编辑
openForm('update', row.id)
} else if (val == 'delete') { // 删除
handleDelete(row.id)
}
}
</script>
Write Preview
Loading…
Cancel
Save