center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

refactor: 优化数据集字段类型图标

Browse Source
This commit is contained in:
wangjiahao 2022-09-28 11:56:33 +08:00
parent 9367a535c5
commit 7a58d274a7
3 changed files with 35 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/icons/svg/field_time.svg
View File

@ -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>
<?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>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

10
frontend/src/styles/index.scss
View File

@ -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;

50
frontend/src/views/dataset/data/FieldEdit.vue
View File

@ -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>
</style>