diff --git a/yudao-ui/yudao-ui-admin-vue3/src/views/Home/Index.vue b/yudao-ui/yudao-ui-admin-vue3/src/views/Home/Index.vue index 1939bf4b2b48e5c2d7cc9d34bb20807845d63019..15dd0fc4d2b86ede064a5245cbdac042d8f7876d 100644 --- a/yudao-ui/yudao-ui-admin-vue3/src/views/Home/Index.vue +++ b/yudao-ui/yudao-ui-admin-vue3/src/views/Home/Index.vue @@ -77,7 +77,7 @@ :data="homeInfoKhxzdjzbqk" :total="200" tooltipTip="客户性质等级占比情况" - + />
@@ -95,7 +95,7 @@ :data="homeInfoKhbffszbqk" :total="200" tooltipTip="客户拜访方式占比情况" - + />
@@ -103,7 +103,7 @@ :data="homeInfoKhbmzbqk" :total="200" tooltipTip="客户部门占比情况" - + />
@@ -211,127 +211,77 @@ const homeInfoBfrtjVal = ref('拜访日统计') // 获取图表数据 const getEcharts = async () => { error.value = '' - let params: any = { + loading.value = true + + const params: any = { companyName: searchKey.value, searchTimeString: timeRange.value } + try { - // 卡片数据 - homesApi - .getHomeInfoFirst(params) - .then((res: any) => { + const allTasks = [ + homesApi.getHomeInfoFirst(params).then((res) => { homeInfoFirst.value = res console.log('卡片数据:', res) - }) - .catch((err) => { - console.error('卡片数据获取失败:', err) - error.value = '卡片数据获取失败' - }) + }), - // 竖柱状图数据 - homesApi - .getHomeInfoBfztj(params) - .then((res: any) => { - console.log('竖柱状图数据:', res) + homesApi.getHomeInfoBfztj(params).then((res) => { homeInfoBfztj.value = res - }) - .catch((err) => { - console.error('竖柱状图数据获取失败:', err) - error.value = '竖柱状图数据获取失败' - }) + console.log('竖柱状图数据:', res) + }), - // 折线图数据 - homesApi - .getHomeInfoBfrtj(params) - .then((res: any) => { - console.log('折线图数据:', res) + homesApi.getHomeInfoBfrtj(params).then((res) => { homeInfoBfrtj.value = res - }) - .catch((err) => { - console.error('折线图数据获取失败:', err) - error.value = '折线图数据获取失败' - }) + console.log('折线图数据:', res) + }), - // 客户性质等级占比情况 - homesApi - .getHomeInfoKhxzdjzbqk(params) - .then((res: any) => { + homesApi.getHomeInfoKhxzdjzbqk(params).then((res) => { homeInfoKhxzdjzbqk.value = res.list - console.log('客户性质等级占比:', res.list, homeInfoKhxzdjzbqk) - }) - .catch((err) => { - console.error('客户性质等级占比获取失败:', err) - error.value = '客户性质等级占比获取失败' - }) + console.log('客户性质等级占比:', res.list) + }), - // 拜访人均分布情况 - homesApi - .getHomeInfoBfrjfbqk(params) - .then((res: any) => { - console.log('拜访人均分布:', res) + homesApi.getHomeInfoBfrjfbqk(params).then((res) => { homeInfoBfrjfbqk.value = res.list - }) - .catch((err) => { - console.error('拜访人均分布获取失败:', err) - error.value = '拜访人均分布获取失败' - }) + console.log('拜访人均分布:', res) + }), - // 客户拜访方式占比情况 - homesApi - .getHomeInfoKhbffszbqk(params) - .then((res: any) => { - console.log('客户拜访方式占比:', res) + homesApi.getHomeInfoKhbffszbqk(params).then((res) => { homeInfoKhbffszbqk.value = res.list - }) - .catch((err) => { - console.error('客户拜访方式占比获取失败:', err) - error.value = '客户拜访方式占比获取失败' - }) + console.log('客户拜访方式占比:', res) + }), - // 客户部门占比情况 - homesApi - .getHomeInfoKhbmzbqk(params) - .then((res: any) => { - console.log('客户部门占比:', res) + homesApi.getHomeInfoKhbmzbqk(params).then((res) => { homeInfoKhbmzbqk.value = res.list - }) - .catch((err) => { - console.error('客户部门占比获取失败:', err) - error.value = '客户部门占比获取失败' - }) + console.log('客户部门占比:', res) + }), - // 客户拜访类型占比情况 - homesApi - .getHomeInfoKhbflxzbqk(params) - .then((res: any) => { - console.log('客户拜访类型占比:', res) + homesApi.getHomeInfoKhbflxzbqk(params).then((res) => { homeInfoKhbflxzbqk.value = res.list - }) - .catch((err) => { - console.error('客户拜访类型占比获取失败:', err) - error.value = '客户拜访类型占比获取失败' - }) + console.log('客户拜访类型占比:', res) + }), - // 拜访产品类型占比情况 - homesApi - .getHomeInfoBfcplxzbqk(params) - .then((res: any) => { - console.log('拜访产品类型占比:', res) + homesApi.getHomeInfoBfcplxzbqk(params).then((res) => { homeInfoBfcplxzbqk.value = res.list + console.log('拜访产品类型占比:', res) }) - .catch((err) => { - console.error('拜访产品类型占比获取失败:', err) - error.value = '拜访产品类型占比获取失败' - }) + ] - loading.value = true + const results = await Promise.allSettled(allTasks) + + results.forEach((result, index) => { + if (result.status === 'rejected') { + console.error(`第 ${index + 1} 个接口调用失败:`, result.reason) + error.value = '部分数据获取失败' + } + }) } catch (err) { - console.error('数据获取出错:', err) + console.error('请求异常:', err) error.value = '数据获取出错,请重试' } finally { loading.value = false } } + onMounted(() => { getEcharts() })