diff --git a/src/App.vue b/src/App.vue
index 812f9b74155e0f96a7fcb888976621f8af35cd31..839035c2521e6cee78f2d78069ce5f89cea68c7a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,9 +2,10 @@
 import GameChart from './components/GameChart.vue'
 import SearchGrade from './components/SearchGrade.vue'
 import Draw from './components/draw/Draw.vue'
+import Commit from './components/commit/Commit.vue'
 import { reactive, onBeforeMount } from 'vue';
 const state = reactive({
-  current: 'grade查询分数'
+  current: '评论'
 })
 
 onBeforeMount(() => {
@@ -29,6 +30,9 @@ onBeforeMount(() => {
     else if(data['type'] = 'draw'){
       state.current = '抽奖'
     }
+    else if(data['type'] = 'commit'){
+      state.current = '评论'
+    }
   }
 
 })
@@ -45,6 +49,7 @@ onBeforeMount(() => {
     </div>
     <SearchGrade v-if="state.current === 'grade查询分数'" />
     <GameChart v-else-if="state.current === '新星赛道选手信息可视化'" />
+    <Commit v-else-if="state.current === '评论'" />
     <Draw v-else />
   </div>
 </template>
diff --git a/src/components/commit/Commit.vue b/src/components/commit/Commit.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4993ae992b6b6a1aa3603d888a85f719a8b2ac91
--- /dev/null
+++ b/src/components/commit/Commit.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import {reactive} from 'vue'
+const state:any=reactive({
+    text:'',
+    articleId:'',
+    page:'',
+    pageSize:'',
+    unfold:'',
+    commitId:''
+})
+</script>
+
+<template>
+    <div>
+        <div style="">
+
+        </div>
+        <div>
+            <div class="des">
+            生成的文章总结
+        </div>
+        <a-textarea v-model:value="state.text" placeholder="生成的文章总结" :disabled="state.loading"
+            :auto-size="{ minRows: 2, maxRows: 5 }" />
+        </div>
+    </div>
+</template>
\ No newline at end of file