Skip to content

S
SuperMan
Commit 0114732e authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent b56d332c
Hide whitespace changes
Inline Side-by-side
Showing with 330 additions and 286 deletions
src/components/TravelManager/TravelList/RegistrationStatistics.vue
View file @ 0114732e
<style>
.RegistrationStatistic .Rs_LtName {
.RegistrationStatistic .Rs_LtName {
text-align: left;
padding-left: 20px;
}
}
.RegistrationStatistic .RS_Nameover {
.RegistrationStatistic .RS_Nameover {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* text-decoration: underline; */
cursor: pointer;
/* autoprefixer: on */
text-align: left;
}
}
.RegistrationStatistic .singeRowTable {
.RegistrationStatistic .singeRowTable {
border-collapse: collapse;
}
}
.RegistrationStatistic .singeRowTable tr td {
border: 1px solid #E5E5E5;
}
.RegistrationStatistic .singeRowTable tr td {
border: 1px solid #e5e5e5;
}
.RegistrationStatistic .Rs_Start1 {
background-color: #FF6670;
.RegistrationStatistic .Rs_Start1 {
background-color: #ff6670;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start2 {
background-color: #16E09D;
.RegistrationStatistic .Rs_Start2 {
background-color: #16e09d;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start3 {
background-color: #FF8547;
.RegistrationStatistic .Rs_Start3 {
background-color: #ff8547;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start4 {
background-color: #FF528B;
.RegistrationStatistic .Rs_Start4 {
background-color: #ff528b;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start5 {
background-color: #FFAB1E;
.RegistrationStatistic .Rs_Start5 {
background-color: #ffab1e;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start6 {
background-color: #7CCC4E;
.RegistrationStatistic .Rs_Start6 {
background-color: #7ccc4e;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start7 {
background-color: #B47DF0;
.RegistrationStatistic .Rs_Start7 {
background-color: #b47df0;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start8 {
background-color: #00C8F5;
.RegistrationStatistic .Rs_Start8 {
background-color: #00c8f5;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start9 {
background-color: #7598FF;
.RegistrationStatistic .Rs_Start9 {
background-color: #7598ff;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start10 {
background-color: #DBC500;
.RegistrationStatistic .Rs_Start10 {
background-color: #dbc500;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start11 {
background-color: #7598FF;
.RegistrationStatistic .Rs_Start11 {
background-color: #7598ff;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start12 {
background-color: #00D9C3;
.RegistrationStatistic .Rs_Start12 {
background-color: #00d9c3;
color: #fff;
}
}
.RegistrationStatistic .Rs_Start13 {
background-color: #40AFFF;
.RegistrationStatistic .Rs_Start13 {
background-color: #40afff;
color: #fff;
}
}
.RegistrationStatistic .RS_RedType {
color: #FF0000;
}
.RegistrationStatistic .RS_RedType {
color: #ff0000;
}
.RegistrationStatistic .Order_RS {
.RegistrationStatistic .Order_RS {
text-decoration: underline;
cursor: pointer;
}
}
</style>
<template>
<div class="flexOne RegistrationStatistic">
......@@ -117,11 +113,9 @@
<li>
<span>
<em>{{$t('advmanager.v_line')}}</em>
<el-select class='w150' v-model="queryMsg.LineID" filterable :placeholder="$t('pub.pleaseSel')"
@change="getLineTeamList()">
<el-select class='w150' v-model="queryMsg.LineID" filterable :placeholder="$t('pub.pleaseSel')" @change="getLineTeamList()">
<el-option :label="$t('pub.unlimitedSel')" :value='queryCommonData.SelectDefaultValue'></el-option>
<el-option v-for="item in queryCommonData.LineList" :label='item.LineName' :value='item.LineID'
:key='item.LineID'>
<el-option v-for="item in queryCommonData.LineList" :label='item.LineName' :value='item.LineID' :key='item.LineID'>
</el-option>
</el-select>
</span>
......@@ -131,8 +125,7 @@
<em>{{$t('advmanager.v_xilie')}}</em>
<el-select class='w150' v-model="queryMsg.ltID" filterable :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='queryCommonData.SelectDefaultValue'></el-option>
<el-option v-for="item in queryCommonData.LineTeamList" :label='item.LtName' :value='item.LtID'
:key='item.LtID'>
<el-option v-for="item in queryCommonData.LineTeamList" :label='item.LtName' :value='item.LtID' :key='item.LtID'>
</el-option>
</el-select>
</span>
......@@ -140,14 +133,21 @@
<li>
<span>
<em>{{$t('fnc.tuanqi')}}</em>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=""
v-model="queryMsg.QStartDate">
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder="" v-model="queryMsg.QStartDate">
</el-date-picker>
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder=""
v-model="queryMsg.QEndDate">
<el-date-picker class="w150" type="date" value-format="yyyy-MM-dd" placeholder="" v-model="queryMsg.QEndDate">
</el-date-picker>
</span>
</li>
<li>
<span>
<em>机位占比</em>
<el-input class="w100" type="text" placeholder="" v-model="queryMsg.TicketStartNum" @keyup.native="checkPrice(queryMsg,'TicketStartNum')" maxlength="3">
</el-input>—
<el-input class="w100" type="text" placeholder="" v-model="queryMsg.TicketEndNum" @keyup.native="checkPrice(queryMsg,'TicketEndNum')" maxlength="3">
</el-input>
</span>
</li>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),getList()" /> &nbsp;
<button class="hollowFixedBtn" @click="DownLoadFile()">{{$t('adm.adm_download')}}</button>
......@@ -167,265 +167,309 @@
<th width="100">{{$t('Airticket.Air_reservation')}}</th>
<th width="80">{{$t('Operation.Op_signUp')}}</th>
<th width="80">{{$t('Operation.Op_orderNum')}}</th>
<th width="80">机位占比</th>
<th width="80">机票状态</th>
<th width="100">{{$t('leader.leader_Leader')}}</th>
<th width="100">{{$t('leader.leader_Guide')}}</th>
<th>{{$t('hotel.hotel_remark')}}</th>
</tr>
<tbody v-for="item in DataList">
<tbody v-for="(item,index) in DataList" :key="index">
<tr>
<td rowspan="2" :data-TCID="item.TCID" :data-AirTicketId="item.AirTicketId">{{item.Num}}</td>
<td
:class="{'Rs_Start1':item.StartCityNum==1,'Rs_Start2':item.StartCityNum==2,'Rs_Start3':item.StartCityNum==3,
<td :class="{'Rs_Start1':item.StartCityNum==1,'Rs_Start2':item.StartCityNum==2,'Rs_Start3':item.StartCityNum==3,
'Rs_Start4':item.StartCityNum==4,'Rs_Start5':item.StartCityNum==5,'Rs_Start6':item.StartCityNum==6,
'Rs_Start7':item.StartCityNum==7,'Rs_Start8':item.StartCityNum==8,'Rs_Start9':item.StartCityNum==9,
'Rs_Start10':item.StartCityNum==10,'Rs_Start11':item.StartCityNum==11,'Rs_Start12':item.StartCityNum==12,'Rs_Start13':item.StartCityNum==13}">
{{item.StartCityName}} ({{item.OutBranchName}})</td>
<td>{{item.LtName}}</td>
<td>{{item.StartDateStr}} {{item.AlCode}}</td>
<td><span title="点击跳转到团控列表" :class="item.TCID>0?'RS_RedType PingFangSC Order_RS':'Order_RS'" @click="goUrlTCList('TravelControlList',item.TCNUM,'团控列表')">{{item.TCID}}</span></td>
<td>
<span title="点击跳转到团控列表" :class="item.TCID>0?'RS_RedType PingFangSC Order_RS':'Order_RS'" @click="goUrlTCList('TravelControlList',item.TCNUM,'团控列表')">{{item.TCID}}</span>
</td>
<td>{{item.InOut}}</td>
<td>{{item.InOutTime}}</td>
<td>{{item.B2CMemberPrice}}</td>
<td>{{item.TotalSeat}}</td>
<td>
<span title="点击跳转到报名清单" class="Order_RS" :class="{'RS_RedType':item.OrderTotalNum>0}"
@click="goUrl('RegistrationList',item.TCID,'设置领队')">{{item.OrderTotalNum-item.OrderLeaderGuestNum}}<span
v-if="item.OrderLeaderGuestNum>0">+{{item.OrderLeaderGuestNum}}</span></span>
<span title="点击跳转到报名清单" class="Order_RS" :class="{'RS_RedType':item.OrderTotalNum>0}" @click="goUrl('RegistrationList',item.TCID,'设置领队')">{{item.OrderTotalNum-item.OrderLeaderGuestNum}}
<span v-if="item.OrderLeaderGuestNum>0">+{{item.OrderLeaderGuestNum}}</span>
</span>
</td>
<td><span class="Order_RS" @click="goUrl('RegistrationList',item.TCID,'设置领队')">{{item.OrderPaymentNum}}</span>
<td>
<span class="Order_RS" @click="goUrl('RegistrationList',item.TCID,'设置领队')">{{item.OrderPaymentNum}}</span>
</td>
<td><span title="点击跳转到报名清单" :class="item.LeaderName!=''&&item.LeaderName!=null?'PingFangSC Order_RS':'Order_RS'"
@click="goUrl('RegistrationList',item.TCID,'报名清单')">{{item.LeaderName!=""&&item.LeaderName!=null ?item.LeaderName:"设置领队"}}</span>
<td>
{{item.AirticketPer}}%
</td>
<td><span title="点击跳转到设置导游页面" :class="item.GuideName!=''&&item.GuideName!=null?'RS_RedType PingFangSC Order_RS':'Order_RS'"
@click="goUrl('leaderArrangement',item.TCID,'设置导游')">{{item.GuideName!=""&&item.GuideName!=null?item.GuideName:"设置导游"}}</span>
<td>
{{item.AirTicketStatusStr}}
</td>
<td>
<span title="点击跳转到报名清单" :class="item.LeaderName!=''&&item.LeaderName!=null?'PingFangSC Order_RS':'Order_RS'" @click="goUrl('RegistrationList',item.TCID,'报名清单')">{{item.LeaderName!=""&&item.LeaderName!=null ?item.LeaderName:"设置领队"}}</span>
</td>
<td>
<span title="点击跳转到设置导游页面" :class="item.GuideName!=''&&item.GuideName!=null?'RS_RedType PingFangSC Order_RS':'Order_RS'" @click="goUrl('leaderArrangement',item.TCID,'设置导游')">{{item.GuideName!=""&&item.GuideName!=null?item.GuideName:"设置导游"}}</span>
</td>
<td>
<span class="RS_Nameover">{{item.OPRemark}}</span>
</td>
<td><span class="RS_Nameover">{{item.OPRemark}}</span></td>
</tr>
</tbody>
</table>
<div class="noDataNotice" v-if="DataList.length<1"><i class="iconfont icon-kong"></i> <p>{{$t('active.ld_noData')}}</p></div>
<div class="noDataNotice" v-if="DataList.length<1">
<i class="iconfont icon-kong"></i>
<p>{{$t('active.ld_noData')}}</p>
</div>
<div v-if="DataList.length>0">
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size='queryMsg.pageSize'
:total='total'>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" :page-size='queryMsg.pageSize' :total='total'>
</el-pagination>
</div>
</div>
</template>
<script>
export default {
export default {
data() {
return {
queryCommonData: {
//线路列表
LineList: [],
//系列列表
LineTeamList: [],
//公司数据
BranchList: [],
//公用下拉默认
SelectDefaultValue: 0,
//公用下拉默认
SelectDefaultValue2: -1,
//loading
loading: false
},
queryMsg: {
pageIndex: 1,
pageSize: 50,
LineID: 0,
ltID: 0,
OutBranchId: -1,
QStartDate: "",
QEndDate: ""
},
//数据列表
DataList: [],
currentPage: 0,
total:0,
};
return {
queryCommonData: {
//线路列表
LineList: [],
//系列列表
LineTeamList: [],
//公司数据
BranchList: [],
//公用下拉默认
SelectDefaultValue: 0,
//公用下拉默认
SelectDefaultValue2: -1,
//loading
loading: false
},
queryMsg: {
pageIndex: 1,
pageSize: 50,
LineID: 0,
ltID: 0,
OutBranchId: -1,
QStartDate: "",
QEndDate: "",
TicketStartNum: "",
TicketEndNum: ""
},
//数据列表
DataList: [],
currentPage: 0,
total: 0
};
},
methods: {
goUrlTCList(path, TCNUMS, title) {
this.$router.push({
name: path,
query: {
tcmun: TCNUMS,
blank: 'y',
tab: title
}
})
},
//初始化公司
getCompanyList() {
let userInfo = this.getLocalStorage();
var RB_Group_id = userInfo.RB_Group_id;
let msg = {
Status: 0,
is_show: 0,
RB_Group_Id: RB_Group_id
};
this.apipost(
"admin_get_BranchGetList",
msg,
res => {
if (res.data.resultCode == 1) {
this.queryCommonData.BranchList = res.data.data;
goUrlTCList(path, TCNUMS, title) {
this.$router.push({
name: path,
query: {
tcmun: TCNUMS,
blank: "y",
tab: title
}
});
},
//初始化公司
getCompanyList() {
let userInfo = this.getLocalStorage();
var RB_Group_id = userInfo.RB_Group_id;
let msg = {
Status: 0,
is_show: 0,
RB_Group_Id: RB_Group_id
};
this.apipost(
"admin_get_BranchGetList",
msg,
res => {
if (res.data.resultCode == 1) {
this.queryCommonData.BranchList = res.data.data;
}
},
err => {}
);
},
//获取线路列表
getLineList() {
this.apipost(
"line_post_GetAllList_V2",
{ LineDirection: 2 },
res => {
if (res.data.resultCode == 1) {
this.queryCommonData.LineList = res.data.data;
}
}
);
},
//获取系列列表
getLineTeamList() {
this.queryMsg.ltID = 0;
let msg = {
lineID: this.queryMsg.LineID,
isTOOP: 1
};
this.apipost("team_post_GetList", msg, res => {
if (res.data.resultCode == 1) {
this.queryCommonData.LineTeamList = res.data.data;
}
});
},
getList() {
this.queryCommonData.loading = true;
if (this.queryMsg.TicketStartNum == "") {
this.queryMsg.TicketStartNum = 0;
}
},
err => {}
);
},
//获取线路列表
getLineList() {
this.apipost("line_post_GetAllList_V2", {LineDirection:2}, res => {
if (res.data.resultCode == 1) {
this.queryCommonData.LineList = res.data.data;
}
});
},
//获取系列列表
getLineTeamList() {
this.queryMsg.ltID = 0;
let msg = {
lineID: this.queryMsg.LineID,
isTOOP: 1
};
this.apipost("team_post_GetList", msg, res => {
if (res.data.resultCode == 1) {
this.queryCommonData.LineTeamList = res.data.data;
}
});
},
getList() {
this.queryCommonData.loading = true;
this.apipost(
"travel_get_TravelPriceOrderStatistics",
this.queryMsg,
res => {
this.queryCommonData.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count
this.DataList = res.data.data.pageData;
this.DataList.forEach(item => {
switch (item.StartCityName) {
case '成都':
item.StartCityNum = 1
break;
case '昆明':
item.StartCityNum = 2
break;
case '重庆':
item.StartCityNum = 3
break;
case '西安':
item.StartCityNum = 4
break;
case '武汉':
item.StartCityNum = 5
break;
case '贵阳':
item.StartCityNum = 6
break;
case '南昌':
item.StartCityNum = 7
break;
case '兰州':
item.StartCityNum = 8
break;
case '票务':
item.StartCityNum = 9
break;
case '长沙':
item.StartCityNum = 10
break;
case '微途':
item.StartCityNum = 11
break;
case '厦门':
item.StartCityNum = 12
break;
case '南京':
item.StartCityNum = 13
break;
if (this.queryMsg.TicketEndNum == "") {
this.queryMsg.TicketEndNum = 0;
}
this.apipost(
"travel_get_TravelPriceOrderStatistics",
this.queryMsg,
res => {
this.queryCommonData.loading = false;
if (res.data.resultCode == 1) {
if (this.queryMsg.TicketStartNum == 0) {
this.queryMsg.TicketStartNum = "";
}
if (this.queryMsg.TicketEndNum == 0) {
this.queryMsg.TicketEndNum = "";
}
this.total = res.data.data.count;
this.DataList = res.data.data.pageData;
this.DataList.forEach(item => {
switch (item.StartCityName) {
case "成都":
item.StartCityNum = 1;
break;
case "昆明":
item.StartCityNum = 2;
break;
case "重庆":
item.StartCityNum = 3;
break;
case "西安":
item.StartCityNum = 4;
break;
case "武汉":
item.StartCityNum = 5;
break;
case "贵阳":
item.StartCityNum = 6;
break;
case "南昌":
item.StartCityNum = 7;
break;
case "兰州":
item.StartCityNum = 8;
break;
case "票务":
item.StartCityNum = 9;
break;
case "长沙":
item.StartCityNum = 10;
break;
case "微途":
item.StartCityNum = 11;
break;
case "厦门":
item.StartCityNum = 12;
break;
case "南京":
item.StartCityNum = 13;
break;
}
});
}
}
})
);
},
DownLoadFile() {
this.Info("正在下载文件...");
if (this.queryMsg.TicketStartNum == "") {
this.queryMsg.TicketStartNum = 0;
}
}
);
},
DownLoadFile() {
this.Info("正在下载文件...")
this.queryCommonData.loading=true;
this.GetLocalFile(
"travel_get_DownTravelPriceOrderStatistics",
this.queryMsg,
"报名统计.xls",
res => {
this.queryCommonData.loading = false;
});
},
goUrl(path, id, NameStr) {
if (id > 0) {
this.$router.push({
name: path,
query: {
id: id,
blank: "y",
tab: NameStr
if (this.queryMsg.TicketEndNum == "") {
this.queryMsg.TicketEndNum = 0;
}
});
} else {
this.$router.push({
name: path
});
this.queryCommonData.loading = true;
this.GetLocalFile(
"travel_get_DownTravelPriceOrderStatistics",
this.queryMsg,
"报名统计.xls",
res => {
if (this.queryMsg.TicketStartNum == 0) {
this.queryMsg.TicketStartNum = "";
}
if (this.queryMsg.TicketEndNum == 0) {
this.queryMsg.TicketEndNum = "";
}
this.queryCommonData.loading = false;
}
);
},
goUrl(path, id, NameStr) {
if (id > 0) {
this.$router.push({
name: path,
query: {
id: id,
blank: "y",
tab: NameStr
}
});
} else {
this.$router.push({
name: path
});
}
},
goUrlTM(path, TCNUM) {
this.$router.push({
name: path,
query: {
id: TCNUM
}
});
},
addMoth(d, m) {
let ds = d.split("-"),
_d = ds[2] - 0;
let nextM = new Date(ds[0], ds[1] - 1 + m + 1, 0);
let max = nextM.getDate();
d = new Date(ds[0], ds[1] - 1 + m, _d > max ? max : _d);
return d
.toLocaleDateString()
.match(/\d+/g)
.join("-");
},
handleCurrentChange: function(val) {
//翻页
this.queryMsg.pageIndex = val;
this.getList();
},
resetPageIndex: function() {
// 重置页码
this.queryMsg.pageIndex = 1;
this.currentPage = 1;
}
},
goUrlTM(path, TCNUM) {
this.$router.push({
name: path,
query: {
id: TCNUM
}
});
},
addMoth(d, m) {
let ds = d.split('-'),
_d = ds[2] - 0;
let nextM = new Date(ds[0], ds[1] - 1 + m + 1, 0);
let max = nextM.getDate();
d = new Date(ds[0], ds[1] - 1 + m, _d > max ? max : _d);
return d.toLocaleDateString().match(/\d+/g).join('-')
},
handleCurrentChange: function (val) { //翻页
this.queryMsg.pageIndex = val;
this.getList();
},
resetPageIndex: function (){ // 重置页码
this.queryMsg.pageIndex=1;
this.currentPage = 1;
},
},
mounted() {
let myDate = new Date();
let nowDate =
myDate.getFullYear() +
"-" +
parseInt(myDate.getMonth() + 1) +
"-" +
myDate.getDate();
let myDate = new Date();
let nowDate =
myDate.getFullYear() +
"-" +
parseInt(myDate.getMonth() + 1) +
"-" +
myDate.getDate();
this.queryMsg.QStartDate = nowDate;
this.queryMsg.QEndDate=this.addMoth(nowDate,1);
this.getCompanyList();
this.getLineList();
this.getList();
this.queryMsg.QStartDate = nowDate;
this.queryMsg.QEndDate = this.addMoth(nowDate, 1);
this.getCompanyList();
this.getLineList();
this.getList();
}
};
};
</script>
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