Commit 9c8b21cd authored by 黄奎's avatar 黄奎

简易计划表修改

parent d78e7967
<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;
...@@ -15,27 +16,89 @@ ...@@ -15,27 +16,89 @@
/* autoprefixer: on */ /* autoprefixer: on */
text-align: left; text-align: left;
} }
.RegistrationStatistic .singeRowTable{
border-collapse:collapse; .RegistrationStatistic .singeRowTable {
border-collapse: collapse;
}
.RegistrationStatistic .singeRowTable tr td {
border: 1px solid #E5E5E5;
}
.RegistrationStatistic .Rs_Start1 {
background-color: #FF6670;
color: #fff;
}
.RegistrationStatistic .Rs_Start2 {
background-color: #16E09D;
color: #fff;
}
.RegistrationStatistic .Rs_Start3 {
background-color: #FF8547;
color: #fff;
}
.RegistrationStatistic .Rs_Start4 {
background-color: #FF528B;
color: #fff;
}
.RegistrationStatistic .Rs_Start5 {
background-color: #FFAB1E;
color: #fff;
}
.RegistrationStatistic .Rs_Start6 {
background-color: #7CCC4E;
color: #fff;
}
.RegistrationStatistic .Rs_Start7 {
background-color: #B47DF0;
color: #fff;
} }
.RegistrationStatistic .singeRowTable tr td{
border:1px solid #E5E5E5; .RegistrationStatistic .Rs_Start8 {
background-color: #00C8F5;
color: #fff;
}
.RegistrationStatistic .Rs_Start9 {
background-color: #7598FF;
color: #fff;
}
.RegistrationStatistic .Rs_Start10 {
background-color: #DBC500;
color: #fff;
}
.RegistrationStatistic .Rs_Start11 {
background-color: #7598FF;
color: #fff;
}
.RegistrationStatistic .Rs_Start12 {
background-color: #00D9C3;
color: #fff;
}
.RegistrationStatistic .Rs_Start13 {
background-color: #40AFFF;
color: #fff;
}
.RegistrationStatistic .RS_RedType {
color: #FF0000;
}
.RegistrationStatistic .Order_RS {
text-decoration: underline;
cursor: pointer;
} }
.RegistrationStatistic .Rs_Start1{background-color: #FF6670;color:#fff;}
.RegistrationStatistic .Rs_Start2{background-color: #16E09D;color:#fff;}
.RegistrationStatistic .Rs_Start3{background-color: #FF8547;color:#fff;}
.RegistrationStatistic .Rs_Start4{background-color: #FF528B;color:#fff;}
.RegistrationStatistic .Rs_Start5{background-color: #FFAB1E;color:#fff;}
.RegistrationStatistic .Rs_Start6{background-color: #7CCC4E;color:#fff;}
.RegistrationStatistic .Rs_Start7{background-color: #B47DF0;color:#fff;}
.RegistrationStatistic .Rs_Start8{background-color: #00C8F5;color:#fff;}
.RegistrationStatistic .Rs_Start9{background-color: #7598FF;color:#fff;}
.RegistrationStatistic .Rs_Start10{background-color: #DBC500;color:#fff;}
.RegistrationStatistic .Rs_Start11{background-color: #7598FF;color:#fff;}
.RegistrationStatistic .Rs_Start12{background-color: #00D9C3;color:#fff;}
.RegistrationStatistic .Rs_Start13{background-color: #40AFFF;color:#fff;}
.RegistrationStatistic .RS_RedType{color:#FF0000;}
.RegistrationStatistic .Order_RS{text-decoration: underline;cursor: pointer; }
</style> </style>
<template> <template>
<div class="flexOne RegistrationStatistic"> <div class="flexOne RegistrationStatistic">
...@@ -54,9 +117,11 @@ ...@@ -54,9 +117,11 @@
<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')" @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 :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-option>
</el-select> </el-select>
</span> </span>
...@@ -66,7 +131,8 @@ ...@@ -66,7 +131,8 @@
<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' :key='item.LtID'> <el-option v-for="item in queryCommonData.LineTeamList" :label='item.LtName' :value='item.LtID'
:key='item.LtID'>
</el-option> </el-option>
</el-select> </el-select>
</span> </span>
...@@ -74,15 +140,17 @@ ...@@ -74,15 +140,17 @@
<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>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="getList()" /> &nbsp; <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="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>
</div> </div>
...@@ -103,12 +171,14 @@ ...@@ -103,12 +171,14 @@
<th>{{$t('hotel.hotel_remark')}}</th> <th>{{$t('hotel.hotel_remark')}}</th>
</tr> </tr>
<tbody v-for="item in DataList"> <tbody v-for="item in DataList">
<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}">{{item.StartCityName}}</td> 'Rs_Start10':item.StartCityNum==10,'Rs_Start11':item.StartCityNum==11,'Rs_Start12':item.StartCityNum==12,'Rs_Start13':item.StartCityNum==13}">
{{item.StartCityName}}</td>
<td>{{item.LtName}}</td> <td>{{item.LtName}}</td>
<td>{{item.StartDateStr}}</td> <td>{{item.StartDateStr}}</td>
<td>{{item.InOut}}</td> <td>{{item.InOut}}</td>
...@@ -116,171 +186,210 @@ ...@@ -116,171 +186,210 @@
<td>{{item.B2CMemberPrice}}</td> <td>{{item.B2CMemberPrice}}</td>
<td>{{item.TotalSeat}}</td> <td>{{item.TotalSeat}}</td>
<td> <td>
<span 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 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>
<td><span :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 :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>
<td><span class="Order_RS" @click="goUrl('RegistrationList',item.TCID,'设置领队')">{{item.OrderPaymentNum}}</span></td>
<td><span :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 :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> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
queryCommonData: { queryCommonData: {
//线路列表 //线路列表
LineList: [], LineList: [],
//系列列表 //系列列表
LineTeamList: [], LineTeamList: [],
//公司数据 //公司数据
BranchList: [], BranchList: [],
//公用下拉默认 //公用下拉默认
SelectDefaultValue: 0, SelectDefaultValue: 0,
//公用下拉默认 //公用下拉默认
SelectDefaultValue2: -1, SelectDefaultValue2: -1,
//loading //loading
loading: false loading: false
},
queryMsg: {
pageIndex: 1,
pageSize: 15,
LineID: 0,
ltID: 0,
OutBranchId: -1,
QStartDate: "",
QEndDate: ""
},
//数据列表
DataList: []
};
},
methods: {
//初始化公司
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 => {} queryMsg: {
); pageIndex: 1,
}, pageSize: 15,
//获取线路列表 LineID: 0,
getLineList() { ltID: 0,
this.apipost("line_post_GetList", {}, res => { OutBranchId: -1,
if (res.data.resultCode == 1) { QStartDate: "",
this.queryCommonData.LineList = res.data.data; QEndDate: ""
} },
}); //数据列表
}, DataList: []
//获取系列列表
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() { methods: {
this.queryCommonData.loading = true; //初始化公司
this.apipost( getCompanyList() {
"travel_get_TravelPriceOrderStatistics", let userInfo = this.getLocalStorage();
this.queryMsg, var RB_Group_id = userInfo.RB_Group_id;
res => { let msg = {
this.queryCommonData.loading = false; 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_GetList", {}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.DataList = res.data.data; 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.DataList = res.data.data;
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() {
this.Info("正在下载文件...")
this.GetLocalFile(
"travel_get_DownTravelPriceOrderStatistics",
this.queryMsg,
"报名统计.xls"
);
},
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) {
DownLoadFile() { this.$router.push({
this.Info("正在下载文件...") name: path,
this.GetLocalFile( query: {
"travel_get_DownTravelPriceOrderStatistics", id: TCNUM
this.queryMsg, }
"报名统计.xls" });
); },
}, addMoth(d, m) {
goUrl(path, id,NameStr) { let ds = d.split('-'),
if (id > 0) { _d = ds[2] - 0;
this.$router.push({name: path, query: {id: id,blank: "y", let nextM = new Date(ds[0], ds[1] - 1 + m + 1, 0);
tab: NameStr}}); let max = nextM.getDate();
} else { d = new Date(ds[0], ds[1] - 1 + m, _d > max ? max : _d);
this.$router.push({name: path}); return d.toLocaleDateString().match(/\d+/g).join('-')
} },
},
goUrlTM(path, TCNUM) {
this.$router.push({name: path, query: {id: TCNUM }});
}, },
}, mounted() {
mounted() { let myDate = new Date();
this.getCompanyList(); let nowDate =
this.getLineList(); myDate.getFullYear() +
this.getList(); "-" +
} parseInt(myDate.getMonth() + 1) +
}; "-" +
myDate.getDate();
this.queryMsg.QStartDate = nowDate;
this.queryMsg.QEndDate=this.addMoth(nowDate,1);
this.getCompanyList();
this.getLineList();
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