diff --git a/src/views/money/detail/index.vue b/src/views/money/detail/index.vue
index 8728890..175b4c1 100644
--- a/src/views/money/detail/index.vue
+++ b/src/views/money/detail/index.vue
@@ -2,6 +2,17 @@
   <div style="padding: 20px;">
     <h1 style="text-align: center; margin-bottom: 30px;">充值明细</h1>
     <el-divider></el-divider>
+    <el-col :span="1.5">
+      <el-button
+        v-hasPermi="['system:pay:export']"
+        icon="el-icon-download"
+        plain
+        size="mini"
+        type="warning"
+        @click="handleExport"
+      >导出
+      </el-button>
+    </el-col>
     <el-table
       :data="listDate"
       style="width: 100%; border-collapse: collapse;">
@@ -40,7 +51,7 @@
       <el-table-column
         label="充值时间"
         width="300"
-        style="border: 1px solid #ccc; padding: 10px; text-align: center;">
+        style="border: 1px solid #ca8a8a; padding: 10px; text-align: center;">
         <template slot-scope="scope">
           {{ scope.row.createTime }}
         </template>
@@ -76,6 +87,12 @@ export default {
     this.getList();
   },
   methods: {
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/user/export', {
+        ...this.queryParams
+      }, `pay_${new Date().getTime()}.xlsx`)
+    },
     getList() {
       userPayinfo(this.addDateRange(this.queryParams)).then(response => {
           this.listDate = response.data.rows;