Skip to content

S
SuperMan
Commit 3f6f0d25 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent ba491609
Show whitespace changes
Inline Side-by-side
Showing with 378 additions and 336 deletions
src/components/TravelManager/TravelList/RegistrationStatistics.vue
View file @ 3f6f0d25
<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;
...@@ -12,89 +12,90 @@ ...@@ -12,89 +12,90 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
cursor: pointer; cursor: pointer;
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">
...@@ -113,18 +114,22 @@ ...@@ -113,18 +114,22 @@
<li> <li>
<span> <span>
<em>{{$t('system.table_ssLine')}}</em> <em>{{$t('system.table_ssLine')}}</em>
<el-select v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')" @change="getLinePlaceList()"> <el-select v-model="queryMsg.LineId" filterable :placeholder="$t('pub.pleaseSel')"
@change="getLinePlaceList()">
<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" :key="item.LineID"></el-option> <el-option v-for="item in queryCommonData.LineList" :label="item.LineName" :value="item.LineID"
:key="item.LineID"></el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>{{$t('Operation.Op_Country')}}/{{$t('system.query_dest')}}</em> <em>{{$t('Operation.Op_Country')}}/{{$t('system.query_dest')}}</em>
<el-select v-model="queryMsg.PlaceID" filterable :placeholder="$t('pub.pleaseSel')" @change="getLineTeamList()"> <el-select v-model="queryMsg.PlaceID" filterable :placeholder="$t('pub.pleaseSel')"
@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.PlaceList" :label="item.PlaceName" :value="item.PlaceID" :key="item.LtID"></el-option> <el-option v-for="item in queryCommonData.PlaceList" :label="item.PlaceName" :value="item.PlaceID"
:key="item.LtID"></el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
...@@ -133,30 +138,36 @@ ...@@ -133,30 +138,36 @@
<em>{{$t('active.ad_xlmc')}}</em> <em>{{$t('active.ad_xlmc')}}</em>
<el-select v-model="queryMsg.ltID" filterable :placeholder="$t('pub.pleaseSel')"> <el-select 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" :key="item.LtID"></el-option> <el-option v-for="item in queryCommonData.LineTeamList" :label="item.LtName" :value="item.LtID"
:key="item.LtID"></el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<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="" 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>
<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> </el-date-picker>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>机位占比</em> <em>机位占比</em>
<el-input class="w100" type="text" placeholder="" v-model="queryMsg.TicketStartNum" @keyup.native="checkPrice(queryMsg,'TicketStartNum')" maxlength="3"> <el-input class="w100" type="text" placeholder="" v-model="queryMsg.TicketStartNum"
@keyup.native="checkPrice(queryMsg,'TicketStartNum')" maxlength="3">
</el-input> — </el-input> —
<el-input class="w100" type="text" placeholder="" v-model="queryMsg.TicketEndNum" @keyup.native="checkPrice(queryMsg,'TicketEndNum')" maxlength="3"> <el-input class="w100" type="text" placeholder="" v-model="queryMsg.TicketEndNum"
@keyup.native="checkPrice(queryMsg,'TicketEndNum')" maxlength="3">
</el-input> </el-input>
</span> </span>
</li> </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>
</li> </li>
</ul> </ul>
...@@ -165,7 +176,7 @@ ...@@ -165,7 +176,7 @@
<tr> <tr>
<th width="50">{{$t('active.ad_xuhao')}}</th> <th width="50">{{$t('active.ad_xuhao')}}</th>
<th width="100">{{$t('Operation.Op_chutuan')}}</th> <th width="100">{{$t('Operation.Op_chutuan')}}</th>
<th width='120'>{{$t('Operation.Op_TeamName')}}</th> <th width='120'>系列</th>
<th width="80">{{$t('fnc.tuanqi')}}</th> <th width="80">{{$t('fnc.tuanqi')}}</th>
<th width="80">{{$t('op.TQBH')}}</th> <th width="80">{{$t('op.TQBH')}}</th>
<th width="80">{{$t('Operation.Op_jinchudian')}}</th> <th width="80">{{$t('Operation.Op_jinchudian')}}</th>
...@@ -178,12 +189,13 @@ ...@@ -178,12 +189,13 @@
<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>
</tr> </tr>
<tbody v-for="(item,index) in DataList" :key="index"> <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 :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_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}">
...@@ -191,14 +203,16 @@ ...@@ -191,14 +203,16 @@
<td>{{item.LtName}}</td> <td>{{item.LtName}}</td>
<td>{{item.StartDateStr}} {{item.AlCode}}</td> <td>{{item.StartDateStr}} {{item.AlCode}}</td>
<td> <td>
<span title="点击跳转到团控列表" :class="item.TCID>0?'RS_RedType PingFangSC Order_RS':'Order_RS'" @click="goUrlTCList('TravelControlList',item.TCNUM,'团控列表')">{{item.TCID}}</span> <span title="点击跳转到团控列表" :class="item.TCID>0?'RS_RedType PingFangSC Order_RS':'Order_RS'"
@click="goUrlTCList('TravelControlList',item.TCNUM,'团控列表')">{{item.TCID}}</span>
</td> </td>
<td>{{item.InOut}}</td> <td>{{item.InOut}}</td>
<td>{{item.InOutTime}}</td> <td>{{item.InOutTime}}</td>
<td>{{item.B2BMemberPrice}}</td> <td>{{item.B2BMemberPrice}}</td>
<td>{{item.TotalSeat}}</td> <td>{{item.TotalSeat}}</td>
<td> <td>
<span title="点击跳转到报名清单" class="Order_RS" :class="{'RS_RedType':item.OrderTotalNum>0}" @click="goUrl('RegistrationList',item.TCID,'设置领队')">{{item.OrderTotalNum-item.OrderLeaderGuestNum}} <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 v-if="item.OrderLeaderGuestNum>0">+{{item.OrderLeaderGuestNum}}</span>
</span> </span>
</td> </td>
...@@ -212,12 +226,27 @@ ...@@ -212,12 +226,27 @@
{{item.AirTicketStatusStr}} {{item.AirTicketStatusStr}}
</td> </td>
<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> <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>
<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> <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>
</tr>
<tr>
<td>
团名
</td>
<td colspan="6">
<span class="RS_Nameover"> {{item.Title}}</span>
</td> </td>
<td> <td>
备注
</td>
<td colspan="6">
<span class="RS_Nameover">{{item.OPRemark}}</span> <span class="RS_Nameover">{{item.OPRemark}}</span>
</td> </td>
</tr> </tr>
...@@ -228,13 +257,14 @@ ...@@ -228,13 +257,14 @@
<p>{{$t('active.ld_noData')}}</p> <p>{{$t('active.ld_noData')}}</p>
</div> </div>
<div v-if="DataList.length>0"> <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> </el-pagination>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
queryCommonData: { queryCommonData: {
...@@ -242,7 +272,7 @@ export default { ...@@ -242,7 +272,7 @@ export default {
LineList: [], LineList: [],
//系列列表 //系列列表
LineTeamList: [], LineTeamList: [],
PlaceList:[],//目的地 PlaceList: [], //目的地
//公司数据 //公司数据
BranchList: [], BranchList: [],
//公用下拉默认 //公用下拉默认
...@@ -257,13 +287,13 @@ export default { ...@@ -257,13 +287,13 @@ export default {
pageSize: 50, pageSize: 50,
LineID: 0, LineID: 0,
ltID: 0, ltID: 0,
PlaceID:0, PlaceID: 0,
OutBranchId: -1, OutBranchId: -1,
QStartDate: "", QStartDate: "",
QEndDate: "", QEndDate: "",
TicketStartNum: "", TicketStartNum: "",
TicketEndNum: "", TicketEndNum: "",
uid:"0" uid: "0"
}, },
//数据列表 //数据列表
DataList: [], DataList: [],
...@@ -305,8 +335,7 @@ export default { ...@@ -305,8 +335,7 @@ export default {
//获取线路列表 //获取线路列表
getLineList() { getLineList() {
this.apipost( this.apipost(
"line_post_GetList", "line_post_GetList", {
{
LineDirection: 0 LineDirection: 0
}, },
res => { res => {
...@@ -425,7 +454,7 @@ export default { ...@@ -425,7 +454,7 @@ export default {
this.queryMsg.TicketEndNum = 0; this.queryMsg.TicketEndNum = 0;
} }
this.queryCommonData.loading = true; this.queryCommonData.loading = true;
this.queryMsg.uid=this.getLocalStorage().EmployeeId; this.queryMsg.uid = this.getLocalStorage().EmployeeId;
this.GetLocalFile( this.GetLocalFile(
"travel_get_DownTravelPriceOrderStatistics", "travel_get_DownTravelPriceOrderStatistics",
this.queryMsg, this.queryMsg,
...@@ -476,12 +505,12 @@ export default { ...@@ -476,12 +505,12 @@ export default {
.match(/\d+/g) .match(/\d+/g)
.join("-"); .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;
...@@ -502,5 +531,6 @@ export default { ...@@ -502,5 +531,6 @@ export default {
this.getLineList(); this.getLineList();
this.getList(); this.getList();
} }
}; };
</script> </script>
src/components/TravelManager/TravelList/RegistrationStatistics_Sale.vue
View file @ 3f6f0d25
...@@ -159,7 +159,7 @@ ...@@ -159,7 +159,7 @@
<tr> <tr>
<th width="50">{{$t('salesModule.Xu')}}</th> <th width="50">{{$t('salesModule.Xu')}}</th>
<th width="80">{{$t('Operation.Op_chutuan')}}</th> <th width="80">{{$t('Operation.Op_chutuan')}}</th>
<th width='200'>{{$t('Operation.Op_TeamName')}}</th> <th width='200'>系列</th>
<th width="80">{{$t('fnc.tuanqi')}}</th> <th width="80">{{$t('fnc.tuanqi')}}</th>
<th width="80">{{$t('Operation.Op_jinchudian')}}</th> <th width="80">{{$t('Operation.Op_jinchudian')}}</th>
<th width="100">{{$t('Operation.Op_ArriveTime')}}</th> <th width="100">{{$t('Operation.Op_ArriveTime')}}</th>
...@@ -169,7 +169,6 @@ ...@@ -169,7 +169,6 @@
<th width="80">{{$t('Operation.Op_orderNum')}}</th> <th width="80">{{$t('Operation.Op_orderNum')}}</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('pub.pubRemark')}}</th>
</tr> </tr>
<tbody v-for="item in DataList"> <tbody v-for="item in DataList">
<tr> <tr>
...@@ -199,7 +198,20 @@ ...@@ -199,7 +198,20 @@
<td><span :class="item.GuideName!=''&&item.GuideName!=null?'RS_RedType PingFangSC Order_RS':'Order_RS'" <td><span :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> @click="goUrl('leaderArrangement',item.TCID,'设置导游')">{{item.GuideName!=""&&item.GuideName!=null?item.GuideName:"设置导游"}}</span>
</td> </td>
<td><span class="RS_Nameover">{{item.OPRemark}}</span></td> </tr>
<tr>
<td>
团名
</td>
<td colspan="6">
<span class="RS_Nameover"> {{item.Title}}</span>
</td>
<td>
备注
</td>
<td colspan="6">
<span class="RS_Nameover">{{item.OPRemark}}</span>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
......
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