更新：更改组件字体大小

src/ui/JRZQ3C9R/components/QueryTrendSection.vue

@@ -6,6 +6,9 @@
         <v-chart class="chart-container" :option="chartOption" autoresize />
       </div>
     </div>
+    
+    <!-- 查验次数解读 -->
+    <Remark :content="queryTrendRemark" title="报告解读" :default-expanded="true" />
   </div>
 </template>
 
@@ -17,7 +20,8 @@ import { CanvasRenderer } from 'echarts/renderers'
 import { BarChart } from 'echarts/charts'
 import { GridComponent, LegendComponent, TooltipComponent } from 'echarts/components'
 import LTitle from '@/components/LTitle.vue'
-import { PERIODS, getQueryCountsByPeriod } from '../utils/dataParser'
+import Remark from '@/components/Remark.vue'
+import { PERIODS, getQueryCountsByPeriod, getQueryTrendRemark } from '../utils/dataParser'
 
 use([CanvasRenderer, BarChart, GridComponent, LegendComponent, TooltipComponent])
 
@@ -46,14 +50,14 @@ const chartOption = computed(() => {
       top: 0,
       icon: 'circle',
       textStyle: {
-        fontSize: 11,
+        fontSize: 16,
         color: '#4b5563'
       }
     },
     grid: {
       left: '3%',
       right: '4%',
-      top: 24,
+      top: '30%',
       bottom: 0,
       containLabel: true
     },
@@ -61,7 +65,7 @@ const chartOption = computed(() => {
       type: 'category',
       data: labels,
       axisLabel: {
-        fontSize: 10,
+        fontSize: 16,
         color: '#6b7280'
       },
       axisLine: {
@@ -73,7 +77,7 @@ const chartOption = computed(() => {
     yAxis: {
       type: 'value',
       axisLabel: {
-        fontSize: 11,
+        fontSize: 16,
         color: '#6b7280',
         formatter: '{value} 次'
       },
@@ -120,6 +124,9 @@ const chartOption = computed(() => {
     ]
   }
 })
+
+// 查验次数解读
+const queryTrendRemark = computed(() => getQueryTrendRemark(props.data || {}))
 </script>
 
 <style scoped>
@@ -132,5 +139,3 @@ const chartOption = computed(() => {
   height: 100%;
 }
 </style>
-
-