上传凭证布局

src/api/index.js

@@ -185,11 +185,21 @@ export const updateKey = (secure_key) => {
     return requestLoading(`${Prefix}act=merchant_info&op=setkey&client_type=ajax&secure_key=${secure_key}`, 'post')
 }
 // 上传文件
+// export const updateVoucher = (voucher) => {
+//     // return requestLoading(`${Prefix}act=merchant_recharge&op=voucherupload&client_type=ajax`, 'post', {voucher})
+//     return axios({
+//         method: 'post',
+//         url: `${Prefix}act=merchant_recharge&op=voucherupload&client_type=ajax&voucher=${voucher}`,
+//         withCredentials: true,
+//         data: voucher,
+//         timeout: 120000,
+//     })
+// }
 export const updateVoucher = (voucher) => {
     // return requestLoading(`${Prefix}act=merchant_recharge&op=voucherupload&client_type=ajax`, 'post', {voucher})
     return axios({
         method: 'post',
-        url: `${Prefix}act=merchant_recharge&op=voucherupload&client_type=ajax&voucher=${voucher}`,
+        url: `http://192.168.1.195:8080/index.php&client_type=ajax&voucher=${voucher}`,
         withCredentials: true,
         data: voucher,
         timeout: 120000,

src/pages/subPages/balance.vue

@@ -60,7 +60,7 @@
     </el-dialog>
 
     <!-- 上传弹层 -->
-    <el-dialog title="上传凭证" :visible.sync="uploadDialogVisible" class="updata">
+    <el-dialog title="上传凭证" :visible="uploadDialogVisible" class="updata" @closed="onCloseEditDialog">
         <!-- <el-form :model="formData" label-width="120px">
             <el-form-item label="充值金额： ">
                 <el-input v-model="formData.amount" style="width:300px"></el-input>
@@ -109,10 +109,29 @@
         </form>-->
         <!-- <div class="selectfile">选择文件</div>
         <input type="file" ref="file" @change="selectFile" /> -->
-        <input type="file" @change="getFileExpr($event)">
-        <el-form id="uploadForm" method="post" enctype="multipart/form-data"></el-form>
+        <el-form
+            id="uploadForm"
+            method="post"
+            enctype="multipart/form-data"
+            :model="formData"
+            label-width="120px"
+            ref="formData"
+            :rules="rules">
+            <el-form-item label="充值金额： " prop="amount">
+                <el-input v-model="formData.amount" style="width:300px"></el-input>
+            </el-form-item>
+            <el-form-item label="开户人姓名： " prop="bank_username">
+                <el-input v-model="formData.bank_username" style="width:300px"></el-input>
+            </el-form-item>
+            <el-form-item label="银行名称： " prop="bank_name">
+                <el-input v-model="formData.bank_name" style="width:300px"></el-input>
+            </el-form-item>
+            <el-form-item label="充值凭证： ">
+                <input type="file" @change="getFileExpr($event)">
+            </el-form-item>
+        </el-form>
         <span slot="footer" class="dialog-footer">
-            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button @click="onCloseEditDialog">取 消</el-button>
             <el-button type="primary" @click="onSubmit">确 定</el-button>
         </span>
     </el-dialog>
@@ -171,6 +190,12 @@ export default {
                 // 充值凭证
                 voucher: ''
             },
+            rules: {
+                amount: [{ required: true, message: '请输入充值金额', trigger: 'blur' }],
+                bank_username: [{ required: true, message: '请输入开户人姓名', trigger: 'blur' }],
+                bank_name: [{ required: true, message: '请输入银行名称', trigger: 'blur' }],
+                voucher: [{ required: true, message: '请上传充值凭证', trigger: 'change' }],
+            },
             files: '',
             selectFileobj: '',
             imgCode: '',
@@ -199,6 +224,12 @@ export default {
         //         }
         //     });
         // },
+        // 关闭弹层
+        onCloseEditDialog() {
+            this.formData = {};
+            this.uploadDialogVisible = false;
+            this.$refs.formData.resetFields();
+        },
         // 获取充值列表
         async getVoucherList() {
             const res = await getVoucherList()