倒计时限制

src/views/asset-management/asset-information/components/AssetSearchCard.vue

@@ -33,8 +33,14 @@
 
       <!-- 操作按钮组 -->
       <div v-if="hasCardInfo" class="operation-button-group">
-        <ElButton v-permission="'asset_info:sync'" @click="handleRefresh" type="primary" :icon="Refresh" :disabled="refreshDisabled">
-          同步
+        <ElButton
+          v-permission="'asset_info:sync'"
+          @click="handleRefresh"
+          type="primary"
+          :icon="Refresh"
+          :disabled="refreshDisabled"
+        >
+          {{ refreshButtonText }}
         </ElButton>
       </div>
     </div>
@@ -42,7 +48,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue'
+  import { computed, ref } from 'vue'
   import { useRoute } from 'vue-router'
   import { ElCard, ElInput, ElButton } from 'element-plus'
   import { Search, Refresh } from '@element-plus/icons-vue'
@@ -57,13 +63,19 @@
   interface Props {
     hasCardInfo?: boolean
     refreshDisabled?: boolean
+    refreshRemainingText?: string
   }
 
-  withDefaults(defineProps<Props>(), {
+  const props = withDefaults(defineProps<Props>(), {
     hasCardInfo: false,
-    refreshDisabled: false
+    refreshDisabled: false,
+    refreshRemainingText: ''
   })
 
+  const refreshButtonText = computed(() =>
+    props.refreshRemainingText ? `同步(${props.refreshRemainingText})` : '同步'
+  )
+
   // Emits
   const emit = defineEmits<{
     search: [payload: { identifier: string }]