const tableConfig = reactive({
  tableData: [],
  page: 1,
  pageSize: 15,
  total: 0,
  loading: false,
  selectIdList: [],
  selectRow: [],
  expandRowKeys: [] //处理展示的数据
})


//查询
const fniSearchTable = async () => {
  tableConfig.loading = false
  try {
    const params = {
      pageindex: tableConfig.page,
      pagesize: tableConfig.pageSize,
      searchstr: {
       //查询的参数,当前是我自己项目中的传参
      }
    }
    const res = await qryInterfaceConfigList(params)
    const { data } = res
    if (data.rows && data.rows.length > 0) {
      tableConfig.tableData = data.rows.map((item) => {
        // 处理父元素
        const processedItem = {
          ...item,
          interfaceText: item.interfacesend ? item.interfacesend + '->' + (item.interfacereceive ? item.interfacereceive : '') : '',
          interfaceavailable: item.interfaceavailable ? (item.interfaceavailable == 'Y' ? '启用' : '停用') : ''
        }

        // 递归处理子元素
        if (item.children && item.children.length > 0) {
          processedItem.children = item.children.map((child) => ({
            hasChildren: true, //表格行是否显示展开箭头
            ...child,
            interfaceText: child.interfacesend ? child.interfacesend + '->' + (child.interfacereceive ? child.interfacereceive : '') : '',
            interfaceavailable: child.interfaceavailable ? (child.interfaceavailable == 'Y' ? '启用' : '停用') : ''
          }))
        }
        return processedItem
      })
//handleExpandChange方法中第一个是要展开的行信息，第二个参数是数组形式的行数据信息
      nextTick(() => {
        handleExpandChange(tableConfig.tableData[0], tableConfig.tableData)
      })
    } else {
      tableConfig.tableData = []
    }
    tableConfig.total = data.rowcount || 0
    tableConfig.loading = false
  } catch (error) {
    tableConfig.tableData = []
    tableConfig.total = 0
    tableConfig.loading = false
    console.error(error)
  }
}

// 触发点击箭头事件： interfacecalccode是我数据的唯一值
const handleExpandChange = (row, expandedRows) => {
  if (expandedRows.includes(row)) {
    tableConfig.expandRowKeys.push(row.interfacecalccode)
  } else {
    const index = tableConfig.expandRowKeys.indexOf(row.interfacecalccode)
    if (index > -1) {
      tableConfig.expandRowKeys.splice(index, 1)
    }
  }
}