From c247462e015367027091761a66118156794963a6 Mon Sep 17 00:00:00 2001
From: zhangli <2235006734@qq.com>
Date: Wed, 25 Oct 2023 19:52:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E6=9E=B6=E7=AD=96=E7=95=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../downShelfStrategy/AddForm copy.vue        | 523 ++++++++++++
 .../strategy/downShelfStrategy/AddForm.vue    | 746 ++++++++++--------
 .../wms/strategy/downShelfStrategy/index.vue  |  89 ++-
 .../wms/strategy/upShelfStrategy/AddForm.vue  |   9 +-
 4 files changed, 1028 insertions(+), 339 deletions(-)
 create mode 100644 src/views/wms/strategy/downShelfStrategy/AddForm copy.vue

diff --git a/src/views/wms/strategy/downShelfStrategy/AddForm copy.vue b/src/views/wms/strategy/downShelfStrategy/AddForm copy.vue
new file mode 100644
index 000000000..419a7ef11
--- /dev/null
+++ b/src/views/wms/strategy/downShelfStrategy/AddForm copy.vue	
@@ -0,0 +1,523 @@
+<!-- 下架策略弹窗 -->
+<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-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-number v-model="formData.timeInterval" :min="0" style="flex:1;margin-right:10px" controls-position="right" />小时
+              </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>
diff --git a/src/views/wms/strategy/downShelfStrategy/AddForm.vue b/src/views/wms/strategy/downShelfStrategy/AddForm.vue
index 419a7ef11..468ee08b1 100644
--- a/src/views/wms/strategy/downShelfStrategy/AddForm.vue
+++ b/src/views/wms/strategy/downShelfStrategy/AddForm.vue
@@ -1,15 +1,15 @@
-<!-- 下架策略弹窗 -->
+<!-- 上架策略弹窗 -->
 <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-form ref="formRef" :model="formData" :rules="rules" label-width="120px" label-position="left">
+        <!-- 规则 -->
+        <div class="item">
+          <div class="title">规则</div>
           <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 label="代码" prop="strategyCode">
+                <el-input v-model="formData.strategyCode" placeholder="请输入代码" clearable disabled />
               </el-form-item>
             </el-col>
             <el-col :span="24">
@@ -18,8 +18,8 @@
               </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 label="描述" prop="description">
+                <el-input v-model="formData.description" placeholder="请输入描述" clearable />
               </el-form-item>
             </el-col>
             <el-col :span="12">
@@ -33,240 +33,211 @@
               </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" />
+        </div>
+
+        <!-- 规则条件 -->
+
+        <div class="item mt-20px">
+          <div class="title">规则条件</div>
+          <el-row  gutter="10">
+            <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="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 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="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 v-model="item.Value" :placeholder="`请选择${item.ParamCode == 'SupplierCode' ? '供应商' : '客户'}`"
+                  style="flex: 1;" clearable>
+                  <el-option v-for="cur in options.supplierList" :key="cur.id" :label="cur.name" :value="cur.id" />
                 </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-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="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 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="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 v-model="item.Value" placeholder="请选择物品类型" style="flex: 1;" clearable
+                  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-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 v-model="item.Value" placeholder="请选择ABC类" style="flex: 1;" clearable
+                  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-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-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="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 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-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-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="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 v-model="item.Value" placeholder="请选择库存状态" style="flex: 1;" clearable>
+                  <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-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-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="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 v-model="item.Value" placeholder="请选择存储类型" style="flex: 1;" clearable>
+                  <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-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-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>
-        </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" />
+        </div>
+
+        <!-- 规则配置 -->
+        <div class="item mt-20px">
+          <div class="title">规则配置</div>
+          <el-row  gutter="10">
+            <el-col :span="index == 8 ? 7: index == 9 ? 8 : index == 10 ? 9 : 24" v-for="(item, index) in formData.configuration" :key="index">
+              <!-- 仓库 库区  库位组 库位 -->
+              <el-form-item label="" label-width="0" prop="warehouse" class="err-120" v-if="index == 0">
+                <el-select v-model="item.ParamCode" 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.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 v-model="item.Value" placeholder="请选择仓库" clearable style="flex: 1;">
+                  <el-option v-for="cur in options.warehouseList" :key="cur.id" :label="cur.name" :value="cur.id" />
                 </el-select>
               </el-form-item>
