Fix packages for usage issue (#101)

Co-authored-by: AceDataCloud <office@acedata.cloud>

change/@acedatacloud-nexior-2becb36b-c15e-4eab-94db-e0c669bbc07f.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix packages",
+  "packageName": "@acedatacloud/nexior",
+  "email": "office@acedata.cloud",
+  "dependentChangeType": "patch"
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acedatacloud/nexior",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "author": "Germey Technology <dev@germey.tech>",
   "repository": {
     "type": "git",

src/models/api.ts

@@ -45,10 +45,17 @@ export interface IResponse {
   headers: ISchema;
 }
 
+export enum IPackageType {
+  PERIOD = 'Period',
+  USAGE = 'Usage'
+}
+
 export interface IPackage {
   id: string;
   amount: number;
   price: number;
+  type?: IPackageType;
+  duration?: number;
 }
 
 export enum IApiUnit {

src/models/application.ts

@@ -2,7 +2,8 @@ import { ICredential } from './credential';
 import { IService } from './service';
 
 export enum IApplicationType {
-  API = 'Api'
+  USAGE = 'Usage',
+  PERIOD = 'Period'
 }
 
 export interface IApplication {

src/pages/console/application/Buy.vue

@@ -20,6 +20,7 @@
                     <el-radio-group v-if="application?.service?.packages" v-model="form.packageId">
                       <el-radio-button
                         v-for="(pkg, pkgIndex) in application?.service.packages"
+                        v-show="pkg.type === 'Usage'"
                         :key="pkgIndex"
                         :label="pkg.id"
                         class="mb-2"

src/pages/console/order/Detail.vue

@@ -30,9 +30,6 @@
                       <span v-if="order?.pay_way === PayWay.WechatPay">{{ $t('order.title.wechatPay') }}</span>
                       <span v-if="order?.pay_way === PayWay.Stripe">{{ $t('order.title.stripe') }}</span>
                     </el-descriptions-item>
-                    <el-descriptions-item :label="$t('order.field.amount')">
-                      {{ order?.amount }} {{ $t(`service.unit.${order?.application?.service?.unit}`) }}
-                    </el-descriptions-item>
                     <el-descriptions-item :label="$t('order.field.createdAt')">
                       {{ $dayjs.format(order?.created_at) }}
                     </el-descriptions-item>

src/pages/distribution/Index.vue

@@ -149,7 +149,8 @@
                 <qr-code
                   v-if="distributionLink"
                   :value="distributionLink"
-                  :size="150"
+                  :size="180"
+                  :margin="2"
                   class="block mb-2 ml-auto mr-auto"
                 />
                 <p class="mt-0">
@@ -390,6 +391,9 @@ export default defineComponent({
   }
   .qr-wrapper {
     padding: 15px 0;
+    img {
+      width: 200px;
+    }
     p {
       text-align: center;
       color: var(--el-text-color-regular);