提交 30456ddd authored 作者: chenweiping's avatar chenweiping

04-30

上级 38714e15
...@@ -58,4 +58,33 @@ export function handleRefund(outTradeNo,status) { ...@@ -58,4 +58,33 @@ export function handleRefund(outTradeNo,status) {
method: 'get', method: 'get',
params: {'outTradeNo':outTradeNo,'status':status} params: {'outTradeNo':outTradeNo,'status':status}
}) })
}
export function listReconciliation(query) {
return request({
url: '/backstage/order/reconciliationList',
method: 'get',
params: query
})
}
export function exportReconciliation(query) {
return request({
url: '/backstage/order/exportReconciliation',
method: 'get',
params: query
})
}
export function listIncome(query) {
return request({
url: '/backstage/order/incomeList',
method: 'get',
params: query
})
}
export function exportIncome(query) {
return request({
url: '/backstage/order/exportIncome',
method: 'get',
params: query
})
} }
\ No newline at end of file
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="购买人姓名" prop="name">
<el-input
style="width:160px"
v-model="queryParams.name"
placeholder="请输入购买人姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="套餐/服务名称" prop="packageName">
<el-input
v-model="queryParams.packageName"
placeholder="请输入套餐/服务名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单号" prop="id">
<el-input
v-model="queryParams.id"
placeholder="请输入订单号"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单来源" prop="orderSource">
<el-select v-model="queryParams.orderSource" placeholder="请选择订单来源" clearable size="small">
<el-option
v-for="item in orderSourceOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="交易时间">
<el-date-picker prop="startMedicalTime" style="width:140px" v-model="queryParams.startMedicalTime" placeholder="开始日期" value-format="yyyy-MM-dd">
</el-date-picker>
-
<el-date-picker prop="endMedicalTime" style="width:140px" v-model="queryParams.endMedicalTime" placeholder="结束日期" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="订单类型" prop="orderType">
<el-select v-model="queryParams.orderType" placeholder="请选择订单类型" clearable size="small">
<el-option
v-for="item in orderTypeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="订单分类" prop="dataType">
<el-select v-model="queryParams.dataType" placeholder="请选择订单分类" clearable size="small">
<el-option
v-for="dict in dataTypeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<!--<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['backstage:order:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['backstage:order:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['backstage:order:remove']"
>删除</el-button>
</el-col>-->
<el-col :span="1.5">
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['backstage:order:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="orderList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="购买人姓名" align="center" prop="name" />
<el-table-column label="套餐/服务名称" align="center" prop="packageName" />
<el-table-column label="订单号" align="center" prop="id" />
<el-table-column label="收入金额" align="right" prop="amount" />
<el-table-column label="订单来源" align="center" prop="orderSource" />
<el-table-column label="订单分类" align="center" prop="dataType" />
<el-table-column label="订单类型" align="center" prop="orderType" />
<el-table-column label="交易时间" align="center" prop="createdTime" />
<el-table-column label="支付类型" align="center" prop="payType" />
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改【请填写功能名称】对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="医院名称" prop="orgName">
<el-input v-model="form.orgName" placeholder="请输入医院名称" />
</el-form-item>
<el-form-item label="套餐名称" prop="packageName">
<el-input v-model="form.packageName" placeholder="请输入套餐名称" />
</el-form-item>
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="性别" prop="sex">
<el-select v-model="form.sex" placeholder="请选择性别">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="婚姻" prop="marriage">
<el-input v-model="form.marriage" placeholder="请输入婚姻" />
</el-form-item>
<el-form-item label="电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入电话" />
</el-form-item>
<el-form-item label="证件类型" prop="cardType">
<el-select v-model="form.cardType" placeholder="请选择证件类型">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="证件号码" prop="cardId">
<el-input v-model="form.cardId" placeholder="请输入证件号码" />
</el-form-item>
<el-form-item label="预约日期" prop="medicalTime">
<el-input v-model="form.medicalTime" placeholder="请输入预约日期" />
</el-form-item>
<el-form-item label="订单金额" prop="amount">
<el-input v-model="form.amount" placeholder="请输入订单金额" />
</el-form-item>
<el-form-item label="订单分类" prop="dataType">
<el-select v-model="form.dataType" placeholder="请选择订单分类">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="订单来源" prop="orderSource">
<el-input v-model="form.orderSource" placeholder="请输入订单来源" />
</el-form-item>
<el-form-item label="订单状态,0待付款,1已完成,2待体检,3退款审核中,4已取消">
<el-radio-group v-model="form.status">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" :disabled="repeatSubmit">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listIncome,exportIncome } from "@/api/backstage/order";
export default {
name: "Income",
data() {
return {
// 不可重复提交
repeatSubmit: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 【请填写功能名称】表格数据
orderList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
orderTypeOptions: [
{
value: '增值服务订单',
label: '增值服务订单'
},
{
value: '套餐订单',
label: '套餐订单'
},
],
orderSourceOptions: [
{
value: '众泰健康',
label: '众泰健康'
},
{
value: '深圳健康',
label: '深圳健康'
},
],
statusOptions: [
{
value: 0,
label: '待付款'
},
{
value: 6,
label: '已完成'
},
{
value: 3,
label: '待体检'
},
{
value: 4,
label: '退款审核中'
},
{
value: 5,
label: '已取消'
},
{
value: 7,
label: '拒绝退款'
}
],
dataTypeOptions: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
orgName: null,
packageName: null,
name: null,
sex: null,
marriage: null,
phone: null,
cardType: null,
cardId: null,
medicalTime: null,
amount: null,
dataType: null,
orderSource: null,
status: null,
orderType:'套餐订单'
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
this.getDicts("data_type").then(response => {
this.dataTypeOptions = response.data;
});
},
methods: {
/** 查询【请填写功能名称】列表 */
getList() {
this.loading = true;
listIncome(this.queryParams).then(response => {
this.orderList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
orgName: null,
packageName: null,
name: null,
sex: null,
marriage: null,
phone: null,
cardType: null,
cardId: null,
medicalTime: null,
createTime: null,
amount: null,
dataType: null,
orderSource: null,
status: 0
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加【请填写功能名称】";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getOrder(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改【请填写功能名称】";
});
},
/** 提交按钮 */
submitForm() {
this.repeatSubmit=true
setTimeout(()=>{
this.repeatSubmit = false //点击一次时隔两秒后才能再次点击
},2000)
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateOrder(this.form).then(response => {
this.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addOrder(this.form).then(response => {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$confirm('是否确认删除【请填写功能名称】编号为"' + ids + '"的数据项?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return delOrder(ids);
}).then(() => {
this.getList();
this.msgSuccess("删除成功");
})
},
/** 导出按钮操作 */
handleExport() {
const queryParams = this.queryParams;
this.$confirm('是否确认导出所有收入明细?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return exportIncome(queryParams);
}).then(response => {
this.download(response.msg);
})
},
agreeRefund(row){
this.$confirm('确认同意退款吗?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return handleRefund(row.id,5);
}).then(() => {
this.getList();
this.msgSuccess("操作成功");
}).catch(function() {
});
},
refuseRefund(row){
this.$confirm('确认拒绝退款吗?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return handleRefund(row.id,7);
}).then(() => {
this.getList();
this.msgSuccess("操作成功");
}).catch(function() {
});
},
changeStatus(row){
this.$confirm('确认核销吗?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return handleRefund(row.id,6);
}).then(() => {
this.getList();
this.msgSuccess("操作成功");
}).catch(function() {
});
}
}
};
</script>
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="订单类型" prop="orderType">
<el-select v-model="queryParams.orderType" placeholder="请选择订单类型" clearable size="small">
<el-option
v-for="item in orderTypeOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="订单来源" prop="orderSource">
<el-select v-model="queryParams.orderSource" placeholder="请选择订单来源" clearable size="small">
<el-option
v-for="item in orderSourceOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="收入时间">
<el-date-picker prop="startMedicalTime" style="width:140px" v-model="queryParams.startMedicalTime" placeholder="开始日期" value-format="yyyy-MM-dd">
</el-date-picker>
-
<el-date-picker prop="endMedicalTime" style="width:140px" v-model="queryParams.endMedicalTime" placeholder="结束日期" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
<el-form-item label="订单分类" prop="dataType">
<el-select v-model="queryParams.dataType" placeholder="请选择订单分类" clearable size="small">
<el-option
v-for="dict in dataTypeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<!--<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['backstage:order:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['backstage:order:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['backstage:order:remove']"
>删除</el-button>
</el-col>-->
<el-col :span="1.5">
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['backstage:order:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="orderList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="订单类型" align="center" prop="orderType" />
<el-table-column label="订单来源" align="center" prop="orderSource" />
<el-table-column label="订单分类" align="center" prop="dataType" />
<el-table-column label="收入" align="right" prop="amount" />
<el-table-column label="收入时间" align="center" prop="createdTime" />
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改【请填写功能名称】对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="医院名称" prop="orgName">
<el-input v-model="form.orgName" placeholder="请输入医院名称" />
</el-form-item>
<el-form-item label="套餐名称" prop="packageName">
<el-input v-model="form.packageName" placeholder="请输入套餐名称" />
</el-form-item>
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="性别" prop="sex">
<el-select v-model="form.sex" placeholder="请选择性别">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="婚姻" prop="marriage">
<el-input v-model="form.marriage" placeholder="请输入婚姻" />
</el-form-item>
<el-form-item label="电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入电话" />
</el-form-item>
<el-form-item label="证件类型" prop="cardType">
<el-select v-model="form.cardType" placeholder="请选择证件类型">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="证件号码" prop="cardId">
<el-input v-model="form.cardId" placeholder="请输入证件号码" />
</el-form-item>
<el-form-item label="预约日期" prop="medicalTime">
<el-input v-model="form.medicalTime" placeholder="请输入预约日期" />
</el-form-item>
<el-form-item label="订单金额" prop="amount">
<el-input v-model="form.amount" placeholder="请输入订单金额" />
</el-form-item>
<el-form-item label="订单分类" prop="dataType">
<el-select v-model="form.dataType" placeholder="请选择订单分类">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="订单来源" prop="orderSource">
<el-input v-model="form.orderSource" placeholder="请输入订单来源" />
</el-form-item>
<el-form-item label="订单状态,0待付款,1已完成,2待体检,3退款审核中,4已取消">
<el-radio-group v-model="form.status">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" :disabled="repeatSubmit">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listReconciliation,exportReconciliation } from "@/api/backstage/order";
export default {
name: "Reconciliation",
data() {
return {
// 不可重复提交
repeatSubmit: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 【请填写功能名称】表格数据
orderList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
orderTypeOptions: [
{
value: '增值服务订单',
label: '增值服务订单'
},
{
value: '套餐订单',
label: '套餐订单'
},
],
orderSourceOptions: [
{
value: '众泰健康',
label: '众泰健康'
},
{
value: '深圳健康',
label: '深圳健康'
},
],
statusOptions: [
{
value: 0,
label: '待付款'
},
{
value: 6,
label: '已完成'
},
{
value: 3,
label: '待体检'
},
{
value: 4,
label: '退款审核中'
},
{
value: 5,
label: '已取消'
},
{
value: 7,
label: '拒绝退款'
}
],
dataTypeOptions: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
orgName: null,
packageName: null,
name: null,
sex: null,
marriage: null,
phone: null,
cardType: null,
cardId: null,
medicalTime: null,
amount: null,
dataType: null,
orderSource: null,
status: null,
orderType:'套餐订单'
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
this.getDicts("data_type").then(response => {
this.dataTypeOptions = response.data;
});
},
methods: {
/** 查询【请填写功能名称】列表 */
getList() {
this.loading = true;
listReconciliation(this.queryParams).then(response => {
this.orderList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
orgName: null,
packageName: null,
name: null,
sex: null,
marriage: null,
phone: null,
cardType: null,
cardId: null,
medicalTime: null,
createTime: null,
amount: null,
dataType: null,
orderSource: null,
status: 0
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加【请填写功能名称】";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getOrder(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改【请填写功能名称】";
});
},
/** 提交按钮 */
submitForm() {
this.repeatSubmit=true
setTimeout(()=>{
this.repeatSubmit = false //点击一次时隔两秒后才能再次点击
},2000)
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateOrder(this.form).then(response => {
this.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addOrder(this.form).then(response => {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$confirm('是否确认删除【请填写功能名称】编号为"' + ids + '"的数据项?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return delOrder(ids);
}).then(() => {
this.getList();
this.msgSuccess("删除成功");
})
},
/** 导出按钮操作 */
handleExport() {
const queryParams = this.queryParams;
this.$confirm('是否确认导出所有对账单?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return exportReconciliation(queryParams);
}).then(response => {
this.download(response.msg);
})
},
agreeRefund(row){
this.$confirm('确认同意退款吗?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return handleRefund(row.id,5);
}).then(() => {
this.getList();
this.msgSuccess("操作成功");
}).catch(function() {
});
},
refuseRefund(row){
this.$confirm('确认拒绝退款吗?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return handleRefund(row.id,7);
}).then(() => {
this.getList();
this.msgSuccess("操作成功");
}).catch(function() {
});
},
changeStatus(row){
this.$confirm('确认核销吗?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return handleRefund(row.id,6);
}).then(() => {
this.getList();
this.msgSuccess("操作成功");
}).catch(function() {
});
}
}
};
</script>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论