From 1067525dfd353ece149a460bd5c055b80555cd17 Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Thu, 28 Nov 2024 16:02:57 +0800
Subject: [PATCH] feat(theme): themeStyle

---
 frontend/src/assets/images/basic_bg.png       | Bin 7908 -> 0 bytes
 .../src/components/business/ms-menu/index.vue |   5 +-
 .../scenario/components/scenarioTable.vue     |   4 +-
 .../projectAndPermission/basicInfos/index.vue |  93 ++++++++----------
 4 files changed, 48 insertions(+), 54 deletions(-)
 delete mode 100644 frontend/src/assets/images/basic_bg.png

diff --git a/frontend/src/assets/images/basic_bg.png b/frontend/src/assets/images/basic_bg.png
deleted file mode 100644
index 38dad6b4a6f43102382de12f355f8ed4d4332ed9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7908
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
J6`Bv8{tq}$R_6c!

diff --git a/frontend/src/components/business/ms-menu/index.vue b/frontend/src/components/business/ms-menu/index.vue
index 5f33a457b5..939d8237e3 100644
--- a/frontend/src/components/business/ms-menu/index.vue
+++ b/frontend/src/components/business/ms-menu/index.vue
@@ -513,9 +513,12 @@
 </script>
 
 <style lang="less">
+  .arco-menu-light {
+    background-color: transparent;
+  }
   .arco-menu-vertical {
     .menu-wrapper {
-      background-color: var(--color-bg-3);
+      background-color: var(--color-text-fff);
     }
     .arco-menu-inner {
       @apply flex flex-col justify-between;
diff --git a/frontend/src/views/api-test/scenario/components/scenarioTable.vue b/frontend/src/views/api-test/scenario/components/scenarioTable.vue
index 6d158ae332..de373bd798 100644
--- a/frontend/src/views/api-test/scenario/components/scenarioTable.vue
+++ b/frontend/src/views/api-test/scenario/components/scenarioTable.vue
@@ -45,7 +45,7 @@
                 </span>
               </template>
               <a-tag
-                style="border-color: #00c261; color: #00c261; background-color: transparent"
+                style="border-color: rgb(var(--success-6)); color: rgb(var(--success-6)); background-color: transparent"
                 bordered
                 @click="openScheduleModal(record)"
                 >{{ t('apiScenario.schedule.abbreviation') }}
@@ -55,7 +55,7 @@
           <div v-if="record.scheduleConfig && !record.scheduleConfig.enable" class="float-right">
             <a-tooltip :content="t('apiScenario.schedule.table.tooltip.disable')" position="top">
               <a-tag
-                style="border-color: #d4d4d8; color: #323233; background-color: transparent"
+                style="border-color: var(--color-text-n8); color: var(--color-text-1); background-color: transparent"
                 bordered
                 @click="openScheduleModal(record)"
                 >{{ t('apiScenario.schedule.abbreviation') }}
diff --git a/frontend/src/views/project-management/projectAndPermission/basicInfos/index.vue b/frontend/src/views/project-management/projectAndPermission/basicInfos/index.vue
index 89d42c8bea..47371cbb07 100644
--- a/frontend/src/views/project-management/projectAndPermission/basicInfos/index.vue
+++ b/frontend/src/views/project-management/projectAndPermission/basicInfos/index.vue
@@ -2,7 +2,7 @@
   <div v-if="projectDetail?.deleted" class="mb-6">
     <a-alert type="error">{{ t('project.basicInfo.alertDescription') }}</a-alert>
   </div>
-  <div class="wrapper mb-6 flex justify-between">
+  <div class="wrapper mb-[16px] flex justify-between border-b border-[var(--color-text-n8)] pb-[16px]">
     <span class="font-medium text-[var(--color-text-1)]">{{ t('project.basicInfo.basicInfo') }}</span>
     <a-button
       v-show="!projectDetail?.deleted"
@@ -12,39 +12,44 @@
       >{{ t('project.basicInfo.edit') }}</a-button
     >
   </div>
-  <div class="project-info mb-6 h-[112px] bg-[var(--color-text-fff)] p-1">
-    <div class="inner-wrapper rounded-md p-4">
-      <div class="detail-info flex flex-col justify-between rounded-md p-4">
-        <div class="flex items-center">
-          <span class="one-line-text mr-1 max-w-[300px] font-medium text-[var(--color-text-1)]">{{
-            projectDetail?.name
-          }}</span>
-          <span class="button mr-1" :class="[projectDetail?.deleted ? 'delete-button' : 'enable-button']">
-            {{ projectDetail?.deleted ? t('project.basicInfo.deleted') : t('project.basicInfo.enable') }}
-          </span>
+  <div class="detail-info mb-[16px] flex items-center gap-[12px]">
+    <div class="flex items-center rounded-[var(--border-radius-small)] bg-[rgb(var(--primary-1))] p-[9px]">
+      <MsIcon type="icon-icon_project" class="text-[rgb(var(--primary-4))]" :size="22" />
+    </div>
+    <div class="flex flex-col">
+      <div class="flex items-center">
+        <a-tooltip :content="projectDetail?.name">
+          <div class="one-line-text mr-1 max-w-[300px] font-medium text-[var(--color-text-1)]">
+            {{ projectDetail?.name }}
+          </div>
+        </a-tooltip>
+        <div class="button mr-1" :class="[projectDetail?.deleted ? 'delete-button' : 'enable-button']">
+          {{ projectDetail?.deleted ? t('project.basicInfo.deleted') : t('project.basicInfo.enable') }}
         </div>
-        <div class="one-line-text text-[12px] text-[--color-text-4]">{{ projectDetail?.description }}</div>
       </div>
+      <a-tooltip v-if="projectDetail?.description" :content="projectDetail?.description">
+        <div class="one-line-text text-[12px] text-[--color-text-4]">{{ 'projectDetail?.description' }}</div>
+      </a-tooltip>
     </div>
   </div>
-  <div class="ml-1 flex flex-col">
+  <div class="ml-1 grid grid-cols-2 gap-[16px] rounded-[var(--border-radius-small)] bg-[var(--color-text-n9)] p-[16px]">
     <div class="label-item">
-      <span class="label">{{ t('project.basicInfo.createBy') }}</span>
+      <span class="label">{{ t('project.basicInfo.createBy') }}：</span>
       <a-tooltip v-if="translateTextToPX(projectDetail?.createUser) > 300" :content="projectDetail?.createUser">
         <span class="one-line-text" style="max-width: 300px">{{ projectDetail?.createUser }}</span>
       </a-tooltip>
       <span v-else>{{ projectDetail?.createUser }}</span>
     </div>
     <div class="label-item">
-      <span class="label">{{ t('project.basicInfo.organization') }}</span>
+      <span class="label">{{ t('project.basicInfo.organization') }}：</span>
       <MsTag>{{ projectDetail?.organizationName }}</MsTag>
     </div>
     <div class="label-item">
-      <span class="label">{{ t('project.basicInfo.resourcePool') }}</span>
+      <span class="label">{{ t('project.basicInfo.resourcePool') }}：</span>
       <MsTag v-for="pool of projectDetail?.resourcePoolList" :key="pool.id">{{ pool.name }}</MsTag>
     </div>
     <div class="label-item">
-      <span class="label">{{ t('project.basicInfo.createTime') }}</span>
+      <span class="label">{{ t('project.basicInfo.createTime') }}：</span>
       <span>{{ dayjs(projectDetail?.createTime).format('YYYY-MM-DD HH:mm:ss') }}</span>
     </div>
   </div>
@@ -58,6 +63,7 @@
   import { inject, onBeforeMount, ref } from 'vue';
   import dayjs from 'dayjs';
 
+  import MsIcon from '@/components/pure/ms-icon-font/index.vue';
   import MsTag from '@/components/pure/ms-tag/ms-tag.vue';
   import UpdateProjectModal from './components/updateProjectModal.vue';
 
@@ -106,46 +112,31 @@
 </script>
 
 <style scoped lang="less">
-  .project-info {
-    border-radius: 4px;
-    box-shadow: 0 0 10px rgb(120 56 135/5%);
-    .inner-wrapper {
-      height: 100%;
-      background: rgb(var(--primary-1));
-      .detail-info {
-        height: 100%;
-        background: url('@/assets/images/basic_bg.png');
-        background-size: cover;
-        .button {
-          font-size: 12px;
-          border-radius: 2px;
-          line-height: 20px;
-          @apply inline-block px-2 py-1;
-        }
-        .enable-button {
-          color: rgb(var(--success-5));
-          background: rgb(var(--success-1));
-        }
-        .disabled-button {
-          color: var(--color-text-4);
-          background: var(--color-text-n8);
-        }
-        .delete-button {
-          color: rgb(var(--danger-5));
-          background: rgb(var(--danger-1));
-        }
-      }
+  .detail-info {
+    .button {
+      padding: 0 4px;
+      font-size: 12px;
+      border-radius: 2px;
+      line-height: 20px;
+      @apply inline-block;
+    }
+    .enable-button {
+      color: rgb(var(--success-5));
+      background: rgb(var(--success-1));
+    }
+    .disabled-button {
+      color: var(--color-text-4);
+      background: var(--color-text-n8);
+    }
+    .delete-button {
+      color: rgb(var(--danger-5));
+      background: rgb(var(--danger-1));
     }
   }
   .label-item {
-    margin-bottom: 16px;
     height: 22px;
     line-height: 22px;
-    span {
-      float: left;
-    }
     .label {
-      margin-right: 16px;
       width: 120px;
       color: var(--color-text-3);
     }