导航

src/App.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="app-container">
-    <router-view></router-view>
+    <KeepAlive>
+      <router-view></router-view>
+    </KeepAlive>
   </div>
 </template>
 

src/components/layout/Layout.vue

@@ -18,13 +18,13 @@
 
         <!-- 主体内容区 -->
         <main class="main-content">
-          <router-view v-slot="{ Component }">
-            <transition name="fade-transform" mode="out-in">
+          <transition name="fade-transform" mode="out-in">
+            <router-view v-slot="{ Component }">
               <KeepAlive>
                 <component :is="Component" :key="route.path" />
               </KeepAlive>
-            </transition>
-          </router-view>
+            </router-view>
+          </transition>
         </main>
       </section>
     </section>
@@ -32,6 +32,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Layout'
+})
 import Header from './Header.vue'
 import Sidebar from './Sidebar.vue'
 import Breadcrumb from './Breadcrumb.vue'

src/components/layout/Tabs.vue

@@ -105,7 +105,7 @@ const handleTabClick = (tab: any) => {
 }
 
 // 页签关闭
-const handleTabRemove = (path: string) => {
+const handleTabRemove = (path: any) => {
   tabsStore.removeTab(path)
   // 如果关闭的是当前页签，跳转到新的激活页签
   if (path === route.path && tabsStore.activeTab) {

src/views/404/index.vue

@@ -4,6 +4,12 @@
   </div>
 </template>
 
+<script setup lang="ts">
+defineOptions({
+  name: 'NotFound'
+})
+</script>
+
 <style scoped>
 .not-found {
 display: flex;

src/views/agent/user/AnimatedNumber.vue

@@ -3,6 +3,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'AnimatedNumber'
+})
 import { ref, watch, onMounted, onUnmounted } from 'vue';
 
 interface Props {

src/views/agent/user/default.vue

@@ -92,6 +92,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Default'
+})
 import { ref, watch, computed } from 'vue'
 import { ElAvatar, ElIcon, ElDrawer, ElButton, ElMessage } from 'element-plus'
 import { UserFilled, Phone, Message, Money, Wallet, Clock, CreditCard } from '@element-plus/icons-vue'

src/views/agent/user/index.vue

@@ -104,6 +104,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'User'
+})
 // 组件
 import CustomerListSearch from '@/components/common/Search.vue'
 import CustomerListTable from '@/components/common/Table.vue'

src/views/capital/currency/index.vue

@@ -26,6 +26,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Currency'
+})
 import FundDetailHeader from '@/components/common/header.vue'
 import FundDetailTable from '@/components/common/Table.vue'
 import FundDetailDialog from '@/components/common/Dialog.vue'

src/views/capital/fundFlow/index.vue

@@ -24,6 +24,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'FundFlow'
+})
 // 组件
 import FundDetailSearch from '@/components/common/Search.vue'
 import FundDetailTable from '@/components/common/Table.vue'

src/views/capital/rechange/index.vue

@@ -66,6 +66,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Rechange'
+})
 import type { FormInstance, FormRules } from 'element-plus'
 import { ElMessage } from 'element-plus'
 import { nextTick, ref } from 'vue'

src/views/capital/rechangeChanl/index.vue

@@ -33,6 +33,10 @@
   </div>
 </template>
 <script setup lang="ts">
+
+defineOptions({
+  name: 'RechangeChanl'
+})
 //组件
 import DepositChannelTable from '@/components/common/Table.vue'
 import Form from '@/components/common/Form.vue'

src/views/capital/rechangeCheck/index.vue

@@ -61,6 +61,10 @@
 </template>
 
 <script lang="ts" setup>
+defineOptions({
+  name: 'RechangeCheck'
+})
+
 import { ElMessage } from 'element-plus'
 import { onMounted, ref } from 'vue'
 import RechangeSearch from '@/components/common/Search.vue'

src/views/capital/transfer/index.vue

@@ -123,6 +123,10 @@
   </div>
 </template>
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Transfer'
+})
 //组件
 import TransferForm from '@/components/common/Form.vue'
 

src/views/capital/withdraw/index.vue

