Skip to content

S
SuperMan
Commit 9f816da9 authored by huangyuanyuan's avatar huangyuanyuan
Browse files
Options

增加财务年度排名统计，地接票券列表

parent c5cb7164
Hide whitespace changes
Inline Side-by-side
Showing with 1352 additions and 0 deletions
src/components/FinancialModule/ReportForm/AnnualRanking.vue 0 → 100644
View file @ 9f816da9
<style>
.AnnualRanking{
}
.AnnualRanking .fon12{
font-size: 12px;
}
.AnnualRanking .year{
text-align: center;
padding:10px 0;
background: #fff;
margin-top: 20px;
}
.AnnualRanking .dataList .el-table td, .el-table th{
padding:6px 0;
}
.AnnualRanking .dataList .el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell{
padding-left: 6px;
}
.AnnualRanking .dataList .el-table .cell, .el-table th div{
padding-right: 6px;
}
.AnnualRanking .Header li em{
font-size: 14px;
}
</style>
<template>
<div class="AnnualRanking">
<div class="Header">
<li style="margin:10px 0;display:inline-block">
<em>年份：</em>
<el-date-picker size="small"
v-model="msg.Year" value-format="yyyy"
type="year"
placeholder="选择年">
</el-date-picker>
</li>
<li style="margin:10px 0;display:inline-block">
<em>排序类型：</em>
<el-select v-model="msg.SortType" placeholder="请选择">
<el-option key="1" label="排名" :value="1"></el-option>
<el-option key="2" label="数值" :value="2"></el-option>
</el-select>
</li>
<button class="normalBtn" @click="GetList">查询</button>
<button class="hollowFixedBtn" @click="Export">导出</button>
<li style="display:inline-block;margin-left:10px;float:right;margin-top:10px">
<em>类型:</em>
<el-select @change="SelectType" v-model="type" placeholder="请选择">
<el-option key="0" label="全部" :value="0"></el-option>
<el-option key="1" label="销售额" :value="1"></el-option>
<el-option key="2" label="毛利" :value="2"></el-option>
<el-option key="3" label="佣金" :value="3"></el-option>
<el-option key="4" label="收客数量" :value="4"></el-option>
<el-option key="5" label="联运收入" :value="5"></el-option>
<el-option key="6" label="日本线" :value="6"></el-option>
<el-option key="7" label="净利润" :value="7"></el-option>
<el-option key="8" label="机票罚金" :value="8"></el-option>
</el-select>
</li>
</div>
<div class="dataList" v-loading="AALloading">
<!-- 销售额排名 -->
<div v-show="type==0 || type==1">
<div class="year">{{msg.Year}}年销售额排名</div>
<el-table border
:data="SaleMoneyList"
style="width: 100%">
<el-table-column sortable prop="BranchName" label="公司名称" width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月"></el-table-column>
<el-table-column sortable prop="February" label="二月"> </el-table-column>
<el-table-column sortable prop="March" label="三月"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" width="130"> </el-table-column>
<el-table-column sortable prop="April" label="四月"> </el-table-column>
<el-table-column sortable prop="May" label="五月"> </el-table-column>
<el-table-column sortable prop="June" label="六月"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" width="130"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" width="130"></el-table-column>
<el-table-column sortable prop="July" label="七月"> </el-table-column>
<el-table-column sortable prop="August" label="八月"> </el-table-column>
<el-table-column sortable prop="September" label="九月"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" width="130"></el-table-column>
<el-table-column sortable prop="October" label="十月"></el-table-column>
<el-table-column sortable prop="November" label="十一月"> </el-table-column>
<el-table-column sortable prop="December" label="十二月"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" width="130"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" width="130"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" width="130"> </el-table-column>
</el-table>
</div>
<!-- 毛利排名 -->
<div v-show="type==0 || type==2">
<div class="year">{{msg.Year}}年毛利排名</div>
<el-table border
:data="MaoLiList"
style="width: 100%">
<el-table-column sortable prop="BranchName" label="公司名称" width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月"></el-table-column>
<el-table-column sortable prop="February" label="二月"> </el-table-column>
<el-table-column sortable prop="March" label="三月"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" width="130"> </el-table-column>
<el-table-column sortable prop="April" label="四月"> </el-table-column>
<el-table-column sortable prop="May" label="五月"> </el-table-column>
<el-table-column sortable prop="June" label="六月"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" width="130"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" width="130"></el-table-column>
<el-table-column sortable prop="July" label="七月"> </el-table-column>
<el-table-column sortable prop="August" label="八月"> </el-table-column>
<el-table-column sortable prop="September" label="九月"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" width="130"></el-table-column>
<el-table-column sortable prop="October" label="十月"></el-table-column>
<el-table-column sortable prop="November" label="十一月"> </el-table-column>
<el-table-column sortable prop="December" label="十二月"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" width="130"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" width="130"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" width="130"> </el-table-column>
</el-table>
</div>
<!-- 佣金列表排名 -->
<div v-show="type==0 || type==3">
<div class="year">{{msg.Year}}年佣金列表排名</div>
<el-table border
:data="CommissionList"
style="width: 100%">
<el-table-column sortable prop="BranchName" label="公司名称" width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月"></el-table-column>
<el-table-column sortable prop="February" label="二月"> </el-table-column>
<el-table-column sortable prop="March" label="三月"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" width="130"> </el-table-column>
<el-table-column sortable prop="April" label="四月"> </el-table-column>
<el-table-column sortable prop="May" label="五月"> </el-table-column>
<el-table-column sortable prop="June" label="六月"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" width="130"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" width="130"></el-table-column>
<el-table-column sortable prop="July" label="七月"> </el-table-column>
<el-table-column sortable prop="August" label="八月"> </el-table-column>
<el-table-column sortable prop="September" label="九月"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" width="130"></el-table-column>
<el-table-column sortable prop="October" label="十月"></el-table-column>
<el-table-column sortable prop="November" label="十一月"> </el-table-column>
<el-table-column sortable prop="December" label="十二月"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" width="130"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" width="130"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" width="130"> </el-table-column>
</el-table>
</div>
<!-- 收客数量排名 GuestList-->
<div v-show="type==0 || type==4">
<div class="year">{{msg.Year}}年收客数量排名</div>
<el-table border
:data="GuestList"
style="width: 100%">
<el-table-column sortable prop="BranchName" label="公司名称" width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月"></el-table-column>
<el-table-column sortable prop="February" label="二月"> </el-table-column>
<el-table-column sortable prop="March" label="三月"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" width="130"> </el-table-column>
<el-table-column sortable prop="April" label="四月"> </el-table-column>
<el-table-column sortable prop="May" label="五月"> </el-table-column>
<el-table-column sortable prop="June" label="六月"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" width="130"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" width="130"></el-table-column>
<el-table-column sortable prop="July" label="七月"> </el-table-column>
<el-table-column sortable prop="August" label="八月"> </el-table-column>
<el-table-column sortable prop="September" label="九月"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" width="130"></el-table-column>
<el-table-column sortable prop="October" label="十月"></el-table-column>
<el-table-column sortable prop="November" label="十一月"> </el-table-column>
<el-table-column sortable prop="December" label="十二月"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" width="130"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" width="130"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" width="130"> </el-table-column>
</el-table>
</div>
<!-- 联运收入 UnionList -->
<div v-show="type==0 || type==5">
<div class="year">{{msg.Year}}年联运收入排名</div>
<el-table border
:data="UnionList"
style="width: 100%">
<el-table-column sortable prop="BranchName" label="公司名称" width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月"></el-table-column>
<el-table-column sortable prop="February" label="二月"> </el-table-column>
<el-table-column sortable prop="March" label="三月"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" width="130"> </el-table-column>
<el-table-column sortable prop="April" label="四月"> </el-table-column>
<el-table-column sortable prop="May" label="五月"> </el-table-column>
<el-table-column sortable prop="June" label="六月"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" width="130"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" width="130"></el-table-column>
<el-table-column sortable prop="July" label="七月"> </el-table-column>
<el-table-column sortable prop="August" label="八月"> </el-table-column>
<el-table-column sortable prop="September" label="九月"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" width="130"></el-table-column>
<el-table-column sortable prop="October" label="十月"></el-table-column>
<el-table-column sortable prop="November" label="十一月"> </el-table-column>
<el-table-column sortable prop="December" label="十二月"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" width="130"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" width="130"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" width="130"> </el-table-column>
</el-table>
</div>
<!-- 日本线 AvgMoneyList -->
<div v-show="type==0 || type==6">
<div class="year">{{msg.Year}}年日本线排名</div>
<el-table border
:data="AvgMoneyList"
style="width: 100%">
<el-table-column sortable prop="BranchName" label="公司名称" width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月"></el-table-column>
<el-table-column sortable prop="February" label="二月"> </el-table-column>
<el-table-column sortable prop="March" label="三月"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" width="130"> </el-table-column>
<el-table-column sortable prop="April" label="四月"> </el-table-column>
<el-table-column sortable prop="May" label="五月"> </el-table-column>
<el-table-column sortable prop="June" label="六月"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" width="130"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" width="130"></el-table-column>
<el-table-column sortable prop="July" label="七月"> </el-table-column>
<el-table-column sortable prop="August" label="八月"> </el-table-column>
<el-table-column sortable prop="September" label="九月"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" width="130"></el-table-column>
<el-table-column sortable prop="October" label="十月"></el-table-column>
<el-table-column sortable prop="November" label="十一月"> </el-table-column>
<el-table-column sortable prop="December" label="十二月"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" width="130"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" width="130"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" width="130"> </el-table-column>
</el-table>
</div>
<!-- 净利润 ProfitsList -->
<div v-show="type==0 || type==7">
<div class="year">{{msg.Year}}年净利润排名</div>
<el-table border
:data="ProfitsList"
style="width: 100%">
<el-table-column sortable prop="BranchName" label="公司名称" width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月"></el-table-column>
<el-table-column sortable prop="February" label="二月"> </el-table-column>
<el-table-column sortable prop="March" label="三月"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" width="130"> </el-table-column>
<el-table-column sortable prop="April" label="四月"> </el-table-column>
<el-table-column sortable prop="May" label="五月"> </el-table-column>
<el-table-column sortable prop="June" label="六月"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" width="130"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" width="130"></el-table-column>
<el-table-column sortable prop="July" label="七月"> </el-table-column>
<el-table-column sortable prop="August" label="八月"> </el-table-column>
<el-table-column sortable prop="September" label="九月"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" width="130"></el-table-column>
<el-table-column sortable prop="October" label="十月"></el-table-column>
<el-table-column sortable prop="November" label="十一月"> </el-table-column>
<el-table-column sortable prop="December" label="十二月"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" width="130"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" width="130"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" width="130"> </el-table-column>
</el-table>
</div>
<!-- 机票罚金 ProfitsList -->
<div v-show="type==0 || type==8">
<div class="year">{{msg.Year}}年机票罚金排名</div>
<el-table border
:data="AirPenalty"
style="width: 100%">
<el-table-column sortable prop="BranchName" label="公司名称" width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月"></el-table-column>
<el-table-column sortable prop="February" label="二月"> </el-table-column>
<el-table-column sortable prop="March" label="三月"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" width="130"> </el-table-column>
<el-table-column sortable prop="April" label="四月"> </el-table-column>
<el-table-column sortable prop="May" label="五月"> </el-table-column>
<el-table-column sortable prop="June" label="六月"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" width="130"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" width="130"></el-table-column>
<el-table-column sortable prop="July" label="七月"> </el-table-column>
<el-table-column sortable prop="August" label="八月"> </el-table-column>
<el-table-column sortable prop="September" label="九月"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" width="130"></el-table-column>
<el-table-column sortable prop="October" label="十月"></el-table-column>
<el-table-column sortable prop="November" label="十一月"> </el-table-column>
<el-table-column sortable prop="December" label="十二月"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" width="130"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" width="130"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" width="130"> </el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import moment from "moment"
export default {
name: 'AnnualRanking',
data (){
return{
type:0,
msg:{
EmployeeId:0,
SortType:1,
Year:moment().format("YYYY"),
},
tableData:[],
AALloading:false,
SaleMoneyList:[],
MaoLiList:[],
CommissionList:[],
GuestList:[],
UnionList:[],
AvgMoneyList:[],
ProfitsList:[],
AirPenalty:[],
}
},
created(){
let userInfo = this.getLocalStorage();
this.msg.EmployeeId = userInfo.EmployeeId;
},
mounted(){
this.GetList();
},
methods:{
Export(){
let msg = JSON.parse(JSON.stringify(this.msg));
this.GetLocalFile(
"financestatistics_post_OutToExcelGetCompanySaleRankList",
msg,
"年度排名统计.xls"
);
},
SelectType(val){
this.type=val;
},
GetList(){
this.AALloading=true;
this.apipost('financestatistics_post_GetCompanySaleRankList', this.msg, res=>{
this.AALloading = false
if (res.data.resultCode == 1) {
console.log("res",res);
this.SaleMoneyList=res.data.data.SaleMoneyList;
this.MaoLiList=res.data.data.MaoLiList;
this.CommissionList=res.data.data.CommissionList;
this.GuestList=res.data.data.GuestList;
this.UnionList=res.data.data.UnionList;
this.AvgMoneyList=res.data.data.AvgMoneyList;
this.ProfitsList=res.data.data.ProfitsList;
this.AirPenalty=res.data.data.AirPenalty;
} else {
this.$message.error(res.data.message)
}
})
}
}
}
</script>
\ No newline at end of file
src/components/scenicSpot/ScenTicketOrder.vue 0 → 100644
View file @ 9f816da9
<template>
<div class="flexOne" style="min-width: 1200px;">
<div class="groupTourOrderSearch">
<ul>
<li>
<span>
<em>关键字</em><el-input v-model='msg.searchKey' class='w150'></el-input>
</span>
</li>
<li>
<span>
<em>公司</em>
<el-select v-model="msg.rbBranchId" placeholder="请选择">
<el-option :key="-1" label="全部" :value="-1"></el-option>
<el-option
v-for="item in status"
:key="item.num"
:label="item.title"
:value="item.num">
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>业务员</em>
<el-select v-model="msg.enterID" placeholder="请选择">
<el-option
v-for="item in status"
:key="item.num"
:label="item.title"
:value="item.num">
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>状态</em>
<el-select v-model="msg.status" placeholder="请选择">
<el-option key="0" label="正常" :value="0"></el-option>
<el-option key="1" label="取消" :value="1"></el-option>
<el-option key="2" label="待付款" :value="2"></el-option>
</el-select>
</span>
</li>
<li>
<span><em>日期</em>
<el-date-picker v-model='msg.startDate' @change="dataDui()" class='w150' value-format="yyyy-MM-dd"
type="date"></el-date-picker>
-
<el-date-picker v-model='msg.endDate' @change="dataDui()" class='w150'
value-format="yyyy-MM-dd" type="date"></el-date-picker>
</span>
</li>
<li>
<input type="button" class="hollowFixedBtn" value="查询" @click="getList();resetPageIndex()"/>
</li>
</ul>
</div>
<!-- 表格 -->
<div style="width: 100%; height: auto;min-height:500px;overflow-x: auto;" class="ownScrollbarStyle">
<table class="groupTourOrderSearchTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'>
<tr class="title_tr">
<th>单号</th>
<th>景区名称</th>
<th>门票名</th>
<th>使用日期</th>
<th>购买数量</th>
<th>金额信息</th>
<th>客户信息</th>
<th>联系人信息</th>
<th>订单状态</th>
<th>退款状态</th>
</tr>
<tr>
<td v-show="dataList.length==0" colspan="16" align="center">暂无数据</td>
</tr>
<tbody v-for="(item,index) in dataList" :key="index">
<tr>
<td>{{item.id}}</td>
<td><p class="fz12 over_ellipsis">{{item.couponsName}}</p></td>
<!-- <td><span @click="goUrl('散客机票','individualTicket',item.AirTicketId)" class="guest_num">{{item.AirTicketId}}</span></td> -->
<td>{{item.ticketName}}</td>
<td class="fz12">{{item.useDate}}</td>
<td class="fz12">{{item.purchaseQuantity}}</td>
<td>
<p>应付金额：{{item.preferPrice}}</p>
<p style="color:#E95252">优惠金额：{{item.discountMoney}}</p>
</td>
<td class="fz12">
<p>姓名：{{item.customerName}}</p>
<p>电话：{{item.customerMobile}}</p>
</td>
<td class="fz12">
<p>姓名：{{item.contactCNName}}</p>
<p>电话：{{item.contactMobile}}</p>
<p>邮箱：{{item.contactEmail}}</p>
</td>
<td>
<span v-if="item.status==1">正常</span>
<span v-if="item.status==2">取消</span>
<span v-if="item.status==3">待付款</span>
</td>
<td>
<p v-if="item.RefundStatus!=1">
<span v-if="item.RefundStatus==2">退款中</span>
<span v-if="item.RefundStatus==3">已退款</span>
</p>
</td>
<!-- <td>
<p v-if="item.RefundStatus==2 && item.Status==1 && item.RefundFinanceList.length==0">
<el-tooltip class="item" effect="dark" content="退款" placement="top-end">
<el-button @click="RefundPay(item)" type="danger" icon="el-icon-star-off" circle></el-button>
</el-tooltip>
</p>
</td> -->
</tr>
<!-- <tr style="height:20px">
<td colspan="15" class="RL_Order" style="height:20px">
<span class="RL-remarkTitle">名单:</span>
<span class="RL-redType RL-remarkCon" v-if="item.GuestList.length>0">
<el-popover
placement="right"
width="1000"
trigger="click">
<el-table :data="item.GuestList">
<el-table-column property="Id" label="排号"></el-table-column>
<el-table-column property="Name" label="姓名"></el-table-column>
<el-table-column property="Sex" label="性别">
<template slot-scope="scope">
<span v-if="scope.row.Sex=='1'">男</span>
<span v-if="scope.row.Sex=='2'">女</span>
</template>
</el-table-column>
<el-table-column property="Birthday" label="生日"></el-table-column>
<el-table-column property="PassportNo" label="护照号码"></el-table-column>
<el-table-column property="NationalityName" label="国籍"></el-table-column>
<el-table-column width="120" property="MobilePhone" label="手机号码"></el-table-column>
<el-table-column property="AgeType" label="年龄类型">
<template slot-scope="scope">
<span v-if="scope.row.AgeType=='1'">成人</span>
<span v-if="scope.row.AgeType=='2'">孩子</span>
<span v-if="scope.row.AgeType=='3'">婴儿</span>
<span v-if="scope.row.AgeType=='4'">老人</span>
</template>
</el-table-column>
</el-table>
<span slot="reference">
<span style="cursor:pointer" v-for="(childItem) in item.GuestList" :key="childItem.Name">{{childItem.Name}}&nbsp;&nbsp;</span>
</span>
</el-popover>
</span>
<span class="RL-redType RL-remarkCon" v-else>
<span>暂无名单</span>
</span>
</td>
</tr> -->
</tbody>
</table>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination>
</div>
</template>
<script>
import payURL from "../commonPage/payURL.vue";
import moment from "moment";
export default {
data() {
return {
msg: {
pageIndex: 1,
pageSize: 10,
AirTicketId: 0,
AirOrderId: 0,
status: 0,
startDate: moment().format("YYYY-MM-DD"),
endDate: "",
searchKey:"",
rbBranchId:-1,
enterID:-1,
},
status: [
{ title: "全部", num: 0 },
{ title: "待付款", num: 3 },
{ title: "正常", num: 1 },
{ title: "取消", num: 2 }
],
dataList: [],
loading: false,
total: 0,
currentPage: 1,
showID: -1
};
},
components: {},
created() {},
methods: {
// 退款操作
RefundPay(item) {
let orderObj = {
OrderID: item.Id, //订单号
OrderSource: 12, //12
Obj: {},
SourceID: item.AirTicketId, //机票id
TCIDList: []
};
this.$router.push({
name: "ChoiceAddFinancialDocuments",
query: {
Type: 2,
companyID: item.RB_Branch_Id, //公司id
path: "",
blank: "y",
orderObj: JSON.stringify(orderObj)
}
});
},
goUrl: function(name, path, id) {
this.$router.push({
name: path,
query: { id: id, blank: "y", tab: name }
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
getList() {
this.loading = true;
this.apiJavaPost("/api/erp/ticketCoupons/getTicketCouponsOrder", this.msg, res => {
this.loading = false;
if (res.data.resultCode === 1) {
this.total = res.data.data.count;
this.dataList = res.data.data.pageData;
console.log(this.dataList,'datalist');
} else {
this.Error(res.data.message)
}
}, null);
},
// 结束日期不能大于开始日期
dataDui() {
if (this.msg.startDate > this.msg.endDate && this.msg.endDate !== "") {
this.$message.error("结束日期不能大于开始日期");
this.msg.endDate = "";
}
}
},
mounted() {
this.getList();
}
};
</script>
<style scoped>
@import "../../assets/css/newTravelManager.css";
.tickets_green {
color: #008000;
text-decoration: underline;
margin-right: 6px;
}
.title_tr th {
/* width: 9%; */
}
.color_red_order {
color: #e95252 !important;
}
.groupTourOrderSearch {
width: 100%;
min-height: auto;
padding: 0 0 20px 0;
}
.groupTourOrderSearch li {
float: left;
font-size: 12px;
color: #666;
margin: 20px 0 0px 0;
}
.groupTourOrderSearch li > span {
display: inline-block;
}
.groupTourOrderSearch li span > em {
display: inline-block;
min-width: 60px;
text-align: right;
font-style: normal;
margin: 0 12px 0 0;
}
.groupTourOrderSearch li:last-child {
position: fixed;
z-index: 10;
top: 36px;
right: 20px;
}
.groupTourOrderSearch ul {
overflow: hidden;
}
.groupTourOrderSearchTable {
width: 100%;
min-width: 1500px;
font-size: 14px;
color: #333;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
/* border-collapse: collapse; */
}
.groupTourOrderSearchTable tr th {
background: #e6e6e6;
height: 30px;
font-size: 12px;
text-align: left;
text-indent: 15px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.groupTourOrderSearchTable tr {
background: #fff;
text-align: left;
}
.groupTourOrderSearchTable tr td {
padding: 8px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.groupTourOrderSearchTable tr td p {
line-height: 20px;
}
.groupTourOrderSearchTable .dowloadSpan:hover {
text-decoration: underline;
cursor: pointer;
}
.groupTourOrderSearchTable span.personNo {
text-decoration: underline;
cursor: pointer;
}
.groupTourOrderSearchTable span.personNo:hover {
font-weight: bold;
color: #e95252;
}
.personNolayer p {
height: 28px;
line-height: 28px;
padding-left: 15px;
}
.personNolayer p > span {
font-size: 12px;
color: #333;
margin-right: 15px;
}
.personNolayer table {
padding: 10px 0 0 20px;
width: 100%;
background-color: #ededed;
border-collapse: collapse;
border: 1px solid #d2d2d2;
font-size: 12px;
}
.personNolayer table th {
background-color: #ededed;
height: 34px;
text-indent: 15px;
}
.personNolayer table td {
background-color: #ffffff;
padding: 9px 15px;
color: #333333;
border: 1px solid #d2d2d2;
}
.personNolayer table ._color_666 {
color: #666666;
}
.personNolayer table tr._color_666 th {
padding: 9px 15px;
}
.groupSuperSearchLayer {
}
.groupSuperSearchLayer > p {
padding: 20px 0;
font-size: 14px;
color: #333;
font-weight: bold;
}
.groupSuperSearchLayerTable {
font-size: 12px;
color: #666;
}
.groupSuperSearchLayerTable tr {
height: 50px;
}
.groupSuperSearchLayerTable td {
padding-right: 15px;
}
.groupTourOrderIcon button {
width: 30px;
height: 30px;
border-radius: 4px;
}
.groupTourOrderIcon .el-button--primary {
padding: 5px;
margin: 0;
font-size: 14px !important;
}
.groupTourOrderIcon .el-button + .el-button {
margin-left: 0 !important;
}
.productQuerybottomLayer {
overflow: auto;
position: fixed;
min-height: 300px;
z-index: 50;
bottom: 0;
left: 0;
border-top: 3px solid #38425d;
background-color: #ffffff;
padding: 10px 10px 0;
width: 100%;
}
.productQuerybottomLayer .el-form-item__label {
font-size: 12px !important;
}
.productQuerybottomLayer > p {
border-left: 3px solid #e95252;
text-indent: 15px;
height: 16px;
font-family: "PingFangSc-Fine";
font-size: 16px;
margin-bottom: 20px;
line-height: 14px;
color: #000;
}
.productQuerybottomLayer .el-input-number {
width: auto !important;
}
.groupTourOrder_count_green {
color: #1bc594;
}
.groupTourOrder_count_blue {
color: #4d7afd;
}
.groupTourOrder_count_yellow {
color: #ff9c00;
}
.groupTourOrder_count_gray {
color: #999999;
}
.groupTourOrder_count {
margin: 0 0 20px 0;
width: 100%;
height: auto;
}
.groupTourOrder_count_col {
height: 80px;
}
.groupTourOrder_count_item {
font-weight: 400;
padding: 10px;
height: 100%;
border: 1px solid #e6e6e6;
background-color: #ffffff;
color: #333333;
}
.groupTourOrder_count_item > div > i {
font-size: 12px;
vertical-align: bottom;
}
.groupTourOrder_count_item > div > span:nth-child(2) {
font-size: 14px;
vertical-align: bottom;
}
.groupTourOrder_count_item > div > span:nth-child(3) {
font-weight: bold;
font-size: 16px;
vertical-align: bottom;
}
.groupTourOrder_count_item > p {
font-size: 12px;
line-height: 18px;
}
.groupTourOrder_count_item > p > span {
margin: 0 5px 0 0;
white-space: nowrap;
}
.groupTourOrder_more {
margin: 0 -12px;
}
.groupTourOrder_more > div {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
color: #333333;
background-color: #ffffff;
cursor: pointer;
}
.groupTourOrder_more > div:hover {
color: #297bef;
background-color: #dcebff;
}
.groupTourOrder_remarks {
font-size: 0px;
}
.groupTourOrder_remarks > div {
}
.groupTourOrder_remarks > div > div:nth-child(1) {
float: left;
display: flex;
align-items: flex-start;
}
.groupTourOrder_remarks > div > div:nth-child(1) > span {
line-height: 20px;
font-size: 12px;
color: #e95252;
white-space: nowrap;
}
.groupTourOrder_remarks > div > div:nth-child(1) > p {
line-height: 20px;
font-size: 12px;
color: #e95252;
}
.groupTourOrder_remarks > div > div:nth-child(2) {
float: right;
text-align: right;
font-size: 12px;
color: #e95252;
}
.groupTourOrder_remarks > div > div:nth-child(2) > i {
font-size: 10px;
cursor: pointer;
}
.groupTourOrder_remarks > div::after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.groupTourOrder_remarks_btn {
padding: 0px;
width: 12px;
height: 12px;
border: none;
background-color: transparent;
}
.groupTourOrder_remarks_btn > i {
color: #e95252;
font-size: 12px;
}
.groupTourOrder_remarks_popover > div {
display: inline-block;
font-size: 14px;
color: #000000;
}
.groupTourOrder_remarks_popover > div::before {
content: "";
display: inline-block;
margin: 0 5px 0 0;
width: 2px;
height: 12px;
background-color: #e95252;
}
.groupTourOrder_remarks_popover > span {
display: block;
margin: 0 0 0 0;
width: 100%;
text-align: center;
font-size: 12px;
color: #000000;
}
.groupTourOrder_remarks_popover > p {
margin: 5px 0 0 0;
padding: 3px;
width: 100%;
max-height: 300px;
overflow-y: auto;
font-size: 12px;
color: #000000;
}
.groupTourOrder_remarks_popover > p:nth-child(even) {
background-color: #e6e6e6;
}
.groupTourOrder_remarks_popover > p > span:nth-child(1) {
float: left;
}
.groupTourOrder_remarks_popover > p > span:nth-child(2) {
margin: 0 10px 0 0;
float: right;
}
.groupTourOrder_remarks_popover > p::after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.groupTourOrder_tickets > div {
display: table;
}
.groupTourOrder_tickets > div > div {
display: table-cell;
cursor: pointer;
}
.groupTourOrder_tickets > div > div:nth-child(1) {
width: 80px;
}
.groupTourOrder_tickets > div > div > span {
display: inline-block;
margin: 0 10px 0 0;
}
.groupTourOrder_tickets_red {
color: #ff0000;
text-decoration: underline;
}
.groupTourOrder_tickets_blue {
color: #0000ff;
text-decoration: underline;
}
.groupTourOrder_tickets_green {
color: #008000;
text-decoration: underline;
}
.groupTourOrder_tickets_black {
color: #000000;
text-decoration: underline;
}
.groupTourOrderByTuan_ico {
margin: 0 10px 0 0;
}
.groupTourOrderByTuan_ico > i {
display: inline-block;
margin: 0 2px 0 0;
width: 8px;
height: 8px;
border-radius: 2px;
vertical-align: middle;
}
.groupTourOrderByTuan_ico > span {
vertical-align: middle;
}
/* 出团通知书打印选择 */
.travelControlTripLayer {
position: fixed;
z-index: 99;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
left: 0;
top: 0;
}
.travelControlTripLayerCont {
position: absolute;
left: 50%;
margin-left: -300px;
background: #fff;
top: 50%;
margin-top: -180px;
width: 600px;
}
.travelControlTripLayerCont > div {
padding: 0 30px;
}
.travelControlTripLayerCont > div label {
cursor: pointer;
vertical-align: middle;
}
.travelControlTripLayerCont > div label input {
vertical-align: middle;
}
.travelControlTripBtn {
color: #fff;
width: 90px;
height: 30px;
background: #e95252;
border: 1px solid #e95252;
cursor: pointer;
border-radius: 15px;
margin-left: 10px;
}
.travelControlTripLayer input[type="checkbox"] + label::before {
content: "\A0";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
border-radius: 4px;
background-color: white;
text-indent: 0.15em;
line-height: 15px;
color: white;
border: 1px solid #e95252;
}
.travelControlTripLayer input[type="checkbox"]:checked + label::before {
content: "\2713";
background-color: #e95252;
}
.travelControlTripLayer input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.travelControlTripLayer input[type="checkbox"]:focus + label::before {
box-shadow: none;
}
.travelControlTripLayer input[type="checkbox"]:disabled + label::before {
background-color: gray;
box-shadow: none;
color: #555;
}
.groupTourOrder_transfer {
position: fixed;
z-index: 50;
bottom: 0;
left: 50px;
padding: 10px 10px;
width: 100%;
min-width: 1366px;
min-height: 200px;
border-top: 3px solid #38425d;
background-color: #ffffff;
overflow-y: auto;
}
.groupTourOrder_transfer > .transfer_header {
position: relative;
width: 100%;
height: 30px;
}
.groupTourOrder_transfer > .transfer_header > div:nth-child(1) {
display: inline-block;
padding: 0 10px;
width: 200px;
height: 30px;
line-height: 30px;
border-left: 3px solid #e95252;
text-indent: 10px;
font-size: 16px;
color: #000000;
}
.groupTourOrder_transfer > .transfer_header > div:nth-child(2) {
position: absolute;
top: 0px;
right: 80px;
height: 30px;
}
.groupTourOrder_transfer
> .transfer_header
> div:nth-child(2)
> div:nth-child(1) {
display: inline-block;
padding: 0 15px;
height: 30px;
line-height: 28px;
font-size: 14px;
color: #e95252;
border: 1px solid #e95252;
background: #fff;
border-radius: 15px;
cursor: pointer;
vertical-align: top;
}
.groupTourOrder_transfer
> .transfer_header
> div:nth-child(2)
> div:nth-child(2) {
display: inline-block;
margin: 0 0 0 10px;
padding: 0 15px;
height: 30px;
line-height: 28px;
font-size: 14px;
color: #fff;
border: 1px solid #e95252;
background: #e95252;
border-radius: 15px;
cursor: pointer;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_info {
padding: 20px 0;
width: 100%;
font-size: 0px;
border-bottom: 1px dashed #999999;
}
.groupTourOrder_transfer > .transfer_info > div {
display: inline-block;
padding: 0 10px;
width: 25%;
height: 30px;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_info > div > em {
display: inline-block;
padding: 0 10px;
width: 35%;
height: 30px;
line-height: 30px;
text-align: right;
font-size: 16px;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_info > div > span {
display: inline-block;
padding: 0 10px;
width: 65%;
height: 30px;
line-height: 30px;
text-align: left;
font-size: 16px;
border-radius: 3px;
background-color: #e5e5e5;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_input {
padding: 20px 0;
width: 100%;
font-size: 0px;
}
.groupTourOrder_transfer > .transfer_input > div {
display: inline-block;
padding: 0 10px;
width: 25%;
height: 30px;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_input > div > em {
display: inline-block;
padding: 0 10px;
width: 35%;
height: 30px;
line-height: 30px;
text-align: right;
font-size: 16px;
vertical-align: top;
}
.groupTourOrder_transfer > .transfer_input > div > .el-input {
display: inline-block;
width: 65%;
height: 30px;
line-height: 30px;
text-align: left;
font-size: 14px;
vertical-align: top;
}
</style>
src/router/config.js
View file @ 9f816da9
...@@ -1067,6 +1067,14 @@ export default { ...@@ -1067,6 +1067,14 @@ export default {
title: '门票统计' title: '门票统计'
}, },
}, },
{
path: '/ScenTicketOrder', //票券订单
name: 'ScenTicketOrder',
component: resolve => require(['@/components/scenicSpot/ScenTicketOrder'], resolve),
meta: {
title: '票券订单'
},
},
{ {
path: '/admissionStatisticsDetails', //门票统计详情 path: '/admissionStatisticsDetails', //门票统计详情
name: 'admissionStatisticsDetails', name: 'admissionStatisticsDetails',
...@@ -2757,6 +2765,14 @@ export default { ...@@ -2757,6 +2765,14 @@ export default {
title: '团队营收统计' title: '团队营收统计'
}, },
}, },
{ //财务 报表 年度排名统计
path: '/AnnualRanking',
name: 'AnnualRanking',
component: resolve => require(['@/components/FinancialModule/ReportForm/AnnualRanking'], resolve),
meta: {
title: '年度排名统计'
},
},
{ //财务 报表 团队人数统计 { //财务 报表 团队人数统计
path: '/NumberStatistics', path: '/NumberStatistics',
name: 'NumberStatistics', name: 'NumberStatistics',
......
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