Commit 39fd50c9 authored by 黄奎's avatar 黄奎

11

parent 301bccb6
<style>
.ticketRankingList .clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.ticketRankingList .hotelResource {
width: 100%;
min-height: 500px;
margin-top: 20px;
}
.ticketRankingList .resourceList {
width: 215px;
height: 330px;
background-color: #fff;
border: 1px dashed #ededed;
border-radius: 4px;
margin: 0 20px 20px 0;
font-size: 12px;
color: #333333;
float: left;
}
.ticketRankingList .resourceList:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
.ticketRankingList .reTopInfo {
width: 100%;
height: 123px;
position: relative;
}
.ticketRankingList .reTopInfo img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.ticketRankingList .resTypeList {
position: absolute;
top: 10px;
left: 10px;
}
.ticketRankingList .resTypeList span {
display: inline-block;
padding: 1px 5px;
border-radius: 10px;
color: #fff;
margin-right: 10px;
}
.ticketRankingList .L1 {
background-color: #e95252;
}
.ticketRankingList .L2 {
background-color: #47bf8c;
}
.ticketRankingList .L3 {
background-color: #2aaef2;
}
.ticketRankingList .L4 {
background-color: #9cf;
}
.ticketRankingList .L5 {
background-color: #00c6ff;
margin-top: 5px;
}
.ticketRankingList .starSu {
position: absolute;
bottom: 8px;
right: 10px;
}
.ticketRankingList .sushe {
background-color: #ffc800;
display: inline-block;
padding: 1px 5px;
border-radius: 10px;
color: #fff;
}
.ticketRankingList .hotelTitle {
margin: 10px 16px 0 16px;
font-size: 14px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ticketRankingList .brandList {
margin: 16px 0;
}
.ticketRankingList .brandList i {
position: relative;
top: 2px;
}
.ticketRankingList .brand {
float: left;
width: 49%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.ticketRankingList .dayNum {
float: right;
text-align: center;
width: 50%;
}
.ticketRankingList .iconfont {
margin-right: 5px;
}
.ticketRankingList .dieline {
color: #2aaef2;
font-size: 14px;
top: 1px !important;
}
.ticketRankingList .AddressInner {
float: right;
width: 160px;
height: 18px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.ticketRankingList .btnList {
text-align: center;
}
.ticketRankingList .hotelBtn {
width: 80px;
height: 28px;
background: #f76f6f;
border-radius: 14px;
color: #fff;
cursor: pointer;
}
.ticketRankingList .hotelBtn:first-child {
margin-right: 19px;
}
.ticketRankingList .w150 .el-input {
width: 150px !important;
}
.ticketRankingList .SupportCount {
color: #4bca81;
font-size: 18px;
font-weight: bold;
margin: 0 5px 5px 0;
display: inline-block;
}
.ticketRankingList .dayNumber {
color: #2aaef2;
font-size: 18px;
font-weight: bold;
margin: 0 5px 5px 5px;
display: inline-block;
}
.ticketRankingList .line {
float: left;
width: 1px;
height: 35px;
background-color: #ededed;
margin-top: 6px;
}
.ticketRankingList .foodList {
display: inline-block;
padding: 1px 5px;
background-color: #ff9c00;
color: #fff;
margin-right: 6px;
border-radius: 2px;
}
.ticketRankingList .foodList:last-child {
margin-right: 0;
}
.ticketRankingList .delScien {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.ticketRankingList .delScien:hover {
color: #f76f6f;
cursor: pointer;
}
.ticketRankingList .resourceList:hover .delScien {
display: block;
}
.ticketRankingList .comCursorUrl {
cursor: pointer;
}
.ticketRankingList .el-button {
width: 29px;
}
/* 餐厅列表 */
</style>
<template>
<div class="flexOne ticketRankingList">
<div class="query-box">
<ul>
<li>
<span>
<em>{{$t('system.quety_area')}}</em>
<el-select v-model="msg.PlaceID" class="w150" filterable :placeholder="$t('hotel.hotel_province')">
<el-option :label="$t('pub.unlimitedSel')" :value="0"> </el-option>
<el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{$t('active.cl_syriqi')}}</em>
<el-date-picker class="w150" type="date" v-model="msg.QStartDate" :picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd" placeholder></el-date-picker>
<el-date-picker class="w150" type="date" v-model="msg.QEndDate" :picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd" placeholder></el-date-picker>
</span>
</li>
<li>
<span>
<em>{{$t('objFill.tuanduilx')}}</em>
<el-select class="multiple_input" v-model="msg.TeamType" filterable
:placeholder="$t('objFill.v101.FinancialModule.qingxztdlx')">
<el-option :label="$t('pub.unlimitedSel')" :value="-1"> </el-option>
<el-option v-for='item in teamList' :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{$t('scen.sc_cp')}}</em>
<el-select class=" multiple_input" :placeholder="$t('objFill.v101.FinancialModule.qingxztdlx')"
v-model="msg.OutBranchId">
<el-option :label="$t('pub.unlimitedSel')" :value="-1"> </el-option>
<el-option v-for="item in CompanyList" :key="item.id" :label="item.bName" :value="item.id"></el-option>
</el-select>
</span>
</li>
<li>
<button class="hollowFixedBtn" type="button"
@click="resetPageIndex(),selectResource()">{{$t('pub.searchBtn')}}</button>
</li>
</ul>
</div>
<el-table :data="tableData" tooltip-effect="dark" style="width: 100%;min-height:450px;" v-loading="loading">
<el-table-column prop="NewDinnerName" :label="$t('restaurant.res_resName')">
<template slot-scope="scope">
<template v-if="scope.row.URL&&scope.row.URL.length>5">
<a style="text-decoration:underline;cursor:pointer;" :href="scope.row.URL"
target="_blank">{{scope.row.NewDinnerName}}</a>
</template>
<template v-else>
{{scope.row.NewDinnerName}}
</template>
</template>
</el-table-column>
<el-table-column prop="DinnerRealName" :label="$t('ground.cantzsmc')">
<template slot-scope="scope">
<template v-if="scope.row.URL&&scope.row.URL.length>5">
<a style="text-decoration:underline;cursor:pointer;" :href="scope.row.URL"
target="_blank">{{scope.row.DinnerRealName}}</a>
</template>
<template v-else>
{{scope.row.DinnerRealName}}
</template>
</template>
</el-table-column>
<el-table-column width="150" prop="UserNum" :label="$t('objFill.v101.hote.shiyongcs')">
<template slot-scope="scope">
<a style="color:blue;text-decoration:underline;cursor:pointer;"
@click="goToDetailsUrl(scope.row,0)">{{scope.row.UserNum}}</a>
</template>
</el-table-column>
<el-table-column width="150" prop="PriceNormalUseNum" :label="$t('objFill.v101.hote.changgtsycs')">
<template slot-scope="scope">
<a style="color:blue;text-decoration:underline;cursor:pointer;"
@click="goToDetailsUrl(scope.row,1)">{{scope.row.PriceNormalUseNum}}</a>
</template>
</el-table-column>
<el-table-column width="150" prop="PriceNormalPeopleNum" :label="$t('objFill.v101.hote.changgtsyrs')">
<template slot-scope="scope">
<a style="color:blue;text-decoration:underline;cursor:pointer;"
@click="goToDetailsUrl(scope.row,1)">{{scope.row.PriceNormalPeopleNum}}</a>
</template>
</el-table-column>
<el-table-column width="150" prop="PricePacketGroupUseNum" :label="$t('objFill.v101.hote.xiaobtsycs')">
<template slot-scope="scope">
<a style="color:blue;text-decoration:underline;cursor:pointer;"
@click="goToDetailsUrl(scope.row,2)">{{scope.row.PricePacketGroupUseNum}}</a>
</template>
</el-table-column>
<el-table-column width="150" prop="PricePacketGroupPeopleNum" :label="$t('objFill.v101.hote.xiaobtsyrs')">
<template slot-scope="scope">
<a style="color:blue;text-decoration:underline;cursor:pointer;"
@click="goToDetailsUrl(scope.row,2)">{{scope.row.PricePacketGroupPeopleNum}}</a>
</template>
</el-table-column>
<el-table-column width="150" prop="PriceOneDayTripUseNum" :label="$t('objFill.v101.hote.dangdytsycs')">
<template slot-scope="scope">
<a style="color:blue;text-decoration:underline;cursor:pointer;"
@click="goToDetailsUrl(scope.row,3)">{{scope.row.PriceOneDayTripUseNum}}</a>
</template>
</el-table-column>
<el-table-column width="150" prop="PriceOneDayTripPeopleNum" :label="$t('objFill.v101.hote.dangdytsyrs')">
<template slot-scope="scope">
<a style="color:blue;text-decoration:underline;cursor:pointer;"
@click="goToDetailsUrl(scope.row,3)">{{scope.row.PriceOneDayTripPeopleNum}}</a>
</template>
</el-table-column>
</el-table>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
:page-size="msg.pageSize" layout="total,prev, pager, next, jumper" :total="msg.total" v-if="tableData.length>0">
</el-pagination>
</div>
</template>
<script>
export default {
data() {
return {
provinceList: "",
tableData: [],
CompanyList: [], //出团公司
teamList: [], //团队类型
loading: true,
msg: {
pageIndex: 1,
pageSize: 10,
QStartDate: "",
QEndDate: "",
OutBranchId: -1,
PlaceID: 0,
TeamType: -1,
DiningId: 0,
currentPage: 1,
total: 0,
},
pickerBeginDateBefore: {
disabledDate: time => {
if (this.msg.QEndDate == null) {
return false;
} else {
let endTime = new Date(this.msg.QEndDate);
return endTime.getTime() < time.getTime();
}
}
},
pickerBeginDateAfter: {
disabledDate: time => {
let startTime = new Date(this.msg.QStartDate);
return startTime.getTime() >= time.getTime();
}
},
};
},
methods: {
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.selectResource();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.msg.currentPage = 1;
},
getTeamList() {
//出团公司
this.apipost(
"travel_GetTeamTypeEnumList", {},
res => {
if (res.data.resultCode == 1) {
this.teamList = res.data.data;
}
});
},
//根据省份获取城市
getProvinceList(ID, type) {
let pMsg = {
Id: ID
};
this.apipost(
"dict_post_Destination_GetChildList",
pMsg,
res => {
this.provinceList = res.data.data;
},
err => {}
);
},
//获取餐厅使用排行列表
selectResource() {
this.loading = true;
this.apipost(
"ticketcouponsorder_post_GetTicketUsePage",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
this.tableData = res.data.data.pageData;
this.msg.total = res.data.data.count;
}
},
null
);
},
//跳转到详情
goToDetailsUrl(item, type) {
let path = 'restaurantRankingDetails';
var qMsg = {
NewDinnerName: item.NewDinnerName,
DinnerRealName: item.DinnerRealName,
QStartDate: this.msg.QStartDate,
QEndDate: this.msg.QEndDate,
OutBranchId: this.msg.OutBranchId,
PlaceID: this.msg.PlaceID,
TeamType: -1,
DiningId: item.NewDiningID,
blank: 'y',
tab: '餐厅使用详情'
};
//总次数
if (type == 0) {
qMsg.TeamType = -1;
}
//常规团
else if (type == 1) {
qMsg.TeamType = 0;
}
//小包团
else if (type == 2) {
qMsg.TeamType = 1;
}
//当地游
else if (type == 3) {
qMsg.TeamType = 2;
}
this.$router.push({
path: path,
query: qMsg
});
},
goToGuWangUrl(url) {
this.$router.push({
path: url,
});
},
getSellorCompany() {
//出团公司
this.apipost(
"sellorder_post_GetBranchList", {},
res => {
if (res.data.resultCode == 1) {
this.CompanyList = res.data.data;
}
},
err => {}
);
},
},
created() {
var myDate = new Date();
var nowDate = myDate.getFullYear() + "-" + parseInt(myDate.getMonth() + 1) + "-" + myDate.getDate();
myDate.setMonth(myDate.getMonth() + 1);
var nowEDate = myDate.getFullYear() + "-" + parseInt(myDate.getMonth() + 1) + "-" + myDate.getDate();
this.msg.QStartDate = nowDate;
this.msg.QEndDate = nowEDate;
},
mounted() {
this.getProvinceList(651, 1);
this.getTeamList();
this.getSellorCompany();
this.selectResource();
}
};
</script>
......@@ -1586,14 +1586,6 @@ export default {
title: '餐厅使用排行详情'
},
},
{
path: '/ticketRankingList', //门票使用排行
name: 'ticketRankingList',
component: resolve => require(['@/components/scenicSpot/ticketRankingList'], resolve),
meta: {
title: '门票使用排行'
},
},
{
path: '/domesticRestaurantList', //餐厅使用排行
name: 'domesticRestaurantList',
......
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