modify

src/components/device/SwitchCardDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <ElDialog v-model="visible" title="切换SIM卡" width="600px" @close="handleClose">
-    <div v-if="loading" style="text-align: center; padding: 40px">
+    <div v-if="loading" style=" padding: 40px;text-align: center">
       <ElIcon class="is-loading" :size="40"><Loading /></ElIcon>
       <div style="margin-top: 16px">加载设备绑定的卡列表中...</div>
     </div>
@@ -42,7 +42,7 @@
               :label="`${card.iccid} - 插槽${card.slot_position} - ${card.carrier_name}`"
               :value="card.iccid"
             >
-              <div style="display: flex; justify-content: space-between; align-items: center">
+              <div style="display: flex; align-items: center; justify-content: space-between">
                 <span>{{ card.iccid }}</span>
                 <ElTag size="small" style="margin-left: 10px">插槽{{ card.slot_position }}</ElTag>
               </div>
@@ -123,13 +123,16 @@
     target_iccid: [{ required: true, message: '请选择目标ICCID', trigger: 'change' }]
   })
 
-  watch(() => props.modelValue, (val) => {
-    visible.value = val
-    if (val) {
-      // 重置表单
-      formData.target_iccid = ''
+  watch(
+    () => props.modelValue,
+    (val) => {
+      visible.value = val
+      if (val) {
+        // 重置表单
+        formData.target_iccid = ''
+      }
     }
-  })
+  )
 
   watch(visible, (val) => {
     emit('update:modelValue', val)