-            </el-col>
-            <!-- 数量排序方向 -->
-            <el-col :span="24">
-              <el-form-item label="数量排序方向" class="flex-top" prop="quantitySort">
+              <!-- 数量排序方向 -->
+              <el-form-item label="数量排序方向" class="flex-top" v-else-if="index == 1">
                 <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 v-model="item.Value">
+                    <el-radio :label="cur.value" v-for="cur in options.sortOptions" :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" prop="roadwaySort">
+              <!-- 巷道排序方向 -->
+              <el-form-item label="巷道排序方向" class="flex-top" v-else-if="index == 2">
                 <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 v-model="item.Value">
+                    <el-radio :label="cur.value" v-for="cur in options.sortOptions" :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" prop="goodsDhelvesSort">
+              <!-- 货架排序方向 -->
+              <el-form-item label="货架排序方向" class="flex-top" v-else-if="index == 3">
                 <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 v-model="item.Value">
+                    <el-radio :label="cur.value" v-for="cur in options.sortOptions" :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" prop="rowSort">
+              <!-- 行排序方向 -->
+              <el-form-item label="行排序方向" class="flex-top" v-else-if="index == 4">
                 <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 v-model="item.Value">
+                    <el-radio :label="cur.value" v-for="cur in options.sortOptions" :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" prop="columnSort">
+              <!-- 列排序方向 -->
+              <el-form-item label="列排序方向" class="flex-top" v-else-if="index == 5">
                 <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 v-model="item.Value">
