chore: agent数据统计UI调整

src/views/personal-space/personal-app-setting/components/agent-analysis/agent-analysis.vue

@@ -186,10 +186,13 @@ function handleGetAllChannelList(options: TreeSelectOption[]) {
 @include custom-scrollbar(6px);
 
 :deep(.tree-tag .n-base-selection) {
-  --n-height: 34px !important;
+  --n-height: 36px !important;
+  --n-color: #f3f5f8 !important;
+  --n-color-active: #f3f5f8 !important;
+  --n-border: 1px solid #ccc !important;
 
   .n-base-selection-tag-wrapper .n-tag {
-    background: #f3f5f8 !important;
+    background: #fff !important;
 
     --n-border: none !important;
 

src/views/personal-space/personal-app-setting/components/agent-analysis/components/channel-user-comparison-chart.vue

@@ -42,6 +42,8 @@ const defaultEchartOption: EChartsOption = {
     {
       name: t('analysis_module.link_share'),
       type: 'bar',
+      barMaxWidth: '34px',
+      barMinHeight: 4,
       encode: { x: 'date', y: 'linkShareCount' },
       itemStyle: {
         color: '#454FFF',
@@ -51,6 +53,8 @@ const defaultEchartOption: EChartsOption = {
     {
       name: t('analysis_module.agent_square'),
       type: 'bar',
+      barMaxWidth: '34px',
+      barMinHeight: 4,
       encode: { x: 'date', y: 'mallCount' },
       itemStyle: {
         color: '#00C2FF',

src/views/personal-space/personal-app-setting/components/agent-analysis/components/usage-trend-chart.vue

@@ -188,7 +188,7 @@ async function handleUpdateDateRange(_value: [number, number], formattedValue: [
         <n-select
           v-model:value="currentRangType"
           :options="rangTypeOptionList"
-          class="w-[124px]! text-[#84868c]!"
+          class="w-[124px]! text-[#84868c]! time-range-select"
           @update:value="handleUpdateRangType"
         />
 
@@ -197,7 +197,7 @@ async function handleUpdateDateRange(_value: [number, number], formattedValue: [
           :is-date-disabled="disableDateRange"
           type="daterange"
           clearable
-          class="w-[250px]!"
+          class="w-[250px]! customize-date-picker"
           @update:value="handleUpdateDateRange"
         />
       </div>
@@ -236,3 +236,10 @@ async function handleUpdateDateRange(_value: [number, number], formattedValue: [
     </div>
   </div>
 </template>
+
+<style scoped lang="scss">
+:deep(.time-range-select .n-base-selection),
+:deep(.customize-date-picker.n-date-picker .n-input) {
+  --n-height: 36px !important;
+}
+</style>