From f640990c30ca5ff1fca7fc3b97d2d02e012c719e Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 25 Mar 2024 13:50:02 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E8=B5=84=E6=BA=90=E6=A0=91?=
 =?UTF-8?q?=E6=8E=92=E5=BA=8F=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/svg/dv-sort-asc.svg            |  6 ++++++
 .../src/assets/svg/dv-sort-desc.svg           |  6 ++++++
 .../common/CommonStyleSet.vue                 |  6 +++++-
 .../src/views/common/DeResourceTree.vue       | 21 ++++++++++++++-----
 4 files changed, 33 insertions(+), 6 deletions(-)
 create mode 100644 core/core-frontend/src/assets/svg/dv-sort-asc.svg
 create mode 100644 core/core-frontend/src/assets/svg/dv-sort-desc.svg

diff --git a/core/core-frontend/src/assets/svg/dv-sort-asc.svg b/core/core-frontend/src/assets/svg/dv-sort-asc.svg
new file mode 100644
index 0000000000..253a3ce5ae
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-sort-asc.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.25 3.55664C6.11193 3.55664 6 3.66857 6 3.80664V4.63997C6 4.77805 6.11193 4.88997 6.25 4.88997H11.0833C11.2214 4.88997 11.3333 4.77805 11.3333 4.63997V3.80664C11.3333 3.66857 11.2214 3.55664 11.0833 3.55664H6.25Z" />
+<path d="M6 8.02878C6 7.89071 6.11193 7.77878 6.25 7.77878H13.0833C13.2214 7.77878 13.3333 7.89071 13.3333 8.02878V8.86211C13.3333 9.00018 13.2214 9.11211 13.0833 9.11211H6.25C6.11193 9.11211 6 9.00018 6 8.86211V8.02878Z" />
+<path d="M6.25 12.0009C6.11193 12.0009 6 12.1128 6 12.2509V13.0842C6 13.2223 6.11193 13.3342 6.25 13.3342H15.0833C15.2214 13.3342 15.3333 13.2223 15.3333 13.0842V12.2509C15.3333 12.1128 15.2214 12.0009 15.0833 12.0009H6.25Z" />
+<path d="M5.03981 14.5684C4.9773 14.6309 4.89251 14.666 4.80411 14.666H4.19677C4.153 14.666 4.10965 14.6574 4.06921 14.6406C4.02877 14.6239 3.99202 14.5993 3.96107 14.5684C3.93012 14.5374 3.90557 14.5007 3.88881 14.4602C3.87206 14.4198 3.86344 14.3765 3.86344 14.3327L3.86344 3.83902L2.39244 5.37235C2.33134 5.43523 2.24792 5.47151 2.16026 5.47332C2.0726 5.47513 1.98775 5.44232 1.92411 5.38202L1.43711 4.92068C1.40532 4.89057 1.37977 4.85449 1.36193 4.8145C1.34409 4.77452 1.3343 4.73141 1.33313 4.68764C1.33195 4.64387 1.33941 4.6003 1.35508 4.55941C1.37075 4.51852 1.39432 4.48112 1.42444 4.44935L3.98677 1.70768C4.40144 1.27001 5.13744 1.56335 5.13744 2.16602L5.13744 14.3327C5.13744 14.4211 5.10232 14.5059 5.03981 14.5684Z" />
+</svg>
diff --git a/core/core-frontend/src/assets/svg/dv-sort-desc.svg b/core/core-frontend/src/assets/svg/dv-sort-desc.svg
new file mode 100644
index 0000000000..4b666610da
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-sort-desc.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.25 11.1222C6.11193 11.1222 6 11.2341 6 11.3722V12.2055C6 12.3436 6.11193 12.4555 6.25 12.4555H11.0833C11.2214 12.4555 11.3333 12.3436 11.3333 12.2055V11.3722C11.3333 11.2341 11.2214 11.1222 11.0833 11.1222H6.25Z" />
+<path d="M6 7.1478C6 7.00973 6.11193 6.8978 6.25 6.8978H13.0833C13.2214 6.8978 13.3333 7.00973 13.3333 7.1478V7.98113C13.3333 8.1192 13.2214 8.23113 13.0833 8.23113H6.25C6.11193 8.23113 6 8.1192 6 7.98113V7.1478Z" />
+<path d="M6.25 2.67773C6.11193 2.67773 6 2.78966 6 2.92773V3.76107C6 3.89914 6.11193 4.01107 6.25 4.01107H15.0833C15.2214 4.01107 15.3333 3.89914 15.3333 3.76107V2.92773C15.3333 2.78966 15.2214 2.67773 15.0833 2.67773H6.25Z" />
+<path d="M3.98898 14.4564C4.40365 14.8941 5.13965 14.6007 5.13965 13.9981L5.13965 1.83139C5.13965 1.74298 5.10453 1.6582 5.04202 1.59569C4.9795 1.53317 4.89472 1.49806 4.80632 1.49806H4.13965C4.05124 1.49806 3.96646 1.53317 3.90395 1.59569C3.84143 1.6582 3.80632 1.74298 3.80632 1.83139L3.80632 12.3247L2.39432 10.7977C2.36423 10.7659 2.32816 10.7403 2.28819 10.7225C2.24822 10.7046 2.20511 10.6948 2.16134 10.6936C2.11757 10.6924 2.07399 10.6998 2.03309 10.7154C1.9922 10.7311 1.95478 10.7546 1.92298 10.7847L1.43932 11.2434C1.4075 11.2735 1.38193 11.3095 1.36406 11.3495C1.34619 11.3895 1.33637 11.4326 1.33517 11.4764C1.33396 11.5201 1.34139 11.5637 1.35703 11.6046C1.37267 11.6455 1.39621 11.6829 1.42631 11.7147L3.98898 14.4564Z" />
+</svg>
diff --git a/core/core-frontend/src/custom-component/common/CommonStyleSet.vue b/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
index f8dcf5c6d8..dc1c7146ec 100644
--- a/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
+++ b/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
@@ -1,6 +1,6 @@
 <template>
   <el-row class="custom-row">
