优化财务仪表盘UI与快捷时间筛选

frontend/src/features/admin/views/AdminMohongOrdersView.vue

@@ -128,9 +128,7 @@ function canComplete(row: MohongOrder) {
 }
 
 function canCancel(row: MohongOrder) {
-  return (
-    row.status === 'pending_payment' || row.status === 'paid' || row.status === 'receiving'
-  )
+  return row.status === 'pending_payment' || row.status === 'paid' || row.status === 'receiving'
 }
 
 function canRefund(row: MohongOrder) {
@@ -158,7 +156,13 @@ async function copyText(text: string) {
     </div>
 
     <div class="filters">
-      <el-input v-model="keyword" clearable placeholder="订单号" style="width: 220px" @keyup.enter="load" />
+      <el-input
+        v-model="keyword"
+        clearable
+        placeholder="订单号"
+        style="width: 220px"
+        @keyup.enter="load"
+      />
       <el-select v-model="status" clearable placeholder="状态" style="width: 140px">
         <el-option label="待支付" value="pending_payment" />
         <el-option label="已支付" value="paid" />
@@ -167,7 +171,7 @@ async function copyText(text: string) {
         <el-option label="已取消" value="cancelled" />
         <el-option label="已退款" value="refunded" />
       </el-select>
-      <el-button type="primary" @click=";(page = 1), load()">查询</el-button>
+      <el-button type="primary" @click=";((page = 1), load())">查询</el-button>
     </div>
 
     <el-table v-loading="loading" :data="items" border stripe>
@@ -262,7 +266,11 @@ async function copyText(text: string) {
         </div>
         <div v-if="detail.qrcode_url_snapshot" class="qr-box">
           <strong>二维码快照</strong>
-          <el-image :src="detail.qrcode_url_snapshot" fit="contain" style="width: 180px; height: 180px" />
+          <el-image
+            :src="detail.qrcode_url_snapshot"
+            fit="contain"
+            style="width: 180px; height: 180px"
+          />
         </div>
       </template>
     </el-drawer>