|
@@ -6,126 +6,62 @@
|
|
|
退费记录
|
|
|
</h2>
|
|
|
<div class="m-core">
|
|
|
- <save-form
|
|
|
- :inline="true"
|
|
|
- :model="searchForm"
|
|
|
- ref="searchForm"
|
|
|
- @submit="search"
|
|
|
- @reset="onReSet"
|
|
|
- >
|
|
|
+ <save-form :inline="true" :model="searchForm" ref="searchForm" @submit="search" @reset="onReSet">
|
|
|
<el-form-item prop="search">
|
|
|
- <el-input
|
|
|
- class="search"
|
|
|
- v-model.trim="searchForm.search"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="
|
|
|
- (e) => {
|
|
|
- e.target.blur();
|
|
|
- $refs.searchForm.save();
|
|
|
- search();
|
|
|
- }
|
|
|
- "
|
|
|
- placeholder="退费编号/学员/课程组/流水号"
|
|
|
- ></el-input>
|
|
|
+ <el-input class="search" v-model.trim="searchForm.search" clearable @keyup.enter.native="(e) => {
|
|
|
+ e.target.blur();
|
|
|
+ $refs.searchForm.save();
|
|
|
+ search();
|
|
|
+ }
|
|
|
+ " placeholder="退费编号/学员/课程组/流水号"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="organId">
|
|
|
- <el-select
|
|
|
- class="multiple"
|
|
|
- v-model.trim="searchForm.organId"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- multiple
|
|
|
- collapse-tags
|
|
|
- placeholder="请选择分部"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in selects.branchs"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
+ <el-select class="multiple" v-model.trim="searchForm.organId" filterable clearable multiple collapse-tags
|
|
|
+ placeholder="请选择分部">
|
|
|
+ <el-option v-for="(item, index) in selects.branchs" :key="index" :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="returnFeeType">
|
|
|
- <el-select
|
|
|
- class="multiple"
|
|
|
- v-model.trim="searchForm.returnFeeType"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- placeholder="请选择退费类型"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in backTypeList"
|
|
|
- :key="index"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- ></el-option>
|
|
|
+ <el-select class="multiple" v-model.trim="searchForm.returnFeeType" filterable clearable placeholder="请选择退费类型">
|
|
|
+ <el-option v-for="(item, index) in backTypeList" :key="index" :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="returnFeeFlag">
|
|
|
- <el-select
|
|
|
- class="multiple"
|
|
|
- v-model.trim="searchForm.returnFeeFlag"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- placeholder="退费状态"
|
|
|
- >
|
|
|
+ <el-select class="multiple" v-model.trim="searchForm.returnFeeFlag" filterable clearable placeholder="退费状态">
|
|
|
<el-option label="已打款" value="1"></el-option>
|
|
|
<el-option label="未打款" value="0"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="backTime">
|
|
|
- <el-date-picker
|
|
|
- v-model.trim="searchForm.backTime"
|
|
|
- style="width: 400px"
|
|
|
- type="daterange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="退费开始日期"
|
|
|
- end-placeholder="退费结束日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :picker-options="{
|
|
|
+ <el-date-picker v-model.trim="searchForm.backTime" style="width: 400px" type="daterange" range-separator="至"
|
|
|
+ start-placeholder="退费开始日期" end-placeholder="退费结束日期" value-format="yyyy-MM-dd" :picker-options="{
|
|
|
firstDayOfWeek: 1,
|
|
|
- }"
|
|
|
- ></el-date-picker>
|
|
|
+ }"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="payTime">
|
|
|
- <el-date-picker
|
|
|
- v-model.trim="searchForm.payTime"
|
|
|
- style="width: 400px"
|
|
|
- type="daterange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="打款开始日期"
|
|
|
- end-placeholder="打款结束日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :picker-options="{
|
|
|
+ <el-date-picker v-model.trim="searchForm.payTime" style="width: 400px" type="daterange" range-separator="至"
|
|
|
+ start-placeholder="打款开始日期" end-placeholder="打款结束日期" value-format="yyyy-MM-dd" :picker-options="{
|
|
|
firstDayOfWeek: 1,
|
|
|
- }"
|
|
|
- ></el-date-picker>
|
|
|
+ }"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button native-type="submit" type="primary">搜索</el-button>
|
|
|
<el-button native-type="reset" type="danger">重置</el-button>
|
|
|
</el-form-item>
|
|
|
- <el-form-item>
|
|
|
+ <!-- <el-form-item>
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
@click="exportBack"
|
|
|
v-permission="'export/userCashAccountLog'"
|
|
|
>导出</el-button
|
|
|
>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item> -->
|
|
|
</save-form>
|
|
|
<div class="tableWrap">
|
|
|
- <el-table
|
|
|
- style="width: 100%"
|
|
|
- :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
|
|
|
- :data="tableList"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="id"
|
|
|
- label="退费编号"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table style="width: 100%" :header-cell-style="{ background: '#EDEEF0', color: '#444' }" :data="tableList">
|
|
|
+ <el-table-column align="center" prop="id" label="退费编号"></el-table-column>
|
|
|
<el-table-column align="center" prop="studentId" label="学员">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -134,16 +70,8 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="organName"
|
|
|
- label="分部"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="groupId"
|
|
|
- label="课程组编号"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column align="center" prop="organName" label="分部"></el-table-column>
|
|
|
+ <el-table-column align="center" prop="groupId" label="课程组编号"></el-table-column>
|
|
|
<el-table-column align="center" prop="studentId" label="退费金额">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -158,29 +86,15 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="studentId"
|
|
|
- label="退费时间"
|
|
|
- width="100px"
|
|
|
- >
|
|
|
+ <el-table-column align="center" prop="studentId" label="退费时间" width="100px">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
{{ scope.row.createTime }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="transNo"
|
|
|
- label="交易流水号"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- prop="payTime"
|
|
|
- label="打款时间"
|
|
|
- width="100px"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column align="center" prop="transNo" label="交易流水号"></el-table-column>
|
|
|
+ <el-table-column align="center" prop="payTime" label="打款时间" width="100px"></el-table-column>
|
|
|
<el-table-column align="center" prop="studentId" label="退费状态">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -192,65 +106,27 @@
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
|
<auth auths="userCashAccountLog/update">
|
|
|
- <el-button type="text" @click="resetBackForm(scope.row)"
|
|
|
- >修改</el-button
|
|
|
- >
|
|
|
+ <el-button type="text" @click="resetBackForm(scope.row)">修改</el-button>
|
|
|
</auth>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <pagination
|
|
|
- sync
|
|
|
- :total.sync="rules.total"
|
|
|
- :page.sync="rules.page"
|
|
|
- :limit.sync="rules.limit"
|
|
|
- :page-sizes="rules.page_size"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
+ <pagination sync :total.sync="rules.total" :page.sync="rules.page" :limit.sync="rules.limit"
|
|
|
+ :page-sizes="rules.page_size" @pagination="getList" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-dialog :visible.sync="resetVisible" title="修改退费记录" width="400px">
|
|
|
- <el-form
|
|
|
- :model="form"
|
|
|
- :rules="rules"
|
|
|
- :inline="true"
|
|
|
- label-width="100px"
|
|
|
- class="form"
|
|
|
- ref="form"
|
|
|
- >
|
|
|
- <el-form-item label="编号"
|
|
|
- ><el-input :disabled="true" v-model="form.id"></el-input
|
|
|
- ></el-form-item>
|
|
|
- <el-form-item label="学员"
|
|
|
- ><el-input :disabled="true" v-model="form.username"></el-input
|
|
|
- ></el-form-item>
|
|
|
- <el-form-item label="课程组编号"
|
|
|
- ><el-input :disabled="true" v-model="form.groupId"></el-input
|
|
|
- ></el-form-item>
|
|
|
- <el-form-item label="金额"
|
|
|
- ><el-input
|
|
|
- :disabled="true"
|
|
|
- :value="form.amount | moneyFormat"
|
|
|
- ></el-input>
|
|
|
+ <el-form :model="form" :rules="rules" :inline="true" label-width="100px" class="form" ref="form">
|
|
|
+ <el-form-item label="编号"><el-input :disabled="true" v-model="form.id"></el-input></el-form-item>
|
|
|
+ <el-form-item label="学员"><el-input :disabled="true" v-model="form.username"></el-input></el-form-item>
|
|
|
+ <el-form-item label="课程组编号"><el-input :disabled="true" v-model="form.groupId"></el-input></el-form-item>
|
|
|
+ <el-form-item label="金额"><el-input :disabled="true" :value="form.amount | moneyFormat"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="交易流水号"
|
|
|
- ><el-input v-model="form.transNo"></el-input
|
|
|
- ></el-form-item>
|
|
|
- <el-form-item
|
|
|
- v-if="form.transNo"
|
|
|
- prop="payTime"
|
|
|
- label="打款时间"
|
|
|
- :rules="[{ required: true, message: '请选择打款时间' }]"
|
|
|
- >
|
|
|
- <el-date-picker
|
|
|
- v-model="form.payTime"
|
|
|
- clearable
|
|
|
- type="datetime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- :picker-options="{ firstDayOfWeek: 1 }"
|
|
|
- placeholder="打款时间"
|
|
|
- >
|
|
|
+ <el-form-item label="交易流水号"><el-input v-model="form.transNo"></el-input></el-form-item>
|
|
|
+ <el-form-item v-if="form.transNo" prop="payTime" label="打款时间" :rules="[{ required: true, message: '请选择打款时间' }]">
|
|
|
+ <el-date-picker v-model="form.payTime" clearable type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ :picker-options="{ firstDayOfWeek: 1 }" placeholder="打款时间">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="退费时间">
|
|
@@ -286,7 +162,7 @@ export default {
|
|
|
organId: [],
|
|
|
backTime: [],
|
|
|
payTime: [],
|
|
|
- returnFeeFlag:null
|
|
|
+ returnFeeFlag: null
|
|
|
},
|
|
|
backTypeList,
|
|
|
tableList: [],
|
|
@@ -305,7 +181,7 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
//生命周期 - 创建完成(可以访问当前this实例)
|
|
|
- created() {},
|
|
|
+ created() { },
|
|
|
//生命周期 - 挂载完成(可以访问DOM元素)
|
|
|
async mounted() {
|
|
|
// 获取分部
|
|
@@ -351,7 +227,7 @@ export default {
|
|
|
this.$refs.form.validate(async (flag) => {
|
|
|
if (flag) {
|
|
|
try {
|
|
|
- if(!this.form.transNo){
|
|
|
+ if (!this.form.transNo) {
|
|
|
this.form.payTime = null;
|
|
|
}
|
|
|
const res = await resetUserCashAccountLog(this.form);
|
|
@@ -394,6 +270,7 @@ export default {
|
|
|
width: 260px !important;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.form {
|
|
|
::v-deep .el-input {
|
|
|
width: 220px;
|