style: 修复报告详情展示&代码编辑器测试bug修复&等ui样式

metersphere · May 9, 2024 · 58a069d · 58a069d
1 parent 10a9345
commit 58a069d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/frontend/src/components/pure/ms-code-editor/index.vue b/frontend/src/components/pure/ms-code-editor/index.vue
@@ -1,5 +1,9 @@
 <template>
-  <div ref="fullRef" class="flex flex-col rounded-[var(--border-radius-small)] bg-[var(--color-fill-1)] p-[12px]">
+  <div
+    ref="fullRef"
+    class="flex flex-col rounded-[var(--border-radius-small)] bg-[var(--color-fill-1)] p-[12px]"
+    :class="[!isAdaptive ? 'h-full' : '']"
+  >
     <div v-if="showTitleLine" class="mb-[8px] flex items-center justify-between">
       <div class="flex flex-wrap gap-[4px]">
         <a-select
@@ -391,11 +395,9 @@
 
 <style lang="less" scoped>
   .ms-code-editor {
-    width: 100%;
+    width: v-bind(width);
     height: v-bind(codeheight);
-
     @apply z-10;
-    // height: 100vh;
 
     // &.MS-text[data-mode-id='plaintext'] {
     //   :deep(.mtk1) {

diff --git a/frontend/src/views/api-test/report/component/step/stepTree.vue b/frontend/src/views/api-test/report/component/step/stepTree.vue
@@ -22,6 +22,7 @@
         action-on-node-click="expand"
         disabled-title-tooltip
         block-node
+        hide-switcher
         @select="(selectedKeys, node) => handleStepSelect(selectedKeys, node as ScenarioItemType)"
         @expand="handleStepExpand"
         @more-actions-close="() => setFocusNodeKey('')"

diff --git a/frontend/src/views/api-test/scenario/components/scenarioModuleTree.vue b/frontend/src/views/api-test/scenario/components/scenarioModuleTree.vue
@@ -79,7 +79,7 @@
         <template #title="nodeData">
           <div :id="nodeData.id" class="inline-flex w-full gap-[8px]">
             <div class="one-line-text w-full text-[var(--color-text-1)]">{{ nodeData.name }}</div>
-            <div class="ml-[4px] text-[var(--color-text-brand)]">{{ nodeData.count || 0 }}</div>
+            <div class="ms-tree-node-count ml-[4px] text-[var(--color-text-brand)]">{{ nodeData.count || 0 }}</div>
           </div>
         </template>
         <template v-if="!props.readOnly" #extra="nodeData">

diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue
@@ -14,7 +14,7 @@
     <template #left>
       <a-popover title="" position="bottom">
         <div class="show-table-top-title">
-          <div class="one-line-text max-h-[32px] max-w-[116px] text-[var(--color-text-1)]">
+          <div class="one-line-text max-h-[32px] max-w-[300px] text-[var(--color-text-1)]">
             {{ moduleNamePath }}
           </div>
           <span class="text-[var(--color-text-4)]"> ({{ props.modulesCount[props.activeFolder] || 0 }})</span>