添加明细按钮点击的时候失去焦点内容还没有获取到

src/components/BasicForm/src/BasicForm.vue

@@ -107,6 +107,7 @@
           :routeName="routeName"
           @visibleChange="visibleChange"
           @inputStringFcous='inputStringFcous'
+          :sureDisabled="sureDisabled"
         >
           <template v-slot="{ row }">
             <slot :row="row"></slot>
@@ -373,6 +374,7 @@ const tableAllSchemas = ref(props.tableAllSchemas)
 const tableFormRules = ref(props.tableFormRules)
 const route = useRoute() // 路由信息
 const routeName = ref('')
+const sureDisabled = ref(false)
 routeName.value = route.name
 
 // 列表-按钮
@@ -888,6 +890,7 @@ const onBlur = async (field, e) => {
       ]
       count.value++
     }
+      sureDisabled.value= false
   } else {
     emit('onBlur', field, e)
   }
@@ -957,6 +960,8 @@ const inputStringBlur = async (headerItem, val, row, index) => {
       ]
       count.value++
   }
+    
+      sureDisabled.value= false
 }
 // 聚焦
 const onFocus = (field) => {
@@ -969,6 +974,7 @@ const onFocus = (field) => {
       ]
     }
     count.value++
+    sureDisabled.value= true
   }
 }
 const inputStringFcous= (headerItem) => {
@@ -980,6 +986,7 @@ const inputStringFcous= (headerItem) => {
       ]
     }
     count.value++
+    sureDisabled.value= true
   }
 }
 /**

src/components/TableForm/src/TableForm.vue

@@ -65,7 +65,8 @@
         :width="headerItem?.tableForm?.width"
         :min-width="headerItem?.tableForm?.minWidth || '200px'"
       >
-        <el-form @submit.native.prevent
+        <el-form
+          @submit.native.prevent
           ref="TableBaseForm_Ref"
           :model="row"
           style="width: 100%"
@@ -92,7 +93,7 @@
               :disabled="disabledInput(headerItem, row)"
               style="flex: 1"
               @blur="inputStringBlur(headerItem, row[headerItem.field], row, index)"
-              @clear='clearInput(headerItem.field, row, index)'
+              @clear="clearInput(headerItem.field, row, index)"
               @focus="inputStringFcous(headerItem)"
             />
             <Icon
@@ -391,32 +392,34 @@
       layout="total, prev, pager, next, jumper"
       :total="tableData.length"
     />
-    <div class="button flex" v-if="isShowButton || isShowReduceButtonSelection">
-      <div class="p-12px" v-if="isShowButton" @click.stop="handleAddTable">
-        <Icon icon="ep:circle-plus" color="#409eff" size="26" style="cursor: pointer" />
-        <div>{{ t('ts.添加明细') }}</div>
-      </div>
-      <div class="p-12px" v-if="isShowReduceButtonSelection" @click.stop="handleSelectionDelete">
-        <Icon icon="ep:delete" color="#409eff" size="26" style="cursor: pointer" />
-        <div>{{ t('ts.批量删除') }}</div>
-      </div>
-      <div
-        class="p-12px"
-        v-if="
-          isShowTableFormSearch?.isShowTableFormSearch||
-          routeName == 'PurchaseMain' ||
-          routeName == 'PurchaseMain' ||
-          routeName == 'ProductionMain' ||
-          routeName == 'ZZBJDeliverPlanMain' ||
-          routeName == 'DeliverPlanMain' ||
-          routeName == 'DeliverRequestMain' ||
-          routeName == 'ZZBJDeliverRequestMain' ||
-          routeName == 'UnplannedreceiptRequestMain'||
-          routeName == 'RepleinshRequestMain'
-          
-        "
+    <div class="button flex" style="padding-top: 10px" v-if="isShowButton || isShowReduceButtonSelection">
+      <el-button
+        type="primary"
+        link
+        v-if="isShowButton"
+        @click.stop="handleAddTable"
+        :disabled="sureDisabled"
+        :icon="CirclePlus"
+        size="large"
+      >
+        <span>{{ t('ts.添加明细') }}</span>
+      </el-button>
+      <el-button
+        type="primary"
+        link
+        v-if="isShowReduceButtonSelection"
+        @click.stop="handleSelectionDelete"
+        :icon="Remove"
+        size="large"
       >
-        <el-input v-model="keyWord" style="width: 240px" :placeholder="`请输入${isShowTableFormSearch?.label}，多条数据逗号分隔`" />
+        <span>{{ t('ts.批量删除') }}</span>
+      </el-button>
+      <div class="p-12px" v-if="isShowTableFormSearch?.isShowTableFormSearch">
+        <el-input
+          v-model="keyWord"
+          style="width: 240px"
+          :placeholder="`请输入${isShowTableFormSearch?.label}，多条数据逗号分隔`"
+        />
         <el-button type="primary" style="margin-left: 10px" @click.stop="batchAdd">{{
           t('批量添加')
         }}</el-button>
@@ -429,6 +432,7 @@
 const { t } = useI18n() // 国际化
 import * as defaultButtons from '@/utils/disposition/defaultButtons'
 import { DICT_TYPE, getIntDictOptions, getStrDictOptions } from '@/utils/dict'
+import { CirclePlus, Remove } from '@element-plus/icons-vue'
 const props = defineProps({
   // 是否显示添加按钮
   isShowButton: {
@@ -502,11 +506,16 @@ const props = defineProps({
     type: String,
     required: false,
     default: ''
+  },
+  // 添加明细是否可点击
+  sureDisabled: {
+    type: Boolean,
+    default: false
   }
 })
 let isShowTableFormSearch = ref({})
 console.log(33333, props.tableFields)
-isShowTableFormSearch.value =props.tableFields.find(item=>item.isShowTableFormSearch)
+isShowTableFormSearch.value = props.tableFields.find((item) => item.isShowTableFormSearch)
 
 // 传递给父类
 const emit = defineEmits([
@@ -535,7 +544,9 @@ const initSelectOptions = (headerItem,row) => {
   if (row[headerItem.field + 'InitOptions']) {
     return row[headerItem.field + 'InitOptions']
   } else {
-    return headerItem.dictType ? getStrDictOptions(headerItem.dictType) : headerItem.tableForm.initOptions
+    return headerItem.dictType
+      ? getStrDictOptions(headerItem.dictType)
+      : headerItem.tableForm.initOptions
   }
 }
 //普通下拉改变事件