feat: 产品迭代7月份

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

@@ -9,6 +9,14 @@
           </ElTag>
         </div>
         <div class="card-header-right">
+          <ElButton
+             v-if="cardInfo?.asset_type === 'card' && hasAuth(JULY_PERMISSIONS.speedTier.view)"
+            type="primary"
+            link
+            @click="emit('showSpeedLimit')"
+          >
+            设置限速
+          </ElButton>
           <ElTooltip content="开启后系统将自动轮询更新资产状态" placement="top">
             <div v-if="canShowPolling" class="polling-switch-wrapper">
               <span class="polling-label">自动轮询</span>
@@ -194,33 +202,6 @@
       </template>
     </ElDescriptions>
 
-    <ElDivider content-position="left">同步状态</ElDivider>
-    <ElDescriptions :column="descriptionsColumn" border>
-      <ElDescriptionsItem label="轮询状态">
-        <ElTag
-          v-if="cardInfo?.polling"
-          :type="cardInfo.polling.enabled ? 'success' : 'info'"
-          size="small"
-        >
-          {{ cardInfo.polling.enabled ? '已启用' : '未启用' }}
-        </ElTag>
-        <span v-else>-</span>
-      </ElDescriptionsItem>
-      <ElDescriptionsItem label="最后活跃时间">
-        {{ formatDateTime(cardInfo?.polling?.last_activity_at) || '-' }}
-      </ElDescriptionsItem>
-      <ElDescriptionsItem label="同步轨迹">
-        <ElButton
-          v-permission="'asset_info:view_sync_trail'"
-          type="primary"
-          link
-          @click="emit('viewSyncTrail')"
-        >
-          查看同步轨迹
-        </ElButton>
-      </ElDescriptionsItem>
-    </ElDescriptions>
-
     <template v-if="previousExchangeAsset || nextExchangeAsset">
       <ElDivider content-position="left">换货链路</ElDivider>
       <ElDescriptions :column="descriptionsColumn" border>
@@ -596,6 +577,7 @@
   } from '@/types/api'
   import { useAssetFormatters } from '../composables/useAssetFormatters'
   import { useAuth } from '@/composables/useAuth'
+  import { JULY_PERMISSIONS } from '@/config/constants'
   import { useUserStore } from '@/store/modules/user'
   import { formatDateTime } from '@/utils/business/format'
   import {
@@ -798,7 +780,6 @@
     (e: 'navigateToCard', iccid: string): void
     (e: 'navigateToDevice', deviceNo: string): void
     (e: 'navigateToAsset', identifier: string): void
-    (e: 'viewSyncTrail'): void
   }
 
   const emit = defineEmits<Emits>()

src/views/asset-management/asset-information/components/dialogs/PackageRechargeDialog.vue

@@ -126,6 +126,7 @@
   import { useUserStore } from '@/store/modules/user'
   import VoucherUpload from '@/components/business/VoucherUpload.vue'
   import { hasVoucherKeys, toVoucherKeyList } from '@/utils/business'
+  import { normalizeApiError } from '@/utils/business/apiError'
 
   interface Props {
     modelValue: boolean
@@ -336,7 +337,11 @@
         data.payment_voucher_key = toVoucherKeyList(form.payment_voucher_key)
       }
 
-      await OrderService.createOrder(data)
+      const response = await OrderService.createOrder(data)
+      if (response.code !== 0) {
+        ElMessage.error(response.msg || '订单创建失败')
+        return
+      }
 
       if (form.payment_method === 'wallet') {
         ElMessage.success('订单创建成功,已自动完成支付')
@@ -352,6 +357,7 @@
         return
       }
       console.error('创建订单失败:', error)
+      ElMessage.error(normalizeApiError(error).message)
     } finally {
       loading.value = false
     }

src/views/asset-management/asset-information/components/dialogs/SpeedLimitDialog.vue

@@ -1,25 +1,10 @@
 <template>
   <ElDialog v-model="visible" title="设置限速" width="500px">
     <ElForm ref="formRef" :model="form" :rules="rules" label-width="120px">
