diff --git a/src/components/order/Create.vue b/src/components/order/Create.vue
deleted file mode 100644
index ab1b6200..00000000
--- a/src/components/order/Create.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<template>
-  <el-form label-width="100px">
-    <el-form-item :label="$t('application.field.service')">
-      <span v-if="application.type === applicationType.API">
-        {{ application?.service?.title }}
-      </span>
-    </el-form-item>
-    <el-form-item :label="$t('application.field.package')">
-      <el-radio-group v-if="application.type === applicationType.API" v-model="form.packageId">
-        <el-radio-button v-for="(pkg, pkgIndex) in application?.service?.packages" :key="pkgIndex" :label="pkg.id">
-          {{ pkg.amount }}{{ $t(`api.unit.${application?.service?.unit}`) }}
-        </el-radio-button>
-        <el-radio-button label="custom">
-          {{ $t('application.button.custom') }}
-        </el-radio-button>
-      </el-radio-group>
-    </el-form-item>
-    <el-form-item v-if="form.packageId === 'custom'" :label="$t('application.field.amount')">
-      <el-input-number v-model="form.amount" :min="1" :max="10000" controls-position="right" />
-    </el-form-item>
-    <el-form-item :label="$t('application.field.price')">
-      <div v-if="application.type === applicationType.API">
-        <price
-          v-if="form.packageId === 'custom'"
-          :price="application?.service?.price"
-          :unit="$t(`api.unit.${application?.service?.unit}`)"
-        />
-        <price v-else :price="package?.price" />
-      </div>
-    </el-form-item>
-    <el-divider border-style="dashed" />
-    <el-form-item :label="$t('application.field.shouldPayPrice')">
-      <span v-if="form.packageId === 'custom'" :class="{ price: true, unfree: price > 0, free: price === 0 }">
-        ¥{{ price.toFixed(2) }}
-      </span>
-      <span v-else-if="package" :class="{ price: true, unfree: package?.price > 0, free: package?.price === 0 }">
-        ¥{{ package?.price?.toFixed(2) }}
-      </span>
-    </el-form-item>
-    <el-form-item>
-      <el-button type="primary" round size="large" class="btn-create" :loading="creating" @click="onCreateOrder">
-        {{ $t('application.button.createOrder') }}
-      </el-button>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts">
-import { IApplication, IApplicationType, IOrderDetailResponse, IPackage } from '@/models';
-import { defineComponent } from 'vue';
-import { ElMessage } from 'element-plus';
-import { ROUTE_CONSOLE_ORDER_DETAIL } from '@/router';
-import { ElForm, ElFormItem, ElButton, ElInputNumber, ElDivider, ElRadioGroup, ElRadioButton } from 'element-plus';
-import Price from '@/components/common/Price.vue';
-
-interface IData {
-  form: {
-    amount: number;
-    packageId: string | undefined;
-  };
-  creating: boolean;
-  applicationType: typeof IApplicationType;
-}
-
-export default defineComponent({
-  name: 'CreateOrderDialog',
-  components: {
-    ElForm,
-    ElFormItem,
-    ElInputNumber,
-    ElButton,
-    ElDivider,
-    ElRadioGroup,
-    ElRadioButton,
-    Price
-  },
-  props: {
-    application: {
-      type: Object as () => IApplication,
-      required: true
-    }
-  },
-  data(): IData {
-    return {
-      form: {
-        amount: 1000,
-        packageId: undefined
-      },
-      creating: false,
-      applicationType: IApplicationType
-    };
-  },
-  computed: {
-    price() {
-      return 0;
-    },
-    package() {
-      if (this.application?.type === IApplicationType.API) {
-        if (this.application.service?.packages && this.form.packageId) {
-          const filterPackages = this.application.service?.packages.filter((item) => item.id === this.form.packageId);
-          if (filterPackages.length > 0) {
-            return filterPackages[0];
-          }
-        }
-      }
-      return undefined;
-    }
-  },
-  mounted() {
-    this.onInit();
-  },
-  methods: {
-    onInit() {
-      if (this.application.type === IApplicationType.API) {
-        if (this.application?.api?.packages && this.application?.api?.packages.length > 0) {
-          this.form.packageId = this.application?.api?.packages[0].id;
-        } else {
-          this.form.packageId = 'custom';
-        }
-      }
-    },
-    onChangePackage(pkg: IPackage) {
-      console.debug('pkg', pkg);
-    },
-    onCreateOrder() {
-      if (!this.application?.id) {
-        return;
-      }
-      this.creating = true;
-      orderOperator
-        .create({
-          application_id: this.application?.id,
-          amount: this.form.amount,
-          ...(this.form.packageId !== 'custom' && this.package
-            ? {
-                package_id: this.package.id
-              }
-            : {})
-        })
-        .then(({ data: data }: { data: IOrderDetailResponse }) => {
-          this.creating = false;
-          const order = data;
-          this.$router.push({
-            name: ROUTE_CONSOLE_ORDER_DETAIL,
-            params: {
-              id: order.id
-            }
-          });
-        })
-        .catch(() => {
-          ElMessage.error(this.$t('order.message.createFailed'));
-          this.creating = false;
-        });
-    }
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-.price {
-  font-size: 20px;
-  font-weight: bold;
-  &.unfree {
-    color: #ff5441;
-  }
-  &.free {
-    color: #29c287;
-  }
-}
-
-.btn-create {
-  width: 150px;
-  border-radius: 20px;
-}
-</style>
diff --git a/src/i18n/.cache/1bf0f700748555db616374d0279b60a4632129dc b/src/i18n/.cache/1bf0f700748555db616374d0279b60a4632129dc
new file mode 100644
index 00000000..e69de29b
diff --git a/src/i18n/.cache/219224a52b09bafc3440ab9dd40379eecb47f50f b/src/i18n/.cache/219224a52b09bafc3440ab9dd40379eecb47f50f
new file mode 100644
index 00000000..e69de29b
diff --git a/src/i18n/.cache/7285b49055c12ffeab4b9cd9c14d475be0badeef b/src/i18n/.cache/7285b49055c12ffeab4b9cd9c14d475be0badeef
new file mode 100644
index 00000000..e69de29b
diff --git a/src/i18n/.cache/7ce6cfbfd2b9d514f1159f980dcfeebf82c904b4 b/src/i18n/.cache/7ce6cfbfd2b9d514f1159f980dcfeebf82c904b4
new file mode 100644
index 00000000..e69de29b
diff --git a/src/i18n/.cache/9f68b8d4a2c38b0ee2b977c643f35cf925ce6c9b b/src/i18n/.cache/9f68b8d4a2c38b0ee2b977c643f35cf925ce6c9b
new file mode 100644
index 00000000..e69de29b
diff --git a/src/i18n/de/common.json b/src/i18n/de/common.json
index 18e8bff2..000d4688 100644
--- a/src/i18n/de/common.json
+++ b/src/i18n/de/common.json
@@ -1,418 +1,418 @@
 {
   "button.setup": {
     "message": "Einrichten",
-    "description": "Button-Text, um bestimmte Einstellungen vorzunehmen"
+    "description": "按钮文本，用于设置某些内容"
   },
   "button.preview": {
     "message": "Vorschau",
-    "description": "Button-Text, um eine Vorschau einer Datei über eine URL zu öffnen"
+    "description": "按钮文本，用于通过URL打开预览某个文件"
   },
   "button.seeRawImage": {
-    "message": "Originalbild ansehen",
-    "description": "Button-Text, um das ursprüngliche Bild anzuzeigen"
+    "message": "Ursprungsbild anzeigen",
+    "description": "按钮文本，用于查看原始图片"
   },
   "button.edit": {
     "message": "Bearbeiten",
-    "description": "Button-Text, um bestimmte Inhalte zu bearbeiten"
+    "description": "按钮文本，用于编辑某些内容"
   },
   "button.login": {
     "message": "Anmelden",
-    "description": "Button-Text, um sich anzumelden"
+    "description": "按钮文本，用于登录"
   },
   "button.logout": {
     "message": "Abmelden",
-    "description": "Button-Text, um sich abzumelden"
+    "description": "按钮文本，用于退出登录"
   },
   "button.new": {
     "message": "Neu",
-    "description": "Button-Text, um ein neues Projekt zu erstellen"
+    "description": "按钮文本，用于创建新项目"
   },
   "button.delete": {
     "message": "Löschen",
-    "description": "Button-Text, um bestimmte Inhalte zu löschen"
+    "description": "按钮文本，用于删除某些内容"
   },
   "button.confirm": {
     "message": "Bestätigen",
-    "description": "Button-Text, um bestimmte Inhalte zu bestätigen"
+    "description": "按钮文本，用于确认某些内容"
   },
   "button.cancel": {
     "message": "Abbrechen",
-    "description": "Button-Text, um bestimmte Aktionen abzubrechen"
+    "description": "按钮文本，用于取消某些操作"
   },
   "button.alert": {
     "message": "Warnung",
-    "description": "Button-Text, um auf bestimmte Inhalte hinzuweisen"
+    "description": "按钮文本，用于警告某些内容"
   },
   "button.info": {
     "message": "Information",
-    "description": "Button-Text, um Informationen anzuzeigen"
+    "description": "按钮文本，用于显示信息"
   },
   "button.publish": {
     "message": "Veröffentlichen",
-    "description": "Button-Text, um bestimmte Inhalte zu veröffentlichen"
+    "description": "按钮文本，用于发布某些内容"
   },
   "button.watch": {
     "message": "Ansehen",
-    "description": "Button-Text, um bestimmte Inhalte anzusehen"
+    "description": "按钮文本，用于观看某些内容"
   },
   "button.verify": {
-    "message": "Identitätsprüfung",
-    "description": "Button-Text, um Benutzern die Identitätsprüfung zu ermöglichen"
+    "message": "Identitätsverifizierung",
+    "description": "按钮文本，用于让用户进行实名认证"
   },
   "button.profile": {
     "message": "Profil",
-    "description": "Button-Text, um das Benutzerprofil anzuzeigen"
+    "description": "按钮文本，用于显示个人资料"
   },
   "button.console": {
     "message": "Konsole",
-    "description": "Button-Text, um die Konsolenseite anzuzeigen, um bestimmte Inhalte auf der Webseite zu steuern"
+    "description": "按钮文本，用于显示控制台页面以控制网页中的某些内容"
   },
   "button.learn": {
     "message": "Lernen",
-    "description": "Button-Text, um Benutzern das Lernen bestimmter Inhalte zu ermöglichen"
+    "description": "按钮文本，用于让用户学习某些内容"
   },
   "button.buy": {
     "message": "Kaufen",
-    "description": "Button-Text, um Benutzern den Kauf bestimmter Inhalte zu ermöglichen"
+    "description": "按钮文本，用于让用户购买某些内容"
   },
   "button.try": {
     "message": "Ausprobieren",
-    "description": "Button-Text, um Benutzern das Ausprobieren bestimmter Inhalte zu ermöglichen"
+    "description": "按钮文本，用于让用户尝试某些内容"
   },
   "button.startForFree": {
     "message": "Kostenlos starten",
-    "description": "Button-Text, um Benutzern den kostenlosen Start zu ermöglichen"
+    "description": "按钮文本，用于让用户免费开始使用"
   },
   "button.apply": {
-    "message": "Anwenden",
-    "description": "Button-Text, um Benutzern die Beantragung eines API-Dienstes zu ermöglichen"
+    "message": "Anfragen",
+    "description": "按钮文本，用于让用户申请API服务"
   },
   "button.refresh": {
     "message": "Aktualisieren",
-    "description": "Button-Text, um die Seite zu aktualisieren"
+    "description": "按钮文本，用于刷新页面"
   },
   "button.pay": {
     "message": "Zahlen",
-    "description": "Button-Text, um Benutzern die Zahlungsabwicklung zu ermöglichen"
+    "description": "按钮文本，用于让用户支付服务费用"
   },
   "button.repay": {
     "message": "Zahlung fortsetzen",
-    "description": "Button-Text, um Benutzern die Fortsetzung der Zahlung zu ermöglichen"
+    "description": "按钮文本，用于让用户继续支付服务费用"
   },
   "button.applied": {
     "message": "Beantragt",
-    "description": "Button-Text, um anzuzeigen, dass der Benutzer den Dienst beantragt hat"
+    "description": "按钮文本，用于显示用户已经申请了该服务"
   },
   "button.acquire": {
     "message": "Erhalten",
-    "description": "Button-Text, um Benutzern den Erhalt eines Tokens oder Schlüssels für den API-Dienst zu ermöglichen"
+    "description": "按钮文本，用于让用户获取API服务的令牌或密钥"
   },
   "button.fillExample": {
     "message": "Beispiel ausfüllen",
-    "description": "Button-Text, um Benutzern zu ermöglichen, Beispieldaten auszufüllen"
+    "description": "按钮文本，用于让用户填写示例数据"
   },
   "button.buyMore": {
     "message": "Mehr kaufen",
-    "description": "Button-Text, um Benutzern den Kauf weiterer Inhalte zu ermöglichen"
+    "description": "按钮文本，用于让用户购买更多内容"
   },
   "button.update": {
     "message": "Aktualisieren",
-    "description": "Button-Text, um bestimmte Inhalte zu aktualisieren"
+    "description": "按钮文本，用于更新某些内容"
   },
   "button.view": {
-    "message": "Anzeigen",
-    "description": "Button-Text, um bestimmte Inhalte anzuzeigen"
+    "message": "Ansehen",
+    "description": "按钮文本，用于查看某些内容"
   },
   "button.copy": {
     "message": "Kopieren",
-    "description": "Button-Text, um bestimmte Inhalte zu kopieren"
+    "description": "按钮文本，用于复制某些内容"
   },
   "button.create": {
     "message": "Erstellen",
-    "description": "Button-Text, um bestimmte Inhalte zu erstellen"
+    "description": "按钮文本，用于创建某些内容"
   },
   "button.referralEarnings": {
-    "message": "Empfehlungsvergütung",
-    "description": "Button-Text, um die Empfehlungsvergütung anzuzeigen, die anzeigt, dass der Benutzer durch die Einladung anderer zur Nutzung des Dienstes Geld verdienen kann"
+    "message": "Empfehlungseinnahmen",
+    "description": "按钮文本，用于显示推荐收益，表示用户通过邀请他人使用服务可以赚钱"
   },
   "button.finish": {
     "message": "Fertigstellen",
-    "description": "Button-Text, um bestimmte Vorgänge abzuschließen"
+    "description": "按钮文本，用于完成某些内容"
   },
   "entity.website": {
     "message": "Ace Data Cloud",
-    "description": "Website-Name, muss nicht übersetzt werden, bleibt 'Ace Data Cloud'"
+    "description": "网站名称，无需翻译，保持为'Ace Data Cloud'"
   },
   "entity.copyright": {
     "message": "Urheberrecht",
-    "description": "Text zur Anzeige von Urheberrechtsinformationen"
+    "description": "用于显示版权信息的文本"
   },
   "entity.platform": {
     "message": "Plattform",
-    "description": "Text, der anzeigt, dass dies die Plattform für den API-Dienst ist"
+    "description": "指示这是API服务的平台的文本"
   },
   "entity.title": {
     "message": "Titel",
-    "description": "Titel der Entität"
+    "description": "实体的标题"
   },
   "entity.icon": {
     "message": "Symbol",
-    "description": "Symbol der Entität"
+    "description": "实体的图标"
   },
   "entity.status": {
     "message": "Status",
-    "description": "Status der Entität"
+    "description": "实体的状态"
   },
   "entity.operation": {
     "message": "Operation",
-    "description": "Operation der Entität"
+    "description": "实体的操作"
   },
   "entity.description": {
     "message": "Beschreibung",
-    "description": "Beschreibung der Entität"
+    "description": "实体的描述"
   },
   "entity.createdAt": {
     "message": "Erstellt am",
-    "description": "Zeitpunkt der Erstellung der Entität"
+    "description": "实体创建的时间"
   },
   "entity.updatedAt": {
     "message": "Aktualisiert am",
-    "description": "Zeitpunkt der Aktualisierung der Entität"
+    "description": "实体更新的时间"
   },
   "entity.order": {
     "message": "Bestellung",
-    "description": "Entität der Bestellung, die Betrag und Serviceinformationen enthält, für die der Benutzer bezahlen muss"
+    "description": "Die Bestellung des Entitäts, die Beträge und Dienstinformationen enthält, für die der Benutzer bezahlen muss"
   },
   "message.usedAmount": {
     "message": "Verwendeter Betrag",
-    "description": "Um den bereits verwendeten Betrag für den Service anzuzeigen"
+    "description": "Zur Anzeige des bereits verwendeten Betrags für den Dienst"
   },
   "message.remainingAmount": {
     "message": "Verbleibender Betrag",
-    "description": "Um den noch verfügbaren Betrag für den Service anzuzeigen"
+    "description": "Zur Anzeige des verbleibenden Betrags für den Dienst"
   },
   "message.copied": {
     "message": "Erfolgreich kopiert",
-    "description": "Um anzuzeigen, dass der Inhalt erfolgreich kopiert wurde"
+    "description": "Zur Anzeige der Nachricht, dass der Inhalt erfolgreich kopiert wurde"
   },
   "message.confirmDelete": {
     "message": "Möchten Sie wirklich löschen?",
-    "description": "Um den Benutzer zu bestätigen, ob er Inhalte löschen möchte"
+    "description": "Zur Bestätigung, ob der Benutzer bestimmte Inhalte löschen möchte"
   },
   "message.alert": {
     "message": "Warnung",
-    "description": "Um den Benutzer zu warnen"
+    "description": "Zur Warnung des Benutzers"
   },
   "message.info": {
     "message": "Freundliche Erinnerung",
-    "description": "Um Informationen anzuzeigen"
+    "description": "Zur Anzeige von Informationen"
   },
   "message.free": {
     "message": "Kostenlos",
-    "description": "Um anzuzeigen, dass der Service kostenlos ist und der Benutzer nicht bezahlen muss"
+    "description": "Zur Anzeige, dass der Dienst kostenlos ist, was bedeutet, dass der Benutzer nichts bezahlen muss"
   },
   "message.startPrice": {
-    "message": "Startpreis",
-    "description": "Um den niedrigsten Preis für den Service anzuzeigen"
+    "message": "Grundpreis",
+    "description": "Zur Anzeige des niedrigsten Preises für den Dienst"
   },
   "message.joinDiscord": {
     "message": "Discord beitreten",
-    "description": "Um den Benutzer einzuladen, dem Discord-Kanal beizutreten"
+    "description": "Zur Aufforderung an den Benutzer, dem Discord-Kanal beizutreten"
   },
   "message.addWeChat": {
     "message": "WeChat hinzufügen",
-    "description": "Um den Benutzer einzuladen, WeChat hinzuzufügen"
+    "description": "Zur Aufforderung an den Benutzer, WeChat hinzuzufügen"
   },
   "message.serviceTech": {
     "message": "Technischer Support",
-    "description": "Um technischen Support für den Service anzuzeigen"
+    "description": "Zur Anzeige von technischem Support für den Dienst"
   },
   "message.businessCooperation": {
     "message": "Geschäftliche Zusammenarbeit",
-    "description": "Um geschäftliche Kooperationen anzuzeigen"
+    "description": "Zur Anzeige von geschäftlicher Zusammenarbeit"
   },
   "message.noData": {
     "message": "Keine Daten",
-    "description": "Um anzuzeigen, dass keine Daten in der Tabelle oder Liste vorhanden sind"
+    "description": "Zur Anzeige der Nachricht, dass in der Tabelle oder Liste keine Daten vorhanden sind"
   },
   "nav.home": {
     "message": "Startseite",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Startseite"
+    "description": "Der Text in der Navigationsleiste der Website, um die Startseite anzuzeigen"
   },
   "nav.content": {
     "message": "Inhalt",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Inhaltsseite"
+    "description": "Der Text in der Navigationsleiste der Website, um die Inhaltsseite anzuzeigen"
   },
   "nav.category": {
     "message": "Kategorie",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Kategorieseite"
+    "description": "Der Text in der Navigationsleiste der Website, um die Kategorieseite anzuzeigen"
   },
   "nav.service": {
-    "message": "Dienstleistungen",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Serviceseite"
+    "message": "Dienst",
+    "description": "Der Text in der Navigationsleiste der Website, um die Dienstseite anzuzeigen"
   },
   "nav.profile": {
     "message": "Ich",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Profilseite"
+    "description": "Der Text in der Navigationsleiste der Website, um die Profilseite anzuzeigen"
   },
   "nav.document": {
-    "message": "Dokumente",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Dokumentseite"
+    "message": "Dokumentation",
+    "description": "Der Text in der Navigationsleiste der Website, um die Dokumentationsseite anzuzeigen"
   },
   "nav.console": {
     "message": "Konsole",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Konsolenseite"
+    "description": "Der Text in der Navigationsleiste der Website, um die Konsolenseite anzuzeigen"
   },
   "nav.chat": {
     "message": "Chat",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Chatseite, bitte diesen Text nicht übersetzen, muss 'Chat' bleiben"
+    "description": "Der Text in der Navigationsleiste der Website, um die Chat-Seite anzuzeigen. Bitte übersetzen Sie dieses Feld nicht und halten Sie es als 'Chat'."
   },
   "nav.midjourney": {
     "message": "Midjourney",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Midjourney-Seite, bitte diesen Text nicht übersetzen, muss 'Midjourney' bleiben"
+    "description": "Der Text in der Navigationsleiste der Website, um die Midjourney-Seite anzuzeigen. Bitte übersetzen Sie dieses Feld nicht und halten Sie es als 'Midjourney'."
   },
   "nav.chatdoc": {
     "message": "ChatDoc",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Chatdokumentseite, bitte diesen Text nicht übersetzen, muss 'Chatdoc' bleiben"
+    "description": "Der Text in der Navigationsleiste der Website, um die Chat-Dokumentseite anzuzeigen. Bitte übersetzen Sie dieses Feld nicht und halten Sie es als 'Chatdoc'."
   },
   "nav.qrart": {
     "message": "QRArt",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der QRArt-Seite, bitte diesen Text nicht übersetzen, muss 'QRArt' bleiben"
+    "description": "Der Text in der Navigationsleiste der Website, um die QR-Kunstseite anzuzeigen. Bitte übersetzen Sie dieses Feld nicht und halten Sie es als 'QRArt'."
   },
   "nav.suno": {
     "message": "Suno",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Suno-Seite, bitte diesen Text nicht übersetzen, muss 'Suno' bleiben"
+    "description": "Der Text in der Navigationsleiste der Website, um die Suno-Seite anzuzeigen. Bitte übersetzen Sie dieses Feld nicht und halten Sie es als 'Suno'."
   },
   "nav.distribution": {
-    "message": "Empfehlungserträge",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Empfehlungsverdienstseite"
+    "message": "Empfehlungsvergütung",
+    "description": "Der Text in der Navigationsleiste der Website, um die Empfehlungsvergütungsseite anzuzeigen"
   },
   "nav.logOut": {
     "message": "Abmelden",
-    "description": "Text in der Navigationsleiste der Website zum Abmelden"
+    "description": "Der Text in der Navigationsleiste der Website, um sich abzumelden"
   },
   "nav.site": {
-    "message": "Standortkonfiguration",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Standortkonfigurationsseite"
+    "message": "Site-Konfiguration",
+    "description": "Der Text in der Navigationsleiste der Website, um die Site-Konfigurationsseite anzuzeigen"
   },
   "nav.locale": {
     "message": "Spracheinstellungen",
-    "description": "Text in der Navigationsleiste der Website zum Ändern der Sprache"
+    "description": "Der Text in der Navigationsleiste der Website, um die Sprache zu ändern"
   },
   "nav.support": {
-    "message": "Kundensupport",
-    "description": "Text in der Navigationsleiste der Website zur Anzeige der Unterstützungsseite"
+    "message": "Kundenservice",
+    "description": "Der Text in der Navigationsleiste der Website, um die Unterstützungsseite anzuzeigen"
   },
   "nav.darkMode": {
     "message": "Dunkelmodus",
-    "description": "Text in der Navigationsleiste der Website zum Wechseln zum dunklen Thema"
+    "description": "Der Text in der Navigationsleiste der Website, um zum dunklen Thema zu wechseln"
   },
   "title.alert": {
     "message": "Alarm",
-    "description": "Titel der Alarmnachricht"
+    "description": "Der Titel der Alarmnachricht"
   },
   "title.placeholderOfSelect": {
-    "message": "Bitte auswählen",
-    "description": "Platzhalter für das Auswahlfeld"
+    "message": "Bitte wählen",
+    "description": "Der Platzhalter für das Auswahlfeld"
   },
   "title.placeholderOfInput": {
     "message": "Bitte ausfüllen",
-    "description": "Platzhalter für das Eingabefeld"
+    "description": "Der Platzhalter für das Eingabefeld"
   },
   "title.allApplications": {
-    "message": "Alle Anwendungen",
-    "description": "Titel der Seite, die alle Anwendungen anzeigt"
+    "message": "Alle Bewerbungen",
+    "description": "Der Titel der Seite zur Anzeige aller Bewerbungen"
   },
   "title.allOrders": {
     "message": "Alle Bestellungen",
-    "description": "Titel der Seite, die alle Bestellungen anzeigt"
+    "description": "Der Titel der Seite zur Anzeige aller Bestellungen"
   },
   "title.orderInfo": {
     "message": "Bestellinformationen",
-    "description": "Titel der Seite, die die Bestellinformationen anzeigt"
+    "description": "Der Titel der Seite zur Anzeige von Bestellinformationen"
   },
   "title.buyMore": {
     "message": "Mehr kaufen",
-    "description": "Titel der Seite, um den Benutzer zu ermutigen, mehr zu kaufen"
+    "description": "Der Titel der Seite zur Aufforderung an den Benutzer, mehr zu kaufen"
   },
   "title.distribution": {
     "message": "Empfohlene Einnahmen",
-    "description": "Anzeigen des Seitentitels für empfohlene Einnahmen, der angibt, dass der Benutzer durch das Einladen anderer zur Nutzung des Dienstes Geld verdienen kann"
+    "description": "Zeigt den Seitenüberschrift für empfohlene Einnahmen an, was bedeutet, dass der Benutzer durch die Einladung anderer zur Nutzung des Dienstes Geld verdienen kann."
   },
   "title.site": {
     "message": "Site-Konfiguration",
-    "description": "Anzeigen des Seitentitels für die Site-Konfiguration"
+    "description": "Zeigt den Seitenüberschrift für die Site-Konfiguration an."
   },
   "title.distributionHistory": {
     "message": "Empfehlungshistorie",
-    "description": "Anzeigen des Seitentitels für die Empfehlungshistorie"
+    "description": "Zeigt den Seitenüberschrift für die Empfehlungshistorie an."
   },
   "title.invitee": {
     "message": "Einladender",
-    "description": "Anzeigen des Seitentitels für den Einladenden"
+    "description": "Zeigt den Seitenüberschrift für den Einladenden an."
   },
   "title.allUsages": {
     "message": "Nutzungsverlauf",
-    "description": "Anzeigen des Seitentitels für alle Nutzungsaufzeichnungen des API-Dienstes"
+    "description": "Zeigt den Seitenüberschrift für alle Nutzungseinträge des API-Dienstes an."
   },
   "title.allCredentials": {
     "message": "Zugangsdaten",
-    "description": "Anzeigen des Seitentitels für alle Zugangsdaten, die zum Zugriff auf die API verwendet werden"
+    "description": "Zeigt den Seitenüberschrift für alle Zugangsdaten an, die zum Zugriff auf die API verwendet werden."
   },
   "about.title1": {
     "message": "Kontaktiere uns",
-    "description": "Anzeigen des Titels für den Abschnitt Kontaktinformationen"
+    "description": "Zeigt den Titel des Teils mit Kontaktinformationen an."
   },
   "about.title2": {
     "message": "Ressourcen",
-    "description": "Anzeigen des Titels für den Abschnitt Links"
+    "description": "Zeigt den Titel des Teils mit Links an."
   },
   "about.title3": {
     "message": "Links",
-    "description": "Anzeigen des Titels für den Abschnitt Unterstützungsinformationen"
+    "description": "Zeigt den Titel des Teils mit Unterstützungsinformationen an."
   },
   "about.address": {
     "message": "USA, Delaware, Middletown, N Broad St, Büro 201",
-    "description": "Adresse des Unternehmens"
+    "description": "Adresse des Unternehmens."
   },
   "about.email": {
     "message": "office@acedata.cloud",
-    "description": "E-Mail des Unternehmens"
+    "description": "E-Mail des Unternehmens."
   },
   "about.link1": {
-    "message": "Dienste",
-    "description": "Link zur Dienstleistungsseite"
+    "message": "Dienst",
+    "description": "Link zur Dienstseite."
   },
   "about.link2": {
     "message": "Dokumentation",
-    "description": "Link zur Dokumentationsseite"
+    "description": "Link zur Dokumentationsseite."
   },
   "about.link3": {
     "message": "Konsole",
-    "description": "Link zur Konsolenseite"
+    "description": "Link zur Konsoleseite."
   },
   "about.link4": {
     "message": "Profil",
-    "description": "Link zur Profilseite"
+    "description": "Link zur Profildseite."
   },
   "about.link5": {
     "message": "Zentrum",
-    "description": "Link zur Zentrumseite"
+    "description": "Link zur Zentrumseite."
   },
   "about.link6": {
     "message": "Empfohlene Einnahmen",
-    "description": "Link zur Seite für empfohlene Einnahmen"
+    "description": "Link zur Seite der empfohlenen Einnahmen."
   },
   "about.link7": {
     "message": "Unterstützung",
-    "description": "Link zur Unterstützungsseite"
+    "description": "Link zur Unterstützungseite."
   },
   "about.link8": {
     "message": "Nutzungsbedingungen",
-    "description": "Link zur Seite der Nutzungsbedingungen"
+    "description": "Link zur Seite mit den Nutzungsbedingungen."
   },
   "about.link9": {
-    "message": "Datenschutzrichtlinie",
-    "description": "Link zur Seite der Datenschutzrichtlinie"
+    "message": "Datenschutzpolitik",
+    "description": "Link zur Seite mit der Datenschutzpolitik."
   }
 }
\ No newline at end of file
diff --git a/src/i18n/de/order.json b/src/i18n/de/order.json
index 6992d0e2..553e0ff3 100644
--- a/src/i18n/de/order.json
+++ b/src/i18n/de/order.json
@@ -1,138 +1,142 @@
 {
   "button.pay": {
-    "message": "Bezahlen",
-    "description": "Tastentext für die Bestellung Bezahlung."
+    "message": "Zahlung",
+    "description": "按钮文本，用于支付订单。"
   },
   "button.continuePay": {
-    "message": "Weiter bezahlen",
-    "description": "Tastentext für die Bestellung fortzusetzen Bezahlung."
+    "message": "Zahlung fortsetzen",
+    "description": "按钮文本，用于继续支付订单。"
   },
   "button.checkDetail": {
     "message": "Details anzeigen",
-    "description": "Tastentext zur Anzeige der Bestelldetails."
+    "description": "按钮文本，用于查看订单详情。"
   },
   "button.query": {
-    "message": "Abfragen",
-    "description": "Tastentext zum Abfragen der Bestellung."
+    "message": "Abfrage",
+    "description": "按钮文本，用于查询订单。"
   },
   "button.finish": {
     "message": "Manuell abschließen",
-    "description": "Tastentext zur manuellen Abschluss der Bestellung."
+    "description": "按钮文本，用于手动完成订单。"
   },
   "button.update": {
     "message": "Aktualisieren",
-    "description": "Tastentext zur Aktualisierung der Bestellung."
+    "description": "按钮文本，用于更新订单。"
   },
   "field.id": {
     "message": "Bestellnummer",
-    "description": "Bestellnummer."
+    "description": "订单的编号。"
   },
   "field.amount": {
-    "message": "Menge",
-    "description": "Punktemenge der Bestellung."
+    "message": "Betrag",
+    "description": "订单的积分金额。"
   },
   "field.price": {
-    "message": "Menge",
-    "description": "Punktemenge der Bestellung."
+    "message": "Betrag",
+    "description": "订单的积分金额。"
   },
   "field.description": {
     "message": "Bestellbeschreibung",
-    "description": "Bestellbeschreibung."
+    "description": "订单的描述。"
   },
   "field.state": {
     "message": "Status",
-    "description": "Bestellstatus."
+    "description": "订单的状态。"
   },
   "field.createdAt": {
     "message": "Erstellungszeit",
-    "description": "Bestellerstellungszeit."
+    "description": "订单的创建时间。"
   },
   "field.service": {
     "message": "Dienstname",
-    "description": "Dienstname."
+    "description": "服务的名称。"
   },
   "field.payWay": {
     "message": "Zahlungsart",
-    "description": "Zahlungsart der Bestellung."
+    "description": "订单的支付方式。"
   },
   "field.api": {
     "message": "API",
-    "description": "API ist ein Online-Service."
+    "description": "API是一种在线服务。"
   },
   "field.proxy": {
     "message": "Proxy",
-    "description": "Proxy ist ein Online-Service, der zum Übertragen von Daten verwendet wird HTTP-Proxy."
+    "description": "代理是一种在线服务，用于传输数据的HTTP代理。"
   },
   "message.paidSuccessfully": {
-    "message": "Erfolgreich bezahlt",
-    "description": "Erfolgreiche Bezahlungsnachricht."
+    "message": "Zahlung erfolgreich",
+    "description": "成功支付的消息。"
   },
   "message.orderExpired": {
-    "message": "Bestellung abgelaufen, bitte neue Bestellung für die Zahlung erstellen.",
-    "description": "Nachricht bei abgelaufener Bestellung."
+    "message": "Die Bestellung ist abgelaufen. Bitte erstellen Sie eine neue Bestellung für die Zahlung.",
+    "description": "订单过期的消息。"
   },
   "message.createFailed": {
-    "message": "Erstellen fehlgeschlagen",
-    "description": "Nachricht bei fehlgeschlagenem Erstellen."
+    "message": "Erstellung fehlgeschlagen",
+    "description": "创建失败的消息。"
   },
   "message.wechatPayHelp": {
-    "message": "Bitte öffnen Sie WeChat auf Ihrem Handy und scannen Sie den Code, um die Zahlung abzuschließen",
-    "description": "Nachricht zur Hilfe für WeChat-Zahlungen."
+    "message": "Bitte öffnen Sie WeChat auf Ihrem Handy und scannen Sie den Code, um die Zahlung abzuschließen.",
+    "description": "微信支付帮助的消息。"
   },
   "message.free": {
     "message": "Kostenlos",
-    "description": "Nachricht für kostenlose Bestellungen."
+    "description": "免费订单的消息。"
   },
   "message.buyInExternalUrl": {
-    "message": "Bitte bezahlen Sie über den externen Link",
-    "description": "Nachricht für Zahlungen über einen externen Link."
+    "message": "Bitte schließen Sie die Zahlung über den externen Link ab.",
+    "description": "外部链接支付的消息。"
   },
   "message.updateFailed": {
     "message": "Aktualisierung fehlgeschlagen",
-    "description": "Nachricht bei fehlgeschlagener Aktualisierung."
+    "description": "更新失败的消息。"
   },
   "message.updateSuccessfully": {
     "message": "Aktualisierung erfolgreich",
-    "description": "Nachricht bei erfolgreicher Aktualisierung."
+    "description": "成功更新的消息。"
   },
   "message.confirmFinish": {
-    "message": "Dieser Vorgang setzt die Bestellung manuell auf den Zahlungsstatus und schließt die Verteilung ab. Er kann nicht rückgängig gemacht werden. Bitte bestätigen Sie, dass der Kunde die Zahlung abgeschlossen hat. Möchten Sie fortfahren?",
-    "description": "Nachricht zur Bestätigung des Abschlusses."
+    "message": "Diese Aktion wird die Bestellung manuell auf Zahlungsstatus setzen und die Verteilung abschließen. Dies kann nicht rückgängig gemacht werden. Bitte bestätigen Sie, dass der Kunde die Zahlung abgeschlossen hat. Möchten Sie fortfahren?",
+    "description": "确认完成的消息。"
   },
   "state.pending": {
-    "message": "Ausstehend",
-    "description": "Bestellstatus, der angibt, dass diese Bestellung noch auf die Zahlung des Benutzers wartet."
+    "message": "Ausstehende Zahlung",
+    "description": "订单的状态，表示此订单仍在等待用户支付。"
   },
   "state.paid": {
     "message": "Bezahlt",
-    "description": "Bestellstatus, der angibt, dass diese Bestellung bereits bezahlt wurde."
+    "description": "订单的状态，表示此订单已经支付。"
+  },
+  "state.finished": {
+    "message": "Abgeschlossen",
+    "description": "订单的状态，表示此订单已经完成。"
   },
   "state.expired": {
-    "message": "Zahlungszeitüberschreitung",
-    "description": "Bestellstatus, der angibt, dass diese Bestellung abgelaufen ist."
+    "message": "Zahlung abgelaufen",
+    "description": "订单的状态，表示此订单已经过期。"
   },
   "state.failed": {
     "message": "Zahlung fehlgeschlagen",
-    "description": "Bestellstatus, der angibt, dass diese Bestellung fehlgeschlagen ist."
+    "description": "订单的状态，表示此订单支付失败。"
   },
   "title.info": {
     "message": "Bestellinformationen",
-    "description": "Titel für die Bestellinformationen auf der Website."
+    "description": "用作网站标题的标题，表示订单信息。"
   },
   "title.wechatPay": {
-    "message": "WeChat-Zahlung",
-    "description": "Titel für WeChat-Zahlungen auf der Website."
+    "message": "WeChat Pay",
+    "description": "用作网站标题的标题，表示微信支付。"
   },
   "title.aliPay": {
     "message": "Alipay",
-    "description": "Titel für Alipay-Zahlungen auf der Website. Alipay ist eine Form der Online-Zahlung."
+    "description": "用作网站标题的标题，表示支付宝支付，支付宝支付是一种在线支付。"
   },
   "title.stripe": {
     "message": "Stripe",
-    "description": "Titel für Stripe-Zahlungen auf der Website. Stripe ist eine Form der Online-Zahlung."
+    "description": "用作网站标题的标题，表示Stripe支付，Stripe支付是一种在线支付。"
   },
   "title.manageOrder": {
     "message": "Bestellung verwalten",
-    "description": "Titel für die Bestellverwaltung auf der Website."
+    "description": "用作网站标题的标题，表示管理订单。"
   }
 }
\ No newline at end of file
diff --git a/src/i18n/en/common.json b/src/i18n/en/common.json
index ed55f895..894054a4 100644
--- a/src/i18n/en/common.json
+++ b/src/i18n/en/common.json
@@ -1,418 +1,418 @@
 {
   "button.setup": {
-    "message": "Setup",
-    "description": "Button text used to set certain items."
+    "message": "Set Up",
+    "description": "Button text used to set up certain content"
   },
   "button.preview": {
     "message": "Preview",
-    "description": "Button text used to open a preview of a file via URL."
+    "description": "Button text used to open a preview of a file via URL"
   },
   "button.seeRawImage": {
     "message": "View Original Image",
-    "description": "Button text used to view the original image."
+    "description": "Button text used to view the original image"
   },
   "button.edit": {
     "message": "Edit",
-    "description": "Button text used to edit certain items."
+    "description": "Button text used to edit certain content"
   },
   "button.login": {
-    "message": "Login",
-    "description": "Button text used for logging in."
+    "message": "Log In",
+    "description": "Button text used for logging in"
   },
   "button.logout": {
-    "message": "Logout",
-    "description": "Button text used to log out."
+    "message": "Log Out",
+    "description": "Button text used for logging out"
   },
   "button.new": {
-    "message": "New",
-    "description": "Button text used to create a new project."
+    "message": "Create New",
+    "description": "Button text used to create a new project"
   },
   "button.delete": {
     "message": "Delete",
-    "description": "Button text used to delete certain items."
+    "description": "Button text used to delete certain content"
   },
   "button.confirm": {
     "message": "Confirm",
-    "description": "Button text used to confirm certain items."
+    "description": "Button text used to confirm certain content"
   },
   "button.cancel": {
     "message": "Cancel",
-    "description": "Button text used to cancel certain actions."
+    "description": "Button text used to cancel certain actions"
   },
   "button.alert": {
     "message": "Alert",
-    "description": "Button text used to alert certain items."
+    "description": "Button text used to alert certain content"
   },
   "button.info": {
     "message": "Information",
-    "description": "Button text used to display information."
+    "description": "Button text used to display information"
   },
   "button.publish": {
     "message": "Publish",
-    "description": "Button text used to publish certain items."
+    "description": "Button text used to publish certain content"
   },
   "button.watch": {
     "message": "Watch",
-    "description": "Button text used to watch certain items."
+    "description": "Button text used to watch certain content"
   },
   "button.verify": {
-    "message": "Real Name Verification",
-    "description": "Button text used to allow users to perform real name verification."
+    "message": "Verify Identity",
+    "description": "Button text used to allow users to verify their identity"
   },
   "button.profile": {
     "message": "Profile",
-    "description": "Button text used to display user profile."
+    "description": "Button text used to display user profile"
   },
   "button.console": {
     "message": "Console",
-    "description": "Button text used to show the console page to control certain items on the webpage."
+    "description": "Button text used to display the console page to control certain content on the webpage"
   },
   "button.learn": {
     "message": "Learn",
-    "description": "Button text used to let users learn certain items."
+    "description": "Button text used to allow users to learn certain content"
   },
   "button.buy": {
     "message": "Buy",
-    "description": "Button text used to let users purchase certain items."
+    "description": "Button text used to allow users to purchase certain content"
   },
   "button.try": {
     "message": "Try",
-    "description": "Button text used to let users try certain items."
+    "description": "Button text used to allow users to try certain content"
   },
   "button.startForFree": {
     "message": "Start for Free",
-    "description": "Button text used to let users start using for free."
+    "description": "Button text used to allow users to start using for free"
   },
   "button.apply": {
     "message": "Apply",
-    "description": "Button text used to allow users to apply for the API service."
+    "description": "Button text used to allow users to apply for API services"
   },
   "button.refresh": {
     "message": "Refresh",
-    "description": "Button text used to refresh the page."
+    "description": "Button text used to refresh the page"
   },
   "button.pay": {
     "message": "Pay",
-    "description": "Button text used to let users pay for services."
+    "description": "Button text used to allow users to pay service fees"
   },
   "button.repay": {
     "message": "Continue Payment",
-    "description": "Button text used to let users continue paying for services."
+    "description": "Button text used to allow users to continue paying service fees"
   },
   "button.applied": {
     "message": "Applied",
-    "description": "Button text used to show that the user has applied for the service."
+    "description": "Button text used to show that the user has already applied for the service"
   },
   "button.acquire": {
     "message": "Acquire",
-    "description": "Button text used to let users acquire tokens or keys for the API service."
+    "description": "Button text used to allow users to acquire API service tokens or keys"
   },
   "button.fillExample": {
     "message": "Fill Example",
-    "description": "Button text used to let users fill in example data."
+    "description": "Button text used to allow users to fill in example data"
   },
   "button.buyMore": {
     "message": "Buy More",
-    "description": "Button text used to let users buy more items."
+    "description": "Button text used to allow users to purchase more content"
   },
   "button.update": {
     "message": "Update",
-    "description": "Button text used to update certain items."
+    "description": "Button text used to update certain content"
   },
   "button.view": {
     "message": "View",
-    "description": "Button text used to view certain items."
+    "description": "Button text used to view certain content"
   },
   "button.copy": {
     "message": "Copy",
-    "description": "Button text used to copy certain items."
+    "description": "Button text used to copy certain content"
   },
   "button.create": {
     "message": "Create",
-    "description": "Button text used to create certain items."
+    "description": "Button text used to create certain content"
   },
   "button.referralEarnings": {
     "message": "Referral Earnings",
-    "description": "Button text used to show referral earnings, indicating how users can earn money by inviting others to use the service."
+    "description": "Button text used to display referral earnings, indicating that users can earn money by inviting others to use the service"
   },
   "button.finish": {
     "message": "Finish",
-    "description": "Button text used to finish certain items."
+    "description": "Button text used to finish certain content"
   },
   "entity.website": {
     "message": "Ace Data Cloud",
-    "description": "Website name, no translation needed, keep as 'Ace Data Cloud'."
+    "description": "Website name, no translation necessary, keep as 'Ace Data Cloud'"
   },
   "entity.copyright": {
     "message": "Copyright",
-    "description": "Text used to display copyright information."
+    "description": "Text used to display copyright information"
   },
   "entity.platform": {
     "message": "Platform",
-    "description": "Text indicating that this is the platform for API services."
+    "description": "Text indicating that this is the platform for the API service"
   },
   "entity.title": {
     "message": "Title",
-    "description": "Title of the entity."
+    "description": "Title of the entity"
   },
   "entity.icon": {
     "message": "Icon",
-    "description": "Icon of the entity."
+    "description": "Icon of the entity"
   },
   "entity.status": {
     "message": "Status",
-    "description": "Status of the entity."
+    "description": "Status of the entity"
   },
   "entity.operation": {
     "message": "Operation",
-    "description": "Operation of the entity."
+    "description": "Operation of the entity"
   },
   "entity.description": {
     "message": "Description",
-    "description": "Description of the entity."
+    "description": "Description of the entity"
   },
   "entity.createdAt": {
     "message": "Created At",
-    "description": "Time when the entity was created."
+    "description": "Time when the entity was created"
   },
   "entity.updatedAt": {
     "message": "Updated At",
-    "description": "Time when the entity was updated."
+    "description": "Time when the entity was updated"
   },
   "entity.order": {
     "message": "Order",
-    "description": "The entity's order, which includes amount, service information, and requires payment from the user."
+    "description": "Entity's order, which includes amount, service information, and the user needs to pay for it"
   },
   "message.usedAmount": {
     "message": "Used Amount",
-    "description": "Used to display the amount of service that has been used."
+    "description": "Used to display the amount of service that has been used"
   },
   "message.remainingAmount": {
     "message": "Remaining Amount",
-    "description": "Used to display the remaining amount of the service."
+    "description": "Used to display the remaining amount of the service"
   },
   "message.copied": {
     "message": "Successfully Copied",
-    "description": "Used to display a message indicating that content has been successfully copied."
+    "description": "Used to display a message that the content has been successfully copied"
   },
   "message.confirmDelete": {
     "message": "Are you sure you want to delete?",
-    "description": "Used to confirm whether the user wants to delete certain content."
+    "description": "Used to confirm whether the user wants to delete certain content"
   },
   "message.alert": {
     "message": "Warning",
-    "description": "Used to warn the user."
+    "description": "Used to warn the user"
   },
   "message.info": {
     "message": "Friendly Reminder",
-    "description": "Used to display an informational message."
+    "description": "Used to display information"
   },
   "message.free": {
     "message": "Free",
-    "description": "Used to display a message indicating that the service is free, meaning the user does not need to pay."
+    "description": "Used to indicate that the service is free, meaning the user does not need to pay"
   },
   "message.startPrice": {
     "message": "Starting Price",
-    "description": "Used to display the minimum price of the service."
+    "description": "Used to display the minimum price of the service"
   },
   "message.joinDiscord": {
     "message": "Join Discord",
-    "description": "Used to prompt users to join the Discord channel."
+    "description": "Used to encourage users to join the Discord channel"
   },
   "message.addWeChat": {
     "message": "Add WeChat",
-    "description": "Used to prompt users to add WeChat."
+    "description": "Used to prompt users to add WeChat"
   },
   "message.serviceTech": {
     "message": "Technical Support",
-    "description": "Used to display a message about technical support for the service."
+    "description": "Used to display messages about technical support for the service"
   },
   "message.businessCooperation": {
     "message": "Business Cooperation",
-    "description": "Used to display a message about business cooperation."
+    "description": "Used to display messages regarding business cooperation"
   },
   "message.noData": {
     "message": "No Data",
-    "description": "Used to display a message indicating that there is no data in a table or list."
+    "description": "Used to display messages indicating that there is no data in the table or list"
   },
   "nav.home": {
     "message": "Home",
-    "description": "Text in the website navigation bar used to display the homepage."
+    "description": "Text in the website's navigation bar to display the home page"
   },
   "nav.content": {
     "message": "Content",
-    "description": "Text in the website navigation bar used to display the content page."
+    "description": "Text in the website's navigation bar to display the content page"
   },
   "nav.category": {
     "message": "Category",
-    "description": "Text in the website navigation bar used to display the category page."
+    "description": "Text in the website's navigation bar to display the category page"
   },
   "nav.service": {
     "message": "Service",
-    "description": "Text in the website navigation bar used to display the service page."
+    "description": "Text in the website's navigation bar to display the service page"
   },
   "nav.profile": {
     "message": "Profile",
-    "description": "Text in the website navigation bar used to display the profile page."
+    "description": "Text in the website's navigation bar to display the profile page"
   },
   "nav.document": {
-    "message": "Documentation",
-    "description": "Text in the website navigation bar used to display the documentation page."
+    "message": "Document",
+    "description": "Text in the website's navigation bar to display the document page"
   },
   "nav.console": {
     "message": "Console",
-    "description": "Text in the website navigation bar used to display the console page."
+    "description": "Text in the website's navigation bar to display the console page"
   },
   "nav.chat": {
     "message": "Chat",
-    "description": "Text in the website navigation bar used to display the chat page. Please do not translate this field, it must remain as 'Chat'."
+    "description": "Text in the website's navigation bar to display the chat page; do not translate this field, must remain as 'Chat'"
   },
   "nav.midjourney": {
     "message": "Midjourney",
-    "description": "Text in the website navigation bar used to display the Midjourney page. Please do not translate this field, it must remain as 'Midjourney'."
+    "description": "Text in the website's navigation bar to display the Midjourney page; do not translate this field, must remain as 'Midjourney'"
   },
   "nav.chatdoc": {
     "message": "ChatDoc",
-    "description": "Text in the website navigation bar used to display the chat document page. Please do not translate this field, it must remain as 'ChatDoc'."
+    "description": "Text in the website's navigation bar to display the Chat document page; do not translate this field, must remain as 'ChatDoc'"
   },
   "nav.qrart": {
     "message": "QRArt",
-    "description": "Text in the website navigation bar used to display the QRArt page. Please do not translate this field, it must remain as 'QRArt'."
+    "description": "Text in the website's navigation bar to display the QR Art page; do not translate this field, must remain as 'QRArt'"
   },
   "nav.suno": {
     "message": "Suno",
-    "description": "Text in the website navigation bar used to display the Suno page. Please do not translate this field, it must remain as 'Suno'."
+    "description": "Text in the website's navigation bar to display the Suno page; do not translate this field, must remain as 'Suno'"
   },
   "nav.distribution": {
     "message": "Referral Earnings",
-    "description": "Text in the website navigation bar used to display the referral earnings page."
+    "description": "Text in the website's navigation bar to display the referral earnings page"
   },
   "nav.logOut": {
     "message": "Log Out",
-    "description": "Text in the website navigation bar used to log out."
+    "description": "Text in the website's navigation bar to log out"
   },
   "nav.site": {
     "message": "Site Configuration",
-    "description": "Text in the website navigation bar used to display the site configuration page."
+    "description": "Text in the website's navigation bar to display the site configuration page"
   },
   "nav.locale": {
     "message": "Language Settings",
-    "description": "Text in the website navigation bar used to change the language."
+    "description": "Text in the website's navigation bar to change the language"
   },
   "nav.support": {
     "message": "Customer Support",
-    "description": "Text in the website navigation bar used to display the support page."
+    "description": "Text in the website's navigation bar to display the support page"
   },
   "nav.darkMode": {
     "message": "Dark Mode",
-    "description": "Text in the website navigation bar used to switch to the dark theme."
+    "description": "Text in the website's navigation bar to switch to dark theme"
   },
   "title.alert": {
     "message": "Alert",
-    "description": "Title of the alert message."
+    "description": "Title for the alert message"
   },
   "title.placeholderOfSelect": {
     "message": "Please Select",
-    "description": "Placeholder in the selection input field."
+    "description": "Placeholder for the selection input box"
   },
   "title.placeholderOfInput": {
     "message": "Please Fill In",
-    "description": "Placeholder in the input field."
+    "description": "Placeholder for the input box"
   },
   "title.allApplications": {
     "message": "All Applications",
-    "description": "Title of the page displaying all applications."
+    "description": "Title for the page displaying all applications"
   },
   "title.allOrders": {
     "message": "All Orders",
-    "description": "Title of the page displaying all orders."
+    "description": "Title for the page displaying all orders"
   },
   "title.orderInfo": {
     "message": "Order Information",
-    "description": "Title of the page displaying order information."
+    "description": "Title for the page displaying order information"
   },
   "title.buyMore": {
-    "message": "Purchase More",
-    "description": "Title of the page prompting users to buy more."
+    "message": "Buy More",
+    "description": "Title for the page prompting the user to buy more"
   },
   "title.distribution": {
     "message": "Referral Earnings",
-    "description": "The title of the page displaying referral earnings, indicating that users can earn by inviting others to use the service"
+    "description": "Displays the page title for referral earnings, indicating that users can earn money by inviting others to use the service."
   },
   "title.site": {
     "message": "Site Configuration",
-    "description": "The title of the page displaying site configuration"
+    "description": "Displays the page title for site configuration."
   },
   "title.distributionHistory": {
     "message": "Referral History",
-    "description": "The title of the page displaying referral history"
+    "description": "Displays the page title for referral history."
   },
   "title.invitee": {
-    "message": "Invitee",
-    "description": "The title of the page displaying invitees"
+    "message": "Inviter",
+    "description": "Displays the page title for the inviter."
   },
   "title.allUsages": {
     "message": "Usage History",
-    "description": "The title of the page displaying all usage records of the API service"
+    "description": "Displays the page title for all usage records of the API service."
   },
   "title.allCredentials": {
     "message": "Credentials",
-    "description": "The title of the page displaying all credentials used to access the API"
+    "description": "Displays the page title for all credentials used to access the API."
   },
   "about.title1": {
     "message": "Contact Us",
-    "description": "The title of the section displaying contact information"
+    "description": "Displays the title for the contact information section."
   },
   "about.title2": {
     "message": "Resources",
-    "description": "The title of the section displaying links"
+    "description": "Displays the title for the links section."
   },
   "about.title3": {
     "message": "Links",
-    "description": "The title of the section displaying support information"
+    "description": "Displays the title for the support information section."
   },
   "about.address": {
-    "message": "201 N Broad St, Office, Middletown, DE, USA",
-    "description": "The company's address"
+    "message": "Office 201, N Broad St, Middletown, DE, USA",
+    "description": "The company's address."
   },
   "about.email": {
     "message": "office@acedata.cloud",
-    "description": "The company's email"
+    "description": "The company's email."
   },
   "about.link1": {
     "message": "Services",
-    "description": "The link to the services page"
+    "description": "Link to the services page."
   },
   "about.link2": {
     "message": "Documentation",
-    "description": "The link to the documentation page"
+    "description": "Link to the documentation page."
   },
   "about.link3": {
     "message": "Console",
-    "description": "The link to the console page"
+    "description": "Link to the console page."
   },
   "about.link4": {
     "message": "Profile",
-    "description": "The link to the profile page"
+    "description": "Link to the profile page."
   },
   "about.link5": {
-    "message": "Center",
-    "description": "The link to the center page"
+    "message": "Dashboard",
+    "description": "Link to the dashboard page."
   },
   "about.link6": {
     "message": "Referral Earnings",
-    "description": "The link to the referral earnings page"
+    "description": "Link to the referral earnings page."
   },
   "about.link7": {
     "message": "Support",
-    "description": "The link to the support page"
+    "description": "Link to the support page."
   },
   "about.link8": {
     "message": "Terms of Service",
-    "description": "The link to the terms of service page"
+    "description": "Link to the terms of service page."
   },
   "about.link9": {
     "message": "Privacy Policy",
-    "description": "The link to the privacy policy page"
+    "description": "Link to the privacy policy page."
   }
-}
+}
\ No newline at end of file
diff --git a/src/i18n/en/order.json b/src/i18n/en/order.json
index f2687de1..4e644b86 100644
--- a/src/i18n/en/order.json
+++ b/src/i18n/en/order.json
@@ -1,59 +1,59 @@
 {
   "button.pay": {
     "message": "Pay",
-    "description": "Button text for paying an order."
+    "description": "Button text used to pay for the order."
   },
   "button.continuePay": {
-    "message": "Continue to Pay",
-    "description": "Button text for continuing to pay an order."
+    "message": "Continue Payment",
+    "description": "Button text used to continue paying for the order."
   },
   "button.checkDetail": {
-    "message": "Check Details",
-    "description": "Button text for checking order details."
+    "message": "View Details",
+    "description": "Button text used to view order details."
   },
   "button.query": {
     "message": "Query",
-    "description": "Button text for querying an order."
+    "description": "Button text used to query the order."
   },
   "button.finish": {
-    "message": "Manual Completion",
-    "description": "Button text for manually completing an order."
+    "message": "Manually Complete",
+    "description": "Button text used to manually complete the order."
   },
   "button.update": {
     "message": "Update",
-    "description": "Button text for updating an order."
+    "description": "Button text used to update the order."
   },
   "field.id": {
-    "message": "Order ID",
-    "description": "The identifier of an order."
+    "message": "Order Number",
+    "description": "The number of the order."
   },
   "field.amount": {
     "message": "Amount",
-    "description": "The amount of points for the order."
+    "description": "The points amount of the order."
   },
   "field.price": {
     "message": "Amount",
-    "description": "The amount of points for the order."
+    "description": "The points amount of the order."
   },
   "field.description": {
     "message": "Order Description",
-    "description": "The description of an order."
+    "description": "The description of the order."
   },
   "field.state": {
     "message": "Status",
-    "description": "The status of an order."
+    "description": "The status of the order."
   },
   "field.createdAt": {
     "message": "Creation Time",
-    "description": "The creation time of an order."
+    "description": "The creation time of the order."
   },
   "field.service": {
     "message": "Service Name",
-    "description": "The name of a service."
+    "description": "The name of the service."
   },
   "field.payWay": {
     "message": "Payment Method",
-    "description": "The payment method of an order."
+    "description": "The payment method of the order."
   },
   "field.api": {
     "message": "API",
@@ -61,78 +61,82 @@
   },
   "field.proxy": {
     "message": "Proxy",
-    "description": "Proxy is an online service used for data transmission as an HTTP proxy."
+    "description": "Proxy is an online service used for transmitting data via HTTP."
   },
   "message.paidSuccessfully": {
     "message": "Payment Successful",
     "description": "Message indicating successful payment."
   },
   "message.orderExpired": {
-    "message": "Order has expired. Please create a new order to proceed with payment.",
-    "description": "Message indicating that an order has expired."
+    "message": "The order has expired, please create a new order to proceed with payment.",
+    "description": "Message indicating the order has expired."
   },
   "message.createFailed": {
     "message": "Creation Failed",
-    "description": "Message indicating creation failure."
+    "description": "Message indicating creation failed."
   },
   "message.wechatPayHelp": {
-    "message": "Please open WeChat on your mobile device and scan to complete the payment.",
-    "description": "Help message for WeChat Pay."
+    "message": "Please open WeChat on your phone and scan the QR code to complete payment.",
+    "description": "Message providing help for WeChat payment."
   },
   "message.free": {
     "message": "Free",
     "description": "Message indicating a free order."
   },
   "message.buyInExternalUrl": {
-    "message": "Please complete payment on the external link provided.",
-    "description": "Message indicating payment via an external link."
+    "message": "Please complete payment at the external link.",
+    "description": "Message indicating payment via external link."
   },
   "message.updateFailed": {
     "message": "Update Failed",
-    "description": "Message indicating update failure."
+    "description": "Message indicating the update failed."
   },
   "message.updateSuccessfully": {
     "message": "Update Successful",
-    "description": "Message indicating successful update."
+    "description": "Message indicating the update was successful."
   },
   "message.confirmFinish": {
-    "message": "This action will manually set the order to paid status and complete distribution processing. This action cannot be undone. Please confirm that the customer has completed the payment. Do you want to continue?",
-    "description": "Confirmation message for finishing an order."
+    "message": "This action will manually set the order to a paid status and complete the distribution process, which cannot be undone. Please confirm the customer has completed the payment, do you wish to continue?",
+    "description": "Message for confirming order completion."
   },
   "state.pending": {
     "message": "Pending Payment",
-    "description": "Status of an order indicating it is awaiting payment from the user."
+    "description": "The status of the order, indicating it is still awaiting user payment."
   },
   "state.paid": {
     "message": "Paid",
-    "description": "Status of an order indicating it has been paid."
+    "description": "The status of the order, indicating it has been paid."
+  },
+  "state.finished": {
+    "message": "Completed",
+    "description": "The status of the order, indicating it has been completed."
   },
   "state.expired": {
     "message": "Payment Timeout",
-    "description": "Status of an order indicating payment timeout."
+    "description": "The status of the order, indicating it has expired."
   },
   "state.failed": {
     "message": "Payment Failed",
-    "description": "Status of an order indicating payment failure."
+    "description": "The status of the order, indicating payment has failed."
   },
   "title.info": {
     "message": "Order Information",
     "description": "Title used for the website, indicating order information."
   },
   "title.wechatPay": {
-    "message": "WeChat Pay",
-    "description": "Title used for the website, indicating WeChat Pay."
+    "message": "WeChat Payment",
+    "description": "Title used for the website, indicating WeChat payment."
   },
   "title.aliPay": {
     "message": "Alipay",
-    "description": "Title used for the website, indicating Alipay, an online payment service."
+    "description": "Title used for the website, indicating Alipay payment, which is an online payment method."
   },
   "title.stripe": {
     "message": "Stripe",
-    "description": "Title used for the website, indicating Stripe, an online payment service."
+    "description": "Title used for the website, indicating Stripe payment, which is an online payment method."
   },
   "title.manageOrder": {
     "message": "Manage Orders",
-    "description": "Title used for the website, indicating managing orders."
+    "description": "Title used for the website, indicating order management."
   }
 }
\ No newline at end of file
diff --git a/src/i18n/pt/order.json b/src/i18n/pt/order.json
index 0cd8b51d..84e88415 100644
--- a/src/i18n/pt/order.json
+++ b/src/i18n/pt/order.json
@@ -1,138 +1,142 @@
 {
   "button.pay": {
     "message": "Pagar",
-    "description": "Texto no botão, usado para pagar um pedido."
+    "description": "Texto do botão para pagar o pedido."
   },
   "button.continuePay": {
     "message": "Continuar Pagamento",
-    "description": "Texto no botão, usado para continuar o pagamento de um pedido."
+    "description": "Texto do botão para continuar o pagamento do pedido."
   },
   "button.checkDetail": {
     "message": "Ver Detalhes",
-    "description": "Texto no botão, usado para ver os detalhes de um pedido."
+    "description": "Texto do botão para visualizar os detalhes do pedido."
   },
   "button.query": {
     "message": "Consultar",
-    "description": "Texto no botão, usado para consultar um pedido."
+    "description": "Texto do botão para consultar o pedido."
   },
   "button.finish": {
     "message": "Concluir Manualmente",
-    "description": "Texto no botão, usado para concluir manualmente um pedido."
+    "description": "Texto do botão para concluir o pedido manualmente."
   },
   "button.update": {
     "message": "Atualizar",
-    "description": "Texto no botão, usado para atualizar um pedido."
+    "description": "Texto do botão para atualizar o pedido."
   },
   "field.id": {
-    "message": "ID do Pedido",
-    "description": "ID do pedido."
+    "message": "Número do Pedido",
+    "description": "O número do pedido."
   },
   "field.amount": {
-    "message": "Quantidade",
-    "description": "Quantidade de pontos do pedido."
+    "message": "Valor",
+    "description": "O valor dos pontos do pedido."
   },
   "field.price": {
-    "message": "Preço",
-    "description": "Preço do pedido em pontos."
+    "message": "Valor",
+    "description": "O valor dos pontos do pedido."
   },
   "field.description": {
     "message": "Descrição do Pedido",
-    "description": "Descrição do pedido."
+    "description": "A descrição do pedido."
   },
   "field.state": {
     "message": "Estado",
-    "description": "Estado do pedido."
+    "description": "O estado do pedido."
   },
   "field.createdAt": {
     "message": "Data de Criação",
-    "description": "Data de criação do pedido."
+    "description": "A data de criação do pedido."
   },
   "field.service": {
     "message": "Nome do Serviço",
-    "description": "Nome do serviço."
+    "description": "O nome do serviço."
   },
   "field.payWay": {
     "message": "Método de Pagamento",
-    "description": "Método de pagamento do pedido."
+    "description": "O método de pagamento do pedido."
   },
   "field.api": {
     "message": "API",
-    "description": "A API é um serviço online."
+    "description": "API é um serviço online."
   },
   "field.proxy": {
     "message": "Proxy",
-    "description": "O Proxy é um serviço online usado para transferir dados como um proxy HTTP."
+    "description": "Proxy é um serviço online para transferência de dados via HTTP."
   },
   "message.paidSuccessfully": {
-    "message": "Pagamento Realizado com Sucesso",
-    "description": "Mensagem de pagamento bem-sucedido."
+    "message": "Pagamento realizado com sucesso",
+    "description": "Mensagem para pagamento bem-sucedido."
   },
   "message.orderExpired": {
-    "message": "Pedido Expirado, por favor crie um novo pedido para pagamento.",
+    "message": "O pedido expirou, crie um novo pedido para efetuar o pagamento.",
     "description": "Mensagem de pedido expirado."
   },
   "message.createFailed": {
-    "message": "Falha ao Criar",
-    "description": "Mensagem de falha ao criar."
+    "message": "Falha na criação",
+    "description": "Mensagem de falha na criação."
   },
   "message.wechatPayHelp": {
-    "message": "Abra o WeChat no seu celular e escaneie o código para completar o pagamento",
-    "description": "Mensagem de ajuda para pagamento pelo WeChat."
+    "message": "Por favor, abra o WeChat no celular e escaneie o código para concluir o pagamento",
+    "description": "Mensagem de ajuda para pagamento via WeChat."
   },
   "message.free": {
     "message": "Grátis",
-    "description": "Mensagem para um pedido grátis."
+    "description": "Mensagem para pedidos gratuitos."
   },
   "message.buyInExternalUrl": {
-    "message": "Complete o pagamento em um link externo",
-    "description": "Mensagem de pagamento em link externo."
+    "message": "Por favor, conclua o pagamento no link externo",
+    "description": "Mensagem para pagamento via link externo."
   },
   "message.updateFailed": {
-    "message": "Atualização Falhou",
-    "description": "Mensagem de atualização falhada."
+    "message": "Falha na atualização",
+    "description": "Mensagem de falha na atualização."
   },
   "message.updateSuccessfully": {
-    "message": "Atualização Bem-sucedida",
+    "message": "Atualização bem-sucedida",
     "description": "Mensagem de atualização bem-sucedida."
   },
   "message.confirmFinish": {
-    "message": "Esta ação definirá manualmente o pedido como pago e concluirá o processamento de distribuição, não podendo ser desfeita. Por favor, confirme se o cliente concluiu o pagamento. Deseja continuar?",
+    "message": "Esta ação irá definir manualmente o pedido como pago e concluir o processamento, não poderá ser revertida. Por favor, confirme se o cliente terminou o pagamento, deseja continuar?",
     "description": "Mensagem de confirmação de conclusão."
   },
   "state.pending": {
-    "message": "Pendente",
-    "description": "Estado do pedido, indicando que o pedido está aguardando o pagamento do usuário."
+    "message": "Pendente de Pagamento",
+    "description": "Estado do pedido que indica que este ainda está aguardando o pagamento do usuário."
   },
   "state.paid": {
     "message": "Pago",
-    "description": "Estado do pedido, indicando que o pedido foi pago."
+    "description": "Estado do pedido que indica que este já foi pago."
+  },
+  "state.finished": {
+    "message": "Concluído",
+    "description": "Estado do pedido que indica que este já foi concluído."
   },
   "state.expired": {
-    "message": "Expirado",
-    "description": "Estado do pedido, indicando que o pedido expirou."
+    "message": "Pagamento Expirado",
+    "description": "Estado do pedido que indica que este já expirou."
   },
   "state.failed": {
     "message": "Pagamento Falhou",
-    "description": "Estado do pedido, indicando que o pagamento do pedido falhou."
+    "description": "Estado do pedido que indica que o pagamento falhou."
   },
   "title.info": {
     "message": "Informações do Pedido",
-    "description": "Título utilizado para as informações do pedido em um site."
+    "description": "Título usado no site, indicando informações do pedido."
   },
   "title.wechatPay": {
-    "message": "WeChat Pagamento",
-    "description": "Título utilizado para o pagamento pelo WeChat em um site."
+    "message": "Pagamento WeChat",
+    "description": "Título usado no site, indicando pagamento via WeChat."
   },
   "title.aliPay": {
-    "message": "AliPay",
-    "description": "Título utilizado para o pagamento pelo AliPay, uma forma de pagamento online."
+    "message": "Pagamento Alipay",
+    "description": "Título usado no site, indicando pagamento via Alipay, que é um método de pagamento online."
   },
   "title.stripe": {
     "message": "Stripe",
-    "description": "Título utilizado para o pagamento pelo Stripe, uma forma de pagamento online."
+    "description": "Título usado no site, indicando pagamento via Stripe, que é um método de pagamento online."
   },
   "title.manageOrder": {
     "message": "Gerenciar Pedido",
-    "description": "Título utilizado para o gerenciamento de pedidos em um site."
+    "description": "Título usado no site, indicando gerenciamento de pedidos."
   }
 }
\ No newline at end of file
diff --git a/src/i18n/zh-CN/common.json b/src/i18n/zh-CN/common.json
index 735eac7b..245b29ec 100644
--- a/src/i18n/zh-CN/common.json
+++ b/src/i18n/zh-CN/common.json
@@ -320,8 +320,8 @@
     "description": "输入框的占位符"
   },
   "title.allApplications": {
-    "message": "所有应用",
-    "description": "显示所有应用的页面标题"
+    "message": "所有申请",
+    "description": "显示所有申请的页面标题"
   },
   "title.allOrders": {
     "message": "所有订单",
diff --git a/src/i18n/zh-CN/order.json b/src/i18n/zh-CN/order.json
index 52f82230..36120578 100644
--- a/src/i18n/zh-CN/order.json
+++ b/src/i18n/zh-CN/order.json
@@ -107,6 +107,10 @@
     "message": "已支付",
     "description": "订单的状态，表示此订单已经支付。"
   },
+  "state.finished": {
+    "message": "已完成",
+    "description": "订单的状态，表示此订单已经完成。"
+  },
   "state.expired": {
     "message": "支付超时",
     "description": "订单的状态，表示此订单已经过期。"
@@ -135,4 +139,4 @@
     "message": "管理订单",
     "description": "用作网站标题的标题，表示管理订单。"
   }
-}
\ No newline at end of file
+}
diff --git a/src/models/order.ts b/src/models/order.ts
index 4b12e766..9c7086c3 100644
--- a/src/models/order.ts
+++ b/src/models/order.ts
@@ -4,7 +4,8 @@ export enum OrderState {
   PENDING = 'Pending',
   PAID = 'Paid',
   EXPIRED = 'Expired',
-  FAILED = 'Failed'
+  FAILED = 'Failed',
+  FINISHED = 'Finished'
 }
 
 export interface IOrder {
diff --git a/src/operators/order.ts b/src/operators/order.ts
index 32063cea..98510084 100644
--- a/src/operators/order.ts
+++ b/src/operators/order.ts
@@ -5,7 +5,7 @@ import { IOrder, IOrderDetailResponse, IOrderListResponse } from '@/models';
 export interface IOrderQuery {
   user_id?: string;
   package_id?: string;
-  applications_ids: string[];
+  applications_ids?: string[];
   package_ids?: string[];
   offset?: number;
   limit?: number;
diff --git a/src/pages/console/order/Detail.vue b/src/pages/console/order/Detail.vue
index 148ab903..8ea52ead 100644
--- a/src/pages/console/order/Detail.vue
+++ b/src/pages/console/order/Detail.vue
@@ -43,7 +43,7 @@
                 </div>
               </el-col>
             </el-row>
-            <el-row v-if="order?.state === OrderState.PAID" class="mb-5">
+            <el-row v-if="order?.state === OrderState.PAID || order?.state === OrderState.FINISHED" class="mb-5">
               <el-col :span="16" :offset="4">
                 <el-divider border-style="dashed" />
                 <el-alert :title="$t('order.message.paidSuccessfully')" type="success" show-icon :closable="false" />
diff --git a/src/pages/console/order/List.vue b/src/pages/console/order/List.vue
index 4169a8d0..7abd35a9 100644
--- a/src/pages/console/order/List.vue
+++ b/src/pages/console/order/List.vue
@@ -31,6 +31,9 @@
                   <span v-else-if="scope.row.state === OrderState?.PAID" class="state state-paid">
                     <el-tag type="success" class="mx-1" effect="dark">{{ $t('order.state.paid') }}</el-tag>
                   </span>
+                  <span v-else-if="scope.row.state === OrderState?.FINISHED" class="state state-finished">
+                    <el-tag type="success" class="mx-1" effect="dark">{{ $t('order.state.finished') }}</el-tag>
+                  </span>
                   <span v-else-if="scope.row.state === OrderState?.EXPIRED" class="state state-expired">
                     <el-tag type="warning" class="mx-1" effect="dark">{{ $t('order.state.expired') }}</el-tag>
                   </span>
@@ -53,7 +56,7 @@
                 <template #default="scope">
                   <div class="float-right">
                     <el-button
-                      v-if="scope.row.state !== OrderState.PAID"
+                      v-if="scope.row.state !== OrderState.PAID || scope.row.state !== OrderState.FINISHED"
                       type="primary"
                       size="small"
                       round
diff --git a/src/pages/console/subscription/Buy.vue b/src/pages/console/subscription/Buy.vue
index bdd284d8..bff56cf4 100644
--- a/src/pages/console/subscription/Buy.vue
+++ b/src/pages/console/subscription/Buy.vue
@@ -8,18 +8,42 @@
       </el-row>
       <el-row>
         <el-col :span="24">
-          <el-card shadow="hover">
+          <el-card shadow="hover" class="card">
             <el-row>
               <el-col :span="16" :offset="4">
                 <el-skeleton v-if="loading" />
-                <el-radio-group v-model="subscription" size="large">
-                  <el-radio-button v-for="(item, index) in subscriptions" :key="index" :label="item" :value="item">
-                    {{ item.label }}
-                  </el-radio-button>
-                </el-radio-group>
+                <el-row v-else :gutter="15" class="subscriptions">
+                  <el-col
+                    v-for="(item, index) in subscriptions"
+                    :key="index"
+                    :xs="24"
+                    :md="24 / (subscriptions?.length || 4)"
+                  >
+                    <el-card
+                      shadow="hover"
+                      :class="{ subscription: true, active: subscription?.name === item.name }"
+                      @click="subscription = item"
+                    >
+                      <h4 class="name">{{ item.label }}</h4>
+                      <h2 class="price">
+                        {{ getPriceString({ value: item.price }) }}
+                      </h2>
+                      <div class="benefits">
+                        <div v-for="(benefit, benefitIndex) in item.benefits" :key="benefitIndex" class="benefit">
+                          <font-awesome-icon icon="fa-solid fa-check" class="icon icon-check" />
+                          <span> {{ benefit }}</span>
+                        </div>
+                      </div>
+                      <div class="operations">
+                        <el-button class="btn btn-subscribe" type="primary" round @click="onCreateOrder(item)">{{
+                          $t('common.button.buy')
+                        }}</el-button>
+                      </div>
+                    </el-card>
+                  </el-col>
+                </el-row>
               </el-col>
             </el-row>
-            <el-button @click="onCreateOrder">Buy</el-button>
           </el-card>
         </el-col>
       </el-row>
@@ -29,7 +53,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { IService, IApplication, IApplicationType, IOrderDetailResponse, IPackageType } from '@/models';
+import { IService, IApplication, IApplicationType, IOrderDetailResponse, IPackageType, IPackage } from '@/models';
 import {
   ElRow,
   ElCol,
@@ -46,29 +70,28 @@ import {
 import { applicationOperator, orderOperator, serviceOperator } from '@/operators';
 // import { ROUTE_CONSOLE_ORDER_DETAIL } from '@/router';
 // import { applicationOperator, orderOperator } from '@/operators';
-// import { getPriceString } from '@/utils';
+import { getPriceString } from '@/utils';
 import { CHAT_SERVICE_ID } from '@/constants/chat';
 import { MIDJOURNEY_SERVICE_ID } from '@/constants/midjourney';
 import { SUNO_SERVICE_ID } from '@/constants/suno';
 import { QRART_SERVICE_ID } from '@/constants/qrart';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { ROUTE_CONSOLE_ORDER_DETAIL } from '@/router';
 
 interface ISubscription {
   name: string;
   label: string;
+  price?: number;
   duration: number;
+  benefits?: string[];
 }
 
 interface IData {
   applications: IApplication[];
   services: IService[];
   loading: boolean;
-  // form: {
-  //   amount: number | undefined;
-  //   packageId: string | undefined;
-  // };
   creating: boolean;
   subscription: ISubscription | undefined;
-  subscriptions: ISubscription[];
 }
 
 export default defineComponent({
@@ -78,12 +101,10 @@ export default defineComponent({
     ElRow,
     ElCol,
     ElCard,
+    FontAwesomeIcon,
     // ElForm,
     // ElFormItem,
-    ElButton,
-    // ElDivider,
-    ElRadioGroup,
-    ElRadioButton
+    ElButton
     // Price
   },
   data(): IData {
@@ -92,32 +113,45 @@ export default defineComponent({
       services: [],
       loading: false,
       creating: false,
-      subscription: undefined,
-      subscriptions: [
+      subscription: undefined
+    };
+  },
+  computed: {
+    subscriptions(): ISubscription[] {
+      const items: ISubscription[] = [
+        {
+          name: 'WEEK',
+          label: '周会员',
+          duration: 7 * 24 * 60 * 60,
+          benefits: ['Best AI-generated image quality', 'Fully featured web app', 'Faceswap and more']
+        },
         {
           name: 'MONTH',
           label: '月会员',
-          duration: 30 * 24 * 60 * 60
+          duration: 30 * 24 * 60 * 60,
+          benefits: ['Best AI-generated image quality', 'Fully featured web app', 'Faceswap and more']
         },
         {
           name: 'QUARTER',
           label: '季会员',
-          duration: 90 * 24 * 60 * 60
+          duration: 90 * 24 * 60 * 60,
+          benefits: ['Best AI-generated image quality', 'Fully featured web app', 'Faceswap and more']
         },
         {
           name: 'YEAR',
           label: '年会员',
-          duration: 365 * 24 * 60 * 60
-        },
-        {
-          name: 'WEEK',
-          label: '周会员',
-          duration: 7 * 24 * 60 * 60
+          duration: 365 * 24 * 60 * 60,
+          benefits: ['Best AI-generated image quality', 'Fully featured web app', 'Faceswap and more']
         }
-      ]
-    };
-  },
-  computed: {
+      ];
+      for (const item of items) {
+        const pkgs = this.getPackages(item.duration);
+        if (pkgs) {
+          item.price = pkgs.reduce((acc, pkg) => acc + pkg.price, 0);
+        }
+      }
+      return items;
+    },
     serviceIds(): string[] {
       return [CHAT_SERVICE_ID, MIDJOURNEY_SERVICE_ID, SUNO_SERVICE_ID, QRART_SERVICE_ID];
     },
@@ -127,36 +161,33 @@ export default defineComponent({
         (a, b) => this.serviceIds.indexOf(a.service_id!) - this.serviceIds.indexOf(b.service_id!)
       );
       return sortedApplications.map((application) => application.id) as string[];
-    },
-    packageIds() {
+    }
+  },
+  async mounted() {
+    this.loading = true;
+    await this.onFetchServices();
+    await this.onFetchApplications();
+    await this.onCreateApplications();
+    this.loading = false;
+    this.subscription = this.subscriptions[1];
+  },
+  methods: {
+    getPriceString,
+    getPackages(duration: number): IPackage[] {
       let result = [];
       // eslint-disable-next-line vue/no-side-effects-in-computed-properties
       const sortedServices = this.services.sort(
         (a, b) => this.serviceIds.indexOf(a.id) - this.serviceIds.indexOf(b.id)
       );
-      console.log('sortedServices', sortedServices);
       for (const service of sortedServices) {
         const packages = service.packages;
-        const target = packages?.find(
-          (p) => p.type === IPackageType.PERIOD && p.duration === this.subscription?.duration
-        );
-        console.log('package', target);
+        const target = packages?.find((p) => p.type === IPackageType.PERIOD && p.duration === duration);
         if (target) {
-          result.push(target.id);
+          result.push(target);
         }
       }
-      console.log('packageIds', result);
       return result;
-    }
-  },
-  async mounted() {
-    this.loading = true;
-    await this.onFetchServices();
-    await this.onFetchApplications();
-    await this.onCreateApplications();
-    this.loading = false;
-  },
-  methods: {
+    },
     async onCreateApplications() {
       // check applications id related to service id
       const serviceIdsFromApplications = this.applications.map((application) => application.service_id);
@@ -189,18 +220,23 @@ export default defineComponent({
         type: IApplicationType.PERIOD
       });
       this.applications = data.items;
-      console.log('applications', this.applications);
     },
-    onCreateOrder() {
+    onCreateOrder(subscription: ISubscription) {
+      this.subscription = subscription;
       this.creating = true;
       orderOperator
         .create({
           application_ids: this.applicationIds,
-          package_ids: this.packageIds
+          package_ids: this.getPackages(subscription.duration).map((p) => p.id)
         })
         .then(({ data: data }: { data: IOrderDetailResponse }) => {
           this.creating = false;
-          console.log('order', data);
+          this.$router.push({
+            name: ROUTE_CONSOLE_ORDER_DETAIL,
+            params: {
+              id: data.id
+            }
+          });
         })
         .catch(() => {
           ElMessage.error(this.$t('order.message.createFailed'));
@@ -224,16 +260,43 @@ export default defineComponent({
   width: calc(100% - 300px);
   background-color: var(--el-bg-color-page);
 
-  .el-card {
-    padding: 50px 0;
-    .price {
-      font-size: 20px;
-      font-weight: bold;
-      &.unfree {
-        color: #ff5441;
+  .card {
+    padding: 50px 0 100px 0;
+  }
+
+  .name {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    color: var(--el-color-primary);
+  }
+
+  .price {
+    font-size: 35px;
+    font-weight: bold;
+  }
+
+  .subscriptions {
+    .subscription {
+      border: 1px solid var(--el-border-color) !important;
+      .benefits {
+        .benefit {
+          margin-bottom: 10px;
+          .icon {
+            color: var(--el-color-primary);
+            margin-right: 5px;
+          }
+        }
+      }
+      &.active,
+      &:hover {
+        border-color: var(--el-color-primary) !important;
       }
-      &.free {
-        color: #29c287;
+      .operations {
+        .btn {
+          width: 100%;
+          margin-top: 20px;
+        }
       }
     }
   }