feat: 产品迭代7月份

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)