-      <ElFormItem label="下行速率" prop="download_speed">
-        <ElInputNumber
-          v-model="form.download_speed"
-          :min="1"
-          :step="128"
-          controls-position="right"
-          style="width: 100%"
-        />
-        <div style="margin-top: 4px; font-size: 12px; color: #909399">单位: KB/s</div>
-      </ElFormItem>
-      <ElFormItem label="上行速率" prop="upload_speed">
-        <ElInputNumber
-          v-model="form.upload_speed"
-          :min="1"
-          :step="128"
-          controls-position="right"
-          style="width: 100%"
-        />
-        <div style="margin-top: 4px; font-size: 12px; color: #909399">单位: KB/s</div>
+      <ElFormItem label="固定档位" prop="code">
+        <ElSelect v-model="form.code" style="width: 100%">
+          <ElOption v-for="tier in speedTiers" :key="tier.code" :label="tier.label" :value="tier.code" />
+        </ElSelect>
       </ElFormItem>
     </ElForm>
     <template #footer>
@@ -31,7 +16,7 @@
 
 <script setup lang="ts">
   import { ref, reactive, computed, watch } from 'vue'
-  import { ElDialog, ElForm, ElFormItem, ElInputNumber, ElButton } from 'element-plus'
+  import { ElDialog, ElForm, ElFormItem, ElSelect, ElOption, ElButton } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
 
   interface Props {
@@ -40,7 +25,7 @@
 
   interface Emits {
     (e: 'update:modelValue', value: boolean): void
-    (e: 'confirm', data: { download_speed: number; upload_speed: number }): void
+     (e: 'confirm', data: { code: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }): void
   }
 
   const props = defineProps<Props>()
@@ -49,14 +34,23 @@
   const formRef = ref<FormInstance>()
   const loading = ref(false)
 
-  const form = reactive({
-    download_speed: 1024,
-    upload_speed: 512
-  })
+  const speedTiers = [
+    { code: -1, label: '不限速' },
+    { code: 0, label: '0kbps' },
+    { code: 1, label: '128Kbps' },
+    { code: 2, label: '512Kbps' },
+    { code: 3, label: '1Mbps' },
+    { code: 4, label: '2Mbps' },
+    { code: 5, label: '10Mbps' },
+    { code: 6, label: '20Mbps' },
+    { code: 7, label: '50Mbps' },
+    { code: 8, label: '100Mbps' }
+  ] as const
+
+  const form = reactive({ code: 3 as (typeof speedTiers)[number]['code'] })
 
   const rules: FormRules = {
-    download_speed: [{ required: true, message: '请输入下行速率', trigger: 'blur' }],
-    upload_speed: [{ required: true, message: '请输入上行速率', trigger: 'blur' }]
+    code: [{ required: true, message: '请选择限速档位', trigger: 'change' }]
   }
 
   const visible = computed({
@@ -67,8 +61,7 @@
   // 监听对话框打开，重置表单
   watch(visible, (newVal) => {
     if (newVal) {
-      form.download_speed = 1024
-      form.upload_speed = 512
+       form.code = 3
     }
   })
 
@@ -82,8 +75,7 @@
     try {
       await formRef.value.validate()
       emit('confirm', {
-        download_speed: form.download_speed,
-        upload_speed: form.upload_speed
+        code: form.code
       })
     } catch (error) {
       console.error('表单验证失败:', error)

src/views/asset-management/asset-information/composables/useAssetOperations.ts

@@ -16,7 +16,6 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
   const manualDeactivateCardLoading = ref(false)
   const rebootDeviceLoading = ref(false)
   const resetDeviceLoading = ref(false)
-  const speedLimitLoading = ref(false)
   const switchCardLoading = ref(false)
   const setWiFiLoading = ref(false)
   const pollingLoading = ref(false)
@@ -181,35 +180,6 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
     }
   }
 
-  /**
-   * Set device speed limit
-   */
-  const setSpeedLimit = async (form: { download_speed: number; upload_speed: number }) => {
-    try {
-      speedLimitLoading.value = true
-      const res = await DeviceService.setSpeedLimit(cardInfo.value.imei, {
-        download_speed: form.download_speed,
-        upload_speed: form.upload_speed
-      })
-      if (res.code === 0) {
-        ElMessage.success('限速设置成功')
-        if (refreshAssetFn) {
-          await refreshAssetFn()
-        }
-        return true
-      } else {
-        ElMessage.error(res.msg || '设置失败')
-        return false
-      }
-    } catch (error: any) {
-      console.error('设置限速失败:', error)
-      console.log(error?.message || '设置失败')
-      return false
-    } finally {
-      speedLimitLoading.value = false
-    }
-  }
-
   /**
    * Switch to different card
    */
@@ -320,7 +290,6 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
     manualDeactivateCardLoading,
     rebootDeviceLoading,
     resetDeviceLoading,
-    speedLimitLoading,
     switchCardLoading,
     setWiFiLoading,
     pollingLoading,
@@ -333,7 +302,6 @@ export function useAssetOperations(cardInfo: Ref<any>, refreshAssetFn?: () => Pr
     // Device operations
     rebootDevice,
     resetDevice,
-    setSpeedLimit,
     switchCard,
     setWiFi,
 

src/views/asset-management/asset-information/index.vue

@@ -36,7 +36,8 @@
             @show-switch-card="showSwitchCardDialog"
             @show-switch-mode="showSwitchModeDialog"
             @show-set-wifi="showSetWiFiDialog"
-            @show-realname-policy="showRealnamePolicyDialog"
+             @show-realname-policy="showRealnamePolicyDialog"
+             @show-speed-limit="speedLimitDialogVisible = true"
             @show-update-realname-status="showUpdateRealnameStatusDialog"
             @enable-binding-card="handleEnableBindingCard"
             @disable-binding-card="handleDisableBindingCard"
@@ -44,7 +45,6 @@
             @navigate-to-asset="handleNavigateToAsset"
             @navigate-to-card="handleNavigateToCard"
             @navigate-to-device="handleNavigateToDevice"
-            @view-sync-trail="handleViewSyncTrail"
           />
         </div>
 
@@ -174,6 +174,7 @@
       :current-realname-status="bindingCardRealnameStatusValue"
       @success="handleBindingCardRealnameStatusSuccess"
     />
+    <SpeedLimitDialog v-model="speedLimitDialogVisible" @confirm="handleSpeedTierConfirm" />
   </div>
 </template>
 
@@ -182,7 +183,7 @@
   import { useRoute, useRouter } from 'vue-router'
   import { ElMessage, ElCard, ElEmpty } from 'element-plus'
   import { RoutesAlias } from '@/router/routesAlias'
-  import { DeviceService } from '@/api/modules'
+    import { CardService, DeviceService } from '@/api/modules'
   import {
     formatRemainingTime,
     FrontendRateLimitError,
@@ -203,8 +204,9 @@
     SwitchModeDialog,
     WiFiConfigDialog,
     PackageRechargeDialog,
-    DailyRecordsDialog,
-    OrderHistoryDialog
+     DailyRecordsDialog,
+     OrderHistoryDialog,
+     SpeedLimitDialog
   } from './components/dialogs'
   import SwitchCardDialog from '@/components/device/SwitchCardDialog.vue'
   import RealnamePolicyDialog from '@/components/device/RealnamePolicyDialog.vue'
@@ -291,6 +293,7 @@
 
   // 绑定卡实名状态更新
   const bindingCardRealnameStatusDialogVisible = ref(false)
+  const speedLimitDialogVisible = ref(false)
   const bindingCardRealnameStatusIccid = ref('')
   const bindingCardRealnameStatusValue = ref<number>(0)
 
@@ -444,18 +447,6 @@
     }
   }
 
-  const handleViewSyncTrail = () => {
-    if (!cardInfo.value) return
-
-    router.push({
-      path: '/audit/integrations',
-      query: {
-        resource_type: cardInfo.value.asset_type,
-        resource_key: cardInfo.value.identifier
-      }
-    })
-  }
-
   /**
    * IoT卡操作 - 启用卡
    */
@@ -814,6 +805,15 @@
       handleSearch({ identifier })
     }
   }
+  const handleSpeedTierConfirm = async (data: { code: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }) => {
+    if (!cardInfo.value?.iccid) return
+    const response = await CardService.setSpeedTier(cardInfo.value.iccid, data.code)
+    if (response.code === 0) {
+      ElMessage.success(`限速设置成功：${response.data.speed_tier_name}`)
+      speedLimitDialogVisible.value = false
+      await handleRefresh()
+    }
+  }
 </script>
 
 <style lang="scss" scoped>