diff --git a/src/components/SearchGrade.vue b/src/components/SearchGrade.vue
index 289b3e18b04890552b4467a1ec93989246ef5965..f4680ce73f86b3c7dc21f09b6cbd329d5d620590 100644
--- a/src/components/SearchGrade.vue
+++ b/src/components/SearchGrade.vue
@@ -80,11 +80,11 @@ const onSearch = () => {
   if (!state.searchValue) {
     return window.alert('请输入用户id')
   }
+  window.localStorage.setItem('csdnUid', state.searchValue)
   getCsdnData(state.searchValue)
 }
 
 function initFirstData() {
-
   // 基于准备好的dom，初始化echarts实例
   const myChart = echarts.init(document.getElementById('first'));
   const option = {
@@ -205,6 +205,9 @@ function initFirstData() {
       <a-input-search v-model:value="state.searchValue" :disabled="state.loading" placeholder="输入用户id" enter-button
         @search="onSearch" />
     </div>
+    <div>
+      <div id="first" style="width:80vw;height:900px;margin: 0 auto"></div>
+    </div>
     <br>
     <div>
       <a-table :scroll="{ x: 800, y: 600 }" :columns="state.columns" :data-source="state.dataSource"
@@ -218,9 +221,6 @@ function initFirstData() {
         </template>
       </a-table>
     </div>
-    <div>
-      <div id="first" style="width:80vw;height:900px;margin: 0 auto"></div>
-    </div>
   </div>
 </template>