2026普惠算力平台优化建议表260702

src/api/member/recharge/index.ts

@@ -50,5 +50,8 @@ export const MemberRechargeApi = {
   },
   getPendingCount: async () => {
     return request.get({ url: '/member/recharge/pending-count' })
+  },
+  exportRecharge: async (params: any) => {
+    return await request.download({ url: '/member/recharge/export-excel', params })
   }
 }

src/views/compute/resourceorder/ResourceOrderDetail.vue

+<template>
+  <Dialog title="订单详情" v-model="dialogVisible" width="720px">
+    <el-descriptions :column="2" border v-loading="loading" label-width="130px">
+      <el-descriptions-item label="订单编号" :span="2">
+        {{ detail.orderNo }}
+      </el-descriptions-item>
+      <el-descriptions-item label="下单用户手机号">
+        {{ detail.mobile }}
+      </el-descriptions-item>
+      <el-descriptions-item label="用户昵称">
+        {{ detail.nickname || '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="算力资源名称">
+        {{ detail.spuName }}
+      </el-descriptions-item>
+      <el-descriptions-item label="订单状态">
+        <dict-tag :type="DICT_TYPE.COMPUTE_RESOURCE_ORDER_STATUS" :value="detail.status" />
+      </el-descriptions-item>
+      <el-descriptions-item label="市场价格">
+        ¥{{ fenToYuan(detail.marketPrice) }}
+      </el-descriptions-item>
+      <el-descriptions-item label="实付金额">
+        ¥{{ fenToYuan(detail.paymentPrice) }}
+      </el-descriptions-item>
+      <el-descriptions-item label="支付渠道">
+        {{ detail.payChannelCode }}
+      </el-descriptions-item>
+      <el-descriptions-item label="支付时间">
+        {{ detail.payTime ? formatDate(detail.payTime) : '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="租赁开始时间">
+        {{ detail.rentStartTime ? formatDate(detail.rentStartTime) : '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="租赁结束时间">
+        {{ detail.rentEndTime ? formatDate(detail.rentEndTime) : '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="取消时间">
+        {{ detail.cancelTime ? formatDate(detail.cancelTime) : '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="退款状态">
+        <dict-tag :type="DICT_TYPE.COMPUTE_RESOURCE_REFUND_STATUS" :value="detail.refundStatus" />
+      </el-descriptions-item>
+      <el-descriptions-item label="退款金额">
+        {{ detail.refundPrice ? '¥' + fenToYuan(Number(detail.refundPrice)) : '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="开票状态">
+        <dict-tag :type="DICT_TYPE.TRADE_INVOICE_STATUS" :value="detail.invoiceStatus" />
+      </el-descriptions-item>
+      <el-descriptions-item label="发票链接" :span="2">
+        <el-link v-if="detail.invoiceUrl" type="primary" :href="detail.invoiceUrl" target="_blank">
+          {{ detail.invoiceUrl }}
+        </el-link>
+        <span v-else>-</span>
+      </el-descriptions-item>
+      <el-descriptions-item label="备注" :span="2">
+        {{ detail.remark || '-' }}
+      </el-descriptions-item>
+      <el-descriptions-item label="创建时间">
+        {{ detail.createTime ? formatDate(detail.createTime) : '-' }}
+      </el-descriptions-item>
+    </el-descriptions>
+    <template #footer>
+      <el-button @click="dialogVisible = false">关 闭</el-button>
+    </template>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { ResourceOrderApi, ResourceOrder } from '@/api/compute/resourceorder'
+import { DICT_TYPE } from '@/utils/dict'
+import { fenToYuan } from '@/utils'
+import { formatDate } from '@/utils/formatTime'
+
+/** 算力资源订单详情 */
+defineOptions({ name: 'ResourceOrderDetail' })
+
+const dialogVisible = ref(false)
+const loading = ref(false)
+const detail = ref<Partial<ResourceOrder>>({})
+
+/** 打开弹窗 */
+const open = async (id: number) => {
+  dialogVisible.value = true
+  loading.value = true
+  try {
+    detail.value = await ResourceOrderApi.getResourceOrder(id)
+  } finally {
+    loading.value = false
+  }
+}
+
+defineExpose({ open })
+</script>

src/views/member/recharge/index.vue

@@ -75,6 +75,10 @@
             <el-button @click="resetQuery"
               ><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button
             >
+            <el-button type="success" @click="handleExport" :disabled="exportLoading">
+              <Icon icon="ep:download" class="mr-5px" />
+              导出
+            </el-button>
           </el-form-item>
         </el-form>
       </el-tab-pane>
@@ -247,6 +251,7 @@
 <script setup lang="ts">
 import { dateFormatter } from '@/utils/formatTime'
 import { MemberRechargeApi, MemberRechargeRespVO } from '@/api/member/recharge'
+import download from '@/utils/download'
 
 /** 会员充值记录 列表 */
 defineOptions({ name: 'MemberRecharge' })
@@ -261,6 +266,7 @@ const pendingTotal = ref(0)
 const pendingCount = ref(0)
 const dialogVisible = ref(false)
 const submitLoading = ref(false)
+const exportLoading = ref(false)
 const formRef = ref()
 
 const queryParams = reactive({
@@ -365,6 +371,25 @@ const resetQuery = () => {
   handleQuery()
 }
 
+/** 导出按钮操作 */
+const handleExport = async () => {
+  if (exportLoading.value) return
+  exportLoading.value = true
+  try {
+    const params = {
+      userMobile: queryParams.userMobile,
+      payChannel: queryParams.payChannel,
+      payStatus: queryParams.payStatus,
+      redeemed: queryParams.redeemed,
+      createTime: queryParams.createTime
+    }
+    const data = await MemberRechargeApi.exportRecharge(params)
+    download.excel(data, '充值记录.xls')
+  } finally {
+    exportLoading.value = false
+  }
+}
+
 /** 打开人工充值弹窗 */
 const openManualDialog = (row: MemberRechargeRespVO) => {
   if (!row.id) {