-    <el-row style="margin: 8px 0px 24px">
+    <el-row class="custom-row-inner">
       <el-space wrap>
         <el-form-item
           v-if="styleForm.color"
@@ -358,4 +358,8 @@ watch(
     margin-bottom: 0 !important;
   }
 }
+
+.custom-row-inner {
+  margin: 8px 0px 24px;
+}
 </style>
diff --git a/core/core-frontend/src/views/common/DeResourceTree.vue b/core/core-frontend/src/views/common/DeResourceTree.vue
index 423ac3febd..7c1362a378 100644
--- a/core/core-frontend/src/views/common/DeResourceTree.vue
+++ b/core/core-frontend/src/views/common/DeResourceTree.vue
@@ -482,23 +482,34 @@ defineExpose({
         </template>
       </el-input>
       <el-dropdown trigger="click">
-        <el-icon class="insert-filter filter-icon-span"><Filter /></el-icon>
+        <el-icon class="insert-filter filter-icon-span">
+          <Icon
+            v-show="state.curSortType.includes('asc')"
+            name="dv-sort-asc"
+            class="opt-icon"
+          ></Icon>
+          <Icon
+            v-show="state.curSortType.includes('desc')"
+            name="dv-sort-desc"
+            class="opt-icon"
+          ></Icon>
+        </el-icon>
         <template #dropdown>
-          <el-dropdown-menu style="width: 140px">
+          <el-dropdown-menu style="width: 150px">
             <el-dropdown-item
               class="sort-type-normal"
               :class="{ 'sort-type-checked': state.curSortType === 'time_asc' }"
               @click="sortTypeChange('time_asc')"
             >
-              <span>按照时间升序</span>
-              <el-icon><Check /></el-icon>
+              <span>按创建时间升序</span>
+              <el-icon style="margin-left: 4px"><Check /></el-icon>
             </el-dropdown-item>
             <el-dropdown-item
               class="sort-type-normal"
               :class="{ 'sort-type-checked': state.curSortType === 'time_desc' }"
               @click="sortTypeChange('time_desc')"
             >
-              <span>按照时间降序</span> <el-icon><Check /></el-icon>
+              <span>按创建时间降序</span> <el-icon style="margin-left: 8px"><Check /></el-icon>
             </el-dropdown-item>
             <el-divider style="margin: 12px 0" />
             <el-dropdown-item