作者 dong

首页修改

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