diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 71bb0015a856ef68f945cba1d383cdd9a36d6f7a..00fafe68ab40c4a0b2f495003fad386a18a86481 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -6,18 +6,22 @@ import { IconUpload, IconVisible, IconDelete, IconCaretRight } from '@computing/
 import type { UploadFile, ElUploadProgressEvent, ElFile } from 'element-plus/es/components/upload/src/upload.type';
 import { Codemirror } from 'vue-codemirror';
 import { api } from 'src/apis';
-import { successMsg } from 'src/components/Message';
+import { errorMsg, successMsg } from 'src/components/Message';
 
-const handleCreateapi = () => {
-  api
-    .createOrUpdateApi({
-      serviceId: props.serviceId||'',
-      data:yamlToJsonContent.value,
-    })
-    .then(res => {
+const handleCreateapi = async () => {
+  const [_, res] = await api.createOrUpdateApi({
+    serviceId: props.serviceId || '',
+    data: yamlToJsonContent.value,
+  });
+  if (!_ && res) {
+    if (res.code === 200) {
       getServiceJson.value = res[1]?.result?.apis;
       uploadtype.value = 'get';
-    });
+      successMsg('创建成功');
+    } else {
+      errorMsg('创建失败');
+    }
+  }
 };
 
 const props = defineProps({
@@ -58,24 +62,11 @@ const handleClose = () => {
   emits('closeDrawer');
 };
 
-const handleEditClose = () => {
-  //清空数据
-  // getServiceYaml.value = '';
-  // yamlToJsonContent.value = '';
-  // getServiceJson.value = '';
-  emits('closeDrawer');
-};
-
 const handleEdit = () => {
   //edit数据
   successMsg('可编辑');
   editable.value = true;
 };
-const data = [
-  {path:'212121',description:"23213123"},
-  {path:'ndie',description:"23213123"},
-  {path:'nidanide1',description:"23213123"},
-]
 
 const uploadtype = ref(props.type);
 const getServiceYaml = ref('');
@@ -88,7 +79,11 @@ const uploadDone = ref(false);
 const editable = ref(false);
 // 上传前检查
 const beforeUpload = async (file: ElFile) => {
-  const isYaml = file.type === 'application/x-yaml' || file.type === 'text/yaml' || file.name.indexOf('.yaml') > -1 || file.name.indexOf('.yml') > -1; // 也可能遇到 text/yaml 类型
+  const isYaml =
+    file.type === 'application/x-yaml' ||
+    file.type === 'text/yaml' ||
+    file.name.indexOf('.yaml') > -1 ||
+    file.name.indexOf('.yml') > -1; // 也可能遇到 text/yaml 类型
   const isLt2M = file.size / 1024 / 1024 < 2;
   if (!isYaml) {
     ElMessage({
@@ -165,13 +160,13 @@ const doPreview = (e: Event) => {
 };
 
 const getServiceYamlFun = async (id: string) => {
-  await api.querySingleApiData({serviceId:id,edit:true}).then((res) => {
-      if(res) {
-        getServiceYaml.value = jsYaml.dump(res[1]?.result.data);
-      }
-  })
-}
-const handleChange = (payload) => {
+  await api.querySingleApiData({ serviceId: id, edit: true }).then(res => {
+    if (res) {
+      getServiceYaml.value = jsYaml.dump(res[1]?.result.data);
+    }
+  });
+};
+const handleChange = payload => {
   yamlToJsonContent.value = jsYaml.load(payload);
   setTimeout(() => {
     payload.view.scrollDOM.scrollTop = 0;
@@ -182,7 +177,7 @@ watch(
   () => {
     getServiceJson.value = props.getServiceJson;
     getServiceYaml.value = props.getServiceYaml;
-    console.log(props, 'props---result')
+    console.log(props, 'props---result');
     if (getServiceJson.value?.length) {
       activeServiceNameList.value = [getServiceJson.value?.[0]?.name];
     }
@@ -197,8 +192,8 @@ watch(
   () => getServiceYaml,
   () => {
     yamlToJsonContent.value = jsYaml.load(getServiceYaml.value);
-  }
-)
+  },
+);
 </script>
 <template>
   <el-upload
@@ -269,12 +264,12 @@ watch(
         <div class="o-collapse-content">
           <div class="itemTitle">
             <div class="subName">
-              <span>接口路径</span>
-              <span>{{ item.path }}</span>
+              <div>接口路径</div>
+              <div>{{ item.path }}</div>
             </div>
             <div class="subName">
-              <span>接口描述</span>
-              <span>{{ item.description }}</span>
+              <div>接口描述</div>
+              <div>{{ item.description }}</div>
             </div>
           </div>
         </div>
@@ -405,23 +400,33 @@ watch(
 }
 
 .json-container {
-  :deep(.el-collapse-item__header){
+  :deep(.el-collapse-item__header) {
     background-color: var(--el-collapse-header-bg) !important;
     height: 32px;
     border-bottom: 1px solid var(--el-collapse-border-color) !important;
   }
-  :deep(.el-collapse-item__content){
+  :deep(.el-collapse-item__content) {
     background-color: var(--el-collapse-content-bg) !important;
     margin: 0px;
     border-bottom: 1px solid var(--el-collapse-border-color) !important;
   }
 }
 
-.o-collapse-content{
-  .subName{
-    span:first-child{
-      margin-right: 16px;
-      color:var(--o-font-size-subtitle);
+.o-collapse-content {
+  padding-left: 18px;
+  .subName {
+    width: 100%;
+    display: flex;
+    align-items: flex-start;
+    div:first-child {
+      height: auto;
+      text-align: center;
+      min-width: 50px;
+      color: var(--o-font-size-subtitle);
+    }
+    div:last-child {
+      padding: 0px 12px;
+      word-break: break-all;
     }
   }
 }
diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index d5f1bf2f2f12d0fcf9cdc5855fdd9f7c258e04a0..e8c0e5ff42627cbf06ace0aa003a861e99539903 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -104,6 +104,10 @@
                   color: var(--o-text-color-primary);
                   font-size: 16px;
                   line-height: 24px;
+                  overflow: hidden;
+                  white-space: nowrap;
+                  text-overflow: ellipsis;
+                  width: 80%;
                 }
                 .apiCenterCardContentCollect {
                   width: 24px;
diff --git a/src/views/app/style.scss b/src/views/app/style.scss
index 574b1af6edc4d3786610ef9d0e5bc6268f2cfe26..39ca6fcb6a15f1de763c79f4a3e3a0d28bab8758 100644
--- a/src/views/app/style.scss
+++ b/src/views/app/style.scss
@@ -57,11 +57,12 @@
       }
     }
     .appCenterCardContainer {
-      padding-top: 16px;
+      padding-top: 16px ;
       max-width: 1336px;
-      max-height: calc(100vh - 327px);
-      min-height: 324px;
-      overflow-y: scroll;
+      max-height: calc(100vh - 370px);
+      min-height: calc(100vh - 370px);
+      min-width: 1336px;
+      overflow-y: hidden;
       .appCenterCardBox {
         width: fit-content;
         display: flex;
@@ -99,6 +100,10 @@
                 display: flex;
                 justify-content: space-between;
                 .appCenterCardContentTitle {
+                  overflow: hidden;
+                  white-space: nowrap;
+                  text-overflow: ellipsis;
+                  width: 80%;
                   color: var(--o-text-color-primary);
                   font-size: 16px;
                   line-height: 24px;
diff --git a/src/views/dialogue/components/AppInitalPreview.vue b/src/views/dialogue/components/AppInitalPreview.vue
index 5bc5fa0f9b464e5ca292d2e0a636201016f19bfe..d2194870f661b113fde4cbb04a2e45c79461f772 100644
--- a/src/views/dialogue/components/AppInitalPreview.vue
+++ b/src/views/dialogue/components/AppInitalPreview.vue
@@ -1,5 +1,5 @@
 <template>
-  <InterPreview :create-app-form="createAppForm" />
+  <InterPreview :create-app-form="createAppForm" createApp=true />
   <div class="sendbox-wrapper">
     <div class="dialogue-conversation-bottom-sendbox">
       <div class="dialogue-conversation-bottom-sendbox__textarea">
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 420f5899d44992a7cb03093cf5d02cced20299e1..0af55d47771f0e650268b56e9cc861264744daeb 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -479,6 +479,9 @@ watch(
       border: 8px;
       border-radius: 8px;
       span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
         display: block;
         margin-left: 24px;
         align-items: center;
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 79b23d8f3a40c2e60a7eb34f441dcd1249a9be9a..e680033b5731810faaf9825057aa846702e4b5c4 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -37,7 +37,10 @@
               <div v-for="(connect, index) in connnectLinkList" >
                 <div v-if="connect.length" class="connectCard">
                   <div class="connectBoxIndex">{{ index + 1 }}</div>
-                  <el-link class="connectBoxContent" type="primary" :href="connect" target="_blank">
+                  <el-link class="connectBoxContent" v-if="!createApp" type="primary" :href="connect" target="_blank">
+                    <TextMoreTootip :value="connect" :row="1" />
+                  </el-link>
+                  <el-link class="connectBoxContent" v-else type="primary">
                     <TextMoreTootip :value="connect" :row="1" />
                   </el-link>
                 </div>
@@ -64,6 +67,7 @@ import { ref, watch } from 'vue';
 import TextMoreTootip from '@/components/textMoreTootip/index.vue';
 interface InterPreProps {
   createAppForm: any;
+  createApp: boolean;
 }
 const props = withDefaults(defineProps<InterPreProps>(), {});
 const interPreviewInfo = ref();
@@ -72,6 +76,9 @@ const connnectLinkList = ref<any>([]);
 const emit = defineEmits(['selectQuestion']);
 
 const selectQuestions = (event) => {
+  if(props.createApp){
+    return;
+  }
   emit('selectQuestion', event.target.innerText);
 }