Skip to content

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

页面修改

parent e18c8a30
Hide whitespace changes
Inline Side-by-side
Showing with 459 additions and 1 deletion
src/components/scenicSpot/scenicRecommentList.vue 0 → 100644
View file @ a3c671b2
<style>
.scenicRecommentList .clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.scenicRecommentList .hotelResource {
width: 100%;
min-height: 500px;
margin-top: 20px;
}
.scenicRecommentList .resourceList {
width: 215px;
height: 240px;
background-color: #fff;
border: 1px dashed #ededed;
border-radius: 4px;
margin: 0 20px 20px 0;
font-size: 12px;
color: #333333;
float: left;
}
.scenicRecommentList .resourceList:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
.scenicRecommentList .reTopInfo {
width: 100%;
height: 123px;
position: relative;
}
.scenicRecommentList .reTopInfo img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.scenicRecommentList .resTypeList {
position: absolute;
top: 10px;
left: 10px;
}
.scenicRecommentList .resTypeList span {
display: inline-block;
padding: 1px 5px;
border-radius: 10px;
color: #fff;
margin-right: 10px;
}
.scenicRecommentList .L1 {
background-color: #e95252;
}
.scenicRecommentList .L2 {
background-color: #47bf8c;
}
.scenicRecommentList .L3 {
background-color: #2aaef2;
}
.scenicRecommentList .L4 {
background-color: #9cf;
}
.scenicRecommentList .L5 {
background-color: #00c6ff;
margin-top: 5px;
}
.scenicRecommentList .starSu {
position: absolute;
bottom: 8px;
right: 10px;
display: flex;
}
.scenicRecommentList .starSu .star {
margin-left: 5px;
}
.scenicRecommentList .sushe {
background-color: #ffc800;
display: inline-block;
padding: 1px 5px;
border-radius: 10px;
color: #fff;
}
.scenicRecommentList .hotelTitle {
margin: 20px 16px 0 16px;
font-size: 14px;
color: #333333;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.scenicRecommentList .brandList i {
position: relative;
top: 2px;
}
.scenicRecommentList .brand {
float: left;
width: 49%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.scenicRecommentList .dayNum {
float: right;
text-align: center;
width: 50%;
}
.scenicRecommentList .iconfont {
margin-right: 5px;
}
.scenicRecommentList .dieline {
color: #2aaef2;
font-size: 14px;
top: 1px !important;
}
.scenicRecommentList .AddressInner {
float: right;
width: 160px;
height: 18px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.scenicRecommentList .btnList {
margin-top: 20px;
text-align: center;
}
.scenicRecommentList .hotelBtn {
width: 60px;
height: 28px;
background: #f76f6f;
border-radius: 14px;
color: #fff;
cursor: pointer;
}
.scenicRecommentList .w150 .el-input {
width: 150px !important;
}
.scenicRecommentList .SupportCount {
color: #4bca81;
font-size: 18px;
font-weight: bold;
margin: 0 5px 5px 0;
display: inline-block;
}
.scenicRecommentList .dayNumber {
color: #2aaef2;
font-size: 18px;
font-weight: bold;
margin: 0 5px 5px 5px;
display: inline-block;
}
.scenicRecommentList .line {
float: left;
width: 1px;
height: 35px;
background-color: #ededed;
margin-top: 6px;
}
.scenicRecommentList .foodList {
display: inline-block;
padding: 1px 5px;
background-color: #ff9c00;
color: #fff;
margin-right: 6px;
border-radius: 2px;
}
.scenicRecommentList .foodList:last-child {
margin-right: 0;
}
.scenicRecommentList .delScien {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.scenicRecommentList .delScien:hover {
color: #f76f6f;
cursor: pointer;
}
.scenicRecommentList .resourceList:hover .delScien {
display: block;
}
.scenicRecommentList .comCursorUrl {
cursor: pointer;
}
/* 景区推荐列表 */
</style>
<template>
<div class="flexOne scenicRecommentList">
<div class="query-box">
<ul>
<li>
<span class="hotel_name">
<em>名称</em>
<el-input maxlength="50" @keyup.native.enter="resetPageIndex(),getList()" v-model="msg.Name">
</el-input>
</span>
</li>
<li>
<button class="hollowFixedBtn" type="button"
@click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" type="button"
@click="$router.push('scenicSpotInfoManage')">{{$t('pub.addBtn')}}</button>
</li>
</ul>
</div>
<div class="hotelResource clearfix" v-loading="loading">
<table>
<tr>
<th>
编号
</th>
<th>
名称
</th>
<th>
封面
</th>
<th>
操作人
</th>
<th>
操作时间
</th>
<th>
操作
</th>
</tr>
<tr v-for="(item,index) in DataList" :key="index">
<td>
{{item.Id}}
</td>
<td>
{{item.Name}}
</td>
<td>
{{item.ImgCover}}
</td>
<td>
{{item.UpdateName}}
</td>
<td>
{{item.UpdateTimeStr}}
</td>
<td>
<a>修改</a>
<a @click="removeScenicRecomment(item.Id)">删除</a>
</td>
</tr>
</table>
</div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
:page-size="msg.pageSize" layout="total,prev, pager, next, jumper" :total="msg.total"></el-pagination>
</div>
</template>
<script>
export default {
data() {
return {
countryList: "",
provinceList: "",
cityList: "",
DataList: "",
noData: false,
loading: true,
defaultImg: 'this.src="' + require("../../assets/img/bg_z1@2x.png") + '"',
msg: {
pageIndex: 1,
pageSize: 14,
Name: "",
QCountry: 0,
QProvince: 0,
QCity: 0,
total: 0,
currentPage: 1,
Id: 0
}
};
},
methods: {
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.selectResource();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.msg.currentPage = 1;
},
//根据省份获取城市
getProvinceList(ID, type) {
let msg = {
Id: ID
};
if (type == 1) {
this.msg.QProvince = "";
this.msg.QCity = "";
this.msg.QDistrict = "";
} else if (type == 2) {
this.msg.QCity = "";
this.msg.QDistrict = "";
} else if (type == 3) {
this.msg.QDistrict = "";
}
if (this.msg.QCountry !== "") {
this.apipost(
"dict_post_Destination_GetChildList",
msg,
res => {
if (type == 1) {
this.provinceList = res.data.data;
} else if (type == 2) {
this.cityList = res.data.data;
} else if (type == 3) {
this.district = res.data.data;
}
},
err => {}
);
}
},
//获取国家
getCountryList() {
this.apipost(
"dict_post_Destination_GetCountry", {},
res => {
this.countryList = res.data.data;
},
err => {}
);
},
removeScenicRecomment(ID) {
var that = this;
that.Confirm(that.$t('tips.shifoushanchu'), function () {
that.apipost(
"ScenicRecomment_Post_RemoveScenicRecommentService", {
Id: ID
},
response => {
if (response.data.resultCode == 1) {
that.Success(that.$$t('tips.shanchuchenggong'));
that.getList();
} else {
that.Error(response.data.message);
}
},
null
);
});
},
getList() {
this.loading = true;
this.apipost(
"ScenicRecomment_Get_GetScenicRecommentPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.msg.total = res.data.data.count;
this.noData = !this.msg.total > 0;
this.DataList = res.data.data.pageData;
}
},
null
);
},
goUrl(path, id) {
this.$store.commit("pageConditionUpdate", this.msg);
this.$router.push({
path: path,
query: {
id: id,
blank: 'y',
tab: '修改景区信息'
}
});
},
goUrlT(path, id) {
this.$router.push({
path: path,
query: {
id: id,
blank: 'y',
tab: '门票管理'
}
});
}
},
mounted() {
//this.getCountryList();
},
created() {
if (this.$route.query.hasOwnProperty("cache")) {
if (this.$store.state.pageCondition != null) {
this.msg = this.$store.state.pageCondition;
}
}
var id = this.$route.query.ID;
if (id) {
this.msg.getList = id;
}
this.getList();
}
};
</script>
src/router/config.js
View file @ a3c671b2
......@@ -1413,7 +1413,16 @@ export default {
meta: {
title: '景区票券列表'
},
}, {
},
, {
path: '/scenicRecommentList', //景点攻略
name: 'scenicRecommentList',
component: resolve => require(['@/components/scenicSpot/scenicRecommentList'], resolve),
meta: {
title: '景点攻略'
},
},
{
path: '/scenicSpotSupplier', //景区票券供应商
name: 'scenicSpotSupplier',
component: resolve => require(['@/components/scenicSpot/scenicSpotSupplier'], resolve),
......
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