前端页面构造

zs

2025-05-05 6ecd5b23904d2e862dd572ab7feb1a85824fc9ad

 HIAWms/web/src/widgets/WmsStoreInfo/Controllers/WmsAreaDrawer.ts

@@ -52,12 +52,6 @@
      rules: [{ required: true, message: '库区名称不能为空', trigger: 'blur' }],
    },
    {
      label: '描述',
      prop: 'areaDesc',
      el: 'input',
      placeholder: '请输入描述',
    },
    {
      label: '库区状态',
      prop: 'areaStatus',
      el: 'select',
@@ -82,34 +76,33 @@
      prop: 'storeCode',
      el: 'select',
      options: [],
      // storeValueAndLabel: true,
      placeholder: '请输入仓库代码',
    },
    // {
    //   label: '仓库名称',
    //   prop: 'storeName',
    //   el: 'input',
    //   placeholder: '请输入仓库名称',
    // },
    // {
    //   label: '排序',
    //   prop: 'sort',
    //   el: 'input-number',
    //   placeholder: '请输入排序',
    //   rules: [{ required: true, message: '排序不能为空', trigger: 'blur' }],
    // },
    {
      label: '仓库名称',
      prop: 'storeName',
      label: '描述',
      prop: 'areaDesc',
      el: 'input',
      placeholder: '请输入仓库名称',
    },
    {
      label: '排序',
      prop: 'sort',
      el: 'input-number',
      placeholder: '请输入排序',
      rules: [{ required: true, message: '排序不能为空', trigger: 'blur' }],
      placeholder: '请输入描述',
    },
    {
      label: '备注',
      prop: 'remark',
      el: 'input',
      placeholder: '请输入备注',
    },
    {
      label: '是否禁用',
      prop: 'isDisabled',
      el: 'switch',
      rules: [
        { required: true, message: '是否禁用不能为空', trigger: 'change' },
      ],
    },
  ])
  /**
@@ -145,6 +138,7 @@
   */
  const onConfirm = async () => {
    await formRef.value?.validate()
    console.log(formData.value)
    const data = {
      areaNo: formData.value.areaNo, // 库区编号
      areaName: formData.value.areaName, // 库区名称
@@ -152,7 +146,7 @@
      areaStatus: formData.value.areaStatus, // 库区状态
      areaType: formData.value.areaType, // 库区类型
      storeCode: formData.value.storeCode, // 仓库代码
      storeName: formData.value.storeName, // 仓库名称
      // storeName: formData.value.storeName, // 仓库名称
      remark: formData.value.remark, // 备注
    }
    if (!current.value) {
@@ -185,8 +179,8 @@
    const item = formItems.find((item) => item.prop === propName)
    if (item && enumData) {
      item.options = enumData.map((item) => ({
        label: item.StoreCode,
        value: item.StoreName,
        label: item.storeName,
        value: item.storeCode,
      }))
    }
  }
@@ -205,7 +199,7 @@
    updateFormItemOptions('areaType', areaTypeEnum)

    const storeList = await getStoreDataList()
    updateFormItemOptions('storeCode', storeList)
    updateFormStoreOptions('storeCode', storeList)
    if (current.value) {
      const res = await wmsAreaDrawer.getWmsAreaDetail(current.value)

@@ -216,7 +210,7 @@
        areaStatus: res.areaStatus, // 库区状态
        areaType: res.areaType, // 库区类型
        storeCode: res.storeCode, // 仓库代码
        storeName: res.storeName, // 仓库名称
        // storeName: res.storeName, // 仓库名称
        remark: res.remark, // 备注
        id: res.id,
      }
@@ -224,7 +218,11 @@
      updateCheckData()
    } else {
      disabled.value = false
      formData.value = {}
      formData.value = {
        areaStatus: 1, // 库区状态
        areaType: 1, // 库区类型
        storeCode: storeList[0],
      }
      updateCheckData()
    }
  }