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

src/views/bpm/oa/leave/create.vue

@@ -1,14 +1,14 @@
 <template>
-  <Dialog title="发起 OA 请假流程" v-model="dialogVisible">
+  <Dialog v-model="dialogVisible" title="发起 OA 请假流程">
     <el-form
       ref="formRef"
+      v-loading="formLoading"
       :model="formData"
       :rules="formRules"
       label-width="80px"
-      v-loading="formLoading"
     >
       <el-form-item label="请假类型" prop="type">
-        <el-select v-model="formData.type" placeholder="请选择请假类型" clearable>
+        <el-select v-model="formData.type" clearable placeholder="请选择请假类型">
           <el-option
             v-for="dict in getIntDictOptions(DICT_TYPE.BPM_OA_LEAVE_TYPE)"
             :key="dict.value"
@@ -19,35 +19,36 @@
       </el-form-item>
       <el-form-item label="开始时间" prop="startTime">
         <el-date-picker
-          clearable
           v-model="formData.startTime"
+          clearable
+          placeholder="请选择开始时间"
           type="datetime"
           value-format="x"
-          placeholder="请选择开始时间"
         />
       </el-form-item>
       <el-form-item label="结束时间" prop="endTime">
         <el-date-picker
-          clearable
           v-model="formData.endTime"
+          clearable
+          placeholder="请选择结束时间"
           type="datetime"
           value-format="x"
-          placeholder="请选择结束时间"
         />
       </el-form-item>
       <el-form-item label="原因" prop="reason">
-        <el-input v-model="formData.reason" type="textarea" placeholder="请输请假原因" />
+        <el-input v-model="formData.reason" placeholder="请输请假原因" type="textarea" />
       </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="BpmOALeaveCreate" setup>
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import * as LeaveApi from '@/api/bpm/leave'
+
 const message = useMessage() // 消息弹窗
 
 const dialogVisible = ref(false) // 弹窗的是否展示

src/views/bpm/oa/leave/detail.vue

@@ -1,6 +1,6 @@
 <template>
-  <Dialog title="详情" v-model="dialogVisible" :scroll="true" :max-height="200">
-    <el-descriptions border :column="1">
+  <Dialog v-model="dialogVisible" :max-height="200" :scroll="true" title="详情">
+    <el-descriptions :column="1" border>
       <el-descriptions-item label="请假类型">
         <dict-tag :type="DICT_TYPE.BPM_OA_LEAVE_TYPE" :value="detailData.type" />
       </el-descriptions-item>
@@ -16,7 +16,7 @@
     </el-descriptions>
   </Dialog>
 </template>
-<script setup lang="ts">
+<script lang="ts" name="BpmOALeaveDetail" setup>
 import { DICT_TYPE } from '@/utils/dict'
 import { formatDate } from '@/utils/formatTime'
 import * as LeaveApi from '@/api/bpm/leave'