javascript的promise.all方法使用以及解构等 001
//定义$ref(接收数据)
let statusData = $ref({
/** 设备状态统计数量 */
total: 0,
/** 设备正常数量 */
normalTotal: 0,
/** 设备故障数量 */
faultTotal: 0,
/** 设备维护数量 */
maintenanceTotal: 0,
/** 设备停用数量 */
stopTotal: 0,
pointTotal: 0
})
//在计算属性里写
const data = computed(() => {
// 默认顺序
const DEFAULT: LinkItem[] = [
{
title: '点位数',
num: statusData.pointTotal
},
{
title: '总设备数',
num: statusData.total
},
{
title: '正常设备数',
num: statusData.normalTotal,
status: 'yes'
},
{
title: '故障设备数',
num: statusData.faultTotal,
status: 'error'
},
{
title: '维护中设备数',
num: statusData.maintenanceTotal,
status: 'Disable'
},
{
title: '停用设备数',
num: statusData.stopTotal,
status: 'Close'
}
]
return { ...DEFAULT }
})
javascript的promise.all方法使用以及解构等 002
try {
const [res1, res2] = await Promise.all([
getVisualizationCount(),
getPointPage({
limit: 0,
id: '',
tenantId: '',
organizationId: '',
name: '',
ids: [],
number: ''
})
])
statusData = { ...res1, pointTotal: res2.totalCount }
console.log(statusData)
} catch (err: any) {
message.error(err.message)
}