From 7a58d274a72d3818c1f1ef827ad279536d379e68 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 28 Sep 2022 11:56:33 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E9=9B=86=E5=AD=97=E6=AE=B5=E7=B1=BB=E5=9E=8B=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/icons/svg/field_time.svg         |  5 +-
 frontend/src/styles/index.scss                | 10 +++-
 frontend/src/views/dataset/data/FieldEdit.vue | 50 +++++++++----------
 3 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/frontend/src/icons/svg/field_time.svg b/frontend/src/icons/svg/field_time.svg
index 77a79164c4..b5c0c4e47d 100644
--- a/frontend/src/icons/svg/field_time.svg
+++ b/frontend/src/icons/svg/field_time.svg
@@ -1,4 +1 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.83301 1.33301C5.10915 1.33301 5.33301 1.55687 5.33301 1.83301V1.99967H10.6663V1.83301C10.6663 1.55687 10.8902 1.33301 11.1663 1.33301H11.4997C11.7758 1.33301 11.9997 1.55687 11.9997 1.83301V1.99967H13.9997C14.3679 1.99967 14.6663 2.29815 14.6663 2.66634V13.9997C14.6663 14.3679 14.3679 14.6663 13.9997 14.6663H1.99967C1.63148 14.6663 1.33301 14.3679 1.33301 13.9997L1.33301 2.66634C1.33301 2.29815 1.63148 1.99967 1.99967 1.99967H3.99967V1.83301C3.99967 1.55687 4.22353 1.33301 4.49967 1.33301H4.83301ZM10.6663 3.33301H5.33301V3.49967C5.33301 3.77582 5.10915 3.99967 4.83301 3.99967H4.49967C4.22353 3.99967 3.99967 3.77582 3.99967 3.49967V3.33301H2.66634V13.333H13.333V3.33301H11.9997V3.49967C11.9997 3.77582 11.7758 3.99967 11.4997 3.99967H11.1663C10.8902 3.99967 10.6663 3.77582 10.6663 3.49967V3.33301ZM5.99967 6.83301C5.99967 6.55687 5.77582 6.33301 5.49967 6.33301H4.49967C4.22353 6.33301 3.99967 6.55687 3.99967 6.83301V7.83301C3.99967 8.10915 4.22353 8.33301 4.49967 8.33301H5.49967C5.77582 8.33301 5.99967 8.10915 5.99967 7.83301V6.83301ZM6.99967 6.83301C6.99967 6.55687 7.22353 6.33301 7.49967 6.33301H8.49967C8.77582 6.33301 8.99967 6.55687 8.99967 6.83301V7.83301C8.99967 8.10915 8.77582 8.33301 8.49967 8.33301H7.49967C7.22353 8.33301 6.99967 8.10915 6.99967 7.83301V6.83301ZM5.99967 9.83301C5.99967 9.55687 5.77582 9.33301 5.49967 9.33301H4.49967C4.22353 9.33301 3.99967 9.55687 3.99967 9.83301V10.833C3.99967 11.1092 4.22353 11.333 4.49967 11.333H5.49967C5.77582 11.333 5.99967 11.1092 5.99967 10.833V9.83301ZM6.99967 9.83301C6.99967 9.55687 7.22353 9.33301 7.49967 9.33301H8.49967C8.77582 9.33301 8.99967 9.55687 8.99967 9.83301V10.833C8.99967 11.1092 8.77582 11.333 8.49967 11.333H7.49967C7.22353 11.333 6.99967 11.1092 6.99967 10.833V9.83301ZM11.9997 6.83301C11.9997 6.55687 11.7758 6.33301 11.4997 6.33301H10.4997C10.2235 6.33301 9.99967 6.55687 9.99967 6.83301V7.83301C9.99967 8.10915 10.2235 8.33301 10.4997 8.33301H11.4997C11.7758 8.33301 11.9997 8.10915 11.9997 7.83301V6.83301Z" fill="#3370FF"/>
-<path d="M11.9997 9.83301C11.9997 9.55687 11.7758 9.33301 11.4997 9.33301H10.4997C10.2235 9.33301 9.99967 9.55687 9.99967 9.83301V10.833C9.99967 11.1092 10.2235 11.333 10.4997 11.333H11.4997C11.7758 11.333 11.9997 11.1092 11.9997 10.833V9.83301Z" fill="#3370FF"/>
-</svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1664337058571" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1356" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M309.312 85.312a32 32 0 0 1 32 32V128h341.312v-10.688a32 32 0 0 1 32-32h21.376a32 32 0 0 1 32 32V128h128c23.552 0 42.624 19.072 42.624 42.624V896a42.688 42.688 0 0 1-42.624 42.624H128A42.688 42.688 0 0 1 85.312 896V170.624C85.312 147.072 104.384 128 128 128h128v-10.688a32 32 0 0 1 32-32h21.312z m373.312 128H341.312V224a32 32 0 0 1-32 32H288a32 32 0 0 1-32-32v-10.688H170.624v640h682.688v-640H768V224a32 32 0 0 1-32 32h-21.376a32 32 0 0 1-32-32v-10.688zM384 437.312a32 32 0 0 0-32-32h-64a32 32 0 0 0-32 32v64a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-64z m64 0a32 32 0 0 1 32-32h64a32 32 0 0 1 32 32v64a32 32 0 0 1-32 32h-64a32 32 0 0 1-32-32v-64z m-64 192a32 32 0 0 0-32-32h-64a32 32 0 0 0-32 32v64a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-64z m64 0a32 32 0 0 1 32-32h64a32 32 0 0 1 32 32v64a32 32 0 0 1-32 32h-64a32 32 0 0 1-32-32v-64z m320-192a32 32 0 0 0-32-32h-64a32 32 0 0 0-32 32v64a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-64z" p-id="1357"></path><path d="M768 629.312a32 32 0 0 0-32-32h-64a32 32 0 0 0-32 32v64a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-64z" p-id="1358"></path></svg>
\ No newline at end of file
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index eae59c1bf8..000f6ac012 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -302,7 +302,7 @@ div:focus {
 
 .field-icon-time {
   @extend %field-icon;
-  color: #faaa39;
+  color: #3370FF;
 }
 
 .field-icon-value {
@@ -322,6 +322,14 @@ div:focus {
   margin: 0 2px 1px 0;
 }
 
+.field-icon-dimension{
+  color: #3370FF!important;
+}
+
+.field-icon-quota{
+  color: #04B49C!important;
+}
+
 .ds-icon-pdf {
   width: 20px;
   height: 20px;
diff --git a/frontend/src/views/dataset/data/FieldEdit.vue b/frontend/src/views/dataset/data/FieldEdit.vue
index 7da11cf244..93ef48423f 100644
--- a/frontend/src/views/dataset/data/FieldEdit.vue
+++ b/frontend/src/views/dataset/data/FieldEdit.vue
@@ -146,22 +146,22 @@
                     <svg-icon
                       v-if="item.value === 0"
                       icon-class="field_text"
-                      class="field-icon-text"
+                      class="field-icon-text field-icon-dimension"
                     />
                     <svg-icon
                       v-if="item.value === 1"
                       icon-class="field_time"
-                      class="field-icon-time"
+                      class="field-icon-time field-icon-dimension"
                     />
                     <svg-icon
                       v-if="item.value === 2 || item.value === 3"
                       icon-class="field_value"
-                      class="field-icon-value"
+                      class="field-icon-value field-icon-dimension"
                     />
                     <svg-icon
                       v-if="item.value === 5"
                       icon-class="field_location"
-                      class="field-icon-location"
+                      class="field-icon-location field-icon-dimension"
                     />
                   </span>
                   <span style="float: left; color: #8492a6; font-size: 12px">{{
@@ -174,28 +174,28 @@
                   <svg-icon
                     v-if="scope.row.deType === 0 || scope.row.deType === 6"
                     icon-class="field_text"
-                    class="field-icon-text"
+                    class="field-icon-text field-icon-dimension"
                   />
                 </span>
                 <span v-if="scope.row.deType === 1">
                   <svg-icon
                     v-if="scope.row.deType === 1"
                     icon-class="field_time"
-                    class="field-icon-time"
+                    class="field-icon-time field-icon-dimension"
                   />
                 </span>
                 <span v-if="scope.row.deType === 2 || scope.row.deType === 3">
                   <svg-icon
                     v-if="scope.row.deType === 2 || scope.row.deType === 3"
                     icon-class="field_value"
-                    class="field-icon-value"
+                    class="field-icon-value field-icon-dimension"
                   />
                 </span>
                 <span v-if="scope.row.deType === 5">
                   <svg-icon
                     v-if="scope.row.deType === 5"
                     icon-class="field_location"
-                    class="field-icon-location"
+                    class="field-icon-location field-icon-dimension"
                   />
                 </span>
               </span>
@@ -220,7 +220,7 @@
                       scope.row.deExtractType === 6
                     "
                     icon-class="field_text"
-                    class="field-icon-text"
+                    class="field-icon-text field-icon-dimension"
                   />
                   <span class="field-class">{{ $t('dataset.text') }}</span>
                 </span>
@@ -228,7 +228,7 @@
                   <svg-icon
                     v-if="scope.row.deExtractType === 1"
                     icon-class="field_time"
-                    class="field-icon-time"
+                    class="field-icon-time field-icon-dimension"
                   />
                   <span class="field-class">{{ $t('dataset.time') }}</span>
                 </span>
@@ -246,7 +246,7 @@
                       scope.row.deExtractType === 4
                     "
                     icon-class="field_value"
-                    class="field-icon-value"
+                    class="field-icon-value field-icon-dimension"
                   />
                   <span
                     v-if="
@@ -268,7 +268,7 @@
                   <svg-icon
                     v-if="scope.row.deExtractType === 5"
                     icon-class="field_location"
-                    class="field-icon-location"
+                    class="field-icon-location field-icon-dimension"
                   />
                   <span class="field-class">{{ $t('dataset.location') }}</span>
                 </span>
@@ -464,22 +464,22 @@
                     <svg-icon
                       v-if="item.value === 0"
                       icon-class="field_text"
-                      class="field-icon-text"
+                      class="field-icon-text field-icon-quota"
                     />
                     <svg-icon
                       v-if="item.value === 1"
                       icon-class="field_time"
-                      class="field-icon-time"
+                      class="field-icon-time field-icon-quota"
                     />
                     <svg-icon
                       v-if="item.value === 2 || item.value === 3"
                       icon-class="field_value"
-                      class="field-icon-value"
+                      class="field-icon-value field-icon-quota"
                     />
                     <svg-icon
                       v-if="item.value === 5"
                       icon-class="field_location"
-                      class="field-icon-location"
+                      class="field-icon-location field-icon-quota"
                     />
                   </span>
                   <span style="float: left; color: #8492a6; font-size: 12px">{{
@@ -492,28 +492,28 @@
                   <svg-icon
                     v-if="scope.row.deType === 0"
                     icon-class="field_text"
-                    class="field-icon-text"
+                    class="field-icon-text field-icon-quota"
                   />
                 </span>
                 <span v-if="scope.row.deType === 1">
                   <svg-icon
                     v-if="scope.row.deType === 1"
                     icon-class="field_time"
-                    class="field-icon-time"
+                    class="field-icon-time field-icon-quota"
                   />
                 </span>
                 <span v-if="scope.row.deType === 2 || scope.row.deType === 3">
                   <svg-icon
                     v-if="scope.row.deType === 2 || scope.row.deType === 3"
                     icon-class="field_value"
-                    class="field-icon-value"
+                    class="field-icon-value field-icon-quota"
                   />
                 </span>
                 <span v-if="scope.row.deType === 5">
                   <svg-icon
                     v-if="scope.row.deType === 5"
                     icon-class="field_location"
-                    class="field-icon-location"
+                    class="field-icon-location field-icon-quota"
                   />
                 </span>
               </span>
@@ -530,7 +530,7 @@
                   <svg-icon
                     v-if="scope.row.deExtractType === 0"
                     icon-class="field_text"
-                    class="field-icon-text"
+                    class="field-icon-text field-icon-quota"
                   />
                   <span class="field-class">{{ $t('dataset.text') }}</span>
                 </span>
@@ -538,7 +538,7 @@
                   <svg-icon
                     v-if="scope.row.deExtractType === 1"
                     icon-class="field_time"
-                    class="field-icon-time"
+                    class="field-icon-time field-icon-quota"
                   />
                   <span class="field-class">{{ $t('dataset.time') }}</span>
                 </span>
@@ -556,7 +556,7 @@
                       scope.row.deExtractType === 4
                     "
                     icon-class="field_value"
-                    class="field-icon-value"
+                    class="field-icon-value field-icon-quota"
                   />
                   <span
                     v-if="
@@ -578,7 +578,7 @@
                   <svg-icon
                     v-if="scope.row.deExtractType === 5"
                     icon-class="field_location"
-                    class="field-icon-location"
+                    class="field-icon-location field-icon-quota"
                   />
                   <span class="field-class">{{ $t('dataset.location') }}</span>
                 </span>
@@ -1098,4 +1098,4 @@ span {
     transform: translate(-50%, -50%);
   }
 }
-</style>
\ No newline at end of file
+</style>