async function confirm() { isShow.value = false; // params.value.pageSize = 7 let i = menu.value.find((v) => v.isActive === true).id - 1; if (i === 0) { params.value.houseType = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 1) { params.value.orientation = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 2) { params.value.rentStr = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 3) { let arr = []; tagsList.value?.forEach((v) => { if (v.isActive === true) { arr.push(v.value * 1); } }); if (arr.length > 0) { params.value.houseLabels = arr.join(","); } } search(); }优化

可以将这段代码优化为：

isShow.value = false;
// params.value.pageSize = 7
const i = menu.value.findIndex(v => v.isActive) - 1;
if (i === 0) {
  params.value.houseType = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 1) {
  params.value.orientation = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 2) {
  params.value.rentStr = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 3) {
  const arr = tagsList.value?.filter(v => v.isActive)?.map(v => v.value * 1);
  if (arr?.length) {
    params.value.houseLabels = arr.join(",");
  }
}
search();

这样可以将代码变得更加简洁和易读，同时也可以避免使用可选链操作符时的一些潜在问题。

相关问题

async function bindBaseInfo () { document.title = 'RMS E-Sourcing' loading.value = true selected.value = [] originalRows = await store.dispatch('ESourcingModule/GetMyRequest', event.searchInfo) rows.value = originalRows // eslint-disable-next-line @typescript-eslint/await-thenable await highlightRows() loading.value = false } 优化这段代码

这段代码中的异步调用和数据处理可以进行一些优化，例如：

1. 使用 Promise.all() 包装异步调用：可以将异步调用的多个方法使用 Promise.all() 包装起来，提高代码的执行效率。例如：

async function bindBaseInfo() {
  document.title = 'RMS E-Sourcing'
  loading.value = true
  selected.value = []

  const [originalRows, highlightedRows] = await Promise.all([
    store.dispatch('ESourcingModule/GetMyRequest', event.searchInfo),
    highlightRows(),
  ])

  rows.value = originalRows
  highlightedRows.forEach(row => {
    row.style.backgroundColor = 'yellow'
  })

  loading.value = false
}

这里使用 Promise.all() 包装了两个异步方法，`store.dispatch('ESourcingModule/GetMyRequest', event.searchInfo)` 和 `highlightRows()`，并将它们的返回值作为一个数组返回。然后在回调函数中分别对返回的数据进行处理。

2. 使用 try...catch 处理异常：可以使用 try...catch 语句来处理异步调用可能出现的异常，防止程序崩溃。例如：

async function bindBaseInfo() {
  try {
    document.title = 'RMS E-Sourcing'
    loading.value = true
    selected.value = []

    const [originalRows, highlightedRows] = await Promise.all([
      store.dispatch('ESourcingModule/GetMyRequest', event.searchInfo),
      highlightRows(),
    ])

    rows.value = originalRows
    highlightedRows.forEach(row => {
      row.style.backgroundColor = 'yellow'
    })

    loading.value = false
  } catch (error) {
    console.error(error)
    loading.value = false
  }
}

这里使用 try...catch 语句来捕获可能出现的异常，并在控制台打印错误信息。同时，将 loading.value 设置为 false，以便通知用户操作已经结束。

综上所述，以上是对 bindBaseInfo() 函数的一些优化建议，可以提高代码的执行效率和健壮性。

const getList = async() => { tableLoading.value = true const params = { ...searchParams, ...pagination } if (params.atomization !== null && params.atomization !== '') { params.state = true } console.log("---------params---------"); console.log(params); const test = await listOverviewt(params) console.log("test",test.code) // listOverviewt(params).then(res => { // tableLoading.value = false // if (res.code !== '0000') { // return // } // const { list, total } = res.data // dataSource.value = list // // console.log("list",list[1].furnaceStartTime) // pagination.total = total // }).catch(() => { // tableLoading.value = false // }) tableLoading.value = false; if(test.code !== '0000'){ console.log("11111") return } const { list, total } = test.data dataSource.value = list for(let i = 0;i<dataSource.value.length;i++){ let str = dataSource.value[i].furnaceStartTime; if(dataSource.value[i].furnaceStartTime == null){ // dataSource.value[i].furnaceStartTime == "未开炉" }else{ // str = str.split('T') // str[1] = str[1].split('.') // let testStr = str[0]+'-'+str[1][0] dataSource.value[i].furnaceStartTime = moment(dataSource.value[i].furnaceStartTime).format('YYYY-MM-DD HH:mm:ss') // console.log("dataSource",str[0]+'-'+str[1][0]) } } pagination.total = total }

这段代码看起来像是一个 Vue.js 组件中的 async 函数，它首先将 `tableLoading` 设为 `true`，然后将搜索参数和分页参数合并到 `params` 对象中，并且根据 `params.atomization` 的值来设置 `params.state` 的值。接下来，它调用 `listOverviewt` 函数并将 `params` 作为参数传入，然后将返回值存储在 `test` 变量中，并打印出 `test.code`。如果 `test.code` 不等于 `'0000'`，则打印出 `"11111"` 并退出函数。否则，将 `test.data.list` 存储在 `dataSource` 中，并使用 Moment.js 库将 `dataSource.value[i].furnaceStartTime` 的格式转换为 `"YYYY-MM-DD HH:mm:ss"` 的格式。最后，将 `pagination.total` 设置为 `total`。