|
@@ -430,52 +430,54 @@ const options3 = computed(() => {
|
|
|
});
|
|
|
|
|
|
const options41 = computed(() => {
|
|
|
- let projectRoleQuota = result4.value?.projectRoleQuota || {};
|
|
|
+ let projectRoleQuota = result4.value?.projectRoleQuota;
|
|
|
return createWaterBallOption({
|
|
|
- data: projectRoleQuota.effectQuota
|
|
|
+ data: projectRoleQuota?.effectQuota
|
|
|
? projectRoleQuota.effectDistributed / projectRoleQuota.effectQuota
|
|
|
: 0,
|
|
|
- title:
|
|
|
- projectRoleQuota.effectQuota - projectRoleQuota.effectDistributed
|
|
|
- ? `剩${
|
|
|
- projectRoleQuota.effectQuota - projectRoleQuota.effectDistributed
|
|
|
- }配额`
|
|
|
- : '无数据',
|
|
|
+ title: projectRoleQuota
|
|
|
+ ? `剩${
|
|
|
+ projectRoleQuota.effectQuota - projectRoleQuota.effectDistributed
|
|
|
+ }配额`
|
|
|
+ : loading4.value
|
|
|
+ ? 'Loading...'
|
|
|
+ : '无数据',
|
|
|
radius: '80%',
|
|
|
});
|
|
|
});
|
|
|
const options42 = computed(() => {
|
|
|
- let projectRoleQuota = result4.value?.projectRoleQuota || {};
|
|
|
+ let projectRoleQuota = result4.value?.projectRoleQuota;
|
|
|
return createWaterBallOption({
|
|
|
- data: projectRoleQuota.coordinatorQuota
|
|
|
+ data: projectRoleQuota?.coordinatorQuota
|
|
|
? projectRoleQuota.coordinatorDistributed /
|
|
|
projectRoleQuota.coordinatorQuota
|
|
|
: 0,
|
|
|
- title:
|
|
|
- projectRoleQuota.coordinatorQuota -
|
|
|
- projectRoleQuota.coordinatorDistributed
|
|
|
- ? `剩${
|
|
|
- projectRoleQuota.coordinatorQuota -
|
|
|
- projectRoleQuota.coordinatorDistributed
|
|
|
- }配额`
|
|
|
- : '无数据',
|
|
|
+ title: projectRoleQuota
|
|
|
+ ? `剩${
|
|
|
+ projectRoleQuota.coordinatorQuota -
|
|
|
+ projectRoleQuota.coordinatorDistributed
|
|
|
+ }配额`
|
|
|
+ : loading4.value
|
|
|
+ ? 'Loading...'
|
|
|
+ : '无数据',
|
|
|
radius: '80%',
|
|
|
color: '35, 195, 67',
|
|
|
});
|
|
|
});
|
|
|
const options43 = computed(() => {
|
|
|
- let projectRoleQuota = result4.value?.projectRoleQuota || {};
|
|
|
+ let projectRoleQuota = result4.value?.projectRoleQuota;
|
|
|
return createWaterBallOption({
|
|
|
- data: projectRoleQuota.assistantQuota
|
|
|
+ data: projectRoleQuota?.assistantQuota
|
|
|
? projectRoleQuota.assistantDistributed / projectRoleQuota.assistantQuota
|
|
|
: 0,
|
|
|
- title:
|
|
|
- projectRoleQuota.assistantQuota - projectRoleQuota.assistantDistributed
|
|
|
- ? `剩${
|
|
|
- projectRoleQuota.assistantQuota -
|
|
|
- projectRoleQuota.assistantDistributed
|
|
|
- }配额`
|
|
|
- : '无数据',
|
|
|
+ title: projectRoleQuota
|
|
|
+ ? `剩${
|
|
|
+ projectRoleQuota.assistantQuota -
|
|
|
+ projectRoleQuota.assistantDistributed
|
|
|
+ }配额`
|
|
|
+ : loading4.value
|
|
|
+ ? 'Loading...'
|
|
|
+ : '无数据',
|
|
|
radius: '80%',
|
|
|
color: '255, 154, 46',
|
|
|
});
|
|
@@ -593,6 +595,7 @@ const options8 = computed(() => {
|
|
|
justify-content: space-around;
|
|
|
.chart-item {
|
|
|
width: 33.3%;
|
|
|
+ max-width: 246px;
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|