From d553c7becc1d2eae1cf90776a88d5c96e36afddd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E4=B8=96=E5=BD=A4?= <2014434568@qq.com>
Date: Wed, 19 Feb 2025 07:24:02 +0000
Subject: [PATCH 1/7] =?UTF-8?q?=E6=96=B0=E5=BB=BA=20Upload?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/.keep | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/components/Upload/.keep

diff --git a/src/components/Upload/.keep b/src/components/Upload/.keep
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 318f666d10419521374a10361fcc71903ff95f9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E4=B8=96=E5=BD=A4?= <2014434568@qq.com>
Date: Wed, 19 Feb 2025 07:24:33 +0000
Subject: [PATCH 2/7] add src/components/Upload/index.vue.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 吴世彤 <2014434568@qq.com>
---
 src/components/Upload/index.vue | 197 ++++++++++++++++++++++++++++++++
 1 file changed, 197 insertions(+)
 create mode 100644 src/components/Upload/index.vue

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
new file mode 100644
index 0000000..f8ee91c
--- /dev/null
+++ b/src/components/Upload/index.vue
@@ -0,0 +1,197 @@
+<script lang="ts" setup>
+// import { ElMessage } from 'element-plus';
+import { ref } from 'vue';
+
+import { IconUpload, IconError, IconVisible, IconDelete } from '@computing/opendesign-icons';
+import type { UploadFile, ElUploadProgressEvent, ElFile, ElUploadRequestOptions } from 'element-plus/es/components/upload/src/upload.type';
+import { requestUploadAPI } from './shared';
+
+// 自定义上传函数
+function doUpload(options: ElUploadRequestOptions) {
+  const e = new ProgressEvent('upload');
+  requestUploadAPI({
+    file: options.file,
+    onUploadProgress(e: ProgressEvent) {
+      (e as ElUploadProgressEvent).percent = Math.floor((100 * e.loaded) / e.total);
+      options.onProgress(e);
+    },
+  }).then((res: any) => {
+    options.onSuccess(res);
+  });
+}
+
+const imageUrl = ref('');
+const progressVal = ref(0);
+const uploadDone = ref(false);
+
+// 做上传前检查
+const beforeUpload = (file: ElFile) => {
+  const isJPG = ['image/jpeg'].includes(file.type);
+  const isLt2M = file.size / 1024 / 1024 < 2;
+
+  if (!isJPG) {
+    ElMessage({
+      message: 'Picture must be JPG format!',
+      icon: IconError,
+      customClass: 'o-message--error',
+    });
+  }
+  if (!isLt2M) {
+    ElMessage({
+      message: 'Picture size can not exceed 2MB!',
+      icon: IconError,
+      customClass: 'o-message--error',
+    });
+  }
+  if (isJPG && isLt2M) {
+    imageUrl.value = URL.createObjectURL(file);
+    uploadDone.value = false;
+    return true;
+  }
+  return false;
+};
+// 上传进度
+const handleProgress = (event: ElUploadProgressEvent) => {
+  progressVal.value = event.percent;
+};
+// 上传完成
+const handleSuccess = (res: ElUploadProgressEvent, file: UploadFile) => {
+  uploadDone.value = true;
+  progressVal.value = 0;
+};
+const doDelete = (e: Event) => {
+  e.stopPropagation();
+  console.log('click Delete');
+  imageUrl.value = '';
+  uploadDone.value = false;
+};
+const doPreview = (e: Event) => {
+  e.stopPropagation();
+  console.log('click Preview');
+};
+</script>
+<template>
+  <el-upload
+    action=""
+    drag
+    multiple
+    :show-file-list="false"
+    :on-success="handleSuccess"
+    :before-upload="beforeUpload"
+    :http-request="doUpload"
+    :on-progress="handleProgress"
+    class=""
+  >
+    <div class="upload-box">
+      <div v-if="imageUrl" class="upload-preview">
+        <img :src="imageUrl" class="upload-preview-img" />
+        <div class="upload-btns" @click.stop>
+          <el-icon class="btn" @click="doPreview">
+            <IconVisible />
+          </el-icon>
+          <el-icon class="btn" @click="doDelete">
+            <IconDelete />
+          </el-icon>
+        </div>
+      </div>
+      <div v-else class="upload-add">
+        <el-icon class="upload-btn-icon">
+          <IconUpload />
+        </el-icon>
+        <div class="upload-tip">
+          将文件拖拽到此处 或
+          <div style="margin-top: 16px">
+            <el-button type="primary" size="small">选择文件</el-button>
+          </div>
+        </div>
+        <div class="upload-tip">格式: jpg、png, 大小 &lt; 2M</div>
+      </div>
+      <div v-if="progressVal && !uploadDone" class="upload-loading">
+        <el-progress class="uplaod-progress" :percentage="progressVal" :stroke-width="8" />
+      </div>
+    </div>
+  </el-upload>
+</template>
+
+<style scoped>
+.upload-box {
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  width: 400px;
+  height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.upload-btn-icon {
+  font-size: 64px;
+  color: var(--o-text-color-tertiary);
+}
+
+.upload-tip {
+  width: 100%;
+  font-size: var(--o-font-size-info);
+  color: var(--o-text-color-tertiary);
+}
+
+.upload-tip + .upload-tip {
+  margin-top: 24px;
+}
+
+.upload-preview {
+  width: 100%;
+  height: 100%;
+}
+
+.upload-preview-img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.upload-btns {
+  display: flex;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  top: 0;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--o-bg-color-mask);
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+
+.upload-preview:hover .upload-btns {
+  opacity: 1;
+}
+
+.upload-btns .btn {
+  font-size: var(--o-font-size-subtitle);
+  margin: 8px;
+  color: var(--o-text-color-fourth);
+}
+
+.upload-btns .btn:hover {
+  color: var(--o-color-primary);
+}
+
+.upload-loading {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-color: var(--o-bg-color-mask);
+}
+
+.uplaod-progress {
+  position: absolute;
+  left: 8px;
+  right: 8px;
+  bottom: 8px;
+}
+</style>
\ No newline at end of file
-- 
Gitee


From 6cfacd080acb0aead3526e99c7f295198c0fe617 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Wed, 19 Feb 2025 15:25:23 +0800
Subject: [PATCH 3/7] test

---
 src/apis/paths/type.ts   |   4 +-
 src/apis/tools.ts        |   2 +-
 src/views/api/index.vue  | 288 +++++++++++++++++++++++++++++++++------
 src/views/api/style.scss | 117 ++++++++++++----
 4 files changed, 340 insertions(+), 71 deletions(-)

diff --git a/src/apis/paths/type.ts b/src/apis/paths/type.ts
index 3fbfbb6..a524b51 100644
--- a/src/apis/paths/type.ts
+++ b/src/apis/paths/type.ts
@@ -96,7 +96,7 @@ export interface Application {
 }
 
 /*
- * 语意接口数据结构
+ * 语义接口数据结构
  */
 export interface ApiMessage {
     apiId: string,
@@ -107,7 +107,7 @@ export interface ApiMessage {
 }
 
 /*
- * 语意接口数据结构
+ * 语义接口数据结构
  */
 export interface Service {
     serviceId: string,
diff --git a/src/apis/tools.ts b/src/apis/tools.ts
index 45a361a..2e51c73 100644
--- a/src/apis/tools.ts
+++ b/src/apis/tools.ts
@@ -76,7 +76,7 @@ export const handleAuthorize = async (errStatus: number): Promise<void> => {
     window.open(LOGOUT_CALLBACK_URL, '_self');
   }
   else{
-    errorMsg(`${errStatus} is error`);
+    // errorMsg(`${errStatus} is error`);
   }
 };
 
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 230ec21..28da3de 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="appCenterBox">
-    <div class="appCenterMain">
-      <div class="appCenterTitle">语义接口中心</div>
-      <div class="appCenterSearch">
+  <div class="apiCenterBox">
+    <div class="apiCenterMain">
+      <div class="apiCenterTitle">语义接口中心</div>
+      <div class="apiCenterSearch">
         <el-input style="max-width: 400px" placeholder="搜索" :suffix-icon="IconSearch">
           <template #prepend>
             <el-select placeholder="全部" style="width: 115px" :suffix-icon="IconCaretDown">
@@ -12,30 +12,49 @@
             </el-select>
           </template>
         </el-input>
-        <el-button type="primary" class="createApp" @click="openSidebar">上传</el-button>
+        <el-button type="primary" class="createapi" @click="openSidebar('upload')">上传</el-button>
       </div>
-      <div class="appCenterType">
-        <div class="appCenterBtn appCenterBtnActive">全部接口</div>
-        <div class="appCenterBtn">我的上传</div>
-        <div class="appCenterBtn">我的收藏</div>
+      <div class="apiCenterType">
+        <div class="apiCenterBtn" :class="{ apiCenterBtnActive: apiType === 'my' }" @click="handleSearchapiList('my')">
+          全部接口
+        </div>
+        <div
+          class="apiCenterBtn"
+          :class="{ apiCenterBtnActive: apiType === 'createdByMe' }"
+          @click="handleSearchapiList('createdByMe')"
+        >
+        我的上传
+        </div>
+        <div
+          class="apiCenterBtn"
+          :class="{ apiCenterBtnActive: apiType === 'favorited' }"
+          @click="handleSearchapiList('favorited')"
+        >
+          我的收藏
+        </div>
       </div>
-      <div class="appCenterCardContainer">
-        <div class="appCenterCardBox">
-          <div v-for="appItem in appList" class="appCenterCardSingle">
-            <div class="appCenterCardTop" @click="router.push(`/copilot?appId=123&name=234`)">
-              <div class="appCenterCardIcon">
+      <div class="apiCenterCardContainer">
+        <div class="apiCenterCardBox">
+          <div v-for="apiItem in apiList" class="apiCenterCardSingle">
+            <div class="apiCenterCardTop" @click="openSidebar('get')">
+              <div class="apiCenterCardIcon">
                 <el-icon class="menu-icon"
                   ><img class="create-button__icon" src="@/assets/svgs/robot_icon.svg"
                 /></el-icon>
               </div>
-              <div class="appCenterCardContent">
-                <div class="appCenterCardContentTop">
-                  <div class="appCenterCardContentTitle">智能助手</div>
-                  <div class="appCenterCardContentCollect">
-                    <IconUnfavorite />
+              <div class="apiCenterCardContent">
+                <div class="apiCenterCardContentTop">
+                  <div class="apiCenterCardContentTitle">智能助手</div>
+                  <div
+                    class="apiCenterCardContentCollect"
+                    :class="!apiItem.published && apiType === 'createdByMe' ? 'noClick' : ''"
+                    @click.stop="handleFavorite($event, apiItem)"
+                  >
+                    <IconFavorite v-if="apiItem.favorited" class="apiFavorite" />
+                    <IconUnfavorite v-else="apiItem.favorited" />
                   </div>
                 </div>
-                <div class="appCenterCardContentDes">
+                <div class="apiCenterCardContentDes">
                   <TextMoreTootip
                     value="测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试"
                     :row="2"
@@ -43,10 +62,10 @@
                 </div>
               </div>
             </div>
-            <div class="appCenterCardBottom">
-              <div class="appCenterCardUser">@zhang</div>
-              <div class="appCenterCardOps">
-                <el-button text>编辑</el-button>
+            <div class="apiCenterCardBottom">
+              <div class="apiCenterCardUser">@zhang</div>
+              <div class="apiCenterCardOps">
+                <el-button text @click="openSidebar('edit')">编辑</el-button>
                 <el-button text>删除</el-button>
               </div>
             </div>
@@ -54,37 +73,226 @@
         </div>
       </div>
     </div>
-    <el-drawer v-model="drawer" title="上传语义接口" :direction="direction" :before-close="handleClose"> </el-drawer>
+    <el-drawer v-model="drawer" :title="actionName" :direction="direction" :before-close="handleClose">
+      <h1>{{ action }}</h1>
+      <Upload
+      :singleFileLimit="true"
+      :singleFileSize="0.05"
+      :tipText="$t('dialogTipText.fileAllFormat')"
+      accept=".md,.xlsx,.pdf,.docx,.txt"
+      :maxFileNum="128"
+      :maxSize="0.5"
+      uploadType="file"
+    />
+    </el-drawer>
   </div>
 </template>
 <script setup lang="ts">
-import TextMoreTootip from '@/components/textMoreTootip/index.vue';
 import { IconCaretDown, IconSearch, IconFavorite, IconUnfavorite } from '@computing/opendesign-icons';
 import './style.scss';
-import { reactive, ref } from 'vue';
-import router from 'src/router';
-const appList = ref([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
+import TextMoreTootip from '@/components/textMoreTootip/index.vue';
+import { ref, onMounted, watch, markRaw } from 'vue';
+import { useRouter } from 'vue-router';
+import { api } from 'src/apis';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { IconAlarm } from '@computing/opendesign-icons';
+import Upload from "@/components/Upload/index.vue";
+import UploadProgress from "@/components/Upload/uploadProgress.vue";
+const apiList = ref([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
 const drawer = ref(false);
 const direction = ref('rtl');
+const action = ref('');
+const actionName = ref('');
+const router = useRouter();
+const apiType = ref('my');
+const apiSearchType = ref('all');
+const apiSearchValue = ref();
+const pagination = ref({
+  pageSizes: [16, 32, 64],
+  layout: 'total,sizes,prev,pager,next,jumper',
+});
+const currentPage = ref(1);
+const totalCount = ref(0);
+const currentPageSize = ref(pagination.value.pageSizes[0]);
+
+const handleChangePage = (pageNum: number, pageSize: number) => {
+  currentPage.value = pageNum;
+  currentPageSize.value = pageSize;
+  handleParmasQueryapiList();
+};
 
-const openSidebar = () => {
+const openSidebar = (actions: string) => {
   drawer.value = true;
+  action.value = actions;
+  if( actions === 'upload') {
+    // 展示上传的框架
+    actionName.value = '上传语义接口';
+  }else if( actions === 'edit') {
+    // 展示编辑的框架
+    actionName.value = '编辑语义接口';
+  }else if( actions === 'get'){
+    // 展示查看的框架
+    
+  }else{
+    // 展示xx的框架
+  }
+  console.log('actions', actions);
 };
 
 const handleClose = done => {
   done();
 };
+
+const handleCreateapi = () => {
+  api
+    .createOrUpdateapi({
+      name: '默认应用',
+      description: '我的应用',
+    })
+    .then(res => {
+      if (res[1]) {
+        router.push(`/createapi?apiId=${res?.[1]?.result.apiId}`);
+      }
+    });
+};
+
+const routerToDetail = apiItem => {
+  //获取apiItem.id & apiItem.name
+  router.push(`/copilot?apiId=${apiItem.apiId}&name=${encodeURIComponent(encodeURI(apiItem.name))}`);
+};
+
+const handleParmasQueryapiList = (params?: any) => {
+  let payload = {};
+  if (apiType.value !== 'my') {
+    payload[apiType.value] = true;
+  }
+  handleQueryapiList({
+    searchType: apiSearchType.value,
+    keyword: apiSearchValue.value,
+    ...payload,
+    ...params,
+  });
+};
+
+const handleQueryapiList = (payload?: any) => {
+  api
+    .queryapiList({
+      page: currentPage.value,
+      pageSize: currentPageSize.value,
+      ...payload,
+    })
+    .then(res => {
+      apiList.value = res[1]?.result.apilications;
+      currentPage.value = res[1]?.result.currentPage;
+      totalCount.value = res[1]?.result.totalapis;
+    });
+};
+
+const handleFavorite = (e, item) => {
+  // 未发布的不可收藏
+  if (!item.published && apiType.value === 'createdByMe') {
+    return;
+  }
+  e.stopPropagation();
+  api
+    .changeSingleapiCollect({
+      id: item.apiId,
+      favorited: !item.favorited,
+    })
+    .then(res => {
+      handleParmasQueryapiList();
+    });
+};
+
+const handleSearchapiList = type => {
+  apiType.value = type;
+  if (type === 'my') {
+    handleParmasQueryapiList();
+  } else {
+    currentPage.value = 1;
+    currentPageSize.value = 16;
+    handleParmasQueryapiList({
+      [type]: true,
+    });
+  }
+};
+
+const handleDelapi = (e, item) => {
+  e.stopPropagation();
+  ElMessageBox.confirm('确定删除此应用吗？', '提示', {
+    type: 'warning',
+    icon: markRaw(IconAlarm),
+  }).then(() => {
+    api
+      .deleteSingleapiData({
+        id: item.apiId,
+      })
+      .then(res => {
+        if (res[1]) {
+          ElMessage({
+            showClose: true,
+            message: '删除成功',
+            icon: IconSuccess,
+            customClass: 'o-message--success',
+            duration: 3000,
+          });
+          handleParmasQueryapiList();
+        }
+      });
+  });
+};
+
+const handleEditapi = (e, item) => {
+  e.stopPropagation();
+  router.push(`/createapi?apiId=${item.apiId}`);
+};
+
+// watch(
+//   () => [apiSearchValue, apiSearchType],
+//   () => {
+//     handleParmasQueryapiList();
+//   },
+//   { deep: true },
+// );
+
+// onMounted(() => {
+//   handleQueryapiList();
+// });
 </script>
-<style scoped>
-.container {
-  width: 100vw;
-  height: 100vh;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
+<style lang="scss" scoped>
+.apiCenterCardSingle {
+  position: relative;
+  .unPublishSymbol {
+    position: absolute;
+    width: 56px;
+    height: 16px;
+    display: flex;
+    left: 8px;
+    top: -4px;
+    .coverIcon {
+      width: 0px;
+      height: 0px;
+      border: 2px;
+      border-color: #5481de #5481de transparent transparent;
+      border-left: 2px solid transparent;
+      border-top: 2px solid transparent;
+      border-right: 2px solid #5481de;
+      border-bottom: 2px solid #5481de;
+    }
+    .textDesc {
+      flex: 1;
+      line-height: 16px;
+      color: #fff;
+      text-align: center;
+      font-size: 12px;
+      border-top-right-radius: 4px;
+      border-bottom-left-radius: 4px;
+      background: #6395fd;
+    }
+  }
+  .noClick {
+    cursor: not-allowed;
+  }
 }
 
 img {
diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index 7ee635a..ba203f2 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -1,40 +1,41 @@
-.appCenterBox {
+.apiCenterBox {
   display: flex;
   justify-content: center;
-  width: 100%;
-  .appCenterMain {
+  min-width: 1032px;
+  .apiCenterMain {
     color: var(--o-text-color-secondary);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-top: 48px;
-    .appCenterTitle {
+    .apiCenterTitle {
       color: var(--o-text-color-primary);
       font-size: 24px;
       font-weight: 700;
       line-height: 36px;
       margin-bottom: 16px;
     }
-    .appCenterSearch {
-      margin-bottom: 34px;
-      :first-of-type .el-input__wrapper {
+    .apiCenterSearch {
+      display: flex;
+      margin-bottom: 32px;
+      :first-of-type .el-input__wrapier {
         width: 280px;
         border-radius: 0px 4px 4px 0px;
       }
       .el-input-group__prepend {
         border-radius: 4px 0px 0px 4px;
-        .el-input__wrapper {
+        .el-input__wrapier {
           border-radius: 4px 0px 0px 4px;
         }
       }
 
-      .createApp {
+      .createapi {
         margin-left: 16px;
       }
     }
 
-    .appCenterType {
+    .apiCenterType {
       display: flex;
       width: 400px;
       height: 32px;
@@ -43,7 +44,7 @@
       gap: 2px;
       border-radius: 4px;
       background-color: var(--o-border-color-base);
-      .appCenterBtn {
+      .apiCenterBtn {
         width: 130px;
         height: 28px;
         display: flex;
@@ -55,43 +56,53 @@
         color: var(--o-text-color-primary);
       }
     }
-    .appCenterCardContainer {
-      margin-top: 16px;
-      width: fit-content;
+    .apiCenterCardContainer {
+      padding-top: 16px;
       max-width: 1336px;
-      .appCenterCardBox {
+      max-height: calc(100vh - 327px);
+      overflow-y: scroll;
+      .apiCenterCardBox {
         width: fit-content;
         display: flex;
         flex-wrap: wrap;
+        box-sizing: border-box;
         gap: 16px;
-        .appCenterCardSingle {
+        .apiCenterCardSingle {
+          box-sizing: border-box;
+          border: 1px solid transparent;
+          cursor: pointer;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
           border-radius: 8px;
           width: 320px;
           height: 136px;
           padding: 16px;
           background-color: var(--o-bg-color-base);
-          .appCenterCardTop {
+          .apiCenterCardTop {
             display: flex;
-            .appCenterCardIcon {
+            .apiCenterCardIcon {
               width: 80px;
+              display: flex;
+              align-items: center;
               .menu-icon {
                 width: 40px;
               }
             }
-            .appCenterCardContent {
+            .apiCenterCardContent {
               flex: 1;
               display: flex;
               flex-direction: column;
               gap: 4px;
-              .appCenterCardContentTop {
+              .apiCenterCardContentTop {
                 display: flex;
                 justify-content: space-between;
-                .appCenterCardContentTitle {
+                .apiCenterCardContentTitle {
                   color: var(--o-text-color-primary);
                   font-size: 16px;
                   line-height: 24px;
                 }
-                .appCenterCardContentCollect {
+                .apiCenterCardContentCollect {
                   width: 24px;
                   height: 24px;
                   background-color: var(--o-bg-color-light);
@@ -106,28 +117,28 @@
                       fill: var(--o-text-color-tertiary);
                     }
                   }
-                  .appFavorite {
+                  .apiFavorite {
                     path {
                       fill: rgb(99, 149, 253);
                     }
                   }
                 }
               }
-              .appCenterCardContentDes {
+              .apiCenterCardContentDes {
                 font-size: 14px;
                 line-height: 22px;
               }
             }
           }
-          .appCenterCardBottom {
+          .apiCenterCardBottom {
             margin-top: 16px;
             display: flex;
             justify-content: space-between;
-            .appCenterCardUser {
+            .apiCenterCardUser {
               font-size: 12px;
               line-height: 16px;
             }
-            .appCenterCardOps {
+            .apiCenterCardOps {
               .el-button span {
                 color: #6395fd;
                 font-size: 12px;
@@ -135,12 +146,62 @@
             }
           }
         }
+        .apiCenterCardSingle:hover {
+          box-sizing: border-box;
+          border: 1px solid #7aa5ff;
+          background: linear-gradient(
+            127deg,
+            rgba(109, 117, 250, 0.07) 1.003%,
+            rgba(90, 179, 255, 0.07) 98.421%
+          ) !important;
+        }
+      }
+    }
+    ::-webkit-scrollbar {
+      width: 4px;
+      height: 8px;
+      background: transparent;
+    }
+    @media screen and (width <= 1400px) {
+      .apiCenterCardContainer {
+        width: 1000px;
+      }
+    }
+
+    .el-pagination {
+      margin-top: 16px;
+      .el-select__wrapier {
+        background-color: transparent;
       }
     }
   }
-  .appCenterBtnActive {
+  .apiCenterBtnActive {
     background-color: var(--o-color-primary) !important;
     border-color: var(--o-color-primary) !important;
     color: var(--o-color-white) !important;
   }
 }
+// 应用中心删除二次提示样式
+.el-message-box {
+  min-width: 400px;
+  padding: 0px !important;
+  border-radius: 8px;
+  .el-message-box__headerbtn {
+    width: 16px;
+    height: 16px;
+    right: 20px;
+  }
+  .el-message-box__status {
+    top: 0px;
+  }
+  .el-message-box__message {
+    padding-left: 4px;
+  }
+  .el-message-box__btns {
+    flex-direction: row;
+    .el-button {
+      width: 64px;
+      height: 24px;
+    }
+  }
+}
-- 
Gitee


From e95ec331aedfe8afdb9c32333a95162f0d989205 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Wed, 19 Feb 2025 16:19:03 +0800
Subject: [PATCH 4/7] =?UTF-8?q?1.api=E6=8E=A5=E5=8F=A32.upload=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=203.jsonyaml=20=E8=BD=AC=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/paths/api.ts           | 178 +++++++-------------------------
 src/apis/paths/type.ts          |  60 ++++++++++-
 src/components/Upload/.keep     |   0
 src/components/Upload/index.vue | 116 +++++++++++++++------
 src/views/api/index.vue         |  10 +-
 5 files changed, 178 insertions(+), 186 deletions(-)
 delete mode 100644 src/components/Upload/.keep

diff --git a/src/apis/paths/api.ts b/src/apis/paths/api.ts
index 18d1d8d..c32481b 100644
--- a/src/apis/paths/api.ts
+++ b/src/apis/paths/api.ts
@@ -1,164 +1,60 @@
 // Copyright (c) Huawei Technologies Co., Ltd. 2023-2024. All rights reserved.
-// licensed under the Mulan PSL v2.
-// You can use this software according to the terms and conditions of the Mulan PSL v2.
-// You may obtain a copy of Mulan PSL v2 at:
-//      http://license.coscl.org.cn/MulanPSL2
-// THIS SOFTWARE IS PROVIDED ON AN 'AS IS' BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR
-// PURPOSE.
-// See the Mulan PSL v2 for more details.
-import { get, post, del, put } from 'src/apis/server';
+import { post, get, del, put } from 'src/apis/server';
 import type { FcResponse } from 'src/apis/server';
-import { ApiMessage, Service } from './type';
-
+import { QueryApiListParamsType, CreateOrUpdateApiParamsType } from './type';
 /**
- * 查询服务下接口信息
+ * 获取语义接口列表
+ * @param params
  * @returns
  */
-export const getApiMessageByServiceId = (
-    serviceId: string,
-    page: number,
-    pageSize: number,
-): Promise<
-  [
-    any,
-    (
-      | FcResponse<{
-        serviceId: string;
-        name: string;
-        apis: ApiMessage[];
-        }>
-      | undefined
-    )
-  ]
-> => {
-  return get(`/api/service/${serviceId}/key`,{page, pageSize});
+export const queryApiList = (params: QueryApiListParamsType): Promise<[any, FcResponse<unknown> | undefined]> => {
+  return get('/api/api', params);
 };
 
 /**
- * 查询语义服务列表
+ * 创建语义接口/更新语义接口
+ * @param params
  * @returns
  */
-export const getApiMessageList = (params: {
-  createdByMe?: string;
-  favorited?: string;
-  searchType?: string;
-  keyword?: string;
-  page?: number;
-  pageSize?: number;
-}
-  ): Promise<
-    [
-      any,
-      (
-        | FcResponse<{  
-            services: Service[];
-        }>
-        | undefined
-      )
-    ]
-  > => {
-    return get('/api/auth/key',{
-      ...params
-    });
-  };
+export const createOrUpdateApi = (
+  params: CreateOrUpdateApiParamsType,
+): Promise<[any, FcResponse<unknown> | undefined]> => {
+  return post('/api/service', params);
+};
 
 /**
- * 通过上传 YAML 文本创建/编辑服务
+ * 获取指定语义接口数据
+ * @param params
  * @returns
  */
-export const uploadYAML = (params: {
-    serviceId?: string;
-    yaml: string;
-  }
-    ): Promise<
-      [
-        any,
-        (
-          | FcResponse<{  
-            serviceId: string;
-            name: string;
-            apis: ApiMessage[];
-          }>
-          | undefined
-        )
-      ]
-    > => {
-      return post('/api/service',{
-        ...params
-      });
-    };
+export const querySingleApiData = (params: { serviceId: string }): Promise<[any, FcResponse<unknown> | undefined]> => {
+  return get(`/api/service/${params.serviceId}`);
+};
 
 /**
- * 获取指定服务的详细信息及 YAML 内容
+ * 删除语义接口
+ * @param params
  * @returns
  */
-export const getYAMLByServiceId = (params: {
-    serviceId: string;
-  }
-    ): Promise<
-      [
-        any,
-        (
-          | FcResponse<{  
-            serviceId: string;
-            name: string;
-            yaml: string;
-          }>
-          | undefined
-        )
-      ]
-    > => {
-      return get(`/api/service/${params.serviceId}`)
-    };
+export const deleteSingleApiData = (params: { serviceId: string }): Promise<[any, FcResponse<unknown> | undefined]> => {
+  return del(`/api/service/${params.serviceId}`, params);
+};
 
 /**
- * 删除指定服务
+ * 更改语义接口收藏状态
+ * @param params
  * @returns
  */
-export const deleteYAMLByServiceId = (params: {
-    serviceId: string;
-  }
-    ): Promise<
-      [
-        any,
-        (
-          | FcResponse<{  
-            serviceId: string;
-          }>
-          | undefined
-        )
-      ]
-    > => {
-      return del(`/api/service/${params.serviceId}`);
-    };
-    
-/**
- * 更改服务收藏状态
- * @returns
- */
-export const likeServiceByServiceId = (params: {
-    serviceId: string;
-  }
-    ): Promise<
-      [
-        any,
-        (
-          | FcResponse<{  
-            serviceId: string;
-          }>
-          | undefined
-        )
-      ]
-    > => {
-      return put(`/api/service/${params.serviceId}`);
-    };
-
-export const apiApi = {
-  getApiMessageByServiceId,
-  getApiMessageList,
-  uploadYAML,
-  getYAMLByServiceId,
-  deleteYAMLByServiceId,
-  likeServiceByServiceId,
+export const changeSingleApiCollect = (params: { serviceId: string,favorited:boolean }): Promise<[any, FcResponse<unknown> | undefined]> => {
+  return put(`/api/service/${params.serviceId}`, {favorited:params.favorited});
 };
+
+
+
+export const apiCenterApi = {
+  queryApiList,
+  createOrUpdateApi,
+  querySingleApiData,
+  deleteSingleApiData,
+  changeSingleApiCollect
+};
\ No newline at end of file
diff --git a/src/apis/paths/type.ts b/src/apis/paths/type.ts
index a524b51..05a49df 100644
--- a/src/apis/paths/type.ts
+++ b/src/apis/paths/type.ts
@@ -88,7 +88,7 @@ export interface ConversationList {
 }
 
 /*
- * 应用数据结构
+ * 语义接口数据结构
  */
 export interface Application {
     appId: string,
@@ -116,4 +116,60 @@ export interface Service {
     author: string,
     description: string,
     favorite: boolean,
-}
\ No newline at end of file
+}
+
+export interface QueryApiListParamsType {
+    /**
+     * 筛选“我创建的”语义接口
+     */
+    createdByMe?: boolean;
+    /**
+     * 筛选“我收藏的”语义接口
+     */
+    favorited?: boolean;
+    /**
+     * 搜索关键字
+     */
+    keyword?: string;
+    /**
+     * 页码
+     */
+    page?: number;
+    /**
+     * 每页数量
+     */
+    pageSize?: number;
+    /**
+     * 搜索类型：全部字段或仅按名称/简介/作者字段；若不填，则视为 'all'
+     */
+    searchType?: SearchType;
+    [property: string]: any;
+}
+
+/**
+ * 搜索类型：全部字段或仅按名称/简介/作者字段；若不填，则视为 'all'
+ */
+export enum SearchType {
+    All = "all",
+    Author = "author",
+    Description = "description",
+    Name = "name",
+}
+
+/**
+ * CreateAppRequest, 创建/更新语义接口请求数据结构
+ */
+export interface CreateOrUpdateApiParamsType {
+    /**
+     * 语义接口ID
+     */
+    serviceId?: string;
+    /**
+     * 语义接口yaml 文件（json 格式）
+     */
+    data?: string;
+    /**
+     * 对话轮次（1～10）
+     */
+    [property: string]: any;
+}
diff --git a/src/components/Upload/.keep b/src/components/Upload/.keep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index f8ee91c..49ade27 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -1,54 +1,102 @@
 <script lang="ts" setup>
-// import { ElMessage } from 'element-plus';
+import { ElMessage } from 'element-plus';
 import { ref } from 'vue';
-
-import { IconUpload, IconError, IconVisible, IconDelete } from '@computing/opendesign-icons';
+import * as jsYaml from 'js-yaml'; 
+import { IconUpload, IconVisible, IconDelete } from '@computing/opendesign-icons';
 import type { UploadFile, ElUploadProgressEvent, ElFile, ElUploadRequestOptions } from 'element-plus/es/components/upload/src/upload.type';
-import { requestUploadAPI } from './shared';
+
+const handleUploadMyFile = (options: any) => {
+  console.log(options);
+};
 
 // 自定义上传函数
-function doUpload(options: ElUploadRequestOptions) {
-  const e = new ProgressEvent('upload');
-  requestUploadAPI({
-    file: options.file,
-    onUploadProgress(e: ProgressEvent) {
-      (e as ElUploadProgressEvent).percent = Math.floor((100 * e.loaded) / e.total);
-      options.onProgress(e);
-    },
-  }).then((res: any) => {
-    options.onSuccess(res);
-  });
-}
+const doUpload = (options: any) => {
+  handleUploadMyFile(options);
+};
 
 const imageUrl = ref('');
 const progressVal = ref(0);
 const uploadDone = ref(false);
-
-// 做上传前检查
-const beforeUpload = (file: ElFile) => {
-  const isJPG = ['image/jpeg'].includes(file.type);
+// 上传前检查
+const beforeUpload = async (file: ElFile) => { 
+  const isYaml = file.type === 'application/x-yaml' || file.type === 'text/yaml'; // 也可能遇到 text/yaml 类型
   const isLt2M = file.size / 1024 / 1024 < 2;
-
-  if (!isJPG) {
+  if (!isYaml) {
     ElMessage({
-      message: 'Picture must be JPG format!',
-      icon: IconError,
-      customClass: 'o-message--error',
+      message: 'File must be YAML format!',
+      type: 'error', 
     });
+    return false;
   }
   if (!isLt2M) {
     ElMessage({
-      message: 'Picture size can not exceed 2MB!',
-      icon: IconError,
-      customClass: 'o-message--error',
+      message: 'YAML size cannot exceed 2MB!',
+      type: 'error',
     });
+    return false;
   }
-  if (isJPG && isLt2M) {
-    imageUrl.value = URL.createObjectURL(file);
-    uploadDone.value = false;
-    return true;
+
+  try {
+    const reader = new FileReader();
+    reader.onload = async (event) => {
+      const yamlContent = event.target?.result as string;
+      //yaml 展示
+      console.log('YAML Content:', yamlContent);
+      try {
+        const jsonContent = jsYaml.load(yamlContent); // 将 YAML 字符串解析为 JSON 对象
+        console.log('JSON Content:', jsonContent);
+      } catch (yamlParseError) {
+        console.error('Error parsing YAML to JSON:', yamlParseError);
+      }
+      // 假设 uploadDone 是一个外部定义的响应式变量
+      // uploadDone.value = true; // 可能你想在这里设置上传完成状态
+      // 注意：由于 FileReader 是异步的，直接返回 true 或 false 在这里没有意义
+      // 因为函数已经返回过了（在 await reader.readAsText(file) 之前）
+      // 你可能需要在外部处理上传逻辑，或者将这个函数改为 async/await 风格并在外部调用处处理
+    };
+
+    reader.onerror = (error) => {
+      console.error('Error reading file:', error);
+      ElMessage({
+        message: 'Error reading file!',
+        type: 'error',
+      });
+    };
+
+    // 开始读取文件内容
+    await new Promise((resolve, reject) => {
+      reader.readAsText(file);
+      reader.onloadend = () => resolve(); // 当读取完成时解决 Promise
+      reader.onerror = (error) => reject(error); // 如果出错则拒绝 Promise
+    });
+
+    // 注意：由于 FileReader 是异步的，并且我们使用了 await，这里不会立即返回
+    // 但是由于我们的函数签名没有使用 async/await 风格，这可能会导致一些混淆
+    // 最好的做法是将这个函数改为返回 Promise 或者使用回调来处理异步逻辑
+
+    // 由于我们的逻辑已经处理了所有情况，并且没有明确的返回值需求（除了异步处理），
+    // 我们可以简单地不返回任何值（或者返回 undefined/null 来表示处理完成，但这通常不是最佳实践）
+    // 在实际应用中，你可能需要调整这部分逻辑以适应你的应用架构
+
+    // 临时返回 true 表示文件通过了校验（但注意，真正的上传逻辑应该在外部处理）
+    return true; // 这行实际上在当前的 async 函数中是没有意义的，因为函数已经因为 await 而“暂停”了
+  } catch (error) {
+    console.error('Error during file upload process:', error);
+    ElMessage({
+      message: 'An error occurred during file upload!',
+      type: 'error',
+    });
+    return false; // 同样，这行在当前的 async 函数中可能没有实际意义
   }
-  return false;
+
+  // 注意：由于上面的 async/await 和 FileReader 的使用方式，
+  // 下面的返回语句实际上永远不会被执行到（除非去掉 await 和相关的异步逻辑）
+  // return false; // 这行是多余的，应该被移除
+};
+const beforeUploadPromise = (fileWrapper: { file: File }): Promise<boolean> => {
+  return new Promise((resolve, reject) => {
+    // ...（上面的异步逻辑，但在最后调用 resolve(true) 或 reject(false)）
+  });
 };
 // 上传进度
 const handleProgress = (event: ElUploadProgressEvent) => {
@@ -104,7 +152,7 @@ const doPreview = (e: Event) => {
             <el-button type="primary" size="small">选择文件</el-button>
           </div>
         </div>
-        <div class="upload-tip">格式: jpg、png, 大小 &lt; 2M</div>
+        <div class="upload-tip">格式: YAML, 大小 &lt; 2M</div>
       </div>
       <div v-if="progressVal && !uploadDone" class="upload-loading">
         <el-progress class="uplaod-progress" :percentage="progressVal" :stroke-width="8" />
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 28da3de..fd23802 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -75,15 +75,7 @@
     </div>
     <el-drawer v-model="drawer" :title="actionName" :direction="direction" :before-close="handleClose">
       <h1>{{ action }}</h1>
-      <Upload
-      :singleFileLimit="true"
-      :singleFileSize="0.05"
-      :tipText="$t('dialogTipText.fileAllFormat')"
-      accept=".md,.xlsx,.pdf,.docx,.txt"
-      :maxFileNum="128"
-      :maxSize="0.5"
-      uploadType="file"
-    />
+      <Upload />
     </el-drawer>
   </div>
 </template>
-- 
Gitee


From 8a53e50162f2fa118c11257eb21fa1c1c45ae8ec Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Wed, 19 Feb 2025 16:57:03 +0800
Subject: [PATCH 5/7] =?UTF-8?q?think=20=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/paths/api.ts                            | 2 +-
 src/assets/styles/theme.scss                     | 6 ++++++
 src/components/dialoguePanel/DialogueThought.vue | 5 ++++-
 src/views/dialogue/components/DialogueAside.vue  | 6 ++----
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/apis/paths/api.ts b/src/apis/paths/api.ts
index c32481b..1c4de59 100644
--- a/src/apis/paths/api.ts
+++ b/src/apis/paths/api.ts
@@ -51,7 +51,7 @@ export const changeSingleApiCollect = (params: { serviceId: string,favorited:boo
 
 
 
-export const apiCenterApi = {
+export const apiApi = {
   queryApiList,
   createOrUpdateApi,
   querySingleApiData,
diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index 6d8b29e..3156f92 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -22,6 +22,9 @@ body[theme='dark'] {
   --flow-node-error-over-color: #332127;
   --flow-branch-node-error-node-cover-color: #602c27;
   --flow-branch-node-success-node-cover-color: #295336;
+  --o-think-border:#8d98aa;
+  --o-think-header-bg:#2a2f37;
+  --o-think-header-text:#e4e8ee;
 }
 
 body[theme='light'] {
@@ -46,6 +49,9 @@ body[theme='light'] {
   --flow-node-boder-default-over: #c7d6f5;
   --flow-node-success-over-color: #e6f6e9;
   --flow-node-error-over-color: #f8e7e7;
+  --o-think-border:#ccc;
+  --o-think-header-bg:#f8f8f8;
+  --o-think-header-text:#8d98aa;
   --flow-branch-node-error-node-cover-color: #edb3b3;
   --flow-branch-node-success-node-cover-color: #b3dbb8;
 }
diff --git a/src/components/dialoguePanel/DialogueThought.vue b/src/components/dialoguePanel/DialogueThought.vue
index 9c2b174..12b3a67 100644
--- a/src/components/dialoguePanel/DialogueThought.vue
+++ b/src/components/dialoguePanel/DialogueThought.vue
@@ -4,7 +4,9 @@
       <!-- <span class="think-label">think</span> -->
       <div class="collapse-control">
         <div :class="{ 'is-collapsed': isCollapsed }" class="collapse-icon">
-          <img src="@/assets/images/flow_arrow.png" alt="" class="o-collapse-icon" />
+           <el-icon>
+            <IconCaretDown/>
+           </el-icon>
         </div>
         <span class="collapse-text">思考</span>
       </div>
@@ -16,6 +18,7 @@
 </template>
 
 <script setup>
+import { IconCaretDown } from '@computing/opendesign-icons';
 import { ref, computed } from 'vue';
 import marked from 'src/utils/marked.js';
 import xss from 'xss';
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 5c50129..724e2e5 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -417,16 +417,14 @@ watch(
 
 .collapsible-apps {
   width: 17rem;
-  // background-color: rgb(244, 246, 250);
   border-radius: 8px;
   .collapsible-header {
-    background-color: rgb(244, 246, 250);
+    background-color: var(--o-think-header-bg);
     padding: 1rem;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    // margin-bottom: 12px;
     cursor: pointer;
     .header-content {
       display: flex;
@@ -440,7 +438,7 @@ watch(
       }
       span {
         font-weight: 600;
-        color: #374151;
+        color: var(--o-text-color-secondary);
       }
     }
 
-- 
Gitee


From 8aa35e839ff3c11664d1a8c48c7d9b039225eaf0 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Thu, 20 Feb 2025 10:54:48 +0800
Subject: [PATCH 6/7] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E7=83=AD=E9=97=A8=E5=BA=94=E7=94=A8=E9=BB=91=E6=9A=97=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=E4=B8=8B=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dialogue/components/InitalPanel.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/views/dialogue/components/InitalPanel.vue b/src/views/dialogue/components/InitalPanel.vue
index 9a29d99..5f43c49 100644
--- a/src/views/dialogue/components/InitalPanel.vue
+++ b/src/views/dialogue/components/InitalPanel.vue
@@ -283,13 +283,12 @@ onMounted(() => {
     li {
       cursor: text;
     }
-
     &-item {
       display: flex;
       align-items: center;
       width: calc(50% - 8px);
       height: 80px;
-      background: rgb(244, 246, 250);
+      background: var(--o-bg-color-base);
       margin-top: 8px;
       overflow: hidden;
       border-radius: 8px;
-- 
Gitee


From 08ed53da280f3164d1e12007fdb4f8e29e860a82 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Thu, 20 Feb 2025 20:23:24 +0800
Subject: [PATCH 7/7] =?UTF-8?q?1.=E9=99=A4=E8=8E=B7=E5=8F=96=20yaml=20?=
 =?UTF-8?q?=E5=A4=96=E7=BB=84=E4=BB=B6=E5=88=9D=E6=AD=A5=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=202.=E4=BF=AE=E5=A4=8D=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=8D=E5=B1=95=E7=A4=BA=E7=9A=84=20bug3.=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E9=87=8D=E5=A4=8D=E6=8E=A8=E8=8D=90=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=204.=E4=BF=AE=E6=94=B9=E7=89=88=E6=9C=AC=E5=8F=B7?=
 =?UTF-8?q?=E4=B8=BA=200.9.5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/paths/api.ts                         |   7 +-
 src/apis/paths/type.ts                        |   2 +-
 src/components/Upload/index.vue               | 155 ++++++++++++++----
 src/components/dialoguePanel/FlowCode.vue     |   1 -
 src/i18n/lang/en.ts                           |   2 +-
 src/i18n/lang/zh-cn.ts                        |   2 +-
 src/store/historySession.ts                   |   2 +-
 src/views/api/index.vue                       | 103 +++++++-----
 src/views/dialogue/components/InitalPanel.vue |   2 +-
 9 files changed, 185 insertions(+), 91 deletions(-)

diff --git a/src/apis/paths/api.ts b/src/apis/paths/api.ts
index 1c4de59..b274e52 100644
--- a/src/apis/paths/api.ts
+++ b/src/apis/paths/api.ts
@@ -7,8 +7,10 @@ import { QueryApiListParamsType, CreateOrUpdateApiParamsType } from './type';
  * @param params
  * @returns
  */
+// 导出一个函数queryApiList，用于查询API列表
 export const queryApiList = (params: QueryApiListParamsType): Promise<[any, FcResponse<unknown> | undefined]> => {
-  return get('/api/api', params);
+  // 调用get函数，传入/api/service路径和params参数，返回一个Promise对象
+  return get('/api/service', params);
 };
 
 /**
@@ -48,9 +50,6 @@ export const deleteSingleApiData = (params: { serviceId: string }): Promise<[any
 export const changeSingleApiCollect = (params: { serviceId: string,favorited:boolean }): Promise<[any, FcResponse<unknown> | undefined]> => {
   return put(`/api/service/${params.serviceId}`, {favorited:params.favorited});
 };
-
-
-
 export const apiApi = {
   queryApiList,
   createOrUpdateApi,
diff --git a/src/apis/paths/type.ts b/src/apis/paths/type.ts
index 05a49df..3659c30 100644
--- a/src/apis/paths/type.ts
+++ b/src/apis/paths/type.ts
@@ -76,7 +76,7 @@ export interface Suggest {
 export interface ConversationListItem {
     conversationId: string,
     createdTime: string,
-    doc_count: number,
+    docCount: number,
     title: string,
 }
 
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 49ade27..90accc4 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -1,30 +1,77 @@
 <script lang="ts" setup>
 import { ElMessage } from 'element-plus';
-import { ref } from 'vue';
-import * as jsYaml from 'js-yaml'; 
+import { ref, watch } from 'vue';
+import * as jsYaml from 'js-yaml';
 import { IconUpload, IconVisible, IconDelete } from '@computing/opendesign-icons';
-import type { UploadFile, ElUploadProgressEvent, ElFile, ElUploadRequestOptions } from 'element-plus/es/components/upload/src/upload.type';
+import type {
+  UploadFile,
+  ElUploadProgressEvent,
+  ElFile,
+} from 'element-plus/es/components/upload/src/upload.type';
+import { Codemirror } from 'vue-codemirror';
+import { onMounted } from 'vue';
+import { api } from 'src/apis';
 
 const handleUploadMyFile = (options: any) => {
   console.log(options);
 };
 
-// 自定义上传函数
-const doUpload = (options: any) => {
-  handleUploadMyFile(options);
+const handleCreateapi = (data: any) => {
+  console.log(data);
+  api
+    .createOrUpdateApi({
+      serviceId:'',
+      data
+    })
+    .then(res => {
+     console.log(res);
+     getYamlJson.value = res.data;
+     uploadtype.value = 'get';
+    });
+};
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: '',
+  },
+  disable: {
+    type: Boolean,
+    default: false,
+  },
+  closeDrawer: {
+    type: Function,
+    default: () => {},
+  },
+});
+const emits = defineEmits<{
+  (e: 'closeDrawer'): void;
+}>();
+
+const handleClose = () => {
+  //清空数据
+  yamlContent.value = '';
+  yamlToJsonContent.value = '';
+  getYamlJson.value = '';
+  emits('closeDrawer');
 };
 
+const uploadtype = ref(props.type);
+
+const yamlContent = ref('tt:123');
+const yamlToJsonContent = ref('');
+const getYamlJson = ref('');
 const imageUrl = ref('');
 const progressVal = ref(0);
 const uploadDone = ref(false);
 // 上传前检查
-const beforeUpload = async (file: ElFile) => { 
+const beforeUpload = async (file: ElFile) => {
   const isYaml = file.type === 'application/x-yaml' || file.type === 'text/yaml'; // 也可能遇到 text/yaml 类型
   const isLt2M = file.size / 1024 / 1024 < 2;
   if (!isYaml) {
     ElMessage({
       message: 'File must be YAML format!',
-      type: 'error', 
+      type: 'error',
     });
     return false;
   }
@@ -38,24 +85,20 @@ const beforeUpload = async (file: ElFile) => {
 
   try {
     const reader = new FileReader();
-    reader.onload = async (event) => {
-      const yamlContent = event.target?.result as string;
+    reader.onload = async event => {
+      yamlContent.value = event.target?.result as string;
       //yaml 展示
       console.log('YAML Content:', yamlContent);
       try {
-        const jsonContent = jsYaml.load(yamlContent); // 将 YAML 字符串解析为 JSON 对象
-        console.log('JSON Content:', jsonContent);
+        // emits('changeAction',"edit");
+        yamlToJsonContent.value = jsYaml.load(yamlContent.value);
+        uploadtype.value = 'edit';
       } catch (yamlParseError) {
         console.error('Error parsing YAML to JSON:', yamlParseError);
       }
-      // 假设 uploadDone 是一个外部定义的响应式变量
-      // uploadDone.value = true; // 可能你想在这里设置上传完成状态
-      // 注意：由于 FileReader 是异步的，直接返回 true 或 false 在这里没有意义
-      // 因为函数已经返回过了（在 await reader.readAsText(file) 之前）
-      // 你可能需要在外部处理上传逻辑，或者将这个函数改为 async/await 风格并在外部调用处处理
     };
 
-    reader.onerror = (error) => {
+    reader.onerror = error => {
       console.error('Error reading file:', error);
       ElMessage({
         message: 'Error reading file!',
@@ -67,19 +110,9 @@ const beforeUpload = async (file: ElFile) => {
     await new Promise((resolve, reject) => {
       reader.readAsText(file);
       reader.onloadend = () => resolve(); // 当读取完成时解决 Promise
-      reader.onerror = (error) => reject(error); // 如果出错则拒绝 Promise
+      reader.onerror = error => reject(error); // 如果出错则拒绝 Promise
     });
-
-    // 注意：由于 FileReader 是异步的，并且我们使用了 await，这里不会立即返回
-    // 但是由于我们的函数签名没有使用 async/await 风格，这可能会导致一些混淆
-    // 最好的做法是将这个函数改为返回 Promise 或者使用回调来处理异步逻辑
-
-    // 由于我们的逻辑已经处理了所有情况，并且没有明确的返回值需求（除了异步处理），
-    // 我们可以简单地不返回任何值（或者返回 undefined/null 来表示处理完成，但这通常不是最佳实践）
-    // 在实际应用中，你可能需要调整这部分逻辑以适应你的应用架构
-
-    // 临时返回 true 表示文件通过了校验（但注意，真正的上传逻辑应该在外部处理）
-    return true; // 这行实际上在当前的 async 函数中是没有意义的，因为函数已经因为 await 而“暂停”了
+    return true; 
   } catch (error) {
     console.error('Error during file upload process:', error);
     ElMessage({
@@ -88,11 +121,8 @@ const beforeUpload = async (file: ElFile) => {
     });
     return false; // 同样，这行在当前的 async 函数中可能没有实际意义
   }
-
-  // 注意：由于上面的 async/await 和 FileReader 的使用方式，
-  // 下面的返回语句实际上永远不会被执行到（除非去掉 await 和相关的异步逻辑）
-  // return false; // 这行是多余的，应该被移除
 };
+
 const beforeUploadPromise = (fileWrapper: { file: File }): Promise<boolean> => {
   return new Promise((resolve, reject) => {
     // ...（上面的异步逻辑，但在最后调用 resolve(true) 或 reject(false)）
@@ -115,11 +145,16 @@ const doDelete = (e: Event) => {
 };
 const doPreview = (e: Event) => {
   e.stopPropagation();
-  console.log('click Preview');
 };
+
+onMounted(() => {
+  console.log(props);
+});
+
 </script>
 <template>
   <el-upload
+    v-if="uploadtype === 'upload'"
     action=""
     drag
     multiple
@@ -159,9 +194,57 @@ const doPreview = (e: Event) => {
       </div>
     </div>
   </el-upload>
+  <div class="code-container" v-if="uploadtype !== 'upload'">
+    <Codemirror
+      v-model="yamlContent"
+      placeholder="Code goes here..."
+      :autofocus="true"
+      :indent-with-tab="true"
+      :tab-size="2"
+      :extensions="extensions"
+      :disabled="disabled"
+      @ready="handleReady"
+    />
+  </div>
+  <div class="code-container" v-if="uploadtype !== 'get'">
+    {{ getYamlJson }}
+  </div>
+  <div class="drawerFooter" v-if="uploadtype === 'upload'">
+    <el-button @click="handleClose">取消</el-button>
+    <el-button type="primary" @click="handleClose">确定</el-button>
+  </div>
+  <div class="drawerFooter" v-if="uploadtype === 'edit'">
+    <el-button @click="handleClose">取消</el-button>
+    <el-button @click="handleClose">编辑</el-button>
+    <el-button type="primary" @click="handleCreateapi(yamlToJsonContent)">解析</el-button>
+  </div>
+  <div class="drawerFooter" v-if="uploadtype === 'get'">
+    <el-button @click="handleClose">取消</el-button>
+    <el-button type="primary" @click="handleClose">确定</el-button>
+  </div>
 </template>
 
 <style scoped>
+.v-codemirror {
+  height: 100%;
+  width: 100%;
+  .cm-editor {
+    height: 100%;
+    border: 1px solid var(--o-time-text);
+    .cm-gutters {
+      background-color: var(--o-bash-bg);
+    }
+  }
+  .cm-focused {
+    outline: none;
+  }
+}
+
+.drawerFooter {
+  position: absolute;
+  bottom: 12px;
+  right: 12px;
+}
 .upload-box {
   cursor: pointer;
   position: relative;
@@ -242,4 +325,4 @@ const doPreview = (e: Event) => {
   right: 8px;
   bottom: 8px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/dialoguePanel/FlowCode.vue b/src/components/dialoguePanel/FlowCode.vue
index 144c47d..9ebde49 100644
--- a/src/components/dialoguePanel/FlowCode.vue
+++ b/src/components/dialoguePanel/FlowCode.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, withDefaults, watch,shallowRef, reactive } from 'vue';
 import { Codemirror } from 'vue-codemirror';
-import { StreamLanguage } from '@codemirror/language';
 import { json } from '@codemirror/lang-json';
 import { oneDark } from '@codemirror/theme-one-dark'
 import { useHistorySessionStore } from 'src/store';
diff --git a/src/i18n/lang/en.ts b/src/i18n/lang/en.ts
index 28c098c..9cdc45e 100644
--- a/src/i18n/lang/en.ts
+++ b/src/i18n/lang/en.ts
@@ -37,7 +37,7 @@ export default {
       service_agreement:"Service Agreement",
       privacy_policy:"Privacy Policy",
       contact_us:"Contact Us",
-      version:"Version 1.0.0"
+      version:"Version 0.9.5"
     },
     history:{
       new_chat: "New Chat",  
diff --git a/src/i18n/lang/zh-cn.ts b/src/i18n/lang/zh-cn.ts
index e1e7cb8..402b6f4 100644
--- a/src/i18n/lang/zh-cn.ts
+++ b/src/i18n/lang/zh-cn.ts
@@ -37,7 +37,7 @@ export default {
     service_agreement: "服务协议",
     privacy_policy: "隐私政策",
     contact_us: "联系我们",
-    version: "版本号0.9.1-内测版"
+    version: "版本号0.9.5-内测版"
   },
   history: {
     new_chat: "新建对话",
diff --git a/src/store/historySession.ts b/src/store/historySession.ts
index e106a7e..3d2a8c9 100644
--- a/src/store/historySession.ts
+++ b/src/store/historySession.ts
@@ -106,7 +106,7 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
         conversationId: item.conversationId,
         createdTime: item.createdTime,
         title: item.title,
-        docCount: item.doc_count || 0,
+        docCount: item.docCount || 0,
       }));
       if (res.result.conversations.length === 0) {
         await generateSession();
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index fd23802..f97c2cf 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -5,10 +5,11 @@
       <div class="apiCenterSearch">
         <el-input style="max-width: 400px" placeholder="搜索" :suffix-icon="IconSearch">
           <template #prepend>
-            <el-select placeholder="全部" style="width: 115px" :suffix-icon="IconCaretDown">
-              <el-option label="Restaurant" value="1" />
-              <el-option label="Order No." value="2" />
-              <el-option label="Tel" value="3" />
+            <el-select v-model="apiSearchType" style="width: 115px" :suffix-icon="IconCaretDown">
+              <el-option label="全部" value="all" />
+              <el-option label="接口名称" value="name" />
+              <el-option label="接口简介" value="description" />
+              <el-option label="用户名称" value="author" />
             </el-select>
           </template>
         </el-input>
@@ -73,9 +74,22 @@
         </div>
       </div>
     </div>
-    <el-drawer v-model="drawer" :title="actionName" :direction="direction" :before-close="handleClose">
-      <h1>{{ action }}</h1>
-      <Upload />
+    <el-drawer class="el-drawer" v-model="drawer" :title="actionName" :direction="direction" :before-close="handleClose">
+      <div v-if="actions === 'upload'">
+        <Upload
+        type="upload"
+        @closeDrawer="handleClose" />
+      </div>
+      <div v-if="actions === 'get'">
+        <Upload
+        type="get"
+        @closeDrawer="handleClose" />
+      </div>
+      <div v-if="actions === 'edit'">
+        <Upload
+        type="edit"
+        @closeDrawer="handleClose" />
+      </div>
     </el-drawer>
   </div>
 </template>
@@ -89,13 +103,13 @@ import { api } from 'src/apis';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { IconAlarm } from '@computing/opendesign-icons';
 import Upload from "@/components/Upload/index.vue";
-import UploadProgress from "@/components/Upload/uploadProgress.vue";
+
 const apiList = ref([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
 const drawer = ref(false);
 const direction = ref('rtl');
-const action = ref('');
 const actionName = ref('');
 const router = useRouter();
+const actions = ref();
 const apiType = ref('my');
 const apiSearchType = ref('all');
 const apiSearchValue = ref();
@@ -113,38 +127,33 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
   handleParmasQueryapiList();
 };
 
-const openSidebar = (actions: string) => {
+const openSidebar = (action: string) => {
   drawer.value = true;
-  action.value = actions;
-  if( actions === 'upload') {
+  actions.value = action;
+  if( action === 'upload') {
     // 展示上传的框架
     actionName.value = '上传语义接口';
-  }else if( actions === 'edit') {
+  }else if( action === 'edit') {
     // 展示编辑的框架
     actionName.value = '编辑语义接口';
-  }else if( actions === 'get'){
+  }else if( action === 'get'){
     // 展示查看的框架
-    
-  }else{
-    // 展示xx的框架
+    actionName.value = '查看语义接口';
   }
-  console.log('actions', actions);
 };
 
-const handleClose = done => {
-  done();
+const handleClose = () => {
+  drawer.value = false;
 };
 
-const handleCreateapi = () => {
+const handleCreateapi = (data: any) => {
   api
-    .createOrUpdateapi({
-      name: '默认应用',
-      description: '我的应用',
+    .createOrUpdateApi({
+      serviceId:'',
+      data
     })
     .then(res => {
-      if (res[1]) {
-        router.push(`/createapi?apiId=${res?.[1]?.result.apiId}`);
-      }
+     console.log(res);
     });
 };
 
@@ -158,7 +167,7 @@ const handleParmasQueryapiList = (params?: any) => {
   if (apiType.value !== 'my') {
     payload[apiType.value] = true;
   }
-  handleQueryapiList({
+  handleQueryApiList({
     searchType: apiSearchType.value,
     keyword: apiSearchValue.value,
     ...payload,
@@ -166,9 +175,9 @@ const handleParmasQueryapiList = (params?: any) => {
   });
 };
 
-const handleQueryapiList = (payload?: any) => {
+const handleQueryApiList = (payload?: any) => {
   api
-    .queryapiList({
+    .queryApiList({
       page: currentPage.value,
       pageSize: currentPageSize.value,
       ...payload,
@@ -187,8 +196,8 @@ const handleFavorite = (e, item) => {
   }
   e.stopPropagation();
   api
-    .changeSingleapiCollect({
-      id: item.apiId,
+    .changeSingleApiCollect({
+      serviceId: item.apiId,
       favorited: !item.favorited,
     })
     .then(res => {
@@ -211,13 +220,13 @@ const handleSearchapiList = type => {
 
 const handleDelapi = (e, item) => {
   e.stopPropagation();
-  ElMessageBox.confirm('确定删除此应用吗？', '提示', {
+  ElMessageBox.confirm('确定删除此接口吗？', '提示', {
     type: 'warning',
     icon: markRaw(IconAlarm),
   }).then(() => {
     api
-      .deleteSingleapiData({
-        id: item.apiId,
+      .deleteSingleApiData({
+        serviceId: item.apiId,
       })
       .then(res => {
         if (res[1]) {
@@ -239,19 +248,23 @@ const handleEditapi = (e, item) => {
   router.push(`/createapi?apiId=${item.apiId}`);
 };
 
-// watch(
-//   () => [apiSearchValue, apiSearchType],
-//   () => {
-//     handleParmasQueryapiList();
-//   },
-//   { deep: true },
-// );
+watch(
+  () => [apiSearchValue, apiSearchType],
+  () => {
+    handleParmasQueryapiList();
+  },
+  { deep: true },
+);
 
-// onMounted(() => {
-//   handleQueryapiList();
-// });
+onMounted(() => {
+  handleQueryApiList();
+});
 </script>
 <style lang="scss" scoped>
+.el-drawer{
+  margin: 0px;
+  padding: 0px;
+}
 .apiCenterCardSingle {
   position: relative;
   .unPublishSymbol {
diff --git a/src/views/dialogue/components/InitalPanel.vue b/src/views/dialogue/components/InitalPanel.vue
index 5f43c49..f6ce140 100644
--- a/src/views/dialogue/components/InitalPanel.vue
+++ b/src/views/dialogue/components/InitalPanel.vue
@@ -25,7 +25,7 @@ const questions = [
   {
     groupId: 0,
     id: 3,
-    question: 'innovation_release_cycle_and_support',
+    question: 'open_euler_pkgship',
   },
   {
     groupId: 0,
-- 
Gitee