From dc3288dba3abd65705ef8e2aae4eb19eac1cc532 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Thu, 21 Oct 2021 18:26:10 +0800
Subject: [PATCH] =?UTF-8?q?style:=20UI=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/index.scss                     | 4 ++++
 frontend/src/views/panel/AssistComponent/index.vue | 2 +-
 frontend/src/views/panel/filter/index.vue          | 2 +-
 frontend/src/views/panel/list/PanelMain.vue        | 6 +++---
 frontend/src/views/panel/template/index.vue        | 4 ++--
 5 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index 528b7cac24..15a3c8f7fa 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -674,4 +674,8 @@ div:focus {
   display: none;
 }
 
+.tablepanel-i {
+  margin-right: 4px;
+}
+
 
diff --git a/frontend/src/views/panel/AssistComponent/index.vue b/frontend/src/views/panel/AssistComponent/index.vue
index f5ce2ba388..c5e4548f4d 100644
--- a/frontend/src/views/panel/AssistComponent/index.vue
+++ b/frontend/src/views/panel/AssistComponent/index.vue
@@ -229,7 +229,7 @@ export default {
   }
 
   .filter-widget {
-    width: 100px;
+    width: 107px;
     height: 36px;
     position: relative;
     float: left;
diff --git a/frontend/src/views/panel/filter/index.vue b/frontend/src/views/panel/filter/index.vue
index 116a5b187f..16870d794e 100644
--- a/frontend/src/views/panel/filter/index.vue
+++ b/frontend/src/views/panel/filter/index.vue
@@ -161,7 +161,7 @@ export default {
   }
 
   .filter-widget {
-    width: 100px;
+    width: 107px;
     height: 36px;
     position: relative;
     float: left;
diff --git a/frontend/src/views/panel/list/PanelMain.vue b/frontend/src/views/panel/list/PanelMain.vue
index 991e60599b..46c776c713 100644
--- a/frontend/src/views/panel/list/PanelMain.vue
+++ b/frontend/src/views/panel/list/PanelMain.vue
@@ -3,15 +3,15 @@
     <de-aside-container style="padding: 0 10px;">
       <el-tabs v-model="activeName" class="tab-panel" :stretch="true" @tab-click="handleClick">
         <el-tab-pane name="PanelList">
-          <span slot="label"><i class="el-icon-document" />{{ $t('panel.panel_list') }}</span>
+          <span slot="label"><i class="el-icon-document tablepanel-i" />{{ $t('panel.panel_list') }}</span>
           <panel-list v-if="activeName==='PanelList'" />
         </el-tab-pane>
         <el-tab-pane name="panels_star" :lazy="true">
-          <span slot="label"><i class="el-icon-star-off" />{{ $t('panel.store') }}</span>
+          <span slot="label"><i class="el-icon-star-off tablepanel-i" />{{ $t('panel.store') }}</span>
           <enshrine v-if="activeName==='panels_star'" />
         </el-tab-pane>
         <el-tab-pane name="panels_share" :lazy="true">
-          <span slot="label"><i class="el-icon-share" />{{ $t('panel.share') }}</span>
+          <span slot="label"><i class="el-icon-share tablepanel-i" />{{ $t('panel.share') }}</span>
           <share-tree v-if="showShare" ref="share_tree" :msg-panel-ids="msgPanelIds" />
         </el-tab-pane>
       </el-tabs>
diff --git a/frontend/src/views/panel/template/index.vue b/frontend/src/views/panel/template/index.vue
index 5c88d5c3cf..f5fc445c8c 100644
--- a/frontend/src/views/panel/template/index.vue
+++ b/frontend/src/views/panel/template/index.vue
@@ -3,7 +3,7 @@
     <de-aside-container>
       <el-tabs v-model="currentTemplateType" @tab-click="handleClick">
         <el-tab-pane name="system">
-          <span slot="label"><i class="el-icon-document" /> {{ $t('panel.sys_template') }}</span>
+          <span slot="label"><i class="el-icon-document tablepanel-i" /> {{ $t('panel.sys_template') }}</span>
           <template-list
             v-if="currentTemplateType==='system'"
             :template-type="currentTemplateType"
@@ -16,7 +16,7 @@
           />
         </el-tab-pane>
         <el-tab-pane name="self">
-          <span slot="label"><i class="el-icon-star-off" />{{ $t('panel.user_template') }}</span>
+          <span slot="label"><i class="el-icon-star-off tablepanel-i" />{{ $t('panel.user_template') }}</span>
           <!--v-if 重新渲染 强制刷新首行高亮属性-->
           <template-list
             v-if="currentTemplateType==='self'"