1

src/views/ops/webPage/index.vue

@@ -42,6 +42,33 @@
     >
       <component :is="currentComponent" v-if="dialogVisible" />
     </el-dialog>
+
+    <!-- 添加导出弹窗 -->
+    <el-dialog
+      :modal-append-to-body="true"
+      :modal="false"
+      title="导出用户提现"
+      :visible.sync="exportDialogVisible"
+      width="400px"
+    >
+      <el-form
+        ref="exportForm"
+        :model="exportForm"
+        :rules="exportRules"
+        label-width="140px"
+      >
+        <el-form-item label="起始提现ID" prop="beginWithdrawId">
+          <el-input v-model.number="exportForm.beginWithdrawId" type="number" />
+        </el-form-item>
+        <el-form-item label="结束提现ID" prop="endWithdrawId">
+          <el-input v-model.number="exportForm.endWithdrawId" type="number" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="exportDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleExport">确定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -58,7 +85,22 @@ export default {
     return {
       dialogVisible: false,
       currentComponent: null,
-      dialogTitle: ''
+      dialogTitle: '',
+      exportDialogVisible: false,
+      exportForm: {
+        beginWithdrawId: '',
+        endWithdrawId: ''
+      },
+      exportRules: {
+        beginWithdrawId: [
+          { required: true, message: '请输入起始提现ID', trigger: 'blur' },
+          { type: 'number', message: '必须为数字', trigger: 'blur' }
+        ],
+        endWithdrawId: [
+          { required: true, message: '请输入结束提现ID', trigger: 'blur' },
+          { type: 'number', message: '必须为数字', trigger: 'blur' }
+        ]
+      }
     };
   },
   methods: {
@@ -75,17 +117,28 @@ export default {
           this.dialogTitle = '用户加钱';
           break;
         case 'openExport':
-          this.download('ops/withdraw/exportDcQ4', {}, `withdraw_${new Date().getTime()}.xlsx`)
-          break;
-      }
-      if(type == 'openExport'){
-        return
+          this.exportDialogVisible = true;
+          return;
       }
+      if(type !== 'openExport') {
         this.dialogVisible = true;
+      }
     },
     handleClose() {
       this.currentComponent = null;
       this.dialogTitle = '';
+    },
+    handleExport() {
+      this.$refs.exportForm.validate(valid => {
+        if (valid) {
+          this.download(
+            'ops/withdraw/exportDcQ4',
+            this.exportForm,
+            `withdraw_${new Date().getTime()}.xlsx`
+          );
+          this.exportDialogVisible = false;
+        }
+      });
     }
   }
 };