失去焦点和保存按钮先后问题

src/api/wms/business/inputBlur.ts

@@ -23,7 +23,9 @@ const { t } = useI18n() // 国际化
  * FormBlur  表格失去焦点时候获取焦点
  */
 export const tableFormBlurVer = async (headerItem, val, row, index, routeName, formRef, detailData, tableData, callback) => {
-  if (headerItem.tableForm.searchPage && headerItem.tableForm.verificationParams) {
+
+  try {
+  if (headerItem?.tableForm?.searchPage && headerItem?.tableForm?.verificationParams) {
     if (val && isString(val)) {
       if (val.indexOf(',') > -1) {
         message.alert('该输入框只能输入一条数据')
@@ -204,8 +206,16 @@ export const tableFormBlurVer = async (headerItem, val, row, index, routeName, f
       })
       }
     }
+  } catch {
+    message.warning('暂无数据')
+    row[headerItem.field] = ''
+    return
+  }
 }
 export const FormBlur = async (field, val, routeName, formRef, detailData, formSchema, callback) => {
+  const setV = {}
+  setV[field] = ''
+  try {
     if (formSchema.searchPage && formSchema.verificationParams) {
       //获取data.ts参数信息
       const searchCondition = formSchema?.searchCondition || []
@@ -216,8 +226,7 @@ export const FormBlur = async (field, val, routeName, formRef, detailData, formS
       // searchCondition = [...searchCondition, ...verificationParams]
 
       if (val && isString(val)) {
-      const setV = {}
-      setV[field] = ''
+       
         let params = {}
         const _searchCondition = {}
         const filters: any[] = []
@@ -381,6 +390,12 @@ export const FormBlur = async (field, val, routeName, formRef, detailData, formS
         })
       }
     }
+  } catch {
+    message.alert('暂无数据')
+    formRef.setValues(setV)
+    return
+  }
+
  
 }
 

src/components/BasicForm/src/BasicForm.vue

@@ -20,6 +20,7 @@
         @onChange="onChange"
         @onBlur="onBlur"
         @onEnter="onEnter"
+        @onFocus="onFocus"
       >
         <template #crontab="formSchema1" v-if="fromeWhere == 'countPlan'">
           <crontab
@@ -105,6 +106,7 @@
           @batchAdd="batchAdd"
           :routeName="routeName"
           @visibleChange="visibleChange"
+          @inputStringFcous='inputStringFcous'
         >
           <template v-slot="{ row }">
             <slot :row="row"></slot>
@@ -126,7 +128,7 @@
     </div>
     <template #footer>
       <slot name="foorter"></slot>
-      <ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" />
+      <ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick" :key="count" />
     </template>
   </Dialog>
   <SearchTable
@@ -148,6 +150,7 @@ import TableFormCountPlan from '@/components/TableFormCountPlan/src/TableFormCou
 import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 import { tableFormBlurVer, FormBlur, getListByBottonInput } from '@/api/wms/business/inputBlur'
 import { isString } from 'min-dash'
+const count = ref(0)
 
 const props = defineProps({
   // 显示窗口宽度设置
@@ -365,7 +368,6 @@ const tableFormRules = ref(props.tableFormRules)
 const route = useRoute() // 路由信息
 const routeName = ref('')
 routeName.value = route.name
-const isExecute = ref(true) //如果走失去焦点的方法只有为true的时候才能进行保存
 
 // 列表-按钮
 // const buttondata = [
@@ -424,8 +426,9 @@ const opensearchTable = (
               : ''
           })
         } else {
-        
-        _searchCondition[searchCondition[i].key] = formRef.value.formModel[searchCondition[i].value]
+          _searchCondition[searchCondition[i].key] = formRef.value.formModel[
+            searchCondition[i].value
+          ]
             ? formRef.value.formModel[searchCondition[i].value]
             : props.detailData
             ? props.detailData[searchCondition[i].value]
@@ -447,7 +450,6 @@ const opensearchTable = (
             return
           }
         }
-
       } else if (searchCondition[i].isTableRowValue) {
         if (searchCondition[i].required) {
           if (row[searchCondition[i].value] == '' || row[searchCondition[i].value] == undefined) {
@@ -613,6 +615,7 @@ const open = async (
   }
   formType.value = type
   resetForm()
+  count.value = 0
   // 修改时，设置数据
   // 如果是从主表的详情页面进图添加子表，需要添加masterId，number参数
   if (masterParmas) {
@@ -856,10 +859,9 @@ const onChange = (field, cur) => {
  * @param field 当前操作字段
  * @param e
  */
+
 const onBlur = async (field, e) => {
-  isExecute.value = false
   let formSchemaObj = formSchema.value.find((item) => item.field == field)?.componentProps
-
   if (formSchemaObj?.enterSearch) {
     await FormBlur(
       field,
@@ -872,10 +874,17 @@ const onBlur = async (field, e) => {
         emit('searchTableSuccess', field, formSchemaObj.searchField, list, formRef.value, 'form')
       }
     )
+console.log(22222)
+    if (props.isShowFooterButtton && !props.footButttondata) {
+      Butttondata = [
+        defaultButtons.formSaveBtn(null), // 保存
+        defaultButtons.formCloseBtn(null) // 关闭
+      ]
+      count.value++
+    }
   } else {
     emit('onBlur', field, e)
   }
-  isExecute.value = true
 }
 
 // 批量增加
@@ -908,10 +917,10 @@ const batchAdd = async (val) => {
       )
     }
   )
+ 
 }
 
 const inputStringBlur = async (headerItem, val, row, index) => {
-  // isExecute.value = false
   await tableFormBlurVer(
     headerItem,
     val,
@@ -935,10 +944,38 @@ const inputStringBlur = async (headerItem, val, row, index) => {
       )
     }
   )
-
-  // isExecute.value = true
+    if (props.isShowFooterButtton && !props.footButttondata) {
+      Butttondata = [
+        defaultButtons.formSaveBtn(null), // 保存
+        defaultButtons.formCloseBtn(null) // 关闭
+      ]
+      count.value++
+    }
+}
+// 聚焦
+const onFocus = (field) => {
+  let formSchemaObj = formSchema.value.find((item) => item.field == field)?.componentProps
+  if (formSchemaObj?.enterSearch) {
+    if (props.isShowFooterButtton && !props.footButttondata) {
+      Butttondata = [
+        defaultButtons.formSaveBtn({ disabled: true }), // 保存
+        defaultButtons.formCloseBtn(null) // 关闭
+      ]
+    }
+    count.value++
+  }
+}
+const inputStringFcous= (headerItem) => {
+ if (headerItem?.tableForm?.searchPage && headerItem?.tableForm?.verificationParams) {
+    if (props.isShowFooterButtton && !props.footButttondata) {
+      Butttondata = [
+        defaultButtons.formSaveBtn({ disabled: true }), // 保存
+        defaultButtons.formCloseBtn(null) // 关闭
+      ]
+    }
+    count.value++
+  }
 }
-
 /**
  * 回车事件
  * @param field 当前操作字段

src/components/Form/src/Form.vue

@@ -55,7 +55,7 @@ export default defineComponent({
     vLoading: propTypes.bool.def(false),
     labelPosition: propTypes.string.def('left'),
   },
-  emits: ['register','opensearchTable','clearSearchInput', 'onChange', 'onBlur','onEnter','hiddenFilterButton','changeDialogWidth','onInput'],
+  emits: ['register','opensearchTable','clearSearchInput', 'onChange', 'onBlur','onFocus','onEnter','hiddenFilterButton','changeDialogWidth','onInput'],
   setup(props, { slots, expose, emit }) {
     // element form 实例
     const elFormRef = ref<ComponentRef<typeof ElForm>>()
@@ -204,6 +204,10 @@ export default defineComponent({
     const onBlur = (field, e) => {
       emit('onBlur', field, e)
     }
+    const onFocus = (field) => {
+      emit('onFocus', field)
+    }
+    
     const onInput = (field,value) => {
       emit('onInput', field,value)
     }
@@ -270,8 +274,8 @@ export default defineComponent({
                     emit('onEnter',item.field,formModel.value[item.field],event)
                   }
               }} 
-              
               onBlur={(e) => { onBlur(item.field, e) }}
+              onFocus={(e) => { onFocus(item.field) }}
               onChange={(e)=>{onChange(item.field, e)}}
               v-slots={{
                   suffix: () => (
@@ -325,6 +329,7 @@ export default defineComponent({
               }}
               
               onBlur={(e)=>{onBlur(item.field,formModel.value[item.field])}}
+              onFocus={(e) => { onFocus(item.field)}}
               onChange={(e)=>{onChange(item.field,formModel.value[item.field])}}
                disabled={item?.componentProps?.enterSearch?false:true} v-slots={{
                   suffix: () => (
@@ -393,6 +398,7 @@ export default defineComponent({
                       style={item.componentProps?.style}
                       onChange={(e)=>{onChange(item.field, e)}}
                       onBlur={(e) => { onBlur(item.field, e) }}
+                      onFocus={(e) => { onFocus(item.field) }}
                       onInput={(value)=>{onInput(item.field,value)}}
                       {...(notRenderOptions.includes(item?.component as string) &&
                       item?.componentProps?.options

src/components/TableForm/src/TableForm.vue

@@ -93,6 +93,7 @@
               style="flex: 1"
               @blur="inputStringBlur(headerItem, row[headerItem.field], row, index)"
               @clear='clearInput(headerItem.field, row, index)'
+              @focus="inputStringFcous(headerItem)"
             />
             <Icon
               icon="ep:circle-close"
@@ -526,7 +527,8 @@ const emit = defineEmits([
   'formFormDateChange',
   'clearInput',
   'batchAdd',
-  'visibleChange'
+  'visibleChange',
+  'inputStringFcous'
 ])
 // 获取下拉列表 | type = radio | type = select
 const initSelectOptions = (headerItem,row) => {
@@ -653,6 +655,10 @@ const inpuFocus = (headerItem, row, index) => {
 const inputStringBlur = (headerItem, val, row, index) => {
   emit('inputStringBlur', headerItem, val, row, index)
 }
+// 聚焦
+const inputStringFcous = (headerItem) => {
+   emit('inputStringFcous', headerItem)
+}
 const clearInput = (field, row, index) => {
   emit('clearInput', field, row, index)
 }