Skip to content

C
CRM
Commit f8904d10 authored by 罗超's avatar 罗超
Browse files
Options

no message

parent acf26b26
Show whitespace changes
Inline Side-by-side
Showing with 3 additions and 377 deletions
src/components/customerManage/customerOrder.vue
View file @ f8904d10
......@@ -198,7 +198,7 @@
<span>已通过</span>
</div>
</div>
<orderList :dataList="dataList" :loading="loading" @emptyMore="emptyMore"></orderList>
<orderList :dataList="dataList" :loading="loading" @emptyMore="emptyMore" :superManage="superManage"></orderList>
<div>
<el-pagination class="Mypagination" background @current-change="handleCurrentChange"
:page-sizes="[30, 60, 90, 100]" :page-size="msg.pageSize" layout="sizes, prev, pager, next"
......@@ -215,6 +215,7 @@
},
data() {
return {
superManage:'订单统计',
StatModel:{},// 合计
loading:false,
total:0,
......
src/components/customerManage/superCustomerOrder.vue deleted 100644 → 0
View file @ acf26b26
<style>
@import '../../assets/css/customerManage.css';
.query-box .el-row .el-col{
display: flex;
align-items: center;
margin-bottom: 15px;
}
.query-box .el-row .el-col span{
flex-shrink: 0;
}
.statistics{
background: #fff;
display: flex;
justify-content: space-between;
}
.statistics-box{
flex: 1;
padding: 7px 16px;
background-color: #DDDEE0;
display: flex;
flex-wrap: wrap;
border-radius: 5px;
margin-right: 10px;
}
.statistics-box:last-child{
margin-right: 0;
}
.statistics-box span:first-child{
font-weight: bold;
margin-right: 5px;
flex-shrink: 0;
}
.red{
color: #F72E52;
}
.blue{
color: #3A7CF7;
}
.status-box{
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.status-text{
display: flex;
flex-direction: row;
align-items: center;
margin-left: 15px;
}
.tis-k{
width: 10px;
height: 10px;
margin-right: 10px;
}
</style>
<template>
<div class="customerManage">
<div class="tools">
<h1>订单管理</h1>
<div class="rightmenu">
<el-button size="mini" type="primary" @click="downLoadExcel">导出</el-button>
</div>
</div>
<div class="query-box">
<el-row :gutter="20">
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">订单号</span>
<el-input size="mini" class="w210" v-model="msg.OrderId" placeholder="订单号"
@keyup.enter.native="getList"></el-input>
</el-col>
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">客人姓名</span>
<el-input size="mini" class="w210" v-model="msg.GusetName" placeholder="客人姓名"
@keyup.enter.native="getList"></el-input>
</el-col>
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">出发城市</span>
<el-input size="mini" class="w210" v-model="msg.StartCityName" placeholder="出发城市"
@keyup.enter.native="getList"></el-input>
</el-col>
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">到达城市</span>
<el-input size="mini" class="w210" v-model="msg.EndCityName" placeholder="到达城市"
@keyup.enter.native="getList"></el-input>
</el-col>
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">业务员</span>
<el-select
size="mini"
filterable
v-model="msg.EnterID"
@change="getList"
clearable
placeholder="业务员">
<el-option
v-for="item in EmployeeList"
:label='item.EmName'
:value='item.EmployeeId'
:key='item.EmployeeId'>
</el-option>
</el-select>
</el-col>
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">出票状态</span>
<el-select size="mini" v-model="msg.TicketStatus" @change="getList">
<el-option v-for="(item,index) in ticketingStatusList"
:key="index"
:label="item.Name" :value="item.Id"> </el-option>
</el-select>
</el-col>
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">订单状态</span>
<el-select size="mini" v-model="msg.OrderStatus" @change="getList">
<el-option v-for="(item,index) in OrderStatusList"
:key="index"
:label="item.Name" :value="item.Id"> </el-option>
</el-select>
</el-col>
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">收款状态</span>
<el-select size="mini" v-model="msg.Q_IsCollect" @change="getList">
<el-option v-for="(item,index) in QIsCollectList"
:key="index"
:label="item.Name" :value="item.Id"> </el-option>
</el-select>
</el-col>
<el-col :xs="8" :sm="7" :md="6" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">报名开始</span>
<el-date-picker
v-model="msg.StartTime"
@change="getList"
size="mini"
style="width: 100%;"
format="yyyy-MM-dd"
type="date"
placeholder="开始日期">
</el-date-picker>
</el-col>
<el-col :xs="8" :sm="7" :md="6" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">报名结束</span>
<el-date-picker
v-model="msg.EndTime"
@change="getList"
size="mini"
style="width: 100%;"
format="yyyy-MM-dd"
type="date"
placeholder="结束日期">
</el-date-picker>
</el-col>
</el-row>
</div>
<div class="statistics">
<div class="statistics-box">
<span>应收</span>
<span>{{StatModel.Money}}</span>
</div>
<div class="statistics-box">
<span>实收</span>
<span>{{StatModel.IncomeMoney}}</span>
</div>
<div class="statistics-box">
<span>退款</span>
<span class="red">{{StatModel.BackMoney}}</span>
</div>
<div class="statistics-box">
<span>手续费</span>
<span>{{StatModel.TaxMoney}}</span>
</div>
<div class="statistics-box">
<span>成本</span>
<span>{{StatModel.PayMoney}}</span>
</div>
<div class="statistics-box">
<span>待收</span>
<span>{{StatModel.DueinMoney}}</span>
</div>
<div class="statistics-box">
<span>报名数</span>
<span class="blue">{{StatModel.NorNumber}}人</span>
</div>
<div class="statistics-box">
<span>取消数</span>
<span class="red">{{StatModel.CancelNum}}人</span>
</div>
</div>
<div class="query-box status-box">
<div class="status-text">
<div class="tis-k" style="background: #2961FE"></div>
<span>已打单</span>
</div>
<div class="status-text">
<div class="tis-k" style="background: #F28C1D"></div>
<span>银行出纳已审核</span>
</div>
<div class="status-text">
<div class="tis-k" style="background: #3FC4FF"></div>
<span>已通过</span>
</div>
</div>
<orderList :dataList="dataList" :loading="loading" @emptyMore="emptyMore" :superManage="superManage"></orderList>
<div>
<el-pagination class="Mypagination" background @current-change="handleCurrentChange"
:page-sizes="[30, 60, 90, 100]" :page-size="msg.pageSize" layout="sizes, prev, pager, next"
@size-change="handleSizeChange" :total="total">
</el-pagination>
</div>
</div>
</template>
<script>
import orderList from "./orderList";
export default {
components: {
orderList
},
data() {
return {
superManage:'订单统计',
StatModel:{},// 合计
loading:false,
total:0,
dataList:[],
timeList:[],//时间
msg: {
pageIndex: 1,
pageSize: 15,
OrderId:"",//订单id
GusetName:"",//客人姓名
GuestId:"",//客人id
StartCityName:"",//出发城市
EndCityName:"",//到达城市
EnterID:"",//业务员id
TicketStatus:"0",//出票状态
OrderStatus:"1",//订单状态
Q_IsCollect:"0",//收款状态
StartTime:"2022-04-28",
EndTime:""
},
ticketingStatusList:[],// 出票状态
OrderStatusList:[
{Name:'正常',Id:'1'},
{Name:'取消',Id:'2'}
],
QIsCollectList:[
{Name:'不限',Id:'0'},
{Name:'已收齐',Id:'1'},
{Name:'未收齐',Id:'2'}
],
EmployeeList:[]
}
},
mounted() {
// erp自动登陆传过来的参数
if(this.$route.query.erpOrderObj){
let data = JSON.parse(this.$route.query.erpOrderObj)
this.msg.OrderId = data.OrderId
}
this.Employee() //业务员
this.GetTicketStatusEnumList() //出票枚举
let $this = this
this.MsgBus.$on("closeGetList", function() {
$this.getList()
});
this.getList()
},
methods: {
// 获取业务员
Employee() {
let userInfo = this.getLocalStorage();
let msg = {
RB_Group_id: userInfo.RB_Group_id,
BranchId: -1,
DepartmentId: 0,
PostId: 0,
IsLeave: 0,
};
this.apipost2(
"admin_get_EmployeeGetList",
msg,
(res) => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
} else {
}
},
(err) => {}
);
},
//点击下载
downLoadExcel() {
if(!this.msg.StartTime||!this.msg.EndTime){
let tips = '请选择开始时间、结束时间！'
this.$confirm(tips, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
}).catch(() => { });
return
}
this.GetLocalFile(
"/api/Order/GetGuestOrderStatisticsToExcel",
this.msg,'订单表.xls'
);
},
// 清空下拉
emptyMore(){
this.dataList.forEach(item=>{
return item.More = ''
})
},
// 获取出票状态枚举
GetTicketStatusEnumList(){
this.apipost(
"/api/Order/GetTicketStatusEnumList",
{},
(res) => {
if (res.data.resultCode == 1) {
this.ticketingStatusList = res.data.data;
let data = {
Name:'全部',
Id:'0'
}
this.ticketingStatusList.unshift(data)
} else {
this.$message.error(res.data.message);
}
}
);
},
getList(){
this.loading = true;
this.apipost(
"/api/Order/GetGuestOrderStatisticsPageList",
this.msg,
(res) => {
if (res.data.resultCode == 1) {
let data = res.data.data.Data.pageData;
let addList = function(arr) {
arr.forEach(item => {
item.More = ''
});
};
addList(data);
this.dataList = res.data.data.Data.pageData;
this.total = res.data.data.Data.count;
this.StatModel = res.data.data.StatModel
this.loading = false
} else {
this.$message.error(res.data.message);
}
}
);
},
handleSizeChange(val) {
this.msg.pageSize = val
this.getList();
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
}
}
</script>
\ No newline at end of file
src/router.js
View file @ f8904d10
......@@ -17,7 +17,6 @@ import customerApr from "./components/approval/customerApr"
import customerMap from "./components/customerManage/customerMap"
import customerConfiguration from "./components/customerManage/customerConfiguration"
import customerOrder from "./components/customerManage/customerOrder"
import superCustomerOrder from "./components/customerManage/superCustomerOrder"
import myCustomerOrder from "./components/customerManage/myCustomerOrder"
import automaticLogin from './views/automaticLogin'
Vue.use(Router);
......@@ -445,14 +444,6 @@ export default new Router({
path: "/customerOrder",
name: "customerOrder",
component: customerOrder,
meta: {
title: "客户订单"
}
},
{
path: "/superCustomerOrder",
name: "superCustomerOrder",
component: superCustomerOrder,
meta: {
title: "订单统计"
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment