1

components/RadioGroup.vue

@@ -20,6 +20,10 @@
   </div>
 </template>
 <script setup lang="tsx">
+import {
+  RadioGroup as TRadioGroup,
+  RadioButton as TRadioButton,
+} from "tdesign-vue-next";
 const props = defineProps({
   current: [String, Number],
   type: String,
@@ -30,13 +34,13 @@ const props = defineProps({
 });
 const radioCurrent = ref(props.current);
 const radioOptions: any = computed(() => {
-  if (props.type === 'analysisDate') {
+  if (props.type === "analysisDate") {
     return [
-      { label: '5M', value: '5m' },
-      { label: '30M', value: '30m' },
-      { label: '1H', value: '1h' },
-      { label: '6H', value: '6h' },
-      { label: '1D', value: '1d' },
+      { label: "5M", value: "5m" },
+      { label: "30M", value: "30m" },
+      { label: "1H", value: "1h" },
+      { label: "6H", value: "6h" },
+      { label: "1D", value: "1d" },
     ];
   } else if (props.options.length > 0) {
     return props.options;
@@ -44,10 +48,10 @@ const radioOptions: any = computed(() => {
     return [];
   }
 });
-const emit = defineEmits(['update:current', 'change']);
+const emit = defineEmits(["update:current", "change"]);
 const changeDimension = (v) => {
   radioCurrent.value = v;
-  emit('update:current', v);
-  emit('change', v);
+  emit("update:current", v);
+  emit("change", v);
 };
 </script>

plugins/Tdesign.ts

 import { defineNuxtPlugin } from "#app";
 import {
-  HeadMenu as THeadMenu,
-  MenuItem as TMenuItem,
   Button as TButton,
-  Header as Theader,
   Content as TContent,
   Layout as Tlayout,
   Input as TInput,
@@ -16,18 +13,12 @@ import {
   Dialog as TDialog,
   Option as TOption,
   Switch as TSwitch,
-  RadioGroup as TRadioGroup,
-  RadioButton as TRadioButton,
-  InputNumber as TInputNumber,
   Checkbox as TCheckbox,
   Swiper as TSwiper,
   SwiperItem as TSwiperItem,
 } from "tdesign-vue-next";
 const components = [
-  THeadMenu,
-  TMenuItem,
   TButton,
-  Theader,
   TContent,
   Tlayout,
   TInput,
@@ -40,9 +31,6 @@ const components = [
   TDialog,
   TOption,
   TSwitch,
-  TRadioGroup,
-  TRadioButton,
-  TInputNumber,
   TCheckbox,
   TSwiper,
   TSwiperItem,

views/layout/layout.vue

@@ -19,6 +19,7 @@
 <script lang="ts" setup>
 import Header from "./Header.vue";
 import Footer from "./Footer.vue";
+import { Header as THeader } from "tdesign-vue-next";
 const route = useRoute();
 </script>
 

views/token/HistoryList.vue

@@ -102,7 +102,11 @@ import FilterSvg from "/public/images/svg/filter/filter.svg";
 import FilterBuyAndSellSVG from "/public/images/svg/filter/filterBuyAndSell.svg";
 import historyListFilter from "./historyListFilter.vue";
 import { filterChainObj } from "@/constants/UnifiedManagementChain";
-import { Table as TTable } from "tdesign-vue-next";
+import {
+  Table as TTable,
+  RadioGroup as TRadioGroup,
+  RadioButton as TRadioButton,
+} from "tdesign-vue-next";
 const i18n = useI18n();
 let interval = null;
 const tokenVisible = ref(false);

views/token/historyListFilter.vue

@@ -95,7 +95,7 @@
 </template>
 
 <script lang="ts" setup>
-import { MessagePlugin } from "tdesign-vue-next";
+import { MessagePlugin, InputNumber as TInputNumber } from "tdesign-vue-next";
 import { useI18n } from "vue-i18n";
 import {
   DatePicker as TDatePicker,

views/user/invitation.vue

 <template>
   <div class="welfare-data">
     <div class="material-benefits">
-      <h2>{{ $t('user.InvitationBenefits') }}</h2>
+      <h2>{{ $t("user.InvitationBenefits") }}</h2>
       <div class="invite-dataItem">
         <div class="invite-ItemData">
-          <p>{{ $t('user.MyInvitationCode') }}</p>
-          <p class="ItemData-p1">{{ formData.invite_code ?? '------' }}</p>
+          <p>{{ $t("user.MyInvitationCode") }}</p>
+          <p class="ItemData-p1">{{ formData.invite_code ?? "------" }}</p>
           <img
             @click="doCopy(formData.invite_code)"
             :src="Imgs.copySvg"
@@ -13,8 +13,8 @@
           />
         </div>
         <div class="invite-ItemData">
-          <p>{{ $t('user.InvitationLinks') }}</p>
-          <p class="ItemData-p1">{{ formData.invite_href ?? '------' }}</p>
+          <p>{{ $t("user.InvitationLinks") }}</p>
+          <p class="ItemData-p1">{{ formData.invite_href ?? "------" }}</p>
           <img
             @click="doCopy(formData.invite_href)"
             :src="Imgs.copySvg"
@@ -22,7 +22,7 @@
           />
         </div>
         <div class="invite-ItemData">
-          <p>{{ $t('user.InvitationPoints') }}</p>
+          <p>{{ $t("user.InvitationPoints") }}</p>
           <p class="ItemData-p1">0</p>
         </div>
       </div>
@@ -30,10 +30,10 @@
         <t-button
           class="custom_button_back_border"
           @click="QrCodevisible = true"
-          >{{ $t('user.InvitationQRCode') }}</t-button
+          >{{ $t("user.InvitationQRCode") }}</t-button
         >
         <t-button class="btn-item1" @click="InvitedVisible = true">{{
-          $t('user.AwardCollection')
+          $t("user.AwardCollection")
         }}</t-button>
         <InvitedDialog
           :InvitedVisible="InvitedVisible"
@@ -43,7 +43,7 @@
       <t-button
         @click="recordVisible = true"
         class="record-btn custom_button_back_border"
-        >{{ $t('user.InvitationRecord') }}</t-button
+        >{{ $t("user.InvitationRecord") }}</t-button
       >
       <RecordDialog
         :inviteData="formData.inviteList"
@@ -54,23 +54,23 @@
     <div class="material-item">
       <div class="effectivity">
         <div class="effectivity-item1">
-          <h2>{{ formData.invite_total ?? '0' }}</h2>
-          <p>{{ $t('user.TotalNumber') }}</p>
+          <h2>{{ formData.invite_total ?? "0" }}</h2>
+          <p>{{ $t("user.TotalNumber") }}</p>
         </div>
         <div class="line"></div>
         <div class="effectivity-item1">
-          <h2>{{ formData.valid_invite_total ?? '0' }}</h2>
-          <p>{{ $t('user.ValidInvitation') }}</p>
+          <h2>{{ formData.valid_invite_total ?? "0" }}</h2>
+          <p>{{ $t("user.ValidInvitation") }}</p>
         </div>
       </div>
       <div class="regulation">
-        <h1>{{ $t('user.InvitationRules') }}</h1>
+        <h1>{{ $t("user.InvitationRules") }}</h1>
         <div class="regulation-content narrow-scrollbar">
-          <p>1、{{ $t('user.Rule1') }}</p>
-          <p>2、{{ $t('user.Rule2') }}</p>
-          <p>3、{{ $t('user.Rule3') }}</p>
-          <p>4、{{ $t('user.Rule4') }}</p>
-          <p>5、{{ $t('user.Rule5') }}</p>
+          <p>1、{{ $t("user.Rule1") }}</p>
+          <p>2、{{ $t("user.Rule2") }}</p>
+          <p>3、{{ $t("user.Rule3") }}</p>
+          <p>4、{{ $t("user.Rule4") }}</p>
+          <p>5、{{ $t("user.Rule5") }}</p>
         </div>
       </div>
     </div>
@@ -135,20 +135,21 @@
   </div>
 </template>
 <script lang="ts" setup>
-import InvitedDialog from './InvitedDialog.vue';
-import RecordDialog from './recordDialog.vue';
-import request from '@/utils/request';
-import useCopy from '@/hooks/useCopy';
+import InvitedDialog from "./InvitedDialog.vue";
+import RecordDialog from "./recordDialog.vue";
+import request from "@/utils/request";
+import useCopy from "@/hooks/useCopy";
+import { InputNumber as TInputNumber } from "tdesign-vue-next";
 const { doCopy } = useCopy();
-const Cookie = useCookie('userCookie');
+const Cookie = useCookie("userCookie");
 const Imgs = {
-  copySvg: '/images/svg/header/copy.svg',
+  copySvg: "/images/svg/header/copy.svg",
 };
 const formData = reactive({
-  invite_code: '',
-  invite_href: '',
-  invite_total: '',
-  valid_invite_total: '',
+  invite_code: "",
+  invite_href: "",
+  invite_total: "",
+  valid_invite_total: "",
   inviteList: [],
 });
 const InvitedVisible = ref(false);
@@ -161,7 +162,7 @@ onMounted(() => {
   getinvitationList();
 });
 const getinvitationList = async () => {
-  const res: any = await request.get('/api/user/invite/info', {
+  const res: any = await request.get("/api/user/invite/info", {
     headers: {
       authorization: `Bearer ${Cookie.value}`,
     },
@@ -198,7 +199,7 @@ const closeRecordDialog = (value: boolean) => {
 };
 </script>
 <style lang="less" scoped>
-@import '@/style/flex.less';
+@import "@/style/flex.less";
 .welfare-data {
   border: 1px solid var(--td-Search-info-border-bottom-2);
   width: calc(100vw - 410px);