|
@@ -4,103 +4,95 @@
|
|
|
<div class="squrt"></div>财务管理
|
|
|
</h2>
|
|
|
<div class="m-core">
|
|
|
- <div
|
|
|
- class="newBand"
|
|
|
- @click="onOrderExport"
|
|
|
- v-permission="{child: 'export/orderList', parent: '/financeManager'}"
|
|
|
- >报表导出</div>
|
|
|
- <div class="newBand" v-permission="{child: 'routeOrder/add', parent: '/financeManager'}" @click="routeOrderStatus = true">添加订单</div>
|
|
|
+ <div class="newBand"
|
|
|
+ @click="onOrderExport"
|
|
|
+ v-permission="{child: 'export/routeOrderList', parent: '/financeManager'}">报表导出</div>
|
|
|
+ <div class="newBand"
|
|
|
+ v-permission="{child: 'routeOrder/add', parent: '/financeManager'}"
|
|
|
+ @click="routeOrderStatus = true">添加订单</div>
|
|
|
<!-- 搜索类型 -->
|
|
|
- <el-form :inline="true" class="searchForm" v-model.trim="searchForm">
|
|
|
+ <el-form :inline="true"
|
|
|
+ class="searchForm"
|
|
|
+ v-model.trim="searchForm">
|
|
|
<el-form-item>
|
|
|
- <el-input placeholder="交易流水号" type="text" v-model.trim="searchForm.transNo"></el-input>
|
|
|
+ <el-input placeholder="交易流水号"
|
|
|
+ type="text"
|
|
|
+ v-model.trim="searchForm.transNo"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-input placeholder="订单号" type="text" v-model.trim="searchForm.orderNo"></el-input>
|
|
|
+ <el-input placeholder="订单号"
|
|
|
+ type="text"
|
|
|
+ v-model.trim="searchForm.orderNo"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-input placeholder="收款账户" type="text" v-model.trim="searchForm.merNos"></el-input>
|
|
|
+ <el-input placeholder="收款账户"
|
|
|
+ type="text"
|
|
|
+ v-model.trim="searchForm.merNos"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-input
|
|
|
- placeholder="余额支付大于等于"
|
|
|
- type="number"
|
|
|
- @mousewheel.native.prevent
|
|
|
- v-model.trim="searchForm.balancePaymentAmount"
|
|
|
- ></el-input>
|
|
|
+ <el-input placeholder="余额支付大于等于"
|
|
|
+ type="number"
|
|
|
+ @mousewheel.native.prevent
|
|
|
+ v-model.trim="searchForm.balancePaymentAmount"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-input
|
|
|
- placeholder="现金支付大于等于"
|
|
|
- type="number"
|
|
|
- @mousewheel.native.prevent
|
|
|
- v-model.trim="searchForm.actualAmount"
|
|
|
- ></el-input>
|
|
|
+ <el-input placeholder="现金支付大于等于"
|
|
|
+ type="number"
|
|
|
+ @mousewheel.native.prevent
|
|
|
+ v-model.trim="searchForm.actualAmount"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="routingOrganId">
|
|
|
- <el-select
|
|
|
- class="multiple"
|
|
|
- v-model.trim="searchForm.routingOrganId"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- @clear="onClear('routingOrganId')"
|
|
|
- placeholder="请选择分部"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item,index) in organList"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
+ <el-select class="multiple"
|
|
|
+ v-model.trim="searchForm.routingOrganId"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ @clear="onClear('routingOrganId')"
|
|
|
+ placeholder="请选择分部">
|
|
|
+ <el-option v-for="(item,index) in organList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-date-picker
|
|
|
- v-model.trim="orderDate"
|
|
|
- style="width:410px;"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- @change="searchOrderDate"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- ></el-date-picker>
|
|
|
+ <el-date-picker v-model.trim="orderDate"
|
|
|
+ style="width:410px;"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ @change="searchOrderDate"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select
|
|
|
- v-model.trim="searchForm.paymentType"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- @clear="onClear('paymentType')"
|
|
|
- placeholder="交易类型"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in orderStatus"
|
|
|
- :key="index"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- ></el-option>
|
|
|
+ <el-select v-model.trim="searchForm.paymentType"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ @clear="onClear('paymentType')"
|
|
|
+ placeholder="交易类型">
|
|
|
+ <el-option v-for="(item, index) in orderStatus"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-select
|
|
|
- v-model.trim="searchForm.paymentStatus"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- @clear="onClear('paymentStatus')"
|
|
|
- placeholder="交易状态"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in dealStatus"
|
|
|
- :key="index"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- ></el-option>
|
|
|
+ <el-select v-model.trim="searchForm.paymentStatus"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ @clear="onClear('paymentStatus')"
|
|
|
+ placeholder="交易状态">
|
|
|
+ <el-option v-for="(item, index) in dealStatus"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button @click="search" type="danger">搜索</el-button>
|
|
|
- <el-button @click="onReSet" type="primary">重置</el-button>
|
|
|
+ <el-button @click="search"
|
|
|
+ type="danger">搜索</el-button>
|
|
|
+ <el-button @click="onReSet"
|
|
|
+ type="primary">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<!-- 列表 -->
|
|
@@ -114,64 +106,94 @@
|
|
|
预收余额:{{ totalUserBalance }}元
|
|
|
</div>
|
|
|
<div class="tableWrap">
|
|
|
- <el-table :data="tableList" :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
- <el-table-column align="center" prop="transNo" label="交易流水号"></el-table-column>
|
|
|
- <el-table-column align="center" prop="orderNo" label="订单号"></el-table-column>
|
|
|
- <el-table-column align="center" width="150" prop="createTime" label="订单日期">
|
|
|
+ <el-table :data="tableList"
|
|
|
+ :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="transNo"
|
|
|
+ label="交易流水号"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="orderNo"
|
|
|
+ label="订单号"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ width="150"
|
|
|
+ prop="createTime"
|
|
|
+ label="订单日期">
|
|
|
<template slot-scope="scope">{{ scope.row.createTime | dateForMinFormat }}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" width="100px" label="交易类型">
|
|
|
+ <el-table-column align="center"
|
|
|
+ width="100px"
|
|
|
+ label="交易类型">
|
|
|
<template slot-scope="scope">{{ scope.row.type | orderType }}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" prop="expectAmount" label="应付金额"></el-table-column>
|
|
|
- <el-table-column align="center" prop="balancePaymentAmount" label="余额支付"></el-table-column>
|
|
|
- <el-table-column align="center" prop="actualAmount" label="现金支付"></el-table-column>
|
|
|
- <el-table-column align="center" prop="routeAmount" label="分润金额"></el-table-column>
|
|
|
- <el-table-column align="center" prop="routeBalanceAmount" label="分润余额"></el-table-column>
|
|
|
- <el-table-column align="center" label="学员姓名">
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="expectAmount"
|
|
|
+ label="应付金额"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="balancePaymentAmount"
|
|
|
+ label="余额支付"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="actualAmount"
|
|
|
+ label="现金支付"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="routeAmount"
|
|
|
+ label="分润金额"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="routeBalanceAmount"
|
|
|
+ label="分润余额"></el-table-column>
|
|
|
+ <el-table-column align="center"
|
|
|
+ label="学员姓名">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.user.username }}
|
|
|
- <span
|
|
|
- v-if="scope.row.user.username && scope.row.user.phone"
|
|
|
- >/</span>
|
|
|
+ <span v-if="scope.row.user.username && scope.row.user.phone">/</span>
|
|
|
{{ scope.row.user.phone }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" prop="paymentChannel" label="交易方式">
|
|
|
+ <el-table-column align="center"
|
|
|
+ prop="paymentChannel"
|
|
|
+ label="交易方式">
|
|
|
<template slot-scope="scope">{{ scope.row.paymentChannel | paymentChannelStatus }}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="收款账户">
|
|
|
- <template slot-scope="scope">{{ scope.row.merNos }}</template>
|
|
|
+ <el-table-column align="center"
|
|
|
+ label="收款账户">
|
|
|
+ <template slot-scope="scope">{{ scope.row.merNo }}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="交易状态">
|
|
|
+ <el-table-column align="center"
|
|
|
+ label="交易状态">
|
|
|
<template slot-scope="scope">{{ scope.row.status | dealStatus }}</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="备注">
|
|
|
+ <el-table-column align="center"
|
|
|
+ label="备注">
|
|
|
<template slot-scope="scope">{{ scope.row.memo ? scope.row.memo : '-' }}</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <pagination
|
|
|
- :total="pageInfo.total"
|
|
|
- :page.sync="pageInfo.page"
|
|
|
- :limit.sync="pageInfo.limit"
|
|
|
- :page-sizes="pageInfo.page_size"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
+ <pagination :total="pageInfo.total"
|
|
|
+ :page.sync="pageInfo.page"
|
|
|
+ :limit.sync="pageInfo.limit"
|
|
|
+ :page-sizes="pageInfo.page_size"
|
|
|
+ @pagination="getList" />
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog title="添加订单" :visible.sync="routeOrderStatus" @close="onFormClose('ruleForm')" width="500px">
|
|
|
- <el-form :model="form" :rules="rules" ref="ruleForm">
|
|
|
- <el-form-item label="所属分部" prop="organId" :label-width="formLabelWidth">
|
|
|
- <el-select v-model.trim="form.organId" style="width: 100% !important;">
|
|
|
- <el-option
|
|
|
- v-for="(item,index) in organList"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
+ <el-dialog title="添加订单"
|
|
|
+ :visible.sync="routeOrderStatus"
|
|
|
+ @close="onFormClose('ruleForm')"
|
|
|
+ width="500px">
|
|
|
+ <el-form :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ ref="ruleForm">
|
|
|
+ <el-form-item label="所属分部"
|
|
|
+ prop="organId"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-select v-model.trim="form.organId"
|
|
|
+ style="width: 100% !important;">
|
|
|
+ <el-option v-for="(item,index) in organList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="金额(元)" prop="actualAmount" :label-width="formLabelWidth">
|
|
|
+ <el-form-item label="金额(元)"
|
|
|
+ prop="actualAmount"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
<!-- <el-input-number
|
|
|
style="width: 100%;"
|
|
|
v-model="form.actualAmount"
|
|
@@ -180,30 +202,49 @@
|
|
|
:min="1"
|
|
|
:max="999999999"
|
|
|
></el-input-number> -->
|
|
|
- <el-input v-model="form.actualAmount" type="number" v-number placeholder="请输入金额"></el-input>
|
|
|
+ <el-input v-model="form.actualAmount"
|
|
|
+ type="number"
|
|
|
+ v-number
|
|
|
+ placeholder="请输入金额"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="交易流水号" prop="transNo" :label-width="formLabelWidth">
|
|
|
- <el-input placeholder="请输入交易流水号" type="text" v-model.trim="form.transNo"></el-input>
|
|
|
+ <el-form-item label="交易流水号"
|
|
|
+ prop="transNo"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input placeholder="请输入交易流水号"
|
|
|
+ type="text"
|
|
|
+ v-model.trim="form.transNo"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="收款账户" prop="merNos" :label-width="formLabelWidth">
|
|
|
- <el-input placeholder="请输入收款账户" type="text" v-model.trim="form.merNos"></el-input>
|
|
|
+ <el-form-item label="收款账户"
|
|
|
+ prop="merNos"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input placeholder="请输入收款账户"
|
|
|
+ type="text"
|
|
|
+ v-model.trim="form.merNos"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="交易日期" prop="payTime" :label-width="formLabelWidth">
|
|
|
+ <el-form-item label="交易日期"
|
|
|
+ prop="payTime"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
<el-date-picker style="width: 100%;"
|
|
|
- v-model="form.payTime"
|
|
|
- type="datetime"
|
|
|
- format="yyyy-MM-dd HH:mm:ss"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- placeholder="选择交易日期">
|
|
|
+ v-model="form.payTime"
|
|
|
+ type="datetime"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder="选择交易日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="备注" :label-width="formLabelWidth">
|
|
|
- <el-input placeholder="请输入备注" v-model.trim="form.memo" type="textarea" :rows="2"></el-input>
|
|
|
+ <el-form-item label="备注"
|
|
|
+ :label-width="formLabelWidth">
|
|
|
+ <el-input placeholder="请输入备注"
|
|
|
+ v-model.trim="form.memo"
|
|
|
+ type="textarea"
|
|
|
+ :rows="2"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
<el-button @click="routeOrderStatus = false">取 消</el-button>
|
|
|
- <el-button @click="onOrderSubmit('ruleForm')" type="primary">确 定</el-button>
|
|
|
+ <el-button @click="onOrderSubmit('ruleForm')"
|
|
|
+ type="primary">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
@@ -222,7 +263,7 @@ import load from "@/utils/loading";
|
|
|
export default {
|
|
|
components: { pagination },
|
|
|
name: "incomeTwo",
|
|
|
- data() {
|
|
|
+ data () {
|
|
|
return {
|
|
|
orderStatus: orderStatus,
|
|
|
dealStatus: dealStatus,
|
|
@@ -282,7 +323,7 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
- mounted() {
|
|
|
+ mounted () {
|
|
|
getEmployeeOrgan().then(res => {
|
|
|
if (res.code == 200) {
|
|
|
this.organList = res.data;
|
|
@@ -305,7 +346,7 @@ export default {
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
- onClear(type) {
|
|
|
+ onClear (type) {
|
|
|
if (type == "paymentType") {
|
|
|
this.searchForm.paymentType = null;
|
|
|
} else if (type == "paymentStatus") {
|
|
@@ -314,7 +355,7 @@ export default {
|
|
|
this.searchForm.routingOrganId = null;
|
|
|
}
|
|
|
},
|
|
|
- onOrderSubmit(formName) { // 添加订单
|
|
|
+ onOrderSubmit (formName) { // 添加订单
|
|
|
this.$refs[formName].validate(valid => {
|
|
|
if (valid) {
|
|
|
routeOrderAdd(this.form).then(res => {
|
|
@@ -331,7 +372,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- onFormClose(formName) {
|
|
|
+ onFormClose (formName) {
|
|
|
this.form = {
|
|
|
organId: null,
|
|
|
transNo: null,
|
|
@@ -344,27 +385,27 @@ export default {
|
|
|
// 关闭弹窗重置验证
|
|
|
this.$refs[formName].resetFields();
|
|
|
},
|
|
|
- onOrderExport() {
|
|
|
+ onOrderExport () {
|
|
|
// 报表导出
|
|
|
- let url = "/api-web/export/orderList";
|
|
|
+ let url = "/api-web/export/routeOrderList";
|
|
|
let data = {
|
|
|
orderType: 3
|
|
|
};
|
|
|
let searchForm = this.searchForm;
|
|
|
if (searchForm.orderNo) {
|
|
|
- data.orderNo = searchForm.orderNo;
|
|
|
+ data.orderNo = searchForm.orderNo
|
|
|
}
|
|
|
if (searchForm.transNo) {
|
|
|
- data.transNo = searchForm.transNo;
|
|
|
+ data.transNo = searchForm.transNo
|
|
|
}
|
|
|
if (searchForm.merNos) {
|
|
|
- data.merNos = searchForm.merNos;
|
|
|
+ data.merNos = searchForm.merNos
|
|
|
}
|
|
|
if (searchForm.actualAmount) {
|
|
|
- data.actualAmount = searchForm.actualAmount;
|
|
|
+ data.actualAmount = searchForm.actualAmount
|
|
|
}
|
|
|
if (searchForm.balancePaymentAmount) {
|
|
|
- data.balancePaymentAmount = searchForm.balancePaymentAmount;
|
|
|
+ data.balancePaymentAmount = searchForm.balancePaymentAmount
|
|
|
}
|
|
|
if (searchForm.paymentStatus) {
|
|
|
data.paymentStatus = searchForm.paymentStatus;
|
|
@@ -378,9 +419,12 @@ export default {
|
|
|
data.routingOrganId = searchForm.routingOrganId;
|
|
|
}
|
|
|
|
|
|
- if (searchForm.orderStartDate && searchForm.orderEndDate) {
|
|
|
- data.orderStartDate = searchForm.orderStartDate;
|
|
|
- data.orderEndDate = searchForm.orderEndDate;
|
|
|
+ if (this.orderDate && this.orderDate.length > 0) {
|
|
|
+ data.orderStartDate = this.orderDate[0];
|
|
|
+ data.orderEndDate = this.orderDate[1];
|
|
|
+ } else {
|
|
|
+ data.orderStartDate = null;
|
|
|
+ data.orderEndDate = null;
|
|
|
}
|
|
|
const options = {
|
|
|
method: "POST",
|
|
@@ -425,13 +469,13 @@ export default {
|
|
|
load.endLoading();
|
|
|
});
|
|
|
})
|
|
|
- .catch(() => {});
|
|
|
+ .catch(() => { });
|
|
|
},
|
|
|
- search() {
|
|
|
+ search () {
|
|
|
this.pageInfo.page = 1;
|
|
|
this.getList();
|
|
|
},
|
|
|
- getList() {
|
|
|
+ getList () {
|
|
|
let params = JSON.parse(JSON.stringify(this.searchForm));
|
|
|
params.rows = this.pageInfo.limit;
|
|
|
params.page = this.pageInfo.page;
|
|
@@ -469,7 +513,7 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- searchOrderDate(value) {
|
|
|
+ searchOrderDate (value) {
|
|
|
if (value) {
|
|
|
this.searchForm.orderStartDate = value[0];
|
|
|
this.searchForm.orderEndDate = value[1];
|
|
@@ -478,7 +522,7 @@ export default {
|
|
|
this.searchForm.orderEndDate = null;
|
|
|
}
|
|
|
},
|
|
|
- onReSet() {
|
|
|
+ onReSet () {
|
|
|
// 重置搜索
|
|
|
this.orderDate = null;
|
|
|
this.searchForm = {
|