diff --git a/src/App.vue b/src/App.vue
index 839035c2521e6cee78f2d78069ce5f89cea68c7a..f1f97b5dc8b4810385202cb40b212d3c1d02ad21 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -45,6 +45,7 @@ onBeforeMount(() => {
         <a-radio value="grade查询分数">grade查询分数</a-radio>
         <a-radio value="新星赛道选手信息可视化">新星赛道选手信息可视化</a-radio>
         <a-radio value="抽奖">抽奖</a-radio>
+        <a-radio value="评论">分析评论</a-radio>
       </a-radio-group>
     </div>
     <SearchGrade v-if="state.current === 'grade查询分数'" />
diff --git a/src/components/commit/Commit.vue b/src/components/commit/Commit.vue
index 4993ae992b6b6a1aa3603d888a85f719a8b2ac91..2f831aed93033354e4ba4e2510606e51d6d2c6ef 100644
--- a/src/components/commit/Commit.vue
+++ b/src/components/commit/Commit.vue
@@ -1,26 +1,100 @@
 <script setup lang="ts">
-import {reactive} from 'vue'
-const state:any=reactive({
-    text:'',
-    articleId:'',
-    page:'',
-    pageSize:'',
-    unfold:'',
-    commitId:''
+import { reactive } from 'vue'
+import { getRemoteCsdnCommit, askGpt } from '../../service/csdnApi.js'
+import { message } from 'ant-design-vue';
+const state: any = reactive({
+    loading: false,
+    analysis:'',
+    text: '',
+    articleId: '133955447',
+    page: 1,
+    pageSize: 10,
+    unfold: '',
+    commitId: ''
 })
+
+const getCommit = async () => {
+    state.loading = true
+    state.text = ''
+    const params = { ...state }
+    delete params.text
+    delete params.loading
+    try {
+        const result = await getRemoteCsdnCommit(params)
+        console.log(result, 'result')
+        const { data } = result?.data
+        if (data?.list) {
+            state.text = data.list.map((item:any) => item.info.content).join(',')
+        }
+    }
+    catch (e) {
+        message.warning(JSON.stringify(e))
+    }
+    finally {
+        state.loading = false
+    }
+
+}
+const analysisCommit = async () => {
+    try {
+        console.log('state.text',state.text)
+        const res = await askGpt({
+            content: '帮我分析总结这些评论' + state.text
+        })
+        if(res?.data?.data?.result){
+            state.analysis=res?.data?.data?.result
+        }
+    }
+    catch (e) {
+        message.warn(JSON.stringify(e))
+    }
+}
 </script>
 
 <template>
-    <div>
-        <div style="">
-
-        </div>
+    <a-spin :spinning="state.loading">
         <div>
-            <div class="des">
-            生成的文章总结
-        </div>
-        <a-textarea v-model:value="state.text" placeholder="生成的文章总结" :disabled="state.loading"
-            :auto-size="{ minRows: 2, maxRows: 5 }" />
+            <div style="display: flex;">
+                <div style="width:50%">
+                    <div>
+                        articleId: <a-input v-model:value="state.articleId" />
+                    </div>
+                    <div>
+                        page: <a-input v-model:value="state.page" />
+                    </div>
+
+                    <div>
+                        pageSize: <a-input v-model:value="state.pageSize" />
+                    </div>
+                    <div>
+                        unfold: <a-input v-model:value="state.unfold" />
+                    </div>
+                    <div>
+                        commitId: <a-input v-model:value="state.commitId" />
+                    </div>
+                </div>
+                <div style="width:50%;display: flex;justify-content: center;align-items: center;">
+                    <a-button @click="getCommit">获取评论</a-button>
+                </div>
+            </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 style="margin-top:10px;;width:100%;display: flex;justify-content: center;align-items: center;">
+                <a-button @click="analysisCommit">文心一言分析评论</a-button>
+            </div>
+            <div style="margin-top:10px;">
+                <div class="des">
+                    生成的评论总结
+                </div>
+                <a-textarea v-model:value="state.analysis" placeholder="生成的文章总结" readonly
+                    :auto-size="{ minRows: 2, maxRows: 5 }" />
+            </div>
         </div>
-    </div>
+    </a-spin>
 </template>
\ No newline at end of file
diff --git a/src/service/csdnApi.js b/src/service/csdnApi.js
index e97a5c19185ab77ebdf03e111b63afd803f16c36..9b11889eb217d5bad7af2a9c7fddd11dbbedd01a 100644
--- a/src/service/csdnApi.js
+++ b/src/service/csdnApi.js
@@ -1,3 +1,4 @@
+import { Item } from 'ant-design-vue/lib/menu';
 import axios from 'axios';
 
 const url = 'https://yongma16.xyz/common-api/getCsdnGrade/'
@@ -11,4 +12,15 @@ function updateApi(){
 }
 export function getRemoteCsdnGrade(data){
     return axios.post(url, data, { timeout: 100000 })
-}
\ No newline at end of file
+}
+
+export function getRemoteCsdnCommit(params){
+    const urlParams=Object.keys(params).map(key=>{
+        return `${key}=${params[key]}`
+    }).join('&')
+    return axios.get('https://yongma16.xyz/common-api/getCsdnCommit/'+'?'+urlParams, { timeout: 100000 })
+}
+
+export const askGpt = (params) => {
+    return axios.post("https://yongma16.xyz/common-api/get_baidu_gpt/", params);
+};
\ No newline at end of file