+                    <el-radio :label="cur.value" v-for="cur in options.sortOptions" :key="cur.value">{{
+                      cur.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 label="优先整包" v-else-if="index == 6">
+                <el-switch v-model="item.Value" />
               </el-form-item>
-            </el-col>
-            <!-- 发料包装类型 -->
-            <el-col :span="24">
-              <el-form-item label="发料包装类型" class="flex-top" prop="packagingType">
+              <!-- 发料包装类型 -->
+              <el-form-item label="发料包装类型" v-else-if="index == 7">
                 <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 v-model="item.Value">
+                    <el-radio :label="cur.value" v-for="cur in getStrDictOptions(DICT_TYPE.STORAGE_TYPE)"
+                      :key="cur.value">{{ cur.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 label="多次发料" v-else-if="index == 8">
+                <el-switch v-model="item.Value" />
               </el-form-item>
-            </el-col>
-            <!-- 拆分次数 -->
-            <el-col :span="8">
-              <el-form-item label="拆分次数" prop="splitsNumber" label-width="70px">
-                <el-input-number v-model="formData.splitsNumber" :min="0" controls-position="right" />
+              <!-- 拆分次数 -->
+              <el-form-item label="拆分次数" label-width="70px" v-else-if="index == 9">
+                <el-input-number v-model="item.Value" :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-number v-model="formData.timeInterval" :min="0" style="flex:1;margin-right:10px" controls-position="right" />小时
+              <!-- 时间间隔 -->
+              <el-form-item label="时间间隔" label-width="70px" v-else-if="index == 10">
+                <el-input-number v-model="item.Value" :min="0" style="flex:1;margin-right:10px"
+                  controls-position="right" />小时
               </el-form-item>
-            </el-col>
-            <!-- 使用整理库位 -->
-            <el-col :span="24">
-              <el-form-item label="使用整理库位" prop="useArrangePlace">
-                <el-switch v-model="formData.useArrangePlace" />
+              <!-- 使用整理库位-->
+              <el-form-item label="使用整理库位" v-else-if="index == 11">
+                <el-switch v-model="item.Value" />
               </el-form-item>
-            </el-col>
-            <!-- 使用在途库位 -->
-            <el-col :span="24">
-              <el-form-item label="使用在途库位" prop="useWayPlace">
-                <el-switch v-model="formData.useWayPlace" />
+              <!-- 使用在途库位 -->
+              <el-form-item label="使用在途库位" v-else-if="index == 12">
+                <el-switch v-model="item.Value" />
               </el-form-item>
-            </el-col>
-            <!-- 生成接收任务 -->
-            <el-col :span="24">
-              <el-form-item label="生成接收任务" prop="receiveTask">
-                <el-switch v-model="formData.receiveTask" />
+              <!-- 生成接收任务 -->
+              <el-form-item label="生成接收任务" v-else-if="index == 13">
+                <el-switch v-model="item.Value" />
               </el-form-item>
             </el-col>
           </el-row>
-        </el-form>
-      </div>
+        </div>
+      </el-form>
     </div>
     <template #footer>
       <!-- 按钮-->
@@ -276,7 +247,17 @@
 </template>
 <script setup lang="ts">
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
-defineOptions({ name: 'DownShelfStrategyAddForm' })
+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'
+
 
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -285,116 +266,212 @@ 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
+const formRef = ref() // 表单 Ref
+
+
+const formStrategyCode = ref('')
 // form表单数据
 const formData = ref({
-  code: '',//代码
+  id: '',
+  strategyCode: formStrategyCode.value,//策略代码id
   name: '',//名称
-  describe: '',//描述
+  description: '',//描述
   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: '',//选择的仓库/库区/库位组/库位
+  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: [
+    // 仓库
+    { ParamCode: 'LocationCode', Value: "" },
+    // 数量排序方向
+    { ParamCode: 'QtyOrder', Value: 'ASC' },
+    // 巷道排序方向
+    { ParamCode: 'AisleOrder', Value: 'ASC' },
+    // 货架排序方向
+    { ParamCode: 'ShelfOrder', Value: 'ASC' },
+    // 行排序方向
+    { ParamCode: 'RowOrder', Value: 'ASC' },
+    // 列排序方向 
+    { ParamCode: 'ColumOrder', Value: 'ASC' },
+    // 优先整包 
+    { ParamCode: 'EntirePackageFirst', Value: false },
+    // 发料包装类型
+    { ParamCode: 'IssueStorageType', Value: 'SINGLE' },
+    // 是否拆分发料
+    { ParamCode: 'IsSplit', Value: '' },
+    // 拆分数量
+    { ParamCode: 'EachTimeQty', Value: '' },
+    // 时间间隔
+    { ParamCode: 'TimeInterval', Value: '' },
+    // 是否使用整理库位
+    { ParamCode: 'UseOrganizeLocation', Value: false },
+    // 是否使用在途库位
+    { ParamCode: 'UseTransportLocation', Value: false },
+    // 是否生成发料接收任务
+    { ParamCode: 'CreateReceiptJob', Value: false },
+  ]
 
-  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' }],
+  strategyCode: [{ required: true, message: '请输入代码', trigger: 'blur' }],
   name: [{ required: true, message: '请输入名字', trigger: 'blur' }],
-  describe: [{ required: true, message: '请输入描述', trigger: 'blur' }],
+  description: [{ 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 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: 1, label: '供应商' }, { value: 2, label: '客户' }],
-  // 范围下拉框列表
-  rangeOptions: [{ value: 1, label: '包含' }, { value: 2, label: '大于', }],
+  typeOptions: [{ value: 'SupplierCode', label: '供应商' }, { value: 'CustomerCode', label: '客户' }],
   //供应商列表
-  supplierList: [{ value: 1, label: '供应商1' }, { value: 2, label: '供应商2' }, { value: 3, label: '供应商3' }],
-
+  supplierList: [],
   // 物品类型列表
-  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' }],
+  itemTypeOptions: [{ value: 'ItemType', label: '物品类型' }, { value: 'ItemGroup', label: '物品分组' }, { value: 'ItemCode', label: '物品' }, { value: 'Project', label: '项目' }, { value: 'AbcClass', label: 'ABC类' }],
   // 重量体积面积类型列表
-  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' }],
+  calculationTypeOptions: [{ value: 'Weight', label: '重量' }, { value: 'Volume', label: '体积' }, { value: 'Area', label: '面积' }],
+  warehouseTypeOptions: [{ value: 'WarehouseCode', label: '仓库' }, { value: 'AreaCode', label: '库区' }, { value: 'LocationGroupCode', label: '库位组' }, { value: 'LocationCode', label: '库位' }],
+  //仓库列表
+  warehouseList: [],
   // 排列方式
-  sortOptions: [{ value: 1, label: '从小到大' }, { value: 2, label: '从大到小' }],
-  // 发料包装类型
-  packagingTypeOptions: [{ value: 1, label: '包装' }, { value: 2, label: '容器' }, { value: 3, label: '单件' }],
+  sortOptions: [{ value: 'ASC', label: '从小到大' }, { value: 'DESC', label: '从大到小' }],
 })
 
+// 获取供应商列表
+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[0].Value = ''
+  if (e == 'WarehouseCode') {
+    getFormWarehouseList()
+  } else if (e == 'AreaCode') {
+    getFormAreaList()
+  } else if (e == 'LocationGroupCode') {
+    getFormLocationgrouList()
+  } else if (e == 'LocationCode') {
+    getFormLocationList()
+  }
+}
 /** 打开弹窗 */
-const open = async (type: string, id?: number) => {
+const open = async (type: string, strategyCode: string, id?: number) => {
+  formStrategyCode.value = strategyCode
   dialogVisible.value = true
   dialogTitle.value = t('action.' + type)
   formType.value = type
   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 == 1 ? true : false
+      if (data.condition) {
+        formData.value.condition = JSON.parse(data.condition)
+      }
+      if (data.configuration) {
+        formData.value.configuration = JSON.parse(data.configuration)
+      }
+      // 判断是获取客户列表还是供应上列表
+      if (formData.value.condition[0].ParamCode == 'SupplierCode') {
+        getFormSupplierList()
+      } else {
+        getFormCustomerList()
+      }
+      // 判断是获取仓库/库位/库位组/库区列表
+      if (formData.value.configuration[0].ParamCode == 'WarehouseCode') {
+        getFormWarehouseList()
+      } else if (formData.value.configuration[0].ParamCode == 'AreaCode') {
+        getFormAreaList()
+      } else if (formData.value.configuration[0].ParamCode == 'LocationGroupCode') {
+        getFormLocationgrouList()
+      } else if (formData.value.configuration[0].ParamCode == 'LocationCode') {
+        getFormLocationList()
+      }
+    } finally {
+      formLoading.value = false
+    }
+  }
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
@@ -402,66 +479,93 @@ 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
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
   // 提交请求
   formLoading.value = true
-
+  try {
+    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 ? 1 : 0,//状态
+      //规则条件集合
+      condition: JSON.stringify(formData.value.condition),
+      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 = {
-    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: '',//选择的仓库/库区/库位组/库位
+    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: [] }
+    ],
 
-    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,//生成接收任务
+    configuration: [
+      // 仓库
+      { ParamCode: 'LocationCode', Value: "" },
+      // 数量排序方向
+      { ParamCode: 'QtyOrder', Value: 'ASC' },
+      // 巷道排序方向
+      { ParamCode: 'AisleOrder', Value: 'ASC' },
+      // 货架排序方向
+      { ParamCode: 'ShelfOrder', Value: 'ASC' },
+      // 行排序方向
+      { ParamCode: 'RowOrder', Value: 'ASC' },
+      // 列排序方向 
+      { ParamCode: 'ColumOrder', Value: 'ASC' },
+      // 优先整包 
+      { ParamCode: 'EntirePackageFirst', Value: false },
+      // 发料包装类型
+      { ParamCode: 'IssueStorageType', Value: 'SINGLE' },
+      // 是否拆分发料
+      { ParamCode: 'IsSplit', Value: '' },
+      // 拆分数量
+      { ParamCode: 'EachTimeQty', Value: '' },
+      // 时间间隔
+      { ParamCode: 'TimeInterval', Value: '' },
+      // 是否使用整理库位
+      { ParamCode: 'UseOrganizeLocation', Value: false },
+      // 是否使用在途库位
+      { ParamCode: 'UseTransportLocation', Value: false },
+      // 是否生成发料接收任务
+      { ParamCode: 'CreateReceiptJob', Value: false },
+    ]
   }
 }
 
diff --git a/src/views/wms/strategy/downShelfStrategy/index.vue b/src/views/wms/strategy/downShelfStrategy/index.vue
index 2abcfd89f..5db913e63 100644
--- a/src/views/wms/strategy/downShelfStrategy/index.vue
+++ b/src/views/wms/strategy/downShelfStrategy/index.vue
@@ -1,28 +1,88 @@
-<!-- 下架策略 -->
+
+<!-- 供应商送货策略 -->
 <template>
   <!-- 列表头部 -->
   <TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" />
-   <!-- 表单弹窗：添加/修改 -->
-    <AddForm ref="formRef" @success="getList" />
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list">
+      <el-table-column align="center" label="策略代码" prop="strategyCode" />
+      <el-table-column align="center" label="策略名称" prop="name" show-overflow-tooltip />
+      <el-table-column align="center" label="策略描述" prop="description" />
+      <el-table-column align="center" label="优先级" prop="priority" />
+      <el-table-column align="center" label="状态" prop="status">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status ? 0 : 1" />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" fixed="right" width="240">
+        <template #default="scope">
+          <ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event, scope.row)" />
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <Pagination v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNo" :total="total"
+      @pagination="getList" />
+  </ContentWrap>
+  <!-- 表单弹窗：添加/修改 -->
+  <AddForm ref="formRef" @success="getList" />
 </template>
 
 <script setup lang="ts">
