Auto Commit

src/components/SearchGrade.vue

 <script setup>
 import * as echarts from 'echarts';
 import Author from './Author.vue'
-import {tableColumns} from './const'
-import {getRemoteCsdnGrade} from '../service/csdnApi'
+import { tableColumns } from './const'
+import { getRemoteCsdnGrade } from '../service/csdnApi'
 import { onMounted, reactive, onUnmounted } from 'vue';
 const state = reactive({
   loading: false,
-  searchValue: '',
+  searchValue: localStorage.getItem('csdnUid')||'',
   firstChart: null,
-  columns:tableColumns,
+  columns: tableColumns,
   dataSource: [],
   pagination: {
     total: 0,
@@ -52,7 +52,7 @@ const getCsdnData = (uId) => {
 
 const onSearch = () => {
   if (!state.searchValue) {
-    return window.alert('请输入用户id')
+    return window.alert('请输入csdn用户id 如 qq_38870145')
   }
   window.localStorage.setItem('csdnUid', state.searchValue)
   getCsdnData(state.searchValue)
@@ -93,9 +93,9 @@ function initFirstData() {
     yAxis: {
       type: 'value'
     },
-    grid:{
-      x:50,
-      x2:30
+    grid: {
+      x: 60,
+      x2: 60
     },
     tooltip: {
       formatter: function (params) {
@@ -137,9 +137,21 @@ function initFirstData() {
           ]
         },
         markLine: {
-          data: [{ type: 'average', name: '平均分' }]
+          itemStyle: {
+            normal: {
+              lineStyle:
+              {
+                type: 'dotted',
+              },
+              label:
+              {
+                show: true,
+              }
+            }
+          },
+            data: [{ type: 'average', name: '平均分' }]
+          }
         }
-      }
     ]
   };
   // 使用刚指定的配置项和数据显示图表。
@@ -158,8 +170,8 @@ function initFirstData() {
 
   onMounted(() => {
     const storageUid = window.localStorage.getItem('csdnUid')
-    console.log('window.localStorage',window.localStorage)
-    console.log('storageUid',storageUid)
+    console.log('window.localStorage', window.localStorage)
+    console.log('storageUid', storageUid)
     if (storageUid) {
       state.searchValue = storageUid
       onSearch()
@@ -184,7 +196,7 @@ function initFirstData() {
     </div>
     <br>
     <div>
-      <a-input-search v-model:value="state.searchValue" :disabled="state.loading" placeholder="输入用户id" enter-button
+      <a-input-search v-model:value="state.searchValue" :disabled="state.loading" placeholder="输入用户id(如 qq_38870145)" enter-button
         @search="onSearch" />
     </div>