给所有组件添加name属性预防未知bug!!!

src/views/system/area/AreaForm.vue

@@ -1,27 +1,28 @@
 <template>
-  <Dialog title="IP 查询" v-model="dialogVisible">
+  <Dialog v-model="dialogVisible" title="IP 查询">
     <el-form
       ref="formRef"
+      v-loading="formLoading"
       :model="formData"
       :rules="formRules"
       label-width="80px"
-      v-loading="formLoading"
     >
       <el-form-item label="IP" prop="ip">
         <el-input v-model="formData.ip" placeholder="请输入 IP 地址" />
       </el-form-item>
       <el-form-item label="地址" prop="result">
-        <el-input v-model="formData.result" readonly placeholder="展示查询 IP 结果" />
+        <el-input v-model="formData.result" placeholder="展示查询 IP 结果" readonly />
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
       <el-button @click="dialogVisible = false">取 消</el-button>
     </template>
   </Dialog>
 </template>
-<script setup lang="ts">
+<script lang="ts" name="SystemAreaForm" setup>
 import * as AreaApi from '@/api/system/area'
+
 const message = useMessage() // 消息弹窗
 
 const dialogVisible = ref(false) // 弹窗的是否展示