From aa8a72464d4d024fb2bd73f436bfc0ccca095259 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Thu, 29 May 2025 10:53:16 +0800
Subject: [PATCH 1/6] =?UTF-8?q?=20=E4=BF=AE=E6=94=B9drawer=20=E5=86=85?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/theme.scss    |  4 ++--
 src/components/Upload/index.vue | 19 +++++++++++++++----
 src/views/api/index.vue         | 15 ++++++++++++---
 3 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index dcc89c7..509d525 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -59,7 +59,7 @@ body[theme='dark'] {
     rgba(28, 57, 81, 0.929) 98.202%
   );
   --o-api-description: rgb(211, 220, 233);
-  --el-drawer-padding-primary: 24px;
+  --el-drawer-padding-primary: 24px !important;
   // 这里是不同种类的debug图标
   --flow-debug-default: url('../../assets/svgs/dark_debug.svg');
   --flow-debug-hover: url('../../assets/svgs/dark_debug_hover.svg');
@@ -140,6 +140,7 @@ body[theme='light'] {
   --expand-fold-active: url('../../assets/svgs/light_expand_fold_active.svg');
   --o-scrollbar-thumb: #c3cedf;
   --o-apiBox-bg: rgb(253, 254, 255);
+  --el-drawer-padding-primary: 24px !important;
 }
 
 body {
@@ -149,7 +150,6 @@ body {
     background-color: #6395fd !important;
     font-weight: normal !important;
   }
-  --el-drawer-padding-primary: 24px;
   // 悬浮优先级高于选中
   .el-select-dropdown__item:hover {
     background-color: #7aa5ff !important;
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 189c888..78db7cf 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -325,14 +325,14 @@ onMounted(() => {
         :name="item.name"
       >
         <template #title>
-          <span>{{ item.name }}</span>
-          <!-- 这里接口返回的需要限制最大位数 -->
           <el-icon
             class="el-collapse-item__arrow"
             :class="{ 'is-active': activeServiceNameList.includes(item.name) }"
           >
             <IconCaretRight></IconCaretRight>
           </el-icon>
+          <span class="el-collapse-item__title">{{ item.name }}</span>
+          <!-- 这里接口返回的需要限制最大位数 -->
         </template>
         <div class="o-collapse-content">
           <div class="itemTitle">
@@ -371,6 +371,11 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
+.el-collapse-item__title{
+  display: block;
+  position: relative;
+  left: -3px;
+}
 .code-container {
   height: calc(100% - 48px);
 }
@@ -511,6 +516,7 @@ onMounted(() => {
   :deep(.el-collapse-item__header) {
     background-color: var(--el-collapse-header-bg) !important;
     height: 32px;
+    padding: 8px 12px !important;
     border-bottom: 1px solid var(--el-collapse-border) !important;
     border-bottom-color: var(--el-collapse-border) !important;
   }
@@ -520,12 +526,17 @@ onMounted(() => {
     border-bottom: 1px solid var(--el-collapse-border) !important;
     border-bottom-color: var(--el-collapse-border) !important;
   }
+  :deep(.el-collapse-item__wrap){
+    border-bottom: 1px solid var(--el-collapse-border) !important;
+    border-bottom-color: var(--el-collapse-border) !important;
+  }
 }
 
 .o-collapse-content {
-  padding-left: 18px;
+  padding: 8px 32px 0px;
+  padding-left: 32px;
   .subName {
-    margin-top: 8px;
+    margin-bottom: 8px;
     width: 100%;
     line-height: 16px;
     display: flex;
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 7a70cec..b784778 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -594,7 +594,11 @@ onBeforeUnmount(() => {
 }
 .drawerHeader {
   color: pink;
+  background-color: #5481de !important;
   margin-bottom: 0px !important;
+  .header{
+    background-color: pink;
+  }
 }
 .drawerContent {
   overflow-y: auto;
@@ -606,6 +610,8 @@ onBeforeUnmount(() => {
   &::v-deep(.el-drawer__header) {
     margin-bottom: 0px !important;
     color: var(--o-text-color-primary) !important;
+    margin: 24px !important;
+    padding: 24px !important;
   }
 }
 .apiCenterCardSingle {
@@ -691,8 +697,8 @@ img {
   width: 100%;
   max-width: 430px;
 }
-.el-drawer__header {
-  padding: 24px 24px 16px;
+:deep(.el-drawer__header) {
+  padding: 24px 24px 16px !important;
   margin-bottom: 0px;
   .drawerHeader {
     width: 100%;
@@ -703,9 +709,12 @@ img {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .el-drawer__title{
+    color: var(--o-text-color-primary) !important; 
+  }
 }
 :deep(.el-drawer__body) {
-  padding: 8px 24px 16px !important;
+  padding: 0px 24px 16px !important;
   .drawerBody {
     height: 100%;
     textarea {
-- 
Gitee


From 2dbd357ac15bc2ec5658bed176db4bd0d6668b41 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Thu, 29 May 2025 11:21:18 +0800
Subject: [PATCH 2/6] =?UTF-8?q?icon=20=E6=96=87=E5=AD=97=E9=97=B4=E8=B7=9D?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/api/components/PluginCard.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/api/components/PluginCard.vue b/src/views/api/components/PluginCard.vue
index b98e758..eb16dbf 100644
--- a/src/views/api/components/PluginCard.vue
+++ b/src/views/api/components/PluginCard.vue
@@ -34,7 +34,7 @@ const props = defineProps<CardInfo>();
 .plugin-card {
   display: flex;
   .plugin-card-icon {
-    margin-right: 18px;
+    margin-right: 16px;
     display: flex;
     align-items: start;
     .menu-icon {
-- 
Gitee


From 21afc226b6eabef77d66f2c2391072de128f0d78 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Thu, 29 May 2025 11:25:10 +0800
Subject: [PATCH 3/6] =?UTF-8?q?=20=E6=9A=82=E6=97=A0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=B1=85=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/api/style.scss | 1 +
 src/views/app/style.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index 2b0e538..95a12d7 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -145,6 +145,7 @@
         }
       }
       .appCenterNoData {
+        top: calc(50% - 80px);
         display: flex;
         flex-direction: column;
         gap: 8px;
diff --git a/src/views/app/style.scss b/src/views/app/style.scss
index 472385a..0ba4183 100644
--- a/src/views/app/style.scss
+++ b/src/views/app/style.scss
@@ -197,6 +197,7 @@
         }
       }
       .appCenterNoData {
+        top: calc(50% - 80px);
         display: flex;
         flex-direction: column;
         gap: 8px;
-- 
Gitee


From 84e523809bad398f9d3223a3f5a8c843bb417e5f Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Thu, 29 May 2025 11:35:04 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=E6=9A=82=E6=97=A0?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE&&=E6=8E=A8=E8=8D=90=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E9=A2=9C=E8=89=B2=EF=BC=8C=E6=8E=A8=E8=8D=90?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BB=8B=E7=BB=8D=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/theme.scss                   | 4 +++-
 src/views/api/style.scss                       | 1 +
 src/views/app/style.scss                       | 1 +
 src/views/dialogue/components/InterPreview.vue | 5 +++--
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index 509d525..daa6ecd 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -2,6 +2,7 @@ body[theme='dark'] {
   --o-main-bg-color: #131415;
   --o-bg-image: url('../../assets/svgs/dark_background.svg');
   --no-work-flow: url('../../assets/images/dark_no_flow.png');
+  --o-question-color:#d3dce9;
   --o-button-color: #576372;
   --o-button-border-color: #576372;
   --o-button-disable-color: #626d7c;
@@ -69,7 +70,7 @@ body[theme='dark'] {
   --expand-fold-default: url('../../assets/svgs/dark_expand_fold.svg');
   --expand-fold-hover: url('../../assets/svgs/dark_expand_fold_hover.svg');
   --expand-fold-active: url('../../assets/svgs/dark_expand_fold_active.svg');
-  --o-scrollbar-thumb: #536372;
+  --o-scrollbar-thumb: #d3dce9;
   --o-apiBox-bg: rgb(253, 254, 255);
 }
 
@@ -77,6 +78,7 @@ body[theme='light'] {
   --o-main-bg-color: #f1f8ff;
   --o-bg-image: url('../../assets/svgs/light_background.webp');
   --no-work-flow: url('../../assets/images/light_no_flow.png');
+  --o-question-color:#4e5865;
   --o-button-color: #c3cedf;
   --o-button-border-color: #d3dce9;
   --o-button-disable-color: #bfc7d7;
diff --git a/src/views/api/style.scss b/src/views/api/style.scss
index 95a12d7..e4589e7 100644
--- a/src/views/api/style.scss
+++ b/src/views/api/style.scss
@@ -146,6 +146,7 @@
       }
       .appCenterNoData {
         top: calc(50% - 80px);
+        position: relative;
         display: flex;
         flex-direction: column;
         gap: 8px;
diff --git a/src/views/app/style.scss b/src/views/app/style.scss
index 0ba4183..c3a06d7 100644
--- a/src/views/app/style.scss
+++ b/src/views/app/style.scss
@@ -198,6 +198,7 @@
       }
       .appCenterNoData {
         top: calc(50% - 80px);
+        position: relative;
         display: flex;
         flex-direction: column;
         gap: 8px;
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 2d93761..2eb9cb5 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -264,7 +264,7 @@ watch(
           line-height: 24px;
           margin-top: 8px;
           margin-bottom: 20px;
-          color: var(--o-text-color-primary);
+          color: var(--o-text-color-secondary);
         }
         .preMainContentLink {
           .contentLinkTitle {
@@ -341,7 +341,8 @@ watch(
             padding: 8px 16px;
             background-color: var(--o-bg-color-base);
             .vue-text {
-              color: #4e5865;
+              // color: #4e5865;
+              color: #d3dce9;
             }
           }
         }
-- 
Gitee


From 84717f63fe5592c1a90d80b892146bd269ebde89 Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Thu, 29 May 2025 15:09:24 +0800
Subject: [PATCH 5/6] =?UTF-8?q?=E7=AE=AD=E5=A4=B4=E5=92=8C=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E5=AF=B9=E9=BD=90&&=E6=8E=A8=E8=8D=90=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Upload/index.vue               |  2 +-
 .../dialoguePanel/DialoguePanel.scss          |  4 +--
 .../components/PermissionControl.vue          |  6 ++++
 .../workFlowConfig/editFlowName.vue           |  1 +
 .../workFlowConfig/yamlEditDrawer.vue         |  5 ++-
 .../dialogue/components/DialogueAside.vue     | 36 ++++++++++++-------
 .../dialogue/components/InterPreview.vue      |  3 +-
 src/views/styles/workFlowArrange.scss         |  2 +-
 8 files changed, 39 insertions(+), 20 deletions(-)

diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 78db7cf..49e8e44 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -374,7 +374,7 @@ onMounted(() => {
 .el-collapse-item__title{
   display: block;
   position: relative;
-  left: -3px;
+  left: 4px;
 }
 .code-container {
   height: calc(100% - 48px);
diff --git a/src/components/dialoguePanel/DialoguePanel.scss b/src/components/dialoguePanel/DialoguePanel.scss
index 48f0d43..91aa50d 100644
--- a/src/components/dialoguePanel/DialoguePanel.scss
+++ b/src/components/dialoguePanel/DialoguePanel.scss
@@ -400,13 +400,13 @@
 
           .pagenation-cur {
             font-size: 12px;
-            line-height: 18px;
+            line-height: 16px;
             color: var(--o-text-color-tertiary) !important;
           }
 
           .pagenation-total {
             font-size: 12px;
-            line-height: 18px;
+            line-height: 16px;
             color: var(--o-text-color-primary) !important;
           }
 
diff --git a/src/views/createapp/components/PermissionControl.vue b/src/views/createapp/components/PermissionControl.vue
index 349f2fd..104d351 100644
--- a/src/views/createapp/components/PermissionControl.vue
+++ b/src/views/createapp/components/PermissionControl.vue
@@ -125,9 +125,15 @@ const filteredOptionalList = computed(() => {
 </template>
 <style lang="scss" scoped>
 .permission-control {
+  .permission-control__radio {
+    margin-bottom: 8px !important;
+  }
   :deep(.el-radio-group) {
+    margin-top: 8px !important;
     .el-radio {
       margin-right: 22px;
+      line-height: 16px;
+      height: 16px;
     }
   }
 
diff --git a/src/views/createapp/components/workFlowConfig/editFlowName.vue b/src/views/createapp/components/workFlowConfig/editFlowName.vue
index 83ca79c..fc07b92 100644
--- a/src/views/createapp/components/workFlowConfig/editFlowName.vue
+++ b/src/views/createapp/components/workFlowConfig/editFlowName.vue
@@ -136,6 +136,7 @@ const handleSubmit = (formEl: FormInstance | undefined) => {
 .workFlowDia.el-dialog {
   padding: 0px;
   width: 560px;
+  top: calc(50% - 300px);
   .el-form {
     margin-top: 0px;
     .el-form-item {
diff --git a/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue b/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
index f0026f1..4630f5a 100644
--- a/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
+++ b/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
@@ -209,7 +209,10 @@ const updateNodeYaml = () => {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+:deep(.el-collapse-item__arrow .is-active){ 
+    top: 0px !important; 
+}
 .yamlMonacoEditor {
   height: 400px;
 }
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 7b001e5..381db40 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -24,7 +24,7 @@ import { useI18n } from 'vue-i18n';
 import { successMsg } from 'src/components/Message';
 import i18n from 'src/i18n';
 import appIcon from '@/assets/svgs/myApp.svg';
-import { IconChevronUp } from '@computing/opendesign-icons';
+import { IconCaretRight, IconChevronUp,IconChevronDown } from '@computing/opendesign-icons';
 import router from 'src/router';
 const { user_selected_app } = storeToRefs(useHistorySessionStore());
 
@@ -423,19 +423,19 @@ watch(
             />
           </div>
           <ul v-if="filteredHistorySessions.length">
-            <ElCollapse v-model="activeNames">
+            <el-collapse v-model="activeNames"
+            class="o-hpc-collapse"
+            :prefix-icon="IconChevronDown">
               <template v-for="item in filteredHistorySessions" :key="item.key">
-                <ElCollapseItem :name="item.key">
+                <el-collapse-item :name="item.key">
                   <template #title>
-                    {{ item.title }}
-                  </template>
-                  <template #icon="{ isActive }">
-                    <el-icon v-if="isActive" :size="16">
-                      <CaretBottom />
-                    </el-icon>
-                    <el-icon v-else :size="16">
-                      <CaretRight />
+                    <el-icon 
+                    class="el-collapse-item__arrow"
+                    :class="{ 'is-active': activeNames.includes(item.key) }"
+                    >
+                      <IconCaretRight></IconCaretRight>
                     </el-icon>
+                    <span class="el-collapse-item__title">{{ item.title }}</span>
                   </template>
                   <template
                     v-for="session in item.list"
@@ -447,9 +447,9 @@ watch(
                       @deleteOne="deleteOne"
                     />
                   </template>
-                </ElCollapseItem>
+                </el-collapse-item>
               </template>
-            </ElCollapse>
+            </el-collapse>
           </ul>
 
           <div v-else class="history-record-null">
@@ -510,6 +510,16 @@ watch(
   </aside>
 </template>
 <style lang="scss" scoped>
+:deep(.el-collapse-item__title){
+  // flex: 1 0 90%;
+  line-height: 18px !important;
+}
+:deep(.el-collapse-item__arrow.is-active) {
+    height: 56px;
+    list-style: 56px;
+    transform: rotate(90deg);
+    padding-left: 3px;
+}
 :deep(.el-collapse-item__content) {
   border-bottom: none;
   padding-bottom: 0px;
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 2eb9cb5..f93f5ef 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -341,8 +341,7 @@ watch(
             padding: 8px 16px;
             background-color: var(--o-bg-color-base);
             .vue-text {
-              // color: #4e5865;
-              color: #d3dce9;
+              color: var(--o-question-color);
             }
           }
         }
diff --git a/src/views/styles/workFlowArrange.scss b/src/views/styles/workFlowArrange.scss
index 8c9b03b..4261358 100644
--- a/src/views/styles/workFlowArrange.scss
+++ b/src/views/styles/workFlowArrange.scss
@@ -214,7 +214,7 @@
       width: 320px;
       height: 202px;
       top: calc(50% - 101px);
-      left: calc(50% - 160px - 120px);
+      left: calc(50% - 160px);
       display: flex;
       flex-direction: column;
       align-items: center;
-- 
Gitee


From fee662e3096b8faf5ab64fb46898935851e2629d Mon Sep 17 00:00:00 2001
From: cc500 <2014434568@qq.com>
Date: Thu, 29 May 2025 15:09:27 +0800
Subject: [PATCH 6/6] test

---
 src/components/dialoguePanel/DialogueFlow.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/dialoguePanel/DialogueFlow.vue b/src/components/dialoguePanel/DialogueFlow.vue
index b35db07..5db8fba 100644
--- a/src/components/dialoguePanel/DialogueFlow.vue
+++ b/src/components/dialoguePanel/DialogueFlow.vue
@@ -190,7 +190,7 @@ watch(
 }
 </style>
 
-<style lang="scss">
+<style lang="scss" scope>
 
 .el-collapse-item:last-child {
   margin-bottom: 0px;
@@ -231,6 +231,12 @@ watch(
     background-color: var(--o-bg-color-light2) !important;
   }
 }
+:deep(.el-collapse .o-nest-collapse){
+  &:last-child {
+    border-bottom: none!important;
+    background-color: beige!important;
+  }
+}
 .title {
   .el-collapse-item__wrap {
     background-color: var(--o-bg-color-light2);
@@ -249,13 +255,11 @@ watch(
   }
   .el-collapse-item__arrow.is-active {
     transform: rotate(90deg);
-    top: 3px;
     padding-left: 3px;
   }
 }
 .el-collapse-item__arrow.is-active {
   transform: rotate(90deg);
-  top: 3px;
   padding-left: 3px;
 }
 .el-collapse-item__arrow {
-- 
Gitee