|
@@ -2,13 +2,7 @@
|
|
|
<div>
|
|
<div>
|
|
|
<el-main ref="elMain" style="padding: 0px;">
|
|
<el-main ref="elMain" style="padding: 0px;">
|
|
|
<el-row>
|
|
<el-row>
|
|
|
- <el-form
|
|
|
|
|
- :inline="true"
|
|
|
|
|
- :model="queryForm"
|
|
|
|
|
- class="demo-form-inline"
|
|
|
|
|
- label-width="130px"
|
|
|
|
|
- size="small"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <el-form :inline="true" :model="queryForm" class="demo-form-inline" label-width="130px" size="small">
|
|
|
<el-form-item label="业务员工号">
|
|
<el-form-item label="业务员工号">
|
|
|
<el-input v-model="queryForm.userId" placeholder="业务员工号" clearable></el-input>
|
|
<el-input v-model="queryForm.userId" placeholder="业务员工号" clearable></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -22,13 +16,8 @@
|
|
|
<el-input v-model="queryForm.id" placeholder="提现单号" clearable></el-input>
|
|
<el-input v-model="queryForm.id" placeholder="提现单号" clearable></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="提现时间">
|
|
<el-form-item label="提现时间">
|
|
|
- <el-date-picker
|
|
|
|
|
- v-model="queryForm.date"
|
|
|
|
|
- type="datetimerange"
|
|
|
|
|
- range-separator="至"
|
|
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
|
|
- start-placeholder="开始日期"
|
|
|
|
|
- end-placeholder="结束日期">
|
|
|
|
|
|
|
+ <el-date-picker v-model="queryForm.date" type="datetimerange" range-separator="至" value-format="yyyy-MM-dd"
|
|
|
|
|
+ start-placeholder="开始日期" end-placeholder="结束日期">
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
@@ -36,45 +25,39 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <kt-common-table
|
|
|
|
|
- button2Type="text"
|
|
|
|
|
- button3Type="text"
|
|
|
|
|
- :showBatchDelete="false"
|
|
|
|
|
- :showBatchPrint="true"
|
|
|
|
|
- permsButton3="sys:withdrawalProceduresPending:examine"
|
|
|
|
|
- permsButton2="sys:withdrawalProceduresPending:examinepay"
|
|
|
|
|
- :data="pageResult"
|
|
|
|
|
- :columns="columns"
|
|
|
|
|
- @findPage="findPage"
|
|
|
|
|
- button3Name="审核并支付"
|
|
|
|
|
- @handleButton3="handleButton3"
|
|
|
|
|
- button2Name="审核提现"
|
|
|
|
|
- @handleButton2="handleButton2"
|
|
|
|
|
- ></kt-common-table>
|
|
|
|
|
- <el-dialog
|
|
|
|
|
- :visible.sync="dialogVisibleBatch"
|
|
|
|
|
- width="35%"
|
|
|
|
|
- :before-close="handleCloseBatch">
|
|
|
|
|
- <p >凭证号 :<el-input style="width: 200px;" v-model="voucherId" placeholder="请输入凭证号"></el-input></p>
|
|
|
|
|
- <div style="display: flex">上传图片: <el-upload
|
|
|
|
|
- action="#"
|
|
|
|
|
- :auto-upload="false"
|
|
|
|
|
- accept=".png, .jpg, .jpeg"
|
|
|
|
|
- :show-file-list="false"
|
|
|
|
|
- :on-change="drivingupload">
|
|
|
|
|
- <img v-if="qrCodeImage" :src="qrCodeImage" class="avatar">
|
|
|
|
|
- <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
|
|
- </el-upload>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <kt-common-table button2Type="text" button3Type="text" button4Type="text" :showBatchDelete="false"
|
|
|
|
|
+ :showBatchPrint="true" permsButton3="sys:withdrawalProceduresPending:examine"
|
|
|
|
|
+ permsButton2="sys:withdrawalProceduresPending:examinepay" :data="pageResult" :columns="columns"
|
|
|
|
|
+ @findPage="findPage" button3Name="审核并支付" @handleButton3="handleButton3" button4Name="审核驳回"
|
|
|
|
|
+ @handleButton4="handleButton4" button2Name="审核提现" @handleButton2="handleButton2"></kt-common-table>
|
|
|
|
|
+ <el-dialog :visible.sync="dialogVisibleBatch" width="35%" :before-close="handleCloseBatch">
|
|
|
|
|
+ <p>凭证号 :<el-input style="width: 200px;" v-model="voucherId" placeholder="请输入凭证号"></el-input></p>
|
|
|
|
|
+ <div style="display: flex">上传图片: <el-upload action="#" :auto-upload="false" accept=".png, .jpg, .jpeg"
|
|
|
|
|
+ :show-file-list="false" :on-change="drivingupload">
|
|
|
|
|
+ <img v-if="qrCodeImage" :src="qrCodeImage" class="avatar">
|
|
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
|
|
+ <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
|
|
|
|
|
+ <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
+ </el-main>
|
|
|
|
|
+ <el-dialog title="驳回弹窗" :visible.sync="auditRejectdialogVisible" width="30%" @open="auditRejectdialogOpen">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <span></span>
|
|
|
|
|
+ <el-input type="textarea" placeholder="请输入内容" v-model="auditRejectInput" maxlength="100" show-word-limit>
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisibleBatch = false">取 消</el-button>
|
|
|
|
|
- <el-button size="small" type="primary" @click="handleSumbit()">确 定</el-button>
|
|
|
|
|
|
|
+ <el-button size="small" @click="auditRejectdialogVisible = false">取 消</el-button>
|
|
|
|
|
+ <el-button size="small" type="primary" @click="auditRejectSubmit">确 定</el-button>
|
|
|
</span>
|
|
</span>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- </el-main>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
- <script>
|
|
|
|
|
|
|
+<script>
|
|
|
import Cookies from "js-cookie";
|
|
import Cookies from "js-cookie";
|
|
|
import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
|
import KtButton from "@/views/Core/KtButton";
|
|
import KtButton from "@/views/Core/KtButton";
|
|
@@ -86,11 +69,14 @@ export default {
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
- dialogVisibleBatch:false,
|
|
|
|
|
- voucherId:'',
|
|
|
|
|
- qrCodeImage:'',
|
|
|
|
|
- picId:'',
|
|
|
|
|
- rowlist:{},
|
|
|
|
|
|
|
+ auditRejectId:"",
|
|
|
|
|
+ auditRejectInput: "",
|
|
|
|
|
+ auditRejectdialogVisible: false,
|
|
|
|
|
+ dialogVisibleBatch: false,
|
|
|
|
|
+ voucherId: '',
|
|
|
|
|
+ qrCodeImage: '',
|
|
|
|
|
+ picId: '',
|
|
|
|
|
+ rowlist: {},
|
|
|
// 右侧列表查询数据Start
|
|
// 右侧列表查询数据Start
|
|
|
queryForm: {},
|
|
queryForm: {},
|
|
|
pageResult: {},
|
|
pageResult: {},
|
|
@@ -119,7 +105,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
|
},
|
|
},
|
|
|
- mounted() {},
|
|
|
|
|
|
|
+ mounted() { },
|
|
|
methods: {
|
|
methods: {
|
|
|
handlePrint(index, row) {
|
|
handlePrint(index, row) {
|
|
|
this.$api.task.AmountReview(this.pageRequest).then(res => {
|
|
this.$api.task.AmountReview(this.pageRequest).then(res => {
|
|
@@ -145,7 +131,7 @@ export default {
|
|
|
this.pageRequest.pageNum = data.pageRequest.pageNum;
|
|
this.pageRequest.pageNum = data.pageRequest.pageNum;
|
|
|
this.pageRequest.pageSize = data.pageRequest.pageSize;
|
|
this.pageRequest.pageSize = data.pageRequest.pageSize;
|
|
|
}
|
|
}
|
|
|
- if (this.queryForm.date && this.queryForm.date.length>0) {
|
|
|
|
|
|
|
+ if (this.queryForm.date && this.queryForm.date.length > 0) {
|
|
|
this.queryForm.startTime = this.queryForm.date[0];
|
|
this.queryForm.startTime = this.queryForm.date[0];
|
|
|
this.queryForm.endTime = this.queryForm.date[1];
|
|
this.queryForm.endTime = this.queryForm.date[1];
|
|
|
} else {
|
|
} else {
|
|
@@ -153,7 +139,7 @@ export default {
|
|
|
this.queryForm.endTime = "";
|
|
this.queryForm.endTime = "";
|
|
|
}
|
|
}
|
|
|
that.$api.task
|
|
that.$api.task
|
|
|
- .payqueryPage({ ...this.pageRequest, ...this.queryForm,amountStatus:'1' })
|
|
|
|
|
|
|
+ .payqueryPage({ ...this.pageRequest, ...this.queryForm, amountStatus: '1' })
|
|
|
.then(res => {
|
|
.then(res => {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
that.pageResult = res.data;
|
|
that.pageResult = res.data;
|
|
@@ -169,32 +155,32 @@ export default {
|
|
|
params.append("type", "image");
|
|
params.append("type", "image");
|
|
|
this.$api.letter.uploadFile(params).then(res => {
|
|
this.$api.letter.uploadFile(params).then(res => {
|
|
|
if (res.code == "200") {
|
|
if (res.code == "200") {
|
|
|
- this.picId=res.data.id
|
|
|
|
|
|
|
+ this.picId = res.data.id
|
|
|
} else {
|
|
} else {
|
|
|
this.$message({ message: res.msg, type: "warning" });
|
|
this.$message({ message: res.msg, type: "warning" });
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
- handleSumbit(){
|
|
|
|
|
- this.$api.task.AmountReview({ ...this.rowlist, status: '1',picId:this.picId,voucherId:this.voucherId }).then(res => {
|
|
|
|
|
- if (res.code == 200) {
|
|
|
|
|
- this.dialogVisibleBatch = false
|
|
|
|
|
- this.findPage();
|
|
|
|
|
- this.$message({
|
|
|
|
|
- type: "success",
|
|
|
|
|
- message: res.msg
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- else {
|
|
|
|
|
- this.$message.error(res.msg)
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ handleSumbit() {
|
|
|
|
|
+ this.$api.task.AmountReview({ ...this.rowlist, status: '1', picId: this.picId, voucherId: this.voucherId }).then(res => {
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
|
|
+ this.dialogVisibleBatch = false
|
|
|
|
|
+ this.findPage();
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: "success",
|
|
|
|
|
+ message: res.msg
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ else {
|
|
|
|
|
+ this.$message.error(res.msg)
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
},
|
|
},
|
|
|
handleButton2({ row, index }) {
|
|
handleButton2({ row, index }) {
|
|
|
- this.dialogVisibleBatch=true
|
|
|
|
|
- this.rowlist=row
|
|
|
|
|
- this.picId=''
|
|
|
|
|
- this.voucherId=''
|
|
|
|
|
|
|
+ this.dialogVisibleBatch = true
|
|
|
|
|
+ this.rowlist = row
|
|
|
|
|
+ this.picId = ''
|
|
|
|
|
+ this.voucherId = ''
|
|
|
// this.$api.task.AmountReview(row).then(res => {
|
|
// this.$api.task.AmountReview(row).then(res => {
|
|
|
// if (res.code == 200) {
|
|
// if (res.code == 200) {
|
|
|
// this.$message({
|
|
// this.$message({
|
|
@@ -233,6 +219,31 @@ export default {
|
|
|
});
|
|
});
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
+ handleButton4({ row, index }) {
|
|
|
|
|
+ this.auditRejectId=row.id;
|
|
|
|
|
+ this.auditRejectdialogVisible = true;
|
|
|
|
|
+ },
|
|
|
|
|
+ auditRejectSubmit(){
|
|
|
|
|
+ let params = {
|
|
|
|
|
+ id: this.auditRejectId,
|
|
|
|
|
+ rejectReason: this.auditRejectInput
|
|
|
|
|
+ }
|
|
|
|
|
+ this.$api.task.insPayauditReject(params).then((res) => {
|
|
|
|
|
+ if (res.code == '200') {
|
|
|
|
|
+ this.auditRejectdialogVisible = false;
|
|
|
|
|
+ this.findPage();
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: 'success',
|
|
|
|
|
+ message: res.msg,
|
|
|
|
|
+ });
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$message({
|
|
|
|
|
+ type: 'error',
|
|
|
|
|
+ message: res.msg,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
|
|
|
// 格式化日期,如月、日、时、分、秒保证为2位数
|
|
// 格式化日期,如月、日、时、分、秒保证为2位数
|
|
|
formatNumber(n) {
|
|
formatNumber(n) {
|
|
@@ -260,16 +271,17 @@ export default {
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <style scoped>
|
|
|
|
|
- .avatar-uploader .el-upload {
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+<style scoped>
|
|
|
|
|
+.avatar-uploader .el-upload {
|
|
|
border: 1px dashed #d9d9d9;
|
|
border: 1px dashed #d9d9d9;
|
|
|
border-radius: 6px;
|
|
border-radius: 6px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.avatar-uploader-icon {
|
|
.avatar-uploader-icon {
|
|
|
font-size: 28px;
|
|
font-size: 28px;
|
|
|
color: #8c939d;
|
|
color: #8c939d;
|
|
@@ -279,6 +291,7 @@ export default {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
border: 1px dashed #d9d9d9;
|
|
border: 1px dashed #d9d9d9;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.avatar {
|
|
.avatar {
|
|
|
border: 1px dashed #d9d9d9;
|
|
border: 1px dashed #d9d9d9;
|
|
|
padding: 5px;
|
|
padding: 5px;
|
|
@@ -288,4 +301,3 @@ export default {
|
|
|
display: block;
|
|
display: block;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
|
|
-
|
|
|