refactor: vue3.3 defineOptions

src/views/pay/order/OrderDetail.vue

@@ -78,11 +78,13 @@
     </el-descriptions>
   </Dialog>
 </template>
-<script lang="ts" name="PayOrderDetail" setup>
+<script lang="ts" setup>
 import { DICT_TYPE } from '@/utils/dict'
 import * as OrderApi from '@/api/pay/order'
 import { formatDate } from '@/utils/formatTime'
 
+defineOptions({ name: 'PayOrderDetail' })
+
 const dialogVisible = ref(false) // 弹窗的是否展示
 const detailLoading = ref(false) // 表单的加载中
 const detailData = ref({})

src/views/pay/order/index.vue

@@ -228,15 +228,18 @@
   <!-- 表单弹窗：预览 -->
   <OrderDetail ref="detailRef" @success="getList" />
 </template>
-<script setup lang="ts" name="PayOrder">
+<script setup lang="ts">
 import { DICT_TYPE, getIntDictOptions, getStrDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import * as MerchantApi from '@/api/pay/merchant'
 import * as OrderApi from '@/api/pay/order'
 import OrderDetail from './OrderDetail.vue'
-const message = useMessage() // 消息弹窗
 import download from '@/utils/download'
 
+defineOptions({ name: 'PayOrder' })
+
+const message = useMessage() // 消息弹窗
+
 const loading = ref(false) // 列表的加载中
 const total = ref(0) // 列表的总页数
 const list = ref([]) // 列表的数据