Skip to content

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

景点页面修改

parent 4b15ddb9
Hide whitespace changes
Inline Side-by-side
Showing with 282 additions and 331 deletions
src/components/scenicSpot/scenicSpotList.vue
View file @ d79156b8
<style> <style>
.scenicSpotList .clearfix:after { .scenicSpotList .clearfix:after {
content: "\0020"; content: "\0020";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
} }
.scenicSpotList .hotelResource {
width: 100%; .scenicSpotList .hotelResource {
min-height: 500px; width: 100%;
margin-top: 20px; min-height: 500px;
} margin-top: 20px;
.scenicSpotList .resourceList { }
width: 215px;
height: 240px; .scenicSpotList .resourceList {
background-color: #fff; width: 215px;
border: 1px dashed #ededed; height: 240px;
border-radius: 4px; background-color: #fff;
margin: 0 20px 20px 0; border: 1px dashed #ededed;
font-size: 12px; border-radius: 4px;
color: #333333; margin: 0 20px 20px 0;
float: left; font-size: 12px;
} color: #333333;
.scenicSpotList .resourceList:hover { float: left;
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1); }
transition: all linear 0.5s;
} .scenicSpotList .resourceList:hover {
.scenicSpotList .reTopInfo { box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
width: 100%; transition: all linear 0.5s;
height: 123px; }
position: relative;
} .scenicSpotList .reTopInfo {
.scenicSpotList .reTopInfo img { width: 100%;
position: absolute; height: 123px;
width: 100%; position: relative;
height: 100%; }
top: 0;
border-top-left-radius: 4px; .scenicSpotList .reTopInfo img {
border-top-right-radius: 4px; position: absolute;
} width: 100%;
.scenicSpotList .resTypeList { height: 100%;
position: absolute; top: 0;
top: 10px; border-top-left-radius: 4px;
left: 10px; border-top-right-radius: 4px;
} }
.scenicSpotList .resTypeList span {
display: inline-block; .scenicSpotList .resTypeList {
padding: 1px 5px; position: absolute;
border-radius: 10px; top: 10px;
color: #fff; left: 10px;
margin-right: 10px; }
}
.scenicSpotList .L1 { .scenicSpotList .resTypeList span {
background-color: #e95252; display: inline-block;
} padding: 1px 5px;
.scenicSpotList .L2 { border-radius: 10px;
background-color: #47bf8c; color: #fff;
} margin-right: 10px;
.scenicSpotList .L3 { }
background-color: #2aaef2;
} .scenicSpotList .L1 {
.scenicSpotList .L4 { background-color: #e95252;
background-color: #9cf; }
}
.scenicSpotList .L5 { .scenicSpotList .L2 {
background-color: #00c6ff; background-color: #47bf8c;
margin-top:5px; }
}
.scenicSpotList .L3 {
.scenicSpotList .starSu { background-color: #2aaef2;
position: absolute; }
bottom: 8px;
right: 10px; .scenicSpotList .L4 {
display: flex; background-color: #9cf;
} }
.scenicSpotList .starSu .star {
margin-left: 5px; .scenicSpotList .L5 {
} background-color: #00c6ff;
.scenicSpotList .sushe { margin-top: 5px;
background-color: #ffc800; }
display: inline-block;
padding: 1px 5px; .scenicSpotList .starSu {
border-radius: 10px; position: absolute;
color: #fff; bottom: 8px;
} right: 10px;
.scenicSpotList .hotelTitle { display: flex;
margin: 20px 16px 0 16px; }
font-size: 14px;
color: #333333; .scenicSpotList .starSu .star {
height: 20px; margin-left: 5px;
overflow: hidden; }
text-overflow: ellipsis;
white-space: nowrap; .scenicSpotList .sushe {
} background-color: #ffc800;
.scenicSpotList .brandList i { display: inline-block;
position: relative; padding: 1px 5px;
top: 2px; border-radius: 10px;
} color: #fff;
.scenicSpotList .brand { }
float: left;
width: 49%; .scenicSpotList .hotelTitle {
overflow: hidden; margin: 20px 16px 0 16px;
text-overflow: ellipsis; font-size: 14px;
white-space: nowrap; color: #333333;
text-align: center; height: 20px;
} overflow: hidden;
.scenicSpotList .dayNum { text-overflow: ellipsis;
float: right; white-space: nowrap;
text-align: center; }
width: 50%;
} .scenicSpotList .brandList i {
.scenicSpotList .iconfont { position: relative;
margin-right: 5px; top: 2px;
} }
.scenicSpotList .dieline {
color: #2aaef2; .scenicSpotList .brand {
font-size: 14px; float: left;
top: 1px !important; width: 49%;
} overflow: hidden;
.scenicSpotList .AddressInner { text-overflow: ellipsis;
float: right; white-space: nowrap;
width: 160px; text-align: center;
height: 18px; }
overflow: hidden;
text-overflow: ellipsis; .scenicSpotList .dayNum {
display: -webkit-box; float: right;
-webkit-line-clamp: 1; text-align: center;
-webkit-box-orient: vertical; width: 50%;
} }
.scenicSpotList .btnList {
margin-top: 20px; .scenicSpotList .iconfont {
text-align: center; margin-right: 5px;
} }
.scenicSpotList .hotelBtn {
width: 80px; .scenicSpotList .dieline {
height: 28px; color: #2aaef2;
background: #f76f6f; font-size: 14px;
border-radius: 14px; top: 1px !important;
color: #fff; }
cursor: pointer;
} .scenicSpotList .AddressInner {
.scenicSpotList .hotelBtn:first-child { float: right;
margin-right: 19px; width: 160px;
} height: 18px;
.scenicSpotList .w150 .el-input { overflow: hidden;
width: 150px !important; text-overflow: ellipsis;
} display: -webkit-box;
.scenicSpotList .SupportCount { -webkit-line-clamp: 1;
color: #4bca81; -webkit-box-orient: vertical;
font-size: 18px; }
font-weight: bold;
margin: 0 5px 5px 0; .scenicSpotList .btnList {
display: inline-block; margin-top: 20px;
} text-align: center;
.scenicSpotList .dayNumber { }
color: #2aaef2;
font-size: 18px; .scenicSpotList .hotelBtn {
font-weight: bold; width: 80px;
margin: 0 5px 5px 5px; height: 28px;
display: inline-block; background: #f76f6f;
} border-radius: 14px;
.scenicSpotList .line { color: #fff;
float: left; cursor: pointer;
width: 1px; }
height: 35px;
background-color: #ededed; .scenicSpotList .hotelBtn:first-child {
margin-top: 6px; margin-right: 19px;
} }
.scenicSpotList .foodList {
display: inline-block; .scenicSpotList .w150 .el-input {
padding: 1px 5px; width: 150px !important;
background-color: #ff9c00; }
color: #fff;
margin-right: 6px; .scenicSpotList .SupportCount {
border-radius: 2px; color: #4bca81;
} font-size: 18px;
.scenicSpotList .foodList:last-child { font-weight: bold;
margin-right: 0; margin: 0 5px 5px 0;
} display: inline-block;
.scenicSpotList .delScien { }
position: absolute;
right: 10px; .scenicSpotList .dayNumber {
top: 10px; color: #2aaef2;
display: none; font-size: 18px;
} font-weight: bold;
.scenicSpotList .delScien:hover { margin: 0 5px 5px 5px;
color: #f76f6f; display: inline-block;
cursor: pointer; }
}
.scenicSpotList .resourceList:hover .delScien { .scenicSpotList .line {
display: block; float: left;
} width: 1px;
.scenicSpotList .comCursorUrl { height: 35px;
cursor: pointer; background-color: #ededed;
} margin-top: 6px;
/* 景区列表 */ }
.scenicSpotList .foodList {
display: inline-block;
padding: 1px 5px;
background-color: #ff9c00;
color: #fff;
margin-right: 6px;
border-radius: 2px;
}
.scenicSpotList .foodList:last-child {
margin-right: 0;
}
.scenicSpotList .delScien {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.scenicSpotList .delScien:hover {
color: #f76f6f;
cursor: pointer;
}
.scenicSpotList .resourceList:hover .delScien {
display: block;
}
.scenicSpotList .comCursorUrl {
cursor: pointer;
}
/* 景区列表 */
</style> </style>
<template> <template>
<div class="flexOne scenicSpotList"> <div class="flexOne scenicSpotList">
...@@ -202,71 +238,27 @@ ...@@ -202,71 +238,27 @@
<li> <li>
<span class="hotel_name"> <span class="hotel_name">
<em>{{$t('scen.sc_resName')}}</em> <em>{{$t('scen.sc_resName')}}</em>
<el-input <el-input maxlength="50" @keyup.native.enter="resetPageIndex(),selectResource()" v-model="msg.Name">
maxlength="50" </el-input>
@keyup.native.enter="resetPageIndex(),selectResource()"
v-model="msg.Name"
></el-input>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>{{$t('system.quety_area')}}</em> <em>{{$t('system.quety_area')}}</em>
<el-select <el-select v-model="msg.QCountry" clearable class="w150" filterable
v-model="msg.QCountry" @change="getProvinceList(msg.QCountry,1)" :placeholder="$t('hotel.hotel_country')">
clearable <el-option v-for="item in countryList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
class="w150"
filterable
@change="getProvinceList(msg.QCountry,1)"
:placeholder="$t('hotel.hotel_country')"
>
<el-option
v-for="item in countryList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
></el-option>
</el-select> </el-select>
<el-select <el-select v-model="msg.QProvince" class="w150" filterable @change="getProvinceList(msg.QProvince,2)"
v-model="msg.QProvince" :placeholder="$t('hotel.hotel_province')">
class="w150" <el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
filterable
@change="getProvinceList(msg.QProvince,2)"
:placeholder="$t('hotel.hotel_province')"
>
<el-option
v-for="item in provinceList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
></el-option>
</el-select> </el-select>
<el-select <el-select v-model="msg.QCity" class="w150" filterable @change="getProvinceList(msg.QCity,3)"
v-model="msg.QCity" :placeholder="$t('hotel.hotel_city')">
class="w150" <el-option v-for="item in cityList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
filterable
@change="getProvinceList(msg.QCity,3)"
:placeholder="$t('hotel.hotel_city')"
>
<el-option
v-for="item in cityList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
></el-option>
</el-select> </el-select>
<el-select <el-select v-model="msg.QDistrict" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
v-model="msg.QDistrict" <el-option v-for="item in district" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
class="w150"
filterable
:placeholder="$t('hotel.hotel_area')"
>
<el-option
v-for="item in district"
:key="item.ID"
:label="item.Name"
:value="item.ID"
></el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
...@@ -275,19 +267,14 @@ ...@@ -275,19 +267,14 @@
<em>{{$t('hotel.hotel_status')}}</em> <em>{{$t('hotel.hotel_status')}}</em>
<el-select v-model="msg.Status" class="w210" :placeholder="$t('pub.unlimitedSel')"> <el-select v-model="msg.Status" class="w210" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option> <el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option>
<el-option <el-option v-for="item in status" :key="item.value" :label="item.label" :value="item.value"></el-option>
v-for="item in status"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>门票总类</em> <em>门票总类</em>
<el-select v-model="msg.IsFree" class='multiple_input w210' :placeholder="$t('pub.pleaseSel')"> <el-select v-model="msg.IsFree" class='multiple_input w210' :placeholder="$t('pub.pleaseSel')">
<!-- <el-option :label="$t('pub.unlimitedSel')" :value='-1'></el-option> --> <!-- <el-option :label="$t('pub.unlimitedSel')" :value='-1'></el-option> -->
<el-option v-for="item in IsFreeList" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in IsFreeList" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
...@@ -295,21 +282,11 @@ ...@@ -295,21 +282,11 @@
</span> </span>
</li> </li>
<li> <li>
<button <button class="hollowFixedBtn" type="button"
class="hollowFixedBtn" @click="resetPageIndex(),selectResource()">{{$t('pub.searchBtn')}}</button>
type="button" <button class="normalBtn" type="button"
@click="resetPageIndex(),selectResource()" @click="$router.push('scenicSpotInfoManage')">{{$t('pub.addBtn')}}</button>
>{{$t('pub.searchBtn')}}</button> <button class="hollowFixedBtn" type="button" @click="DownLoadFile()">下载</button>
<button
class="normalBtn"
type="button"
@click="$router.push('scenicSpotInfoManage')"
>{{$t('pub.addBtn')}}</button>
<button
class="hollowFixedBtn"
type="button"
@click="DownLoadFile()"
>下载</button>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -319,24 +296,17 @@ ...@@ -319,24 +296,17 @@
<img v-if="!item.PicPath" src="../../assets/img/bg_c3@3x.png"> <img v-if="!item.PicPath" src="../../assets/img/bg_c3@3x.png">
<img v-else :src='compressImg(item.PicPath, "filt", 213, "")' :onerror="defaultImg"> <img v-else :src='compressImg(item.PicPath, "filt", 213, "")' :onerror="defaultImg">
<div class="resTypeList"> <div class="resTypeList">
<span <span v-for="(items,index) in item.OpenPlatformList"
v-for="(items,index) in item.OpenPlatformList"
:class="{'L1':items.ID==1,'L2':items.ID==2,'L3':items.ID==3,'L4':items.ID==4,'L5':items.ID==5}" :class="{'L1':items.ID==1,'L2':items.ID==2,'L3':items.ID==3,'L4':items.ID==4,'L5':items.ID==5}"
:key="index" :key="index">{{items.Name}}</span>
>{{items.Name}}</span>
</div> </div>
<div class="delScien" @click.stop="isdelete(item.ID)"> <div class="delScien" @click.stop="isdelete(item.ID)">
<i class="iconfont icon-xingzhuang"></i> <i class="iconfont icon-xingzhuang"></i>
</div> </div>
<div class="starSu"> <div class="starSu">
<div class="star" v-if="item.newAr[0].Aname!=''" v-for="(items,index) in item.newAr"> <div class="star" v-if="item.newAr[0].Aname!=''" v-for="(items,index) in item.newAr">
<el-tooltip <el-tooltip class="item" effect="dark" :content="items.Bname" placement="bottom-start"
class="item" popper-class="max-w250">
effect="dark"
:content="items.Bname"
placement="bottom-start"
popper-class="max-w250"
>
<span class="foodList" :key="items.subCode" v-if="index<3">{{items.Aname}}</span> <span class="foodList" :key="items.subCode" v-if="index<3">{{items.Aname}}</span>
</el-tooltip> </el-tooltip>
</div> </div>
...@@ -344,33 +314,18 @@ ...@@ -344,33 +314,18 @@
<span v-if="item.Star==9" class="sushe">{{$t('restaurant.res_SpringHotel')}}</span> <span v-if="item.Star==9" class="sushe">{{$t('restaurant.res_SpringHotel')}}</span>
</div> </div>
</div> </div>
<el-tooltip <el-tooltip class="item" effect="dark" :content="item.Name" placement="top-start" popper-class="max-w250">
class="item"
effect="dark"
:content="item.Name"
placement="top-start"
popper-class="max-w250"
>
<div class="hotelTitle">{{item.Name}}</div> <div class="hotelTitle">{{item.Name}}</div>
</el-tooltip> </el-tooltip>
<div class="btnList"> <div class="btnList">
<button <button @click="goUrl('scenicSpotInfoManage',item.ID)" class="hotelBtn">{{$t('pub.updateMsg')}}</button>
@click="goUrl('scenicSpotInfoManage',item.ID)"
class="hotelBtn"
>{{$t('pub.updateMsg')}}</button>
<button @click="goUrlT('ticketManagement',item.ID)" class="hotelBtn">{{$t('scen.sc_piao')}}</button> <button @click="goUrlT('ticketManagement',item.ID)" class="hotelBtn">{{$t('scen.sc_piao')}}</button>
</div> </div>
</div> </div>
<div class="noData" v-show="noData">{{$t('system.content_noData')}}</div> <div class="noData" v-show="noData">{{$t('system.content_noData')}}</div>
</div> </div>
<el-pagination <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
background :page-size="msg.pageSize" layout="total,prev, pager, next, jumper" :total="msg.total"></el-pagination>
@current-change="handleCurrentChange"
:current-page.sync="msg.currentPage"
:page-size="msg.pageSize"
layout="total,prev, pager, next, jumper"
:total="msg.total"
></el-pagination>
</div> </div>
</template> </template>
<script> <script>
...@@ -394,10 +349,10 @@ ...@@ -394,10 +349,10 @@
label: "删除" label: "删除"
} }
], ],
IsFreeList: [{ IsFreeList: [{
value: "-1", value: "-1",
label: "不限" label: "不限"
},{ }, {
value: "0", value: "0",
label: "免费" label: "免费"
}, },
...@@ -412,7 +367,7 @@ ...@@ -412,7 +367,7 @@
pageIndex: 1, pageIndex: 1,
pageSize: 14, pageSize: 14,
Name: "", Name: "",
IsFree:"-1", IsFree: "-1",
QCountry: "", QCountry: "",
QProvince: "", QProvince: "",
QCity: "", QCity: "",
...@@ -495,26 +450,21 @@ ...@@ -495,26 +450,21 @@
}); });
}, },
DownLoadFile() { DownLoadFile() {
if (!this.isSave) { this.loading = true;
if (this.msg.Status == "") {
this.msg.Status = "-1";
}
let myDate = new Date(); let myDate = new Date();
let _year = myDate.getFullYear(); let _year = myDate.getFullYear();
let _month = myDate.getMonth() >= 9 ? myDate.getMonth() + 1 : '0' + (myDate.getMonth() + 1); let _month = myDate.getMonth() >= 9 ? myDate.getMonth() + 1 : '0' + (myDate.getMonth() + 1);
let _date = myDate.getDate() > 9 ? myDate.getDate() : '0' + myDate.getDate(); let _date = myDate.getDate() > 9 ? myDate.getDate() : '0' + myDate.getDate();
let _hours = myDate.getHours() > 9 ? myDate.getHours() : '0' + myDate.getHours(); let _hours = myDate.getHours() > 9 ? myDate.getHours() : '0' + myDate.getHours();
let _minutes = myDate.getMinutes() > 9 ? myDate.getMinutes() : '0' + myDate.getMinutes(); let _minutes = myDate.getMinutes() > 9 ? myDate.getMinutes() : '0' + myDate.getMinutes();
let _seconds = myDate.getSeconds() > 9 ? myDate.getSeconds() : '0' + myDate.getSeconds(); let _seconds = myDate.getSeconds() > 9 ? myDate.getSeconds() : '0' + myDate.getSeconds();
let downDate = _year + _month + _date +_hours+_minutes+_seconds; let downDate = _year + _month + _date + _hours + _minutes + _seconds;
var fileName = "景点价格信息" + downDate+".xls"; var fileName = "景点价格信息" + downDate + ".xls";
this.GetLocalFile("dmcstatistics_post_GetTicketCouponsExport", this.msg, fileName, this.GetLocalFile("dmcstatistics_post_GetTicketCouponsExport", this.msg, fileName,
res => { res => {
this.loading = false; this.loading = false;
this.isSave = false; });
});
}
}, },
selectResource() { selectResource() {
this.loading = true; this.loading = true;
...@@ -557,18 +507,18 @@ ...@@ -557,18 +507,18 @@
path: path, path: path,
query: { query: {
id: id, id: id,
blank:'y', blank: 'y',
tab:'修改景区信息' tab: '修改景区信息'
} }
}); });
}, },
goUrlT(path, id){ goUrlT(path, id) {
this.$router.push({ this.$router.push({
path: path, path: path,
query: { query: {
id: id, id: id,
blank:'y', blank: 'y',
tab:'门票管理' tab: '门票管理'
} }
}); });
...@@ -590,4 +540,5 @@ ...@@ -590,4 +540,5 @@
this.selectResource(); this.selectResource();
} }
}; };
</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