modify

src/components/device/SpeedLimitDialog.vue

@@ -1,11 +1,6 @@
 <template>
   <ElDialog v-model="visible" title="设置限速" width="500px" @close="handleClose">
-    <ElForm
-      ref="formRef"
-      :model="formData"
-      :rules="rules"
-      label-width="120px"
-    >
+    <ElForm ref="formRef" :model="formData" :rules="rules" label-width="120px">
       <ElFormItem label="设备信息">
         <span style="font-weight: bold; color: #409eff">{{ deviceInfo }}</span>
       </ElFormItem>
@@ -17,7 +12,7 @@
           controls-position="right"
           style="width: 100%"
         />
-        <div style="color: #909399; font-size: 12px; margin-top: 4px">单位: KB/s</div>
+        <div style=" margin-top: 4px; font-size: 12px;color: #909399">单位: KB/s</div>
       </ElFormItem>
       <ElFormItem label="上行速率" prop="upload_speed">
         <ElInputNumber
@@ -27,7 +22,7 @@
           controls-position="right"
           style="width: 100%"
         />
-        <div style="color: #909399; font-size: 12px; margin-top: 4px">单位: KB/s</div>
+        <div style=" margin-top: 4px; font-size: 12px;color: #909399">单位: KB/s</div>
       </ElFormItem>
     </ElForm>
     <template #footer>
@@ -75,22 +70,28 @@
     upload_speed: [{ required: true, message: '请输入上行速率', trigger: 'blur' }]
   })
 
-  watch(() => props.modelValue, (val) => {
-    visible.value = val
-    if (val) {
-      // 重置表单
-      formData.download_speed = 1024
-      formData.upload_speed = 512
+  watch(
+    () => props.modelValue,
+    (val) => {
+      visible.value = val
+      if (val) {
+        // 重置表单
+        formData.download_speed = 1024
+        formData.upload_speed = 512
+      }
     }
-  })
+  )
 
   watch(visible, (val) => {
     emit('update:modelValue', val)
   })
 
-  watch(() => props.loading, (val) => {
-    confirmLoading.value = val
-  })
+  watch(
+    () => props.loading,
+    (val) => {
+      confirmLoading.value = val
+    }
+  )
 
   const handleClose = () => {
     formRef.value?.resetFields()