+import { DICT_TYPE } from '@/utils/dict'
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
+import * as RuleApi from '@/api/wms/rule'
 import AddForm from './AddForm.vue'
+// import { dateFormatter } from '@/utils/formatTime'
+
+defineOptions({ name: 'SupplieDeliveryStrategy' })
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const loading = ref(true) // 列表的加载中
+const total = ref(0) // 列表的总页数
+const list = ref([]) // 字典表格数据
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  strategyCode: 'S007',
+})
+
+/** 查询字典类型列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await RuleApi.getRulePage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
 
-defineOptions({ name: 'DownShelfStrategy' })
 // 显示弹窗
 const formRef = ref()
-const openForm = (type: string) => {
-  formRef.value.open(type)
+const openForm = (type: string, strategyCode: string, id: number) => {
+  formRef.value.open(type, strategyCode, id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await RuleApi.deleteRule(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch { }
 }
 // 列表头部按钮
 const HeadButttondata = [
   defaultButtons.defaultAddBtn(null), // 新增
-  defaultButtons.defaultImportBtn(null), // 导入
-  defaultButtons.defaultExportBtn(null), // 导出
-  // defaultButtons.defaultFilterBtn(), // 筛选
-  defaultButtons.defaultFreshBtn(null), // 刷新
 ]
 
 
@@ -30,7 +90,7 @@ const HeadButttondata = [
 // 头部按钮事件 
 const buttonBaseClick = (val, item) => {
   if (val == 'add') { // 新增
-    openForm('create')
+    openForm('create', queryParams.strategyCode)
   } else if (val == 'import') { // 导入
     handleImport()
   } else if (val == 'export') { // 导出
@@ -52,10 +112,15 @@ const butttondata = [
 // 列表-操作按钮事件 
 const buttonTableClick = (val, row) => {
   if (val == 'edit') { // 编辑
-    openForm('update', row.id)
+    openForm('update', queryParams.strategyCode, row.id)
   } else if (val == 'delete') { // 删除
     handleDelete(row.id)
   }
 }
 
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+
 </script>
diff --git a/src/views/wms/strategy/upShelfStrategy/AddForm.vue b/src/views/wms/strategy/upShelfStrategy/AddForm.vue
index c365c722a..711e4873f 100644
--- a/src/views/wms/strategy/upShelfStrategy/AddForm.vue
+++ b/src/views/wms/strategy/upShelfStrategy/AddForm.vue
@@ -231,7 +231,7 @@ const formData = ref({
   ],
   configuration: [
     // 仓库
-    { ParamCode: 'WarehouseCode', Value: "" },
+    { ParamCode: 'LocationCode', Value: "" },
     // 优先空库位
     { ParamCode: 'EmptyLocationFirst', Value: false },
     // 优先非空库位
@@ -323,22 +323,19 @@ const changeCalculation = () => {
 const getFormWarehouseList = async () => {
   options.warehouseList = await getWarehouseList();
 }
-getFormWarehouseList()
 // 获取库区列表
 const getFormAreaList = async () => {
   options.warehouseList = await getAreaList();
 }
-getFormWarehouseList()
 // 获取库位组列表
 const getFormLocationgrouList = async () => {
   options.warehouseList = await getLocationgroupList();
 }
-getFormWarehouseList()
 // 获取库位列表
 const getFormLocationList = async () => {
   options.warehouseList = await getLocationList();
 }
-getFormWarehouseList()
+getFormLocationList()
 // 选择仓库/库位/库位组/库区
 const changeWarehouse = (e) => {
   formData.value.configuration[0].Value = ''
@@ -463,7 +460,7 @@ const resetForm = () => {
 
     configuration: [
       // 仓库
-      { ParamCode: 'WarehouseCode', Value: "" },
+      { ParamCode: 'LocationCode', Value: "" },
       // 优先空库位
       { ParamCode: 'EmptyLocationFirst', Value: false },
       // 优先非空库位