@@ -71,6 +71,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Withdraw'
+})
 import type { FormInstance, FormRules } from 'element-plus'
 import type { LocationQueryValue } from 'vue-router'
 import { ElMessage } from 'element-plus'

src/views/capital/withdrawChanl/index.vue

@@ -1,4 +1,8 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+
+defineOptions({
+  name: 'WithdrawChanl'
+})</script>
 
 <template>
   <h1>取款渠道</h1>

src/views/capital/withdrawCheck/index.vue

@@ -37,6 +37,10 @@
 </template>
 
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'WithdrawCheck'
+})
 import { ElMessage } from 'element-plus'
 import { computed, onMounted, ref } from 'vue'
 import WithdrawSearch from '@/components/common/Search.vue'

src/views/dashboard/components/view/index.vue

@@ -211,6 +211,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'View'
+})
 import { CircleCheckFilled, EditPen, Setting, DocumentCopy } from '@element-plus/icons-vue'
 //组件
 import AgentDialog from '@/components/common/Dialog.vue'

src/views/dashboard/index.vue

@@ -16,6 +16,10 @@
 </template>
 
 <script setup>
+
+defineOptions({
+  name: 'Dashboard'
+})
 import { UserFilled } from '@element-plus/icons-vue'
 
 import { getStorage } from '@/utils/storage'

src/views/mould/handleFee/index.vue

@@ -89,6 +89,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'HandleFee'
+})
 import { ref, onMounted } from 'vue'
 import {
   getFeeSettingList,

src/views/mould/risk/index.vue

@@ -70,6 +70,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Risk'
+})
 // 组件
 import RiskTableSwitch from '@/components/common/Table.vue'
 import RiskTableContent from '@/components/common/Table.vue'

src/views/order/documentaryOrder/index.vue

@@ -1,4 +1,8 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+
+defineOptions({
+  name: 'DocumentaryOrder'
+})</script>
 
 <template>
   <h1>跟单订单</h1>

src/views/order/history/index.vue

@@ -20,6 +20,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'History'
+})
 // 组件
 import CustomerTradeOrderSearch from '@/components/common/Search.vue'
 import CustomerTradeOrderTable from '@/components/common/Table.vue'

src/views/order/position/index.vue

@@ -18,6 +18,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Position'
+})
 // 组件
 import PositionStatSearch from '@/components/common/Search.vue'
 import PositionStatTable from '@/components/common/Table.vue'

src/views/order/rechange/index.vue

@@ -36,6 +36,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Rechange'
+})
 import { onMounted, ref } from 'vue'
 import OrderRechangeSearch from '@/components/common/Search.vue'
 import OrderRechangeTable from '@/components/common/Table.vue'

src/views/order/singleOrder/index.vue

@@ -1,4 +1,8 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+
+defineOptions({
+  name: 'SingleOrder'
+})</script>
 
 <template>
   <h1>带单订单</h1>

src/views/order/transfer/index.vue

@@ -30,6 +30,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Transfer'
+})
 // 组件
 import TransferSearch from '@/components/common/Search.vue'
 import TransferTable from '@/components/common/Table.vue'

src/views/order/withdraw/index.vue

@@ -20,6 +20,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Withdraw'
+})
 import { computed, ref } from 'vue'
 import OrderWithdrawSearch from '@/components/common/Search.vue'
 import OrderWithdrawTable from '@/components/common/Table.vue'

src/views/profile/agent/index.vue

@@ -98,6 +98,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Agent'
+})
 // 组件
 import CustomerListSearch from '@/components/common/Search.vue'
 import CustomerListTable from '@/components/common/Table.vue'

src/views/profile/business/index.vue

@@ -125,6 +125,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Business'
+})
 // 组件
 import MarketSearch from '@/components/common/Search.vue'
 import MarketTable from '@/components/common/Table.vue'

src/views/profile/kyc/index.vue

@@ -52,6 +52,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Kyc'
+})
 import type { UploadProps } from 'element-plus'
 import { WarnTriangleFilled, Plus } from '@element-plus/icons-vue'
 

src/views/profile/personalCenter/index.vue

@@ -120,6 +120,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'PersonalCenter'
+})
 import { ref, reactive, onMounted, onUnmounted, nextTick } from 'vue';
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
 import { UserFilled } from '@element-plus/icons-vue';

