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
7350b3aee0
commit
2349280ada
6 changed files with 797 additions and 530 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. 6
      src/views/wms/strategy/downShelfStrategy/AddForm.vue
  2. 380
      src/views/wms/strategy/inspectStrategy/AddForm.vue
  3. 2
      src/views/wms/strategy/inspectStrategy/index.vue
  4. 354
      src/views/wms/strategy/storageCapacityStrategy/AddForm.vue
  5. 60
      src/views/wms/strategy/storageCapacityStrategy/index.vue
  6. 525
      src/views/wms/strategy/upShelfStrategy/downShelfStrategy/AddForm.vue

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

@ -236,15 +236,13 @@
<!-- 拆分次数 -->
<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-input-number v-model="formData.splitsNumber" :min="0" controls-position="right" />
</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-input-number v-model="formData.timeInterval" :min="0" style="flex:1;margin-right:10px" controls-position="right" />小时
</el-form-item>
</el-col>
<!-- 使用整理库位 -->

380
src/views/wms/strategy/inspectStrategy/AddForm.vue
View File

@ -0,0 +1,380 @@
<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>
<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>
<!-- 供应商类型 -->
<el-col :span="24">
<el-form-item label="供应商类型" class="flex-top err-120" prop="supplierType">
<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.supplierType" placeholder="请选择供应商类型" style="flex: 1;" clearable>
<el-option v-for="item in options.supplierTypeOptions" :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="supplier" class="err-120">
<el-select v-model="formData.supplierRange" 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="物品" prop="items" class="err-120">
<el-select v-model="formData.itemsRange" 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.items" placeholder="请选择物品" style="flex: 1;" clearable>
<el-option v-for="item in options.itemsList" :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>
<!-- 检验方式 -->
<el-col :span="24">
<el-form-item label="检验方式" class="flex-top" prop="inspectWay">
<div class="checkbox">
<el-checkbox-group v-model="formData.inspectWay">
<el-checkbox :label="item.label" v-for="item in options.inspectWayOptions" :key="item.value" />
</el-checkbox-group>
</div>
</el-form-item>
</el-col>
<!-- 抽检方式 -->
<el-col :span="24">
<el-form-item label="抽检方式" class="flex-top" prop="spotceckWay">
<div class="checkbox">
<el-radio-group v-model="formData.spotceckWay">
<el-radio :label="item.value" v-for="item in options.spotceckWayOptions" :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="spotceckRules1">
<div style="flex:1;display:flex;align-items:center;margin-bottom:10px"
v-for="(item, index) in formData.spotceckRules" :key="index">
<div style="width: 26px;display: flex;">
<Icon icon="ep:remove" color="#757575" size="26" style="cursor: pointer;"
@click="handleDeleteTable(item, index)" v-if="formData.spotceckRules?.length>1" />
</div>
<el-input-number v-model="item.minNum" :min="0" :max="item.maxNum - 1" class='ml-20px mr-20px'
style="width:100px" controls-position="right" @blur="inputNumberBlur" />
<div>至</div>
<el-input-number v-model="item.maxNum" :min="item.minNum + 1" class='ml-20px mr-20px'
style="width:100px" controls-position="right" @blur="inputNumberBlur"/>
<div>抽样数</div>
<el-input-number v-model="item.num" :min="0" class='ml-20px mr-20px'
style="width:100px" controls-position="right" @blur="inputNumberBlur"/>
<div>EA</div>
</div>
<div class="button flex">
<div @click="handleAddTable">
<Icon icon="ep:circle-plus" color="#409eff" size="26" style="cursor: pointer;" />
<div>添加条件</div>
</div>
</div>
</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'
import {
validateInteger,
} from "@/utils/validator";
defineOptions({ name: 'InspectStrategyAddForm' })
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,//状态
supplierTypeRange: 1,//供应商类型范围
supplierType: '',//选择的供应商类型
supplierRange: 1,//供应商范围
supplier: '',//选择的供应商
itemsRange: 1,//物品范围
items: '',//选择的物品
inspectWay: [],//选择的检验方式
spotceckWay: 1,//选择的抽检方式
spotceckRules: [{
minNum: 0,
maxNum: 1,
num: 0,
}],//抽检规则
spotceckRules1: ''
})
// 验证规则
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' }],
supplierType: [{ required: true, message: '请选择供应商类型', trigger: 'change' }],
supplier: [{ required: true, message: '请选择供应商', trigger: 'change' }],
items: [{ required: true, message: '请选择物品', trigger: 'change' }],
inspectWay: [{ required: true, message: '请选择检验方式', trigger: 'change' }],
spotceckWay: [{ required: true, message: '请选择抽检方式', trigger: 'change' }],
spotceckRules1: [{ required: true, message: '抽检规则请填写完全', trigger: 'blur' },
{ validator: validateInteger, message: '请输入整数', trigger: 'blur' }],
})
// 下拉框列表集合
const options = reactive({
// 范围下拉框列表
rangeOptions: [{ value: 1, label: '包含' }, { value: 2, label: '大于', }],
// 供应商类型列表
supplierTypeOptions: [{ value: 1, label: '标准' }, { value: 2, label: '委外' }, { value: 3, label: '其他' }],
//供应商列表
supplierList: [{ value: 1, label: '供应商1' }, { value: 2, label: '供应商2' }, { value: 3, label: '供应商3' }],
//物品列表
itemsList: [{ value: 1, label: '物品1' }, { value: 2, label: '物品2' }],
//检验方式列表
inspectWayOptions: [{ value: 1, label: '免检' }, { value: 2, label: '全检' }, { value: 3, label: '抽检' }],
//抽检方式列表
spotceckWayOptions: [{ value: 1, label: '数量' }, { value: 2, label: '半分比' }],
})
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时，设置数据
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
//失去焦点的时候验证
const inputNumberBlur = ()=>{
const isEmpty = formData.value.spotceckRules.some((item, index) => {
return item.minNum < 0 || item.minNum == null || item.maxNum < 0 || item.maxNum == null || item.num < 0 || item.num == null
})
console.log(isEmpty);
if (isEmpty) {
formData.value.spotceckRules1 = ''
} else {
formData.value.spotceckRules1 = '1'
}
}
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const submitForm = async () => {
// 校验抽检规则是否全部填写
const isEmpty = formData.value.spotceckRules.some((item, index) => {
return item.minNum<0|| item.minNum==null || item.maxNum < 0 || item.maxNum == null || item.num < 0 || item.num == null
})
if (isEmpty) {
formData.value.spotceckRules1 = ''
} else {
formData.value.spotceckRules1 = '1'
}
// 校验表单
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,
supplierTypeRange: 1,//供应商类型范围
supplierType: '',//选择的供应商类型
supplierRange: 1,//供应商范围
supplier: '',//选择的供应商
itemsRange: 1,//物品范围
items: '',//选择的物品
inspectWay: [],//选择的检验方式
spotceckWay: 1,//选择的抽检方式
spotceckRules: [{
minNum: 0,
maxNum: 1,
num: 0,
}],//抽检规则
}
}
// 弹窗按钮
const Butttondata = [
defaultButtons.formSaveBtn(null), // 保存
defaultButtons.formCloseBtn(null), // 关闭
]
// 按钮事件
const buttonBaseClick = (val, item) => {
// 保存
if (val == 'save') {
submitForm()
}
// 关闭
else if (val == 'close') {
dialogVisible.value = false
}
}
// 添加抽查规则
const handleAddTable = () => {
console.log(formData.value.spotceckRules);
formData.value.spotceckRules.push({
minNum: 0,
maxNum: 1,
num: 0,
})
}
// 删除抽查规则
const handleDeleteTable = (item, index) => {
formData.value.spotceckRules.splice(index, 1)
}
</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-120 .el-form-item__error {
padding-left: 120px !important;
}
.button {
>div {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
>div {
margin-left: 6px;
text-decoration: underline;
color: #409eff;
}
}
}
</style>

