1

src/views/ops/manual/index.vue

 <!--手动下发-->
 <template>
   <div class="app-container" style="background-color: #fff">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="118px"
-    >
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="118px">
       <el-form-item label="申请人账号" prop="userPhone">
-        <el-input
-          v-model="queryParams.userPhone"
-          placeholder="请输入申请人账号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.userPhone" placeholder="请输入申请人账号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="申请人姓名" prop="userName">
-        <el-input
-          v-model="queryParams.userName"
-          placeholder="请输入申请人姓名"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.userName" placeholder="请输入申请人姓名" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="订单编号" prop="withdrawNum">
-        <el-input
-          v-model="queryParams.withdrawNum"
-          placeholder="请输入订单编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.withdrawNum" placeholder="请输入订单编号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="收款银行" prop="bankName">
-        <el-input
-          v-model="queryParams.bankName"
-          placeholder="请输入收款银行"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.bankName" placeholder="请输入收款银行" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="银行卡号码" prop="bankNum">
-        <el-input
-          v-model="queryParams.bankNum"
-          placeholder="请输入银行卡号码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.bankNum" placeholder="请输入银行卡号码" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="预留手机号" prop="bankPhone">
-        <el-input
-          v-model="queryParams.bankPhone"
-          placeholder="请输入预留手机号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.bankPhone" placeholder="请输入预留手机号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="持卡人" prop="bankUserName">
-        <el-input
-          v-model="queryParams.bankUserName"
-          placeholder="请输入持卡人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.bankUserName" placeholder="请输入持卡人" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
 
       <el-form-item label="提现类型" prop="withdrawType">
-        <el-select
-          v-model="queryParams.withdrawType"
-          placeholder="请选择提现类型"
-        >
-          <el-option
-            v-for="dict in dict.type.sys_wallet_type"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+        <el-select v-model="queryParams.withdrawType" placeholder="请选择提现类型">
+          <el-option v-for="dict in dict.type.sys_wallet_type" :key="dict.value" :label="dict.label"
+            :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="状态">
         <el-select v-model="queryParams.status" placeholder="请选择状态">
-          <el-option
-            v-for="dict in dict.type.sys_withdrawal_status"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+          <el-option v-for="dict in dict.type.sys_withdrawal_status" :key="dict.value" :label="dict.label"
+            :value="dict.value" />
         </el-select>
       </el-form-item>
 
       <el-form-item>
-        <el-button
-          type="primary"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          @click="allhand"
-          v-hasPermi="['ops:product:add']"
-          >审核通过</el-button
-        >
+        <el-button type="primary" plain icon="el-icon-edit" size="mini" @click="allhand"
+          v-hasPermi="['ops:product:add']">审核通过</el-button>
       </el-col>
 
       <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          @click="allbohui"
-          v-hasPermi="['ops:product:remove']"
-          >驳回</el-button
-        >
+        <el-button type="danger" plain icon="el-icon-edit" size="mini" @click="allbohui"
+          v-hasPermi="['ops:product:remove']">驳回</el-button>
       </el-col>
 
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['ops:product:remove']"
-          >导出</el-button
-        >
+        <el-button type="primary" plain icon="el-icon-edit" size="mini" @click="handleExport"
+          v-hasPermi="['ops:product:remove']">导出</el-button>
       </el-col>
 
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table :data="productList" @selection-change="handleSelectionChange">
@@ -164,62 +79,35 @@
       <el-table-column label="提现类型" align="center" prop="withdrawType">
         <!-- 0账户余额 1推荐奖 2生活补贴金 3信用卡还款金-->
         <template slot-scope="scope">
-          <dict-tag
-            :options="dict.type.sys_wallet_type"
-            :value="scope.row.withdrawType"
-          ></dict-tag>
+          <dict-tag :options="dict.type.sys_wallet_type" :value="scope.row.withdrawType"></dict-tag>
         </template>
       </el-table-column>
       <el-table-column label="提现金额" align="center" prop="withdrawAmount">
         <template slot-scope="scope">
-          {{ scope.row.withdrawAmount  }}
+          {{ scope.row.withdrawAmount }}
         </template>
       </el-table-column>
       <!--      <el-table-column label="提现结果" align="center" prop="withdrawResult" />-->
       <el-table-column prop="status" label="状态" width="100" align="center">
         <template slot-scope="scope">
-          <dict-tag
-            :options="dict.type.sys_withdrawal_status"
-            :value="scope.row.status"
-          ></dict-tag>
+          <dict-tag :options="dict.type.sys_withdrawal_status" :value="scope.row.status"></dict-tag>
         </template>
       </el-table-column>
       <el-table-column label="成功时间" align="center" prop="successTime" />
       <el-table-column label="失败时间" align="center" prop="passTime" />
 
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            v-show="scope.row.status == 1"
-            size="medium"
-            type="primary"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['ops:product:edit']"
-            >审核通过</el-button
-          >
-          <el-button
-            v-show="scope.row.status == 1 || scope.row.status == 2"
-            size="medium"
-            type="danger"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['ops:product:remove']"
-            >驳回</el-button
-          >
+          <el-button v-show="scope.row.status == 1" size="medium" type="primary" @click="handleUpdate(scope.row)"
+            v-hasPermi="['ops:product:edit']">审核通过</el-button>
+          <el-button v-show="scope.row.status == 1 || scope.row.status == 2" size="medium" type="danger"
+            @click="handleDelete(scope.row)" v-hasPermi="['ops:product:remove']">驳回</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改产品对话框 -->
   </div>
@@ -408,7 +296,7 @@ export default {
     },
 
     //手动下发
-    handless() {},
+    handless() { },
     /** 提交按钮 */
     submitForm() {
       console.log(390);
@@ -473,23 +361,50 @@ export default {
     },
     /** 驳回按钮操作 */
     handleDelete(row) {
-      this.$confirm("确认进行此操作?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          shoudongshehepass(row.withdrawId).then((res) => {
-            console.log(res, 375);
-            this.getList();
-          });
-        })
-        .catch(() => {
+      this.$prompt('确认驳回此次提现吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        inputPlaceholder: '请输入驳回理由',
+        inputPattern: /.*/,
+        inputErrorMessage: '驳回理由不能为空！'
+      }).then(({ value }) => {
+        request({
+          url: '/ops/withdraw/pass/withdraw',
+          method: 'post',
+          data: {
+            withdrawId: row.withdrawId,
+            reamke: value
+          }
+        }).then((res) => {
           this.$message({
-            type: "info",
-            message: "已取消更改",
+            type: 'success',
+            message: '驳回成功'
           });
+          this.getList();
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消驳回'
         });
+      });
+      // this.$confirm("确认进行此操作?", "提示", {
+      //   confirmButtonText: "确定",
+      //   cancelButtonText: "取消",
+      //   type: "warning",
+      // })
+      //   .then(() => {
+      //     shoudongshehepass(row.withdrawId).then((res) => {
+      //       console.log(res, 375);
+      //       this.getList();
+      //     });
+      //   })
+      //   .catch(() => {
+      //     this.$message({
+      //       type: "info",
+      //       message: "已取消更改",
+      //     });
+      //   });
 
       // const productIds = row.productId || this.ids;
       // this.$modal.confirm('是否确认删除产品编号为"' + productIds + '"的数据项？').then(function() {

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;
+          this.exportDialogVisible = true;
+          return;
       }
-      if(type == 'openExport'){
-        return
+      if(type !== 'openExport') {
+        this.dialogVisible = true;
       }
-      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;
+        }
+      });
     }
   }
 };