src/views/profile/user/index.vue

@@ -95,6 +95,10 @@
 </template>
 
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'User'
+})
 // 组件
 import ClientSearch from '@/components/common/Search.vue'
 import ClientTable from '@/components/common/Table.vue'

src/views/system/menu/index.vue

@@ -65,6 +65,10 @@
   </MenuDialog>
 </template>
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'Menu'
+})
 import type { FormInstance } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 // 组件配置

src/views/system/notice/index.vue

@@ -95,6 +95,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Notice'
+})
 // 组件
 import NoticeSearch from '@/components/common/Search.vue'
 import NoticeTable from '@/components/common/Table.vue'

src/views/system/role/index.vue

@@ -100,6 +100,10 @@
 </template>
 
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'Role'
+})
 import type { FormInstance } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 

src/views/system/setting/index.vue

@@ -27,6 +27,10 @@
   </MenuDialog>
 </template>
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'Setting'
+})
 import type { FormInstance } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
 // 组件配置

src/views/trade/exe/index.vue

@@ -56,6 +56,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Exe'
+})
 import { Monitor, Bottom } from '@element-plus/icons-vue'
 </script>
 

src/views/trade/holidays/index.vue

@@ -85,6 +85,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Holidays'
+})
 import { ref, onMounted } from 'vue'
 import { getGroupListApi } from '@/api/modules/trade/group'
 import { getHolidayList, addHoliday, editHoliday, delHoliday } from '@/api/modules/trade/time'

src/views/trade/times/index.vue

@@ -148,6 +148,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Times'
+})
 // 接口
 import {
   getGroupListApi,

src/views/trade/variety/index.vue

@@ -89,6 +89,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Variety'
+})
 // 组件
 import VarietySearch from '@/components/common/Search.vue'
 import VarietyTable from '@/components/common/Table.vue'

src/views/user/ChangePassword.vue

@@ -23,6 +23,10 @@
 </template>
 
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'ChangePassword'
+})
 // type类型
 import type { FormInstance, FormRules } from 'element-plus'
 // 组件

src/views/user/ForgotPassword.vue

@@ -49,6 +49,10 @@
 </template>
 
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'ForgotPassword'
+})
 // type类型
 import type { FormInstance, FormRules } from 'element-plus'
 // 组件

src/views/user/Login.vue

@@ -36,6 +36,10 @@
 </template>
 
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'Login'
+})
 // type类型
 import type { FormInstance, FormRules } from 'element-plus'
 // 组件

src/views/user/Register.vue

@@ -102,6 +102,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Register'
+})
 // type类型
 import type { FormInstance, FormRules } from 'element-plus'
 // 组件

src/views/user/bindEmail.vue

@@ -17,6 +17,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'BindEmail'
+})
 // alert('绑定邮箱')
 // type类型
 import type { FormInstance, FormRules } from 'element-plus'

src/views/user/bindPhone.vue

@@ -25,6 +25,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'BindPhone'
+})
 // alert('绑定邮箱')
 // type类型
 import type { FormInstance, FormRules } from 'element-plus'

src/views/user/components/Captcha.vue

@@ -10,6 +10,10 @@
 
 <script setup lang="ts">
 
+defineOptions({
+  name: 'Captcha'
+})
+
 const props = defineProps({
   modelValue: {
     type: String,

src/views/user/components/Header.vue

@@ -9,6 +9,10 @@
 </template>
 
 <script setup lang="ts">
+
+defineOptions({
+  name: 'Header'
+})
 // 导入UI组件
 import LanguageSelect from '@/components/LanguageSelect/index.vue'
 

src/views/user/components/Tabs.vue

@@ -7,6 +7,10 @@
 </template>
 
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'Tabs'
+})
 import type { TabPaneName } from 'element-plus'
 
 // 1. TabItem 类型定义

src/views/user/components/Text.vue

@@ -9,6 +9,10 @@
 </template>
 
 <script lang="ts" setup>
+
+defineOptions({
+  name: 'Text'
+})
 import { ArrowLeft } from '@element-plus/icons-vue'
 interface UserText {
   backText: string