Skip to content

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

页面修改

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