列表弹窗加上回显

src/components/SearchTable/src/SearchTable.vue

@@ -24,6 +24,7 @@
         v-model:sort="tableObjectRef.sort"
         :selection="true"
         :reserveSelection="true"
+        :searchTableSelectionsList="searchTableSelectionsList"
         row-key="id"
         @register="onMountedCallBack"
       />
@@ -69,7 +70,8 @@ const rowRef = ref()
 const allSchemasRef = ref()
 const multipleBol = ref(false)
 const searchConditionRef = ref()
-const open = (titleName: any, allSchemas: any,getApiPage: any, formField: any, searchField: any,multiple: any, type: any, row: any, searchCondition:any , isCountRequestRe:any ) => {
+const searchTableSelectionsList = ref()//表格弹窗回显的列表
+const open = (titleName: any, allSchemas: any,getApiPage: any, formField: any, searchField: any,multiple: any, type: any, row: any, searchCondition:any , isCountRequestRe:any, searchTableSelections:any) => {
   searchDialogVisible.value = true
   formFieldRef.value = formField
   searchFieldRef.value = searchField
@@ -82,6 +84,7 @@ const open = (titleName: any, allSchemas: any,getApiPage: any, formField: any, s
   multipleBol.value = multiple
   // dialogTitle.value = t('action.' + type)
   dialogTitle.value = titleName
+  searchTableSelectionsList.value = searchTableSelections
   const {tableObject, tableMethods } = useTable({
     getListApi: getPage.value // 分页接口
   })

src/components/Table/src/Table.vue

@@ -53,6 +53,7 @@ export default defineComponent({
       type: Array as PropType<Recordable[]>,
       default: () => []
     },
+    searchTableSelectionsList:[],//回显列表
   },
   emits: ['update:pageSize', 'update:currentPage', 'register', 'update:sort'],
   setup(props, { attrs, slots, emit, expose }) {
@@ -62,6 +63,11 @@ export default defineComponent({
     onMounted(() => {
       const tableRef = unref(elTableRef)
       emit('register', tableRef?.$parent, elTableRef)
+      if (props.searchTableSelectionsList && props.searchTableSelectionsList.length > 0) {
+        props.searchTableSelectionsList.forEach(row => {
+          elTableRef.value.toggleRowSelection(row, true);
+        });
+      }
     })
 
     const pageSizeRef = ref(props.pageSize)

src/views/eam/device/deviceAccounts/index.vue

@@ -431,6 +431,7 @@ const searchTableRef = ref()
 /** 绑定备件操作 */
 const openItem = async (number: String) => {
   deviceNumber.value = number
+  await CallBack1()
   searchTableRef.value.open(
     '选择备件',
     Item.allSchemas,
@@ -441,7 +442,8 @@ const openItem = async (number: String) => {
     null,
     null,
     null,
-    null
+    null,
+    searchTableSelections.value
   )
 }
 
@@ -466,11 +468,11 @@ const qrCodeBatch = async (val,item) => {
   const qrCodeList = tableObject.tableList.map(item => `'${item?.number}'`).join(', ')
   window.open(src.value + "&number=" + qrCodeList)
 }
-
+const searchTableSelections = ref([])
-const onMountedCallBack = (parent, searchTable) => {
+const  CallBack1 = async () => {
-  getDeviceItemNoPage({ deviceNumber: deviceNumber.value }).then((res) => { 
+  await getDeviceItemNoPage({ deviceNumber: deviceNumber.value }).then(async(res) => { 
-    ItemApi.getItemNoPage().then(response => {
+    await ItemApi.getItemNoPage().then(response => {
-      const selections = response.filter(element => {
+      searchTableSelections.value = response.filter(element => {
         let flag = false;
         res.forEach(item => {
           if (element.number == item.itemNumber) { 
@@ -479,13 +481,6 @@ const onMountedCallBack = (parent, searchTable) => {
         });
         return flag;
       });
-      // 使用nextTick确保表格渲染完成
-      // 确保searchTable是有效的
-      if (searchTable && selections.length > 0) {
-        selections.forEach(row => {
-          searchTable.value.toggleRowSelection(row, true);
-        });
-      }
     });
   });
 };