refactor(仪表板): 轮播样式优化

core/core-frontend/src/custom-component/common/CommonAttr.vue

@@ -10,6 +10,7 @@ import elementResizeDetectorMaker from 'element-resize-detector'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import CommonStyleSet from '@/custom-component/common/CommonStyleSet.vue'
 import CommonEvent from '@/custom-component/common/CommonEvent.vue'
+import TabCarouselSetting from '@/custom-component/common/TabCarouselSetting.vue'
 const snapshotStore = snapshotStoreWithOut()
 
 const { t } = useI18n()
@@ -102,6 +103,10 @@ const eventsShow = computed(() => {
   )
 })
 
+const carouselShow = computed(() => {
+  return element.value.component === 'DeTabs' && element.value.carousel
+})
+
 const backgroundCustomShow = computed(() => {
   return (
     dashboardActive.value ||
@@ -173,6 +178,11 @@ const stopEvent = e => {
       >
         <common-event :themes="themes" :events-info="element.events"></common-event>
       </el-collapse-item>
+      <TabCarouselSetting
+        v-if="carouselShow"
+        :element="element"
+        :themes="themes"
+      ></TabCarouselSetting>
     </el-collapse>
   </div>
 </template>

core/core-frontend/src/custom-component/common/TabCarouselSetting.vue

@@ -32,7 +32,7 @@ const onSettingChange = () => {
     :themes="themes"
     v-model="carouselInfo.enable"
     name="carouselInfo"
-    title="轮询"
+    title="轮播"
   >
     <el-row class="custom-row">
       <el-form label-position="top">
@@ -41,10 +41,10 @@ const onSettingChange = () => {
           :class="'form-item-' + themes"
           style="width: 50%; margin-bottom: 8px"
         >
-          <span style="font-size: 12px">轮询时间</span>
+          <span style="font-size: 12px">轮播时间</span>
           <el-tooltip class="item" :effect="themes" placement="top">
             <template #content>
-              <div>Tab轮询退出编辑模式才开生效</div>
+              <div>Tab轮播退出编辑模式才开生效</div>
             </template>
             <el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
               <Icon name="icon_info_outlined" />

core/core-frontend/src/custom-component/de-tabs/Attr.vue

@@ -3,7 +3,6 @@ import CommonAttr from '@/custom-component/common/CommonAttr.vue'
 import { toRefs } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
-import TabCarouselSetting from '@/custom-component/common/TabCarouselSetting.vue'
 
 const props = withDefaults(
   defineProps<{
@@ -27,11 +26,6 @@ const { curComponent } = storeToRefs(dvMainStore)
       :background-color-picker-width="197"
       :background-border-select-width="197"
     >
-      <TabCarouselSetting
-        v-if="curComponent && curComponent.carousel"
-        :element="curComponent"
-        :themes="themes"
-      ></TabCarouselSetting>
     </CommonAttr>
   </div>
 </template>