2
src/views/wms/strategy/upShelfStrategy/downShelfStrategy/index.vue → src/views/wms/strategy/inspectStrategy/index.vue
View File

@ -9,7 +9,7 @@
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import AddForm from './AddForm.vue'
defineOptions({ name: 'DownShelfStrategy' })
defineOptions({ name: 'InspectStrategy' })
// 显示弹窗
const formRef = ref()
const openForm = (type: string) => {

354
src/views/wms/strategy/storageCapacityStrategy/AddForm.vue
View File

@ -0,0 +1,354 @@
<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>
<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>
<!-- 选择物品类型 -->
<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="warehouse" class="err-240">
<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.warehouseTypeRange" 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.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="120px" label-position="left">
<el-row>
<!-- 存储类型 -->
<el-col :span="24">
<el-form-item label="存储类型" class="flex-top" prop="storageType">
<div class="checkbox flex">
<el-checkbox v-model="checkAll" :indeterminate="isIndeterminate"
@change="handleCheckAllChange">全部</el-checkbox>
<el-checkbox-group v-model="formData.storageType" @change="handleCheckedCitiesChange"
style="margin-left: 30px;flex:1">
<el-checkbox :label="item" v-for="(item, index) in options.storageTypeOptions" :key="index" />
</el-checkbox-group>
</div>
</el-form-item>
</el-col>
<!-- 存储容量 -->
<el-col :span="24">
<el-form-item label="存储容量" prop="storageCapacity">
<el-input v-model="formData.storageCapacity" placeholder="请输入存储容量" clearable />
</el-form-item>
</el-col>
<!-- 替代存储类型 -->
<el-col :span="24">
<el-form-item label="替代存储类型" class="flex-top" prop="replaceStorageType">
<div class="checkbox flex">
<el-checkbox v-model="replaceCheckAll" :indeterminate="replaceIsIndeterminate"
@change="replaceHandleCheckAllChange">全部</el-checkbox>
<el-checkbox-group v-model="formData.replaceStorageType" @change="replaceHandleCheckedCitiesChange"
style="margin-left: 30px;flex:1">
<el-checkbox :label="item" v-for="(item, index) in options.storageTypeOptions" :key="index" />
</el-checkbox-group>
</div>
</el-form-item>
</el-col>
<!-- 替代存储容量 -->
<el-col :span="24">
<el-form-item label="替代存储容量" prop="replaceStorageCapacity">
<el-input v-model="formData.replaceStorageCapacity" placeholder="请输入存储容量" clearable />
</el-form-item>
</el-col>
<!-- 固定位置 -->
<el-col :span="24">
<el-form-item label="固定位置" prop="fixedPosition">
<el-switch v-model="formData.fixedPosition" />
</el-form-item>
</el-col>
<!-- 占用相邻库位 -->
<el-col :span="24">
<el-form-item label="占用相邻库位" prop="occupyWarehouse">
<el-switch v-model="formData.occupyWarehouse" />
</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: 'StorageCapacityStrategyAddForm' })
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,//状态
// 物品类型
itemType: 1,//选择的物品类型
itemTypeRange: 1, //物品类型范围
item: '',//选择的物品
// 仓库 库位
warehouseType: 1,//选择的是仓库/库区/库位组/库位类型
warehouseTypeRange: 1, //物品类型范围
warehouse: '',//选择的仓库/库区/库位组/库位
storageType: [],//存储类型
storageCapacity:'',//存储容量
replaceStorageType:[],//替代存储类型
replaceStorageCapacity: '',//替代存储容量
fixedPosition:false,//固定位置
occupyWarehouse: 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' }],
item: [{ required: true, message: '请选择物品', trigger: 'change' }],
warehouse: [{ required: true, message: '请选择仓库', trigger: 'change' }],
storageType: [{ required: true, message: '请选择存储类型', trigger: 'change' }],
storageCapacity: [{ required: true, message: '请输入存储容量', trigger: 'blur' }],
replaceStorageType: [{ required: true, message: '请选择替代存储类型', trigger: 'change' }],
replaceStorageCapacity: [{ required: true, message: '请输入替代存储容量', trigger: 'blur' }],
fixedPosition: [{ required: true, message: '请选择固定位置', trigger: 'change' }],
occupyWarehouse: [{ required: true, message: '请选择占用相邻库位', trigger: 'change' }],
})
// 下拉框列表集合
const options = reactive({
// 范围下拉框列表
rangeOptions: [{ value: 1, label: '包含' }, { value: 2, label: '大于', }],
// 物品类型列表
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' }],
// 仓库类型
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' }],
// 存储类型列表
storageTypeOptions: ['包装', '容器', '单件'],
})
/** 打开弹窗 */
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,
// 物品类型
itemType: 1,//选择的物品类型
itemTypeRange: 1, //物品类型范围
item: '',//选择的物品
// 仓库 库位
warehouseType: 1,//选择的是仓库/库区/库位组/库位类型
warehouseTypeRange: 1, //物品类型范围
warehouse: '',//选择的仓库/库区/库位组/库位
storageType: [],//存储类型
storageCapacity: '',//存储容量
replaceStorageType: [],//替代存储类型
replaceStorageCapacity: '',//替代容量
fixedPosition: false,//固定位置
occupyWarehouse: false,//占用相邻库位
}
}
// 弹窗按钮
const Butttondata = [
defaultButtons.formSaveBtn(null), // 保存
defaultButtons.formCloseBtn(null), // 关闭
]
// 按钮事件
const buttonBaseClick = (val, item) => {
// 保存
if (val == 'save') {
submitForm()
}
// 关闭
else if (val == 'close') {
dialogVisible.value = false
}
}
// 存储类型全选
const checkAll = ref(false)
const isIndeterminate = ref(false)
const handleCheckAllChange = (val: boolean) => {
console.log(formData.value.storageType);
formData.value.storageType = val ? options.storageTypeOptions : []
console.log(formData.value.storageType);
isIndeterminate.value = false
}
const handleCheckedCitiesChange = (value: string[]) => {
const checkedCount = value.length
checkAll.value = checkedCount === options.storageTypeOptions.length
isIndeterminate.value = checkedCount > 0 && checkedCount < options.storageTypeOptions.length
}
// 替代存储类型全选
const replaceCheckAll = ref(false)
const replaceIsIndeterminate = ref(false)
const replaceHandleCheckAllChange = (val: boolean) => {
console.log(formData.value.storageType);
formData.value.replaceStorageType = val ? options.storageTypeOptions : []
console.log(formData.value.storageType);
replaceIsIndeterminate.value = false
}
const replaceHandleCheckedCitiesChange = (value: string[]) => {
const checkedCount = value.length
replaceCheckAll.value = checkedCount === options.storageTypeOptions.length
replaceIsIndeterminate.value = checkedCount > 0 && checkedCount < options.storageTypeOptions.length
}
</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/storageCapacityStrategy/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: 'StorageCapacityStrategy' })
// 显示弹窗
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

@ -1,525 +0,0 @@
<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>
Write Preview
Loading…
Cancel
Save