style: 调整导览样式

src/components/MoreFilters/src/MoreFilters.vue

@@ -1032,7 +1032,6 @@ const moreFiltersGuideImg = computed(() => {
       <img
         id="more-filters-guide"
         v-show="props.isShowMoreFiltersGuidePhoto"
-        :class="{ 'dark-more-filters-guide-class': themeStore.theme === 'dark' }"
         class="more-filters-guide-class position-absolute-guide"
         :src="moreFiltersGuideImg"
         alt=""
@@ -1242,13 +1241,8 @@ const moreFiltersGuideImg = computed(() => {
 img.more-filters-guide-class {
   right: -1px;
   top: -1px;
-  height: 579x;
-  width: 202px;
+  width: 327px;
   z-index: 20000;
-  &.dark-more-filters-guide-class {
-    right: 0px;
-    width: 200px;
-  }
 }
 
 .icon_more {

src/views/Booking/src/components/BookingGuide.vue

@@ -225,10 +225,12 @@ defineExpose({
 .download-file-guide-class {
   right: 203px;
   top: 246px;
-  width: 317px;
-  height: 234px;
+  width: 419px;
+  height: 285px;
   &.download-file-guide-dark-class {
-    width: 322px;
+    transform: translate(0px, -0.4px);
+    width: 411px;
+    height: 287px;
   }
 }
 .customize-columns-guide-class {

src/views/Booking/src/components/BookingTable/src/BookingTable.vue

@@ -483,9 +483,12 @@ defineExpose({
           :class="{ 'el-button--pain-theme': themeStore.theme === 'dark' }"
           class="el-button--main"
           @click="handleDownload"
-          style="padding-left: 10px"
+          :style="{
+            paddingRight: themeStore.theme === 'dark' ? '13px' : '16px',
+            paddingLeft: themeStore.theme === 'dark' ? '13px' : '11px'
+          }"
         >
-          <span style="margin-right: 5px" class="font_family icon-icon_download_b"></span>
+          <span style="margin-right: 7px" class="font_family icon-icon_download_b"></span>
           Download
         </el-button>
         <el-button style="padding: 0 17px 0 9px" type="default" @click="handleCustomizeColumns">

src/views/Dashboard/src/DashboardView.vue

@@ -949,11 +949,16 @@ function handleImageClick(event) {
             <div>Save Layout</div>
           </div>
         </el-popover>
+
+        <!--  -->
         <img
           id="save-config-guide"
           v-if="guideStore.dashboard.isShowSaveConfigGuidePhoto"
           class="save-config-guide-class position-absolute-guide"
           :src="saveConfigImg"
+          :class="{
+            'save-config-guide-dark-class': themeStore.theme === 'dark'
+          }"
           alt=""
         />
       </div>
@@ -1407,11 +1412,16 @@ function handleImageClick(event) {
 }
 .save-config-guide-class {
   position: absolute;
-  top: -1px;
+  top: 0px;
   right: 0px;
-  width: 117px;
-  height: 115px;
+  width: 186px;
+  height: 149px;
   z-index: 1500;
+  &.save-config-guide-dark-class {
+    top: -1px;
+    width: 187px;
+    height: 153px;
+  }
 }
 .kpi-chart-guide-class {
   top: -1px;

src/views/Tracking/src/components/TrackingGuide.vue

@@ -210,10 +210,10 @@ defineExpose({
       <img
         style="box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1)"
         id="download-file-guide"
+        v-if="trackingGuideStore.isShowDownloadFileGuidePhoto"
         :class="{
           'download-file-guide-dark-class': themeStore.theme === 'dark'
         }"
-        v-if="trackingGuideStore.isShowDownloadFileGuidePhoto"
         class="position-absolute-guide download-file-guide-class"
         :src="downloadFileImg"
         alt=""
@@ -236,11 +236,13 @@ defineExpose({
 .download-file-guide-class {
   right: 203px;
   top: 246px;
-  width: 316px;
-  height: 234px;
+  width: 416px;
+  height: 287px;
+  transform: translate(0.7px, -0.3px);
   &.download-file-guide-dark-class {
-    width: 320px;
-    right: 202px;
+    transform: translate(0.7px, -0.3px);
+    width: 411px;
+    height: 287px;
   }
 }
 .customize-columns-guide-class {

src/views/Tracking/src/components/TrackingTable/src/TrackingTable.vue

@@ -576,10 +576,12 @@ defineExpose({
           class="el-button--main"
           :class="{ 'el-button--pain-theme': themeStore.theme === 'dark' }"
           @click="handleDownload"
-          :style="{ paddingRight: themeStore.theme === 'dark' ? '17px' : '15px' }"
-          style="padding-left: 10px"
+          :style="{
+            paddingRight: themeStore.theme === 'dark' ? '13px' : '16px',
+            paddingLeft: themeStore.theme === 'dark' ? '13px' : '11px'
+          }"
         >
-          <span style="margin-right: 6px" class="font_family icon-icon_download_b"></span>
+          <span style="margin-right: 7px" class="font_family icon-icon_download_b"></span>
           Download
         </el-button>
         <el-button style="padding-left: 10px" type="default" @click="handleCustomizeColumns">