表单 详情 查询页 table 组件修改

src/components/BasicForm/src/BasicForm.vue

@@ -210,18 +210,19 @@ const formSchema = ref(props.formAllSchemas.formSchema)
 /** 弹层操作 */
 // formField form表单中的字段
 // searchField 查询列表中的字段 
+// type 发起事件位置 type=tableForm 是明细中发起的 否则 为主表发起的 
 const searchTableRef = ref()
-const opensearchTable = (formField, searchField) => {
+const opensearchTable = (formField, searchField, type, row) => {
   const _searchTableParamsObject:any = props.searchTableParams.find((item:any) => (item.formField == formField))
   const _searchTableTitle = _searchTableParamsObject.searchTableTitle
   const _searchTableAllSchemas = _searchTableParamsObject.searchTableAllSchemas
   const _searchTablePage = _searchTableParamsObject.searchTablePage
-  searchTableRef.value.open(_searchTableTitle, _searchTableAllSchemas, _searchTablePage, formField, searchField)
+  searchTableRef.value.open(_searchTableTitle, _searchTableAllSchemas, _searchTablePage, formField, searchField, type, row)
 }
 // 弹层确定返回所选数据
 // val ： 弹层列表row 数据
-const searchTableSuccess = (formField,searchField, val) => {
+const searchTableSuccess = (formField,searchField, val, type, row) => {
-  emit('searchTableSuccess', formField, searchField, val, formRef.value )
+  emit('searchTableSuccess', formField, searchField, val, formRef.value, type, row )
 }
 
 /** 打开弹窗 */
@@ -357,8 +358,8 @@ const handleAddTable = () => {
   emit('handleAddTable')
 }
 // 输入框聚焦
-const inpuFocus = (headerItem) => {
+const inpuFocus = (headerItem, row, index) => {
-  opensearchTable()
+  opensearchTable(headerItem.field, 'poNumber', 'tableForm', row)
 }
 </script>
 <style lang="scss" scoped>

src/components/Detail/src/Detail.vue

@@ -155,7 +155,7 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
     tableId: row.id,
     tableName: tableName,
   }
-  getList() // 加载明细列表
+  if(!props.isBasic) getList() // 加载明细列表
   isShowDrawer.value = true
   if (row) {
     detailLoading.value = true
@@ -190,8 +190,8 @@ const remarksSubmitScuess = async (remark) => {
 // 获取变更记录
 const getChangeRecordList = async () => {
   changeRecordData.changeRecordList = await RemarkApi.getChangeRecordPage(remarksData.data)
-  
 }
+
 const { tableObject, tableMethods } = useTable({
   getListApi: props.detailApi?.getDetasListPage // 在主表API中添加根据主表ID获取明细列表分页方法
 })

src/components/SearchTable/src/SearchTable.vue

@@ -39,13 +39,17 @@ const searchSchema = ref()
 const tableColumns = ref()
 const formFieldRef = ref()
 const searchFieldRef = ref()
-const open = (titleName: any, allSchemas: any,getApiPage: any, formField: any, searchField: any ) => {
+const typeRef = ref()
+const rowRef = ref()
+const open = (titleName: any, allSchemas: any,getApiPage: any, formField: any, searchField: any, type: any, row: any ) => {
   searchDialogVisible.value = true
   formFieldRef.value = formField
   searchFieldRef.value = searchField
   searchSchema.value = allSchemas.searchSchema
   tableColumns.value = allSchemas.tableColumns
   getPage.value = getApiPage
+  typeRef.value = type
+  rowRef.value = row
   // dialogTitle.value = t('action.' + type)
   dialogTitle.value = titleName
   const {tableObject, tableMethods } = useTable({
@@ -75,11 +79,9 @@ const submitForm = async () => {
     return
   }
   try {
-    
     searchDialogVisible.value = false
     // 发送操作成功的事件
-    emit('searchTableSuccess', formFieldRef.value, searchFieldRef.value, selections)
+    emit('searchTableSuccess', formFieldRef.value, searchFieldRef.value, selections, typeRef.value, rowRef.value)
-    searchDialogVisible.value = false
   } finally {
     formLoading.value = false
   }

src/components/TableForm/src/TableForm.vue

@@ -40,12 +40,12 @@
       />
       <el-table-column 
         v-slot="{ row }" 
-        v-for="headerItem in tableFields" 
+        v-for="(headerItem,index) in tableFields" 
         :key="headerItem"
         :fixed="headerItem.tableForm?.fixed" 
         :label="headerItem.label" :prop="headerItem.field"
         :align="headerItem?.tableForm?.align || 'center'" 
-        :sortable="headerItem?.tableForm?.sortable || ''"
+        :sortable="headerItem?.tableForm?.sortable || false"
         :width="headerItem?.tableForm?.width || '200'" 
         :min-width="headerItem?.tableForm?.minWidth || 'auto'">
         <el-form 
@@ -65,7 +65,7 @@
               :placeholder="headerItem?.tableForm?.placeholder || '请输入' + headerItem.label"
               :disabled="itemIsDisabled(headerItem, row)" 
               style="width: 100%;" 
-              @focus="inpuFocus(headerItem)"
+              @click="inpuFocus(headerItem,row,index)"
             />
           </el-form-item>
           <!-- 金额输入框 -->
@@ -387,10 +387,9 @@ const handleAddTable = () => {
   emit('handleAddTable')
 }
 // 输入框聚焦
-const inpuFocus = (headerItem)=>{
+const inpuFocus = (headerItem, row, index)=>{
-  
   if(headerItem?.tableForm?.isInpuFocusShow){
-   emit('inpuFocus')
+   emit('inpuFocus', headerItem, row, index)
   }
 }