You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
955 lines
32 KiB
955 lines
32 KiB
12 months ago
|
<!-- 上架策略弹窗 -->
|
||
|
<template>
|
||
|
<Dialog :title="dialogTitle" v-model="dialogVisible" style="width: 700px">
|
||
|
<div class="p-20px m--10px" style="max-height: 50vh; overflow-y: auto">
|
||
|
<el-form
|
||
|
ref="formRef"
|
||
|
:model="formData"
|
||
|
:rules="rules"
|
||
|
label-width="120px"
|
||
|
label-position="left"
|
||
|
>
|
||
|
<!-- 规则 -->
|
||
|
<div class="item">
|
||
|
<div class="title">规则</div>
|
||
|
<el-row>
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="代码" prop="strategyCode">
|
||
|
<el-input
|
||
|
v-model="formData.strategyCode"
|
||
|
placeholder="请输入代码"
|
||
|
clearable
|
||
|
disabled
|
||
|
/>
|
||
|
</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="description">
|
||
|
<el-input v-model="formData.description" 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="0" />
|
||
|
</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>
|
||
|
</div>
|
||
|
|
||
|
<!-- 规则条件 -->
|
||
|
|
||
|
<div class="item mt-20px">
|
||
|
<div class="title">规则条件</div>
|
||
|
<el-row>
|
||
|
<el-col :span="24" v-for="(item, index) in formData.condition" :key="index">
|
||
|
<!-- 选择供应商和客户 -->
|
||
|
<el-form-item label="" label-width="0" class="err-240" v-if="index == 0">
|
||
|
<el-select
|
||
|
v-model="item.ParamCode"
|
||
|
placeholder=""
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
@change="changeSupplierCustomer"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="(cur, index) in options.typeOptions"
|
||
|
:key="index"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="item.Operator"
|
||
|
placeholder="请选择范围"
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="cur in options.rangeOptions1"
|
||
|
:key="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="item.Value"
|
||
|
:placeholder="`请选择${item.ParamCode == 'SupplierCode' ? '供应商' : '客户'}`"
|
||
|
style="flex: 1"
|
||
|
clearable
|
||
|
multiple
|
||
|
collapse-tags
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in options.supplierList"
|
||
|
:key="cur.code"
|
||
|
:label="cur.name"
|
||
|
:value="cur.code"
|
||
|
/>
|
||
|
</el-select>
|
||
|
</el-form-item>
|
||
|
<!-- 选择物料类型 -->
|
||
|
<el-form-item label="" label-width="0" class="err-240" v-if="index == 1">
|
||
|
<el-select
|
||
|
v-model="item.ParamCode"
|
||
|
placeholder=""
|
||
|
@change="changeItemsType"
|
||
|
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="item.Operator"
|
||
|
placeholder="请选择范围"
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="cur in options.rangeOptions1"
|
||
|
:key="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="item.Value"
|
||
|
placeholder="请选择物料类型"
|
||
|
style="flex: 1"
|
||
|
clearable
|
||
|
multiple
|
||
|
collapse-tags
|
||
|
v-if="item.ParamCode == 'ItemType'"
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in getStrDictOptions(DICT_TYPE.ITEM_TYPE)"
|
||
|
:key="cur.value"
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="item.Value"
|
||
|
placeholder="请选择ABC类"
|
||
|
style="flex: 1"
|
||
|
clearable
|
||
|
multiple
|
||
|
collapse-tags
|
||
|
v-else-if="item.ParamCode == 'AbcClass'"
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in getStrDictOptions(DICT_TYPE.ABC_CLASS)"
|
||
|
:key="cur.value"
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-input
|
||
|
v-model="item.Value"
|
||
|
placeholder="请输入物料分组,多个物料分组以逗号分隔"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
v-else-if="item.ParamCode == 'ItemGroup'"
|
||
|
/>
|
||
|
<el-input
|
||
|
v-model="item.Value"
|
||
|
placeholder="请输入项目,多个项目以逗号分隔"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
v-else-if="item.ParamCode == 'Project'"
|
||
|
/>
|
||
|
<el-input
|
||
|
v-model="item.Value"
|
||
|
placeholder="请输入物料,多个物料以逗号分隔"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
v-else-if="item.ParamCode == 'ItemCode'"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
<!-- 选择重量体积还是面积 -->
|
||
|
<el-form-item label="" label-width="0" class="err-240" v-if="index == 2">
|
||
|
<el-select
|
||
|
v-model="item.ParamCode"
|
||
|
placeholder=""
|
||
|
@change="changeCalculation"
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="cur in options.calculationTypeOptions"
|
||
|
:key="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="item.Operator"
|
||
|
placeholder="请选择范围"
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="cur in options.rangeOptions2"
|
||
|
:key="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-input
|
||
|
v-model="item.Value"
|
||
|
:placeholder="`请输入${
|
||
|
item.ParamCode == 'Weight' ? '重量' : item.ParamCode == 'Area' ? '面积' : '体积'
|
||
|
}`"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
<!-- 库存状态 -->
|
||
|
<el-form-item label="库存状态" class="err-120" v-if="index == 3">
|
||
|
<el-select
|
||
|
v-model="item.Operator"
|
||
|
placeholder="请选择范围"
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="cur in options.rangeOptions1"
|
||
|
:key="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="item.Value"
|
||
|
placeholder="请选择库存状态"
|
||
|
style="flex: 1"
|
||
|
clearable
|
||
|
multiple
|
||
|
collapse-tags
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in getStrDictOptions(DICT_TYPE.INVENTORY_STATUS)"
|
||
|
:key="cur.value"
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
</el-form-item>
|
||
|
<!-- 存储类型 -->
|
||
|
<el-form-item label="存储类型" class="err-120" v-if="index == 4">
|
||
|
<el-select
|
||
|
v-model="item.Operator"
|
||
|
placeholder="请选择范围"
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="cur in options.rangeOptions1"
|
||
|
:key="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="item.Value"
|
||
|
placeholder="请选择存储类型"
|
||
|
style="flex: 1"
|
||
|
clearable
|
||
|
multiple
|
||
|
collapse-tags
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in getStrDictOptions(DICT_TYPE.STORAGE_TYPE)"
|
||
|
:key="cur.value"
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
</el-form-item>
|
||
|
<!-- 库存事务 -->
|
||
|
<el-form-item label="库存事务" class="err-120" v-if="index == 5">
|
||
|
<el-select
|
||
|
v-model="item.Operator"
|
||
|
placeholder="请选择范围"
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="cur in options.rangeOptions1"
|
||
|
:key="cur.value"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-input
|
||
|
v-model="item.Value"
|
||
|
placeholder="请输入库存事务,多个库存事务以逗号分隔"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
</el-row>
|
||
|
</div>
|
||
|
|
||
|
<!-- 规则配置 -->
|
||
|
<div class="item mt-20px">
|
||
|
<div class="title">规则配置</div>
|
||
|
<el-row>
|
||
|
<!-- 仓库 库区 库位组 库位 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="" label-width="0" prop="warehouse" class="err-120">
|
||
|
<el-select
|
||
|
v-model="warehouseType"
|
||
|
placeholder=""
|
||
|
style="width: 110px; margin-right: 10px"
|
||
|
@change="changeWarehouse"
|
||
|
>
|
||
|
<el-option
|
||
|
:label="cur.label"
|
||
|
:value="cur.value"
|
||
|
v-for="(cur, index) in options.warehouseTypeOptions"
|
||
|
:key="index"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="formData.configuration.WarehouseCode"
|
||
|
v-if="warehouseType == 'WarehouseCode'"
|
||
|
placeholder="请选择仓库"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in options.warehouseList"
|
||
|
:key="cur.code"
|
||
|
:label="cur.code"
|
||
|
:value="cur.code"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="formData.configuration.AreaCode"
|
||
|
v-if="warehouseType == 'AreaCode'"
|
||
|
placeholder="请选择库区"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in options.warehouseList"
|
||
|
:key="cur.code"
|
||
|
:label="cur.code"
|
||
|
:value="cur.code"
|
||
|
/>
|
||
|
</el-select>
|
||
|
<el-select
|
||
|
v-model="formData.configuration.LocationGroupCode"
|
||
|
v-if="warehouseType == 'LocationGroupCode'"
|
||
|
placeholder="请选择库位组"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in options.warehouseList"
|
||
|
:key="cur.code"
|
||
|
:label="cur.code"
|
||
|
:value="cur.code"
|
||
|
/>
|
||
|
</el-select>
|
||
|
|
||
|
<el-select
|
||
|
v-model="formData.configuration.LocationCode"
|
||
|
v-if="warehouseType == 'LocationCode'"
|
||
|
placeholder="请选择库位"
|
||
|
clearable
|
||
|
style="flex: 1"
|
||
|
>
|
||
|
<el-option
|
||
|
v-for="cur in options.warehouseList"
|
||
|
:key="cur.code"
|
||
|
:label="cur.code"
|
||
|
:value="cur.code"
|
||
|
/>
|
||
|
</el-select>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 优先空位库 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="优先空位库">
|
||
|
<el-switch
|
||
|
v-model="formData.configuration.EmptyLocationFirst"
|
||
|
active-value="TRUE"
|
||
|
inactive-value="FALSE"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 优先非空位库 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="优先非空位库">
|
||
|
<el-switch
|
||
|
v-model="formData.configuration.NotEmptyLocationFirst"
|
||
|
active-value="TRUE"
|
||
|
inactive-value="FALSE"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 可以混物料 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="可以混物料">
|
||
|
<el-switch
|
||
|
v-model="formData.configuration.EnableMixItem"
|
||
|
active-value="TRUE"
|
||
|
inactive-value="FALSE"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 可以混批次 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="可以混批次">
|
||
|
<el-switch
|
||
|
v-model="formData.configuration.EnableMixLot"
|
||
|
active-value="TRUE"
|
||
|
inactive-value="FALSE"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 可以混状态 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="可以混状态">
|
||
|
<el-switch
|
||
|
v-model="formData.configuration.EnableMixStatus"
|
||
|
active-value="TRUE"
|
||
|
inactive-value="FALSE"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 巷道排序方向 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="巷道排序方向" class="flex-top">
|
||
|
<div class="checkbox">
|
||
|
<el-radio-group v-model="formData.configuration.AisleOrder">
|
||
|
<el-radio
|
||
|
:label="cur.value"
|
||
|
v-for="cur in getStrDictOptions(DICT_TYPE.BATCH_DIRECTION)"
|
||
|
:key="cur.value"
|
||
|
>{{ cur.label }}</el-radio
|
||
|
>
|
||
|
</el-radio-group>
|
||
|
</div>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 货架排序方向 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="货架排序方向" class="flex-top">
|
||
|
<div class="checkbox">
|
||
|
<el-radio-group v-model="formData.configuration.ShelfOrder">
|
||
|
<el-radio
|
||
|
:label="cur.value"
|
||
|
v-for="cur in getStrDictOptions(DICT_TYPE.BATCH_DIRECTION)"
|
||
|
:key="cur.value"
|
||
|
>{{ cur.label }}</el-radio
|
||
|
>
|
||
|
</el-radio-group>
|
||
|
</div>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 货架排序方向 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="货架排序方向" class="flex-top">
|
||
|
<div class="checkbox">
|
||
|
<el-radio-group v-model="formData.configuration.RowOrder">
|
||
|
<el-radio
|
||
|
:label="cur.value"
|
||
|
v-for="cur in getStrDictOptions(DICT_TYPE.BATCH_DIRECTION)"
|
||
|
:key="cur.value"
|
||
|
>{{ cur.label }}</el-radio
|
||
|
>
|
||
|
</el-radio-group>
|
||
|
</div>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<!-- 列排序方向 -->
|
||
|
<el-col :span="24">
|
||
|
<el-form-item label="列排序方向" class="flex-top">
|
||
|
<div class="checkbox">
|
||
|
<el-radio-group v-model="formData.configuration.ColumOrder">
|
||
|
<el-radio
|
||
|
:label="cur.value"
|
||
|
v-for="cur in getStrDictOptions(DICT_TYPE.BATCH_DIRECTION)"
|
||
|
:key="cur.value"
|
||
|
>{{ cur.label }}</el-radio
|
||
|
>
|
||
|
</el-radio-group>
|
||
|
</div>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
</el-row>
|
||
|
</div>
|
||
|
</el-form>
|
||
|
</div>
|
||
|
<template #footer>
|
||
|
<!-- 按钮-->
|
||
|
<TableHead :HeadButttondata="Butttondata" @buttonBaseClick="buttonBaseClick" />
|
||
|
</template>
|
||
|
</Dialog>
|
||
|
</template>
|
||
|
<script setup lang="ts">
|
||
|
import * as defaultButtons from '@/utils/disposition/defaultButtons'
|
||
|
defineOptions({ name: 'UpShelfStrategyAddForm' })
|
||
|
import { getSupplierList } from '@/api/wms/supplier'
|
||
|
import { getCustomerList } from '@/api/wms/customer'
|
||
|
import { getWarehouseList } from '@/api/wms/warehouse'
|
||
|
import { getAreaList } from '@/api/wms/areabasic'
|
||
|
import { getLocationgroupList } from '@/api/wms/locationgroup'
|
||
|
import { getLocationList } from '@/api/wms/location'
|
||
|
import * as RuleApi from '@/api/wms/rule'
|
||
|
|
||
|
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
|
||
|
import { isString } from '@/utils/is'
|
||
|
|
||
|
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 formRef = ref() // 表单 Ref
|
||
|
|
||
|
const formStrategyCode = ref('')
|
||
|
|
||
|
// 仓库类型
|
||
|
const warehouseType = ref('WarehouseCode')
|
||
|
|
||
|
// form表单数据
|
||
|
const formData = ref({
|
||
|
id: '',
|
||
|
strategyCode: formStrategyCode.value, //策略代码id
|
||
|
name: '', //名称
|
||
|
description: '', //描述
|
||
|
priority: '', //优先级
|
||
|
status: true, //状态
|
||
|
//规则条件集合
|
||
|
condition: [
|
||
|
// 供应商
|
||
|
{ ParamCode: 'SupplierCode', Operator: 'IN', Value: '' },
|
||
|
// 物料类型/物料分组/物料/abc类/项目/
|
||
|
{ ParamCode: 'ItemType', Operator: 'IN', Value: '' },
|
||
|
// 重量/体积/面积
|
||
|
{ ParamCode: 'Weight', Operator: '>', Value: [] },
|
||
|
// 库存状态
|
||
|
{ ParamCode: 'InventoryStatus', Operator: 'IN', Value: [] },
|
||
|
// 存储类型
|
||
|
{ ParamCode: 'StorageType', Operator: 'IN', Value: [] },
|
||
|
// 库存事务
|
||
|
{ ParamCode: 'TransactionType', Operator: 'IN', Value: [] }
|
||
|
],
|
||
|
configuration: {
|
||
|
// 仓库代码
|
||
|
WarehouseCode: '',
|
||
|
// 库区代码
|
||
|
AreaCode: '',
|
||
|
// 库位组代码
|
||
|
LocationGroupCode: '',
|
||
|
// 库位代码
|
||
|
LocationCode: '',
|
||
|
// 优先空库位
|
||
|
EmptyLocationFirst: 'FALSE',
|
||
|
// 优先非空库位
|
||
|
NotEmptyLocationFirst: 'FALSE',
|
||
|
// 可以混物料
|
||
|
EnableMixItem: 'TRUE',
|
||
|
// 可以混批次
|
||
|
EnableMixLot: 'TRUE',
|
||
|
// 可以混状态
|
||
|
EnableMixStatus: 'TRUE',
|
||
|
// 巷道排序方向
|
||
|
AisleOrder: 'ASC',
|
||
|
// 货架排序方向
|
||
|
ShelfOrder: 'ASC',
|
||
|
// 行排序方向
|
||
|
RowOrder: 'ASC',
|
||
|
// 列排序方向
|
||
|
ColumOrder: 'ASC'
|
||
|
}
|
||
|
})
|
||
|
// 验证规则
|
||
|
const rules = ref({
|
||
|
strategyCode: [{ required: true, message: '请输入代码', trigger: 'blur' },{ max: 50, message: '不得超过50个字符', trigger: 'blur' }],
|
||
|
name: [{ required: true, message: '请输入名字', trigger: 'blur' },{ max: 50, message: '不得超过50个字符', trigger: 'blur' }],
|
||
|
description: [{ required: true, message: '请输入描述', trigger: 'blur' },{ max: 50, message: '不得超过50个字符', trigger: 'blur' }],
|
||
|
priority: [{ required: true, message: '请输入优先级', trigger: 'blur' }]
|
||
|
})
|
||
|
|
||
|
// 所有的范围类型
|
||
|
const rangeOptions = [
|
||
|
{ value: '==', label: '等于' },
|
||
|
{ value: '!=', label: '不等于' },
|
||
|
{ value: '>', label: '大于' },
|
||
|
{ value: '<', label: '小于' },
|
||
|
{ value: '>=', label: '大于等于' },
|
||
|
{ value: '<=', label: '小于等于' },
|
||
|
{ value: 'IN', label: '包含' },
|
||
|
{ value: 'NOT IN', label: '不包含' },
|
||
|
{ value: 'NULL', label: '为空' },
|
||
|
{ value: 'NOT NULL', label: '不为空' }
|
||
|
]
|
||
|
const formatRangeOptions = (...rest) => {
|
||
|
// 交集
|
||
|
let result = rangeOptions.filter((aItem) => rest.some((bItem) => aItem.value === bItem))
|
||
|
return result
|
||
|
}
|
||
|
|
||
|
// 下拉框列表集合
|
||
|
const options = reactive({
|
||
|
//范围下拉框列表
|
||
|
rangeOptions1: formatRangeOptions('IN', 'NOT IN'),
|
||
|
rangeOptions2: formatRangeOptions('>', '<', '>=', '<='),
|
||
|
// 供应商客户下拉框列表
|
||
|
typeOptions: [
|
||
|
{ value: 'SupplierCode', label: '供应商' },
|
||
|
{ value: 'CustomerCode', label: '客户' }
|
||
|
],
|
||
|
//供应商列表
|
||
|
supplierList: [],
|
||
|
// 物料类型列表
|
||
|
itemTypeOptions: [
|
||
|
{ value: 'ItemType', label: '物料类型' },
|
||
|
{ value: 'ItemGroup', label: '物料分组' },
|
||
|
{ value: 'ItemCode', label: '物料' },
|
||
|
{ value: 'Project', label: '项目' },
|
||
|
{ value: 'AbcClass', label: 'ABC类' }
|
||
|
],
|
||
|
|
||
|
// 重量体积面积类型列表
|
||
|
calculationTypeOptions: [
|
||
|
{ value: 'Weight', label: '重量' },
|
||
|
{ value: 'Volume', label: '体积' },
|
||
|
{ value: 'Area', label: '面积' }
|
||
|
],
|
||
|
|
||
|
warehouseTypeOptions: [
|
||
|
{ value: 'WarehouseCode', label: '仓库' },
|
||
|
{ value: 'AreaCode', label: '库区' },
|
||
|
{ value: 'LocationGroupCode', label: '库位组' },
|
||
|
{ value: 'LocationCode', label: '库位' }
|
||
|
],
|
||
|
//仓库列表
|
||
|
warehouseList: []
|
||
|
})
|
||
|
// 弹窗按钮
|
||
|
const Butttondata = ref([
|
||
|
defaultButtons.formSaveBtn(null), // 保存
|
||
|
defaultButtons.formCloseBtn(null) // 关闭
|
||
|
])
|
||
|
// 按钮事件
|
||
|
const buttonBaseClick = (val, item) => {
|
||
|
// 保存
|
||
|
if (val == 'save') {
|
||
|
submitForm()
|
||
|
}
|
||
|
// 关闭
|
||
|
else if (val == 'close') {
|
||
|
dialogVisible.value = false
|
||
|
}
|
||
|
}
|
||
|
// 获取供应商列表
|
||
|
const getFormSupplierList = async () => {
|
||
|
options.supplierList = await getSupplierList()
|
||
|
}
|
||
|
// 获取客户列表
|
||
|
const getFormCustomerList = async () => {
|
||
|
options.supplierList = await getCustomerList()
|
||
|
}
|
||
|
// 选择客户还是承运商
|
||
|
const changeSupplierCustomer = (e) => {
|
||
|
formData.value.condition[0].Value = ''
|
||
|
if (e == 'CustomerCode') {
|
||
|
getFormCustomerList()
|
||
|
} else if (e == 'SupplierCode') {
|
||
|
getFormSupplierList()
|
||
|
}
|
||
|
}
|
||
|
getFormSupplierList()
|
||
|
// 选择物料类型/物料分组/abc类/物料/项目
|
||
|
const changeItemsType = () => {
|
||
|
formData.value.condition[1].Value = ''
|
||
|
}
|
||
|
// 选择重量/体积/面积
|
||
|
const changeCalculation = () => {
|
||
|
formData.value.condition[2].Value = ''
|
||
|
}
|
||
|
// 获取仓库列表
|
||
|
const getFormWarehouseList = async () => {
|
||
|
options.warehouseList = await getWarehouseList()
|
||
|
}
|
||
|
// 获取库区列表
|
||
|
const getFormAreaList = async () => {
|
||
|
options.warehouseList = await getAreaList()
|
||
|
}
|
||
|
// 获取库位组列表
|
||
|
const getFormLocationgrouList = async () => {
|
||
|
options.warehouseList = await getLocationgroupList()
|
||
|
}
|
||
|
// 获取库位列表
|
||
|
const getFormLocationList = async () => {
|
||
|
options.warehouseList = await getLocationList()
|
||
|
}
|
||
|
getFormLocationList()
|
||
|
// 选择仓库/库位/库位组/库区
|
||
|
const changeWarehouse = (e) => {
|
||
|
formData.value.configuration.WarehouseCode = ''
|
||
|
formData.value.configuration.AreaCode = ''
|
||
|
formData.value.configuration.LocationGroupCode = ''
|
||
|
formData.value.configuration.LocationCode = ''
|
||
|
if (e == 'WarehouseCode') {
|
||
|
getFormWarehouseList()
|
||
|
} else if (e == 'AreaCode') {
|
||
|
getFormAreaList()
|
||
|
} else if (e == 'LocationGroupCode') {
|
||
|
getFormLocationgrouList()
|
||
|
} else if (e == 'LocationCode') {
|
||
|
getFormLocationList()
|
||
|
}
|
||
|
}
|
||
|
/** 打开弹窗 */
|
||
|
const open = async (type: string, strategyCode: string, id?: number) => {
|
||
|
formStrategyCode.value = strategyCode
|
||
|
dialogVisible.value = true
|
||
|
dialogTitle.value = t('action.' + type)
|
||
|
formType.value = type
|
||
|
warehouseType.value = 'WarehouseCode'
|
||
|
resetForm()
|
||
|
// 修改时,设置数据
|
||
|
if (id) {
|
||
|
formLoading.value = true
|
||
|
try {
|
||
|
let data = await RuleApi.getRule(id)
|
||
|
formData.value.id = data.id
|
||
|
formData.value.strategyCode = data.strategyCode
|
||
|
formData.value.name = data.name
|
||
|
formData.value.description = data.description
|
||
|
formData.value.priority = data.priority
|
||
|
formData.value.status = data.status == 0 ? true : false
|
||
|
if (formData.value.priority == 0) {
|
||
|
Butttondata.value = [
|
||
|
defaultButtons.formSaveBtn({disabled:true}), // 保存
|
||
|
defaultButtons.formCloseBtn(null) // 关闭
|
||
|
]
|
||
|
console.log(Butttondata)
|
||
|
} else {
|
||
|
Butttondata.value = [
|
||
|
defaultButtons.formSaveBtn(null), // 保存
|
||
|
defaultButtons.formCloseBtn(null) // 关闭
|
||
|
]
|
||
|
}
|
||
|
if (data.condition) {
|
||
|
formData.value.condition = JSON.parse(data.condition)
|
||
|
formData.value.condition.forEach((item, index) => {
|
||
|
if (item.Operator == 'IN' || item.Operator == 'NOT IN') {
|
||
|
item.Value = item.Value.split(',')
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
if (data.configuration) {
|
||
|
formData.value.configuration = JSON.parse(data.configuration)
|
||
|
}
|
||
|
// 判断是获取客户列表还是供应上列表
|
||
|
if (formData.value.condition[0].ParamCode == 'SupplierCode') {
|
||
|
getFormSupplierList()
|
||
|
} else {
|
||
|
getFormCustomerList()
|
||
|
}
|
||
|
// 判断是获取仓库/库位/库位组/库区列表
|
||
|
if (
|
||
|
'WarehouseCode' in formData.value.configuration &&
|
||
|
formData.value.configuration.WarehouseCode
|
||
|
) {
|
||
|
warehouseType.value = 'WarehouseCode'
|
||
|
getFormWarehouseList()
|
||
|
} else if (
|
||
|
'AreaCode' in formData.value.configuration &&
|
||
|
formData.value.configuration.AreaCode
|
||
|
) {
|
||
|
warehouseType.value = 'AreaCode'
|
||
|
getFormAreaList()
|
||
|
} else if (
|
||
|
'LocationGroupCode' in formData.value.configuration &&
|
||
|
formData.value.configuration.LocationGroupCode
|
||
|
) {
|
||
|
warehouseType.value = 'LocationGroupCode'
|
||
|
getFormLocationgrouList()
|
||
|
} else if (
|
||
|
'LocationCode' in formData.value.configuration &&
|
||
|
formData.value.configuration.LocationCode
|
||
|
) {
|
||
|
warehouseType.value = 'LocationCode'
|
||
|
getFormLocationList()
|
||
|
}
|
||
|
} finally {
|
||
|
formLoading.value = false
|
||
|
}
|
||
|
} else {
|
||
|
Butttondata.value = [
|
||
|
defaultButtons.formSaveBtn(null), // 保存
|
||
|
defaultButtons.formCloseBtn(null) // 关闭
|
||
|
]
|
||
|
}
|
||
|
}
|
||
|
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
||
|
|
||
|
/** 提交表单 */
|
||
|
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
|
||
|
const submitForm = async () => {
|
||
|
// 校验表单
|
||
|
if (!formRef) return
|
||
|
const valid = await formRef.value.validate()
|
||
|
if (!valid) return
|
||
|
if(formData.value.priority == 0){
|
||
|
message.error('优先级不可以为0')
|
||
|
return
|
||
|
}
|
||
|
// 提交请求
|
||
|
formLoading.value = true
|
||
|
try {
|
||
|
const arr = formData.value.condition.map(item=> {
|
||
|
let str = item.Value
|
||
|
if(isString(item.Value)){
|
||
|
if(item.Value.indexOf(','>-1)){
|
||
|
str = item.Value.split(',').join(',')
|
||
|
}
|
||
|
}
|
||
|
if ((item.Operator == 'IN' || item.Operator == 'NOT IN')&& Array.isArray(item.Value)) {
|
||
|
str = item.Value.join(',')
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
ParamCode:item.ParamCode,
|
||
|
Operator:item.Operator,
|
||
|
Value:str
|
||
|
}
|
||
|
})
|
||
|
let data = {
|
||
|
id: formData.value.id,
|
||
|
strategyCode: formData.value.strategyCode, //策略代码
|
||
|
name: formData.value.name, //名称
|
||
|
description: formData.value.description, //描述
|
||
|
priority: formData.value.priority, //优先级
|
||
|
status: formData.value.status ? 0 : 1, //状态
|
||
|
//规则条件集合
|
||
|
condition: JSON.stringify(arr),
|
||
|
configuration: JSON.stringify(formData.value.configuration)
|
||
|
}
|
||
|
if (formType.value === 'create') {
|
||
|
await RuleApi.createRule(data)
|
||
|
message.success(t('common.createSuccess'))
|
||
|
} else {
|
||
|
await RuleApi.updateRule(data)
|
||
|
message.success(t('common.updateSuccess'))
|
||
|
}
|
||
|
dialogVisible.value = false
|
||
|
// 发送操作成功的事件
|
||
|
emit('success')
|
||
|
} finally {
|
||
|
formLoading.value = false
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/** 重置表单 */
|
||
|
const resetForm = () => {
|
||
|
formData.value = {
|
||
|
id: '',
|
||
|
strategyCode: formStrategyCode.value, //策略代码id
|
||
|
name: '', //名称
|
||
|
description: '', //描述
|
||
|
priority: '', //优先级
|
||
|
status: true, //状态
|
||
|
//规则条件集合
|
||
|
condition: [
|
||
|
// 供应商
|
||
|
{ ParamCode: 'SupplierCode', Operator: 'IN', Value: '' },
|
||
|
// 物料类型/物料分组/物料/abc类/项目/
|
||
|
{ ParamCode: 'ItemType', Operator: 'IN', Value: '' },
|
||
|
// /重量/体积/面积
|
||
|
{ ParamCode: 'Weight', Operator: '>', Value: [] },
|
||
|
// 库存状态
|
||
|
{ ParamCode: 'InventoryStatus', Operator: 'IN', Value: [] },
|
||
|
// 存储类型
|
||
|
{ ParamCode: 'StorageType', Operator: 'IN', Value: [] },
|
||
|
// 库存事务
|
||
|
{ ParamCode: 'TransactionType', Operator: 'IN', Value: [] }
|
||
|
],
|
||
|
configuration: {
|
||
|
// 仓库代码
|
||
|
WarehouseCode: '',
|
||
|
// 库区代码
|
||
|
AreaCode: '',
|
||
|
// 库位组代码
|
||
|
LocationGroupCode: '',
|
||
|
// 库位代码
|
||
|
LocationCode: '',
|
||
|
// 优先空库位
|
||
|
EmptyLocationFirst: 'FALSE',
|
||
|
// 优先非空库位
|
||
|
NotEmptyLocationFirst: 'FALSE',
|
||
|
// 可以混物料
|
||
|
EnableMixItem: 'TRUE',
|
||
|
// 可以混批次
|
||
|
EnableMixLot: 'TRUE',
|
||
|
// 可以混状态
|
||
|
EnableMixStatus: 'TRUE',
|
||
|
// 巷道排序方向
|
||
|
AisleOrder: 'ASC',
|
||
|
// 货架排序方向
|
||
|
ShelfOrder: 'ASC',
|
||
|
// 行排序方向
|
||
|
RowOrder: 'ASC',
|
||
|
// 列排序方向
|
||
|
ColumOrder: 'ASC'
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
</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>
|