优化了用户体现申请

src/views/finance/application/index.vue

@@ -15,8 +15,10 @@
             <el-select v-model="formInline.state" placeholder="请选择">
               <el-option label="全部" :value="null" />
               <el-option label="待审核" value="0" />
-              <el-option label="通过" value="1" />
+              <el-option label="打款中" value="1" />
               <el-option label="拒绝" value="2" />
+              <el-option label="打款成功" value="3" />
+              <el-option label="打款失败" value="4" />
             </el-select>
           </el-form-item>
           <el-form-item label-width="0">
@@ -28,19 +30,21 @@
       <!--  表格 -->
       <div class="content_table">
         <div class="table">
-          <el-table
-            :data="tableData" border :header-cell-style="{ background: '#EEF3FF', color: '#333333' }"
-            style="width: 100%"
-          >
+          <el-table :data="tableData" border :header-cell-style="{ background: '#EEF3FF', color: '#333333' }"
+            style="width: 100%">
             >
+            <el-table-column prop="orderSn" label="流水号"></el-table-column>
             <el-table-column prop="name" label="用户名称" />
             <el-table-column prop="phone" label="手机号码" />
             <el-table-column prop="withdrawalMoney" label="提现金额" />
+            <el-table-column prop="cost" label="手续费"></el-table-column>
             <el-table-column label="处理状态">
               <template slot-scope="scope">
                 <span v-if="scope.row.state == 0">审核中</span>
-                <span v-if="scope.row.state == 1">通过</span>
+                <span v-if="scope.row.state == 1">打款中</span>
                 <span v-if="scope.row.state == 2">拒绝</span>
+                <span v-if="scope.row.state == 3">打款成功</span>
+                <span v-if="scope.row.state == 4">打款失败</span>
               </template>
             </el-table-column>
             <el-table-column label="操作" show-overflow-tooltip>
@@ -53,18 +57,16 @@
             </el-table-column>
           </el-table>
           <div class="fenye">
-            <el-pagination
-              :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="10"
+            <el-pagination :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="10"
               layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange"
-              @current-change="handleCurrentChange"
-            />
+              @current-change="handleCurrentChange" />
           </div>
         </div>
       </div>
     </div>
     <!-- *****************弹框开始***************** -->
     <!-- 详情弹框 -->
-    <el-dialog :visible.sync="dioObj.show" :title="dioObj.title" width="40%" center :close-on-click-modal="false">
+    <el-dialog :visible.sync="dioObj.show" :title="dioObj.title" width="40%" center :close-on-click-modal="false" @close="closeDialog">
       <div class="box">
         <div class="dioBox">
           <div v-for="(item, index) in infoList" :key="index" class="inner">{{ item.name }}:{{ item.value }}</div>
@@ -74,7 +76,7 @@
       <span slot="footer" class="dialog-footer">
         <el-button v-if="dioObj.type === 2" type="primary" @click="agreeEn(1)">确认打款</el-button>
         <el-button v-if="dioObj.type === 2" type="danger" @click="agreeEn(2)">拒绝打款</el-button>
-        <el-button v-if="dioObj.type === 1" @click="dioObj.show = false">关 闭</el-button>
+        <el-button v-if="dioObj.type === 1" @click="closeDialog">关 闭</el-button>
       </span>
     </el-dialog>
   </div>
@@ -106,12 +108,15 @@ export default {
         { name: '银行卡号', value: '', fields: 'bankCard' },
         { name: '收款人姓名', value: '', fields: 'name' },
         { name: '提现金额', value: '', fields: 'withdrawalMoney' },
+        { name: "实际到账", value: '', fields: "actualReceipt" },
         { name: '申请时间', value: '', fields: 'applyTime' },
         { name: '处理时间', value: '', fields: 'handleTime' }
       ],
       currentPage: 1,
       multipleSelection: [],
-      dioObj: {}
+      dioObj: {},
+      //  拒绝打款理由
+      rejectReason: ""
     }
   },
   created() {
@@ -184,9 +189,25 @@ export default {
           this.getAll(this.formInline)
         }
       } else if (index === 2) {
+        if (this.rejectReason == "") {
+          this.$prompt('请输入拒绝打款理由', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            inputPattern: /^\s*[\S]+\s*$/,
+            inputErrorMessage: '输入的拒绝打款理由不能为空！！！'
+          }).then(({ value }) => {
+            this.rejectReason = value
+            // console.log(value);
+            this.infoList.push({ name: "拒绝打款理由", value: value, fields: 'rejectReason' })
+          }).catch(() => {
+            this.rejectReason = ""
+          });
+          return false
+        }
         const res = await applicationHandle({
           withdrawalId: this.dioObj.arr.withdrawalId,
-          state: 2
+          state: 2,
+          rejectReason: this.rejectReason
         })
         if (res.code === '') {
           this.$message.success('成功拒绝打款')
@@ -202,6 +223,10 @@ export default {
         this.details = res.data
         this.getTopList(res.data)
       }
+      //  判断是不是有拒绝打款理由
+      if (res.data.rejectReason && res.data.state == 2) {
+        this.infoList.push({ name: "拒绝打款理由", value: res.data.rejectReason, fields: 'rejectReason' })
+      }
     },
     // 初始化查询所有数据
     async getAll(formInline) {
@@ -211,6 +236,12 @@ export default {
         item.phone = hidden(item.phone, 3, 4)
       })
       this.total = res.data.total
+    },
+    //  关闭弹窗的回调
+    closeDialog() {
+      this.dioObj.show = false
+      this.rejectReason = ""
+      this.infoList = this.infoList.filter(item => item.fields != 'rejectReason');
     }
   }
 }
@@ -220,26 +251,26 @@ export default {
 @import url("../../../styles/elDialog.scss");
 
 .custom_page {
-	padding: 20px;
+  padding: 20px;
 }
 
 .box {
-	.dioBox {
-		display: flex;
-		justify-content: flex-start;
-		align-items: center;
-		flex-wrap: wrap;
+  .dioBox {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-wrap: wrap;
 
-		.inner {
-			width: 50%;
-			padding: 20px;
-		}
-	}
+    .inner {
+      width: 50%;
+      padding: 20px;
+    }
+  }
 
-	.botTitle {
-		color: red;
-		text-align: center;
-	}
+  .botTitle {
+    color: red;
+    text-align: center;
+  }
 }
 </style>
 

vue.config.js

@@ -41,8 +41,8 @@ module.exports = {
     // before: require('./mock/mock-server.js'),
     proxy: {
       '/api': {
-        // target: 'https://nsadminapi.tuanfengkeji.cn', // 测试
-        target: 'http://192.168.0.91:9103', // 平台端
+        target: 'https://nsadminapi.tuanfengkeji.cn', // 测试
+        // target: 'http://192.168.0.91:9103', // 平台端
         // target: 'http://192.168.0.91:9003', // 商家端
         changeOrigin: true,
         pathRewrite: {