添加防抖函数已经修改bug

5949aa2c · linjinhong · 6721290f · 5949aa2c · 5949aa2c · 5949aa2c
Commit 5949aa2c authored May 29, 2025 by linjinhong
6 changed files
--- a/src/components/CustomizeForm.tsx
+++ b/src/components/CustomizeForm.tsx
@@ -125,6 +125,11 @@ export default defineComponent({
      if (!formRef.value) return false
      return await formRef.value.validate()
    }
+    // 表单验证方法
+    const clearValidate = async () => {
+      if (!formRef.value) return false
+      return await formRef.value.clearValidate()
+    }
    // 重置表单
    const resetFields = async () => {
@@ -158,6 +163,7 @@ export default defineComponent({
      getComponentAttrs,
      refashConfig,
      tableConfig,
+      clearValidate,
    }
  },
  render() {

--- a/src/views/logistics/declarationRule.vue
+++ b/src/views/logistics/declarationRule.vue
@@ -83,7 +83,7 @@ import { IFormConfig } from '@/components/CustomizeForm.tsx'
 import usePageList from '@/utils/hooks/usePageList'
 import { useValue } from './hooks/useValue'
 import { showConfirm } from '@/utils/ui'
+import { debounce } from 'lodash-es'
 import {
  DeclarationRuleList,
  AddDeclarationRuleObj,
@@ -177,14 +177,15 @@ const formConfig = ref<IFormConfig[]>([
        if (value === 2) {
          editForm.value.fixedValue = ''
          editForm.value.fixedWeight = ''
+          editFormRef.value?.clearValidate()
        } else {
          editForm.value.orderPercent = ''
          editForm.value.valueUp = ''
          editForm.value.weightPercent = ''
          editForm.value.weightUp = ''
+          editFormRef.value?.clearValidate()
        }
        editFormRef.value?.refashConfig(mapData.value.get(value) as string[])
-        editFormRef.value?.validate()
      },
    },
    rules: [
@@ -442,7 +443,7 @@ async function checkData() {
  return { isValid, postData }
 }
-async function save() {
+const save = debounce(async () => {
  const { isValid, postData } = await checkData()
  if (isValid) {
    try {
@@ -467,7 +468,8 @@ async function save() {
      return
    }
  }
-}
+}, 400)
 function addDialog() {
  dialogVisible.value = true
  nextTick(() => {

--- a/src/views/logistics/logisticsMethod.vue
+++ b/src/views/logistics/logisticsMethod.vue
@@ -87,6 +87,7 @@ import usePageList from '@/utils/hooks/usePageList'
 import { useValue } from './hooks/useValue'
 import { showConfirm } from '@/utils/ui'
 import { Edit, Delete, List } from '@element-plus/icons-vue'
+import { debounce } from 'lodash-es'
 const [searchForm] = useValue({})
 const [editForm, resetEditForm] = useValue<LogisticsMethod>({
@@ -538,7 +539,7 @@ async function checkData() {
  return { isValid, postData }
 }
-async function save() {
+const save = debounce(async () => {
  const { isValid, postData } = await checkData()
  if (isValid) {
    try {
@@ -563,7 +564,7 @@ async function save() {
      return
    }
  }
-}
+}, 400)
 function addDialog() {
  dialogVisible.value = true
 }

--- a/src/views/logistics/logisticsPartition.vue
+++ b/src/views/logistics/logisticsPartition.vue
@@ -37,6 +37,7 @@
          v-model="tableData"
          :config="tableConfig"
          :merge-cells="mergeCells"
+          @edit-closed="editClosed"
          :tableEditConfig="{
            enabled: true,
          }"
@@ -92,6 +93,7 @@ import { useValue } from './hooks/useValue'
 import { showConfirm } from '@/utils/ui'
 import { Edit } from '@element-plus/icons-vue'
 import { ElInput } from 'element-plus'
+import { debounce } from 'lodash-es'
 const [searchForm] = useValue({})
 const [editForm, resetEditForm] = useValue({ logisticsList: [] })
@@ -277,7 +279,7 @@ async function checkData() {
  return { isValid, postData }
 }
-async function save() {
+const save = debounce(async () => {
  const { isValid, postData } = await checkData()
  if (isValid) {
    try {
@@ -285,10 +287,6 @@ async function save() {
        await addLogisticsZone({
          ...postData,
        })
-      } else {
-        await updateLogisticsZone({
-          ...postData,
-        })
      }
      ElMessage({
        message: '保存成功',
@@ -302,7 +300,7 @@ async function save() {
      return
    }
  }
-}
+}, 400)
 function addDialog() {
  dialogVisible.value = true
 }
@@ -351,6 +349,7 @@ async function deleteFn() {
  }
 }
 const loading = ref(false)
+const editParams = ref({})
 async function getList(data?) {
  loading.value = true
  try {
@@ -381,7 +380,18 @@ async function getList(data?) {
                edit: ({ row }) => {
                  return (
                    <div>
-                      {/* <ElInput v-model={row[key]?.codePrefix} /> */}
+                      <ElInput
+                        style={{ height: '24px' }}
+                        modelValue={row[key]?.codePrefix}
+                        onInput={(e) => {
+                          row[key].codePrefix = e
+                          editParams.value = {
+                            zoneName: row.zoneName,
+                            logistics: key,
+                            codePrefix: e || '',
+                          }
+                        }}
+                      />
                    </div>
                  )
                },
@@ -400,8 +410,6 @@ async function getList(data?) {
        }
      }
      tableConfig.value = [...oldConfig, ...newConfig]
-      console.log('tableConfig', tableConfig.value)
-      console.log(' tableData', tableData.value)
    } catch (e) {
      console.log(e)
    }
@@ -505,13 +513,21 @@ async function exportExcel(file) {
  }
 }
-watch(
+async function editClosed() {
-  () => loading.value,
+  console.log(1111111, editParams.value)
-  (val) => {
+  try {
-    console.log(442, val)
+    if (Object.keys(editParams.value).length) {
-  },
+      await updateLogisticsZone(editParams.value)
-  { deep: true, immediate: true },
+      ElMessage.success('修改成功!')
-)
+      getList(searchForm.value)
+    }
+  } catch {
+    ElMessage.error('修改失败!')
+    getList(searchForm.value)
+  } finally {
+    editParams.value = {}
+  }
+}
 </script>
 <style lang="scss" scoped>

--- a/src/views/logistics/logisticsQuotation.vue
+++ b/src/views/logistics/logisticsQuotation.vue
@@ -116,6 +116,7 @@ import usePageList from '@/utils/hooks/usePageList'
 import { useValue } from './hooks/useValue'
 import { showConfirm } from '@/utils/ui'
 import { Edit } from '@element-plus/icons-vue'
+import { debounce } from 'lodash-es'
 const [searchForm] = useValue({})
 const [editForm, resetEditForm] = useValue({ unit: 'oz' })
@@ -477,7 +478,7 @@ async function checkData() {
  return { isValid, postData }
 }
-async function save() {
+const save = debounce(async () => {
  const { isValid, postData } = await checkData()
  if (isValid) {
    try {
@@ -502,7 +503,7 @@ async function save() {
      return
    }
  }
-}
+}, 400)
 function addDialog() {
  dialogVisible.value = true
  console.log(502, editForm.value)

--- a/src/views/logistics/shippingAddress.vue
+++ b/src/views/logistics/shippingAddress.vue
@@ -185,6 +185,7 @@ import { LogisticsQuotation } from './types/logisticsQuotation.ts'
 import LogDialog from './components/LogDialog.tsx'
 import CustomizeForm from '@/components/CustomizeForm.tsx'
 import { Edit, Delete, List } from '@element-plus/icons-vue'
+import { debounce } from 'lodash-es'
 import usePageList from '@/utils/hooks/usePageList'
 import { useValue } from './hooks/useValue'
@@ -293,14 +294,7 @@ const formConfig = ref<IFormConfig[]>([
      placeholder: '请选择区',
    },
  },
-  {
-    prop: 'cspAccount',
-    type: 'input',
-    label: 'CSP账号',
-    attrs: {
-      placeholder: '请输入CSP账号',
-    },
-  },
  {
    prop: 'postalCode',
    type: 'input',
@@ -355,14 +349,7 @@ const formConfig = ref<IFormConfig[]>([
      placeholder: '请输入电话',
    },
  },
-  {
-    prop: 'rfcTaxId',
-    type: 'input',
-    label: 'RFC税号',
-    attrs: {
-      placeholder: '请输入RFC税号',
-    },
-  },
  {
    prop: 'swDefault',
    type: 'switch',
@@ -432,7 +419,7 @@ async function checkData() {
  return { isValid, postData }
 }
-async function save() {
+const save = debounce(async () => {
  const { isValid, postData } = await checkData()
  if (isValid) {
    try {
@@ -457,7 +444,7 @@ async function save() {
      return
    }
  }
-}
+}, 400)
 function addDialog() {
  dialogVisible.value = true