作者 dong

首页修改

<template>
<div class="head-info" :class="center && 'center'">
<span>{{ title }}</span>
<p :style="{ color: `${$props.iconColor}` }">{{ content }} <a-icon :type="icon" :style="{ fontSize: `24px`, color: `${$props.iconColor}` }" /></p>
<p :style="{ color: 'gray' }">{{ content }} <a-icon :type="icon" :style="{ fontSize: `24px`, color: `${$props.iconColor}` }" /></p>
<em v-if="bordered" />
</div>
</template>
... ... @@ -38,6 +38,10 @@
default: '#2b99ff',
},
// update-end--author:liaozhiyang---date:20240407---for:【QQYUN-8762】首页默认及echars颜色调整
contentColor: {
type: String,
default: '#2b99ff',
},
},
});
</script>
... ...
... ... @@ -6,11 +6,11 @@
<a-col :span="24">
<a-card :loading="questionLoading" :bordered="false" title="问题输入量统计">
<div class="infoArea">
<HeadInfo title="今日" :iconColor="black" :content="formatNumber(questionStats.todayCount)" icon="environment" />
<HeadInfo title="本周" :iconColor="black" :content="formatNumber(questionStats.weekCount)" icon="environment" />
<HeadInfo title="本月" :iconColor="black" :content="formatNumber(questionStats.monthCount)" icon="environment" />
<HeadInfo title="本年" :iconColor="black" :content="formatNumber(questionStats.yearCount)" icon="environment" />
<HeadInfo title="总计" :iconColor="black" :content="formatNumber(questionStats.totalCount)" icon="rise" />
<HeadInfo title="今日" :contentColor="black" :iconColor="ipColor" :content="formatNumber(questionStats.todayCount)" icon="environment" />
<HeadInfo title="本周" :contentColor="black" :iconColor="ipColor" :content="formatNumber(questionStats.weekCount)" icon="environment" />
<HeadInfo title="本月" :contentColor="black" :iconColor="ipColor" :content="formatNumber(questionStats.monthCount)" icon="environment" />
<HeadInfo title="本年" :contentColor="black" :iconColor="ipColor" :content="formatNumber(questionStats.yearCount)" icon="environment" />
<HeadInfo title="总计" :contentColor="black" :iconColor="ipColor" :content="formatNumber(questionStats.totalCount)" icon="rise" />
</div>
<!-- <LineMulti :chartData="lineMultiData" height="33vh" type="line" :option="{ legend: { top: 'bottom' } }" />-->
</a-card>
... ... @@ -25,7 +25,7 @@
import HeadInfo from '/@/components/chart/HeadInfo.vue';
import { getLoginfo, getQuestionStatistics, getStatistics, getVisitInfo } from '../api';
import { useRootSetting } from '/@/hooks/setting/useRootSetting';
import {black} from "picocolors";
import { black } from 'picocolors';
const loading = ref(true);
const questionLoading = ref(true);
... ...