Update styles of buttons

change/@acedatacloud-hub-9ccd9f06-33c1-48c3-8e5d-8929dd49b79f.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix style bugs",
+  "packageName": "@acedatacloud/hub",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

src/components/midjourney/ReferenceImage.vue

@@ -12,7 +12,7 @@
       :on-error="onError"
       :headers="headers"
     >
-      <el-button type="primary" class="btn btn-upload">
+      <el-button round type="primary" class="btn btn-upload">
         <font-awesome-icon icon="fa-solid fa-upload" class="icon mr-2" />
         {{ $t('midjourney.button.uploadReferences') }}
       </el-button>

src/components/midjourney/tasks/TaskBriefList.vue

@@ -16,7 +16,9 @@
     <div v-for="(task, taskKey) in tasks" :key="taskKey" class="task">
       <task-preview :full="false" :model-value="task" @custom="$emit('custom', $event)" />
     </div>
-    <el-button type="primary" class="btn mb-4" @click="onLoadHistory">{{ $t('midjourney.button.history') }}</el-button>
+    <el-button type="primary" round class="btn mb-4" @click="onLoadHistory">{{
+      $t('midjourney.button.history')
+    }}</el-button>
   </div>
 </template>
 

src/components/order/Create.vue

@@ -38,7 +38,7 @@
       </span>
     </el-form-item>
     <el-form-item>
-      <el-button type="primary" size="large" class="btn-create" :loading="creating" @click="onCreateOrder">
+      <el-button type="primary" round size="large" class="btn-create" :loading="creating" @click="onCreateOrder">
         {{ $t('application.button.createOrder') }}
       </el-button>
     </el-form-item>

src/i18n/en/order.json

@@ -67,6 +67,10 @@
     "message": "Payment Successful",
     "description": "The message of the successful payment."
   },
+  "message.orderExpired": {
+    "message": "Order expired, please create a new order to pay.",
+    "description": "The message of the expired order."
+  },
   "message.createFailed": {
     "message": "Creation Failed",
     "description": "The message of the failed creation."
@@ -131,4 +135,4 @@
     "message": "Manage Order",
     "description": "The title which used show as a title of website, means the manage order."
   }
-}
+}

src/pages/chatdoc/Manage.vue

@@ -49,7 +49,7 @@
             </el-table-column>
             <el-table-column>
               <template #default="scope">
-                <el-button type="danger" size="small" @click="onDelete(scope.row.id)">
+                <el-button type="danger" round size="small" @click="onDelete(scope.row.id)">
                   {{ $t('common.button.delete') }}
                 </el-button>
               </template>

src/pages/console/application/Buy.vue

@@ -112,7 +112,6 @@ export default defineComponent({
       application: undefined,
       loading: false,
       form: {
-        amount: 1000,
         packageId: undefined
       },
       creating: false
@@ -165,13 +164,13 @@ export default defineComponent({
       orderOperator
         .create({
           application_id: this.application?.id,
-          amount: this.form.amount,
+          amount: this.package?.amount,
           ...(this.form.packageId !== 'custom' && this.package
             ? {
                 package_id: this.package.id
               }
             : {}),
-          description: `${this.application?.service?.title} x ${this.form.amount} ${unit}`
+          description: `${this.application?.service?.title} x ${this.package?.amount} ${unit}`
         })
         .then(({ data: data }: { data: IOrderDetailResponse }) => {
           this.creating = false;

src/pages/console/order/Detail.vue

@@ -26,6 +26,10 @@
                     <el-descriptions-item v-if="order?.application?.service" :label="$t('order.field.api')">
                       {{ order?.application?.service?.title }}
                     </el-descriptions-item>
+                    <el-descriptions-item v-if="order?.pay_way" :label="$t('order.field.payWay')">
+                      <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>
@@ -48,6 +52,12 @@
                 <el-alert :title="$t('order.message.paidSuccessfully')" type="success" show-icon :closable="false" />
               </el-col>
             </el-row>
+            <el-row v-if="order?.state === OrderState.EXPIRED" class="mb-5">
+              <el-col :span="14" :offset="5">
+                <el-divider border-style="dashed" />
+                <el-alert :title="$t('order.message.orderExpired')" type="error" show-icon :closable="false" />
+              </el-col>
+            </el-row>
             <el-row v-if="order?.state === OrderState.PENDING || order?.state === OrderState.FAILED">
               <el-col :span="14" :offset="5">
                 <el-divider border-style="dashed" />