Commit f6c6a4a0 authored by 黄奎's avatar 黄奎

页面修改

parent e4742e42
<style>
.hotelmanagement .hotelResource {
.hotelmanagement .hotelResource {
width: 100%;
min-height: 500px;
margin-top: 20px;
}
}
.hotelmanagement .resourceListMan {
.hotelmanagement .resourceListMan {
width: 215px;
height: 350px;
background-color: #fff;
......@@ -15,143 +15,143 @@
font-size: 12px;
color: #333333;
float: left;
}
}
.hotelmanagement .resourceListMan:hover {
.hotelmanagement .resourceListMan:hover {
box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
transition: all linear 0.5s;
}
}
.hotelmanagement .reTopInfo {
.hotelmanagement .reTopInfo {
width: 100%;
height: 123px;
position: relative;
}
}
.hotelmanagement .reTopInfo img {
.hotelmanagement .reTopInfo img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
}
.hotelmanagement .resTypeList {
.hotelmanagement .resTypeList {
position: absolute;
top: 10px;
left: 10px;
}
}
.hotelmanagement .resTypeList span {
.hotelmanagement .resTypeList span {
display: inline-block;
padding: 1px 5px;
border-radius: 10px;
color: #fff;
margin-right: 10px;
}
}
.hotelmanagement .L1 {
.hotelmanagement .L1 {
background-color: #e95252;
}
}
.hotelmanagement .L2 {
.hotelmanagement .L2 {
background-color: #47bf8c;
}
}
.hotelmanagement .L3 {
.hotelmanagement .L3 {
background-color: #2aaef2;
}
}
.hotelmanagement .L4 {
.hotelmanagement .L4 {
background-color: #9cf;
}
}
.hotelmanagement .L5 {
.hotelmanagement .L5 {
background-color: #00c6ff;
margin-top: 5px;
}
}
.hotelmanagement .starSu {
.hotelmanagement .starSu {
position: absolute;
bottom: 8px;
right: 10px;
}
}
.hotelmanagement .sushe {
.hotelmanagement .sushe {
background-color: #ffc800;
display: inline-block;
padding: 1px 5px;
border-radius: 10px;
color: #fff;
}
}
.hotelmanagement .hotelTitle {
.hotelmanagement .hotelTitle {
margin: 22px 16px 0 16px;
font-size: 14px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.hotelmanagement .brandList {
.hotelmanagement .brandList {
margin: 10px 16px;
}
}
.hotelmanagement .brandList i {
.hotelmanagement .brandList i {
position: relative;
top: 2px;
}
}
.hotelmanagement .brand {
.hotelmanagement .brand {
float: left;
width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.hotelmanagement .dayNum {
.hotelmanagement .dayNum {
float: right;
}
}
.hotelmanagement .Address {
.hotelmanagement .Address {
margin: 0 16px;
height: 17px;
overflow: hidden;
}
}
.hotelmanagement .Address i {
.hotelmanagement .Address i {
color: #bbbbbb;
}
}
.hotelmanagement .iconfont {
.hotelmanagement .iconfont {
margin-right: 5px;
position: relative;
top: -4px;
}
}
.hotelmanagement .icon-star1 {
.hotelmanagement .icon-star1 {
color: #ffc800;
}
}
.hotelmanagement .star i {
.hotelmanagement .star i {
margin-right: 3px;
font-size: 12px;
}
}
.hotelmanagement .honor {
.hotelmanagement .honor {
color: #ff793e;
}
}
.hotelmanagement .dieline {
.hotelmanagement .dieline {
color: #2aaef2;
font-size: 14px;
top: 1px !important;
}
}
.hotelmanagement .AddressInner {
.hotelmanagement .AddressInner {
float: right;
width: 160px;
height: 18px;
......@@ -160,27 +160,27 @@
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
}
.hotelmanagement .btnList {
.hotelmanagement .btnList {
margin-top: 12px;
text-align: center;
}
}
.hotelmanagement .hotelBtnMan {
.hotelmanagement .hotelBtnMan {
width: 50px;
height: 28px;
border-radius: 14px;
color: #fff;
cursor: pointer;
background-color: #f76f6f;
}
}
.hotelmanagement .w150 .el-input {
.hotelmanagement .w150 .el-input {
width: 150px;
}
}
.hotelmanagement .RemainingInventory {
.hotelmanagement .RemainingInventory {
position: absolute;
width: 60px;
height: 60px;
......@@ -195,41 +195,46 @@
line-height: 60px;
left: 50%;
margin-left: -30px;
}
}
.hotelmanagement .delScien {
.hotelmanagement .delScien {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
}
.hotelmanagement .delScien:hover {
.hotelmanagement .delScien:hover {
color: #f76f6f;
cursor: pointer;
}
}
.hotelmanagement .resourceListMan:hover .delScien {
.hotelmanagement .resourceListMan:hover .delScien {
display: block;
}
}
.hotelmanagement .comCursorUrl {
.hotelmanagement .comCursorUrl {
cursor: pointer;
}
.editInfo {
}
.editInfo {
padding: 2px !important;
}
.list-item {
}
.list-item {
margin: 20px 0;
}
.file-title {
}
.file-title {
font-size: 16px;
font-weight: bold;
}
.submit-box {
}
.submit-box {
display: flex;
justify-content: center;
}
}
</style>
<template>
<div class="flexOne hotelmanagement">
......@@ -238,208 +243,96 @@
<li>
<span class="hotel_name">
<em>{{ $t("hotel.hotel_name") }}</em>
<el-input
maxlength="50"
@keyup.native.enter="resetPageIndex(), selectResource()"
v-model="msg.Name"
>
<el-input maxlength="50" @keyup.native.enter="resetPageIndex(), selectResource()" v-model="msg.Name">
</el-input>
</span>
</li>
<li>
<span>
<em>{{ $t("system.quety_area") }}</em>
<el-select
v-model="msg.QCountry"
clearable
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 v-model="msg.QCountry" clearable 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
v-model="msg.QProvince"
class="w150"
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 v-model="msg.QProvince" class="w150" 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
v-model="msg.QCity"
class="w150"
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 v-model="msg.QCity" class="w150" 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
v-model="msg.QDistrict"
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 v-model="msg.QDistrict" 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>
</span>
</li>
<li>
<span>
<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
v-for="item in status"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="item in status" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{ $t("ground.jiudianleixing") }}</em>
<el-select
v-model="msg.HotelType"
class="w210"
:placeholder="$t('pub.unlimitedSel')"
>
<el-select v-model="msg.HotelType" class="w210" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option>
<el-option
v-for="item in HotelTypeList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
></el-option>
<el-option v-for="item in HotelTypeList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>{{ $t("Operation.Op_price") }}</em>
<el-select
v-model="msg.HotelPirceType"
class="w210"
:placeholder="$t('pub.unlimitedSel')"
>
<el-select v-model="msg.HotelPirceType" class="w210" :placeholder="$t('pub.unlimitedSel')">
<el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option>
<el-option
v-for="item in HotelPirceTypeList"
:key="item.ID"
:label="item.Name"
:value="item.ID"
>
<el-option v-for="item in HotelPirceTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</span>
</li>
<li>
<span
><em>{{ $t("visa.v_czuser") }}</em></span
>
<el-select
class="w150"
v-model="msg.UpdateBy"
filterable
:placeholder="$t('pub.pleaseSel')"
>
<span><em>{{ $t("visa.v_czuser") }}</em></span>
<el-select class="w150" v-model="msg.UpdateBy" filterable :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value="0"> </el-option>
<el-option
v-for="item in EmployeeList"
:label="item.EmName"
:value="item.EmployeeId"
:key="item.EmployeeId"
></el-option>
<el-option v-for="item in EmployeeList" :label="item.EmName" :value="item.EmployeeId"
:key="item.EmployeeId"></el-option>
</el-select>
</li>
<li>
<button
class="hollowFixedBtn"
type="button"
@click="resetPageIndex(), selectResource()"
>
<button class="hollowFixedBtn" type="button" @click="resetPageIndex(), selectResource()">
{{ $t("pub.searchBtn") }}
</button>
<button
class="normalBtn"
type="button"
@click="goSubInfo('HotelInfo')"
>
<button class="normalBtn" type="button" @click="goSubInfo('HotelInfo')">
{{ $t("pub.addBtn") }}
</button>
</li>
</ul>
</div>
<div class="hotelResource clearfix" v-loading="loading">
<div
class="resourceListMan"
v-for="(item, index) in tableData"
:key="index"
>
<div
class="reTopInfo"
:class="{ comCursorUrl: item.URL }"
@click="OpenNewUrl(item.URL)"
>
<div class="resourceListMan" v-for="(item, index) in tableData" :key="index">
<div class="reTopInfo" :class="{ comCursorUrl: item.URL }" @click="OpenNewUrl(item.URL)">
<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">
<span
v-for="(items, index) in item.OpenPlatformList"
:key="index"
:class="{
<span v-for="(items, index) in item.OpenPlatformList" :key="index" :class="{
L1: items.ID == 1,
L2: items.ID == 2,
L3: items.ID == 3,
L4: items.ID == 4,
L5: items.ID == 5,
}"
>{{ items.Name }}</span
>
}">{{ items.Name }}</span>
</div>
<div class="delScien" @click.stop="isdelete(item.ID)">
<i class="iconfont icon-xingzhuang"></i>
</div>
<div class="starSu">
<div class="star" v-if="item.Star < 8">
<i
v-for="(items, index) in item.starArr"
class="iconfont icon-star1"
:key="index"
></i>
<i v-for="(items, index) in item.starArr" class="iconfont icon-star1" :key="index"></i>
</div>
<span v-if="item.Star == 8" class="sushe">{{
$t("restaurant.res_homeFacility")
......@@ -449,22 +342,11 @@
}}</span>
</div>
</div>
<el-tooltip
class="item"
effect="dark"
:content="item.Name"
placement="top-start"
popper-class="max-w250"
>
<el-tooltip class="item" effect="dark" :content="item.Name" placement="top-start" popper-class="max-w250">
<div class="hotelTitle">{{ item.Name }}</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="item.HotelRealName"
placement="top-start"
popper-class="max-w250"
>
<el-tooltip class="item" effect="dark" :content="item.HotelRealName" placement="top-start"
popper-class="max-w250">
<div class="hotelTitle fz12">
{{ $t("ground.zhenshimingcheng") }}: {{ item.HotelRealName }}
</div>
......@@ -482,31 +364,20 @@
<div class="Address">
<div v-show="item.Address">
<i class="iconfont icon-img_dz"></i>
<el-tooltip
class="item"
effect="dark"
:content="item.Address"
placement="top-start"
>
<el-tooltip class="item" effect="dark" :content="item.Address" placement="top-start">
<div class="AddressInner">{{ item.Address }}</div>
</el-tooltip>
</div>
</div>
<el-tooltip
class="item"
effect="dark"
:content="item.UpdateName + '' + item.UpdateTimeStr"
placement="top-start"
>
<div
style="
<el-tooltip class="item" effect="dark" :content="item.UpdateName + '' + item.UpdateTimeStr"
placement="top-start">
<div style="
padding-left: 15px;
padding-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
"
>
">
<i style="top: 2px" class="iconfont icon-renyuanguanli"></i>
<span v-if="item.UpdateName && item.UpdateName != ''">{{
item.UpdateName
......@@ -518,142 +389,79 @@
<button @click="goSubInfo('HotelInfo', item.ID)" class="hotelBtnMan">
{{ $t("pub.updateMsg") }}
</button>
<button
@click="CopyHotel(item.ID)"
class="hotelBtnMan"
v-if="userInfo.RB_Group_id == QjGroupId()"
>
<button @click="CopyHotel(item.ID)" class="hotelBtnMan" v-if="userInfo.RB_Group_id == QjGroupId()">
复制
</button>
<button
@click="goproduct('HotelProductManage', item)"
class="hotelBtnMan"
v-if="userInfo.RB_Group_id != QjGroupId()"
>
<button @click="goproduct('HotelProductManage', item)" class="hotelBtnMan"
v-if="userInfo.RB_Group_id != QjGroupId()">
房型
</button>
<br />
<!--v-if="IsHotelPriceStock==1" HK 10-21注释-->
<button
style="width: 80px; margin-top: 10px"
@click="goUrl('HotelProductManage2', item)"
class="hotelBtnMan"
>
<button v-if="IsHotelPriceStock==1" style="width: 80px; margin-top: 10px"
@click="goUrl('HotelProductManage2', item)" class="hotelBtnMan">
{{ $t("ground.baojiayukucun") }}
</button>
<button
style="width: 80px; margin-top: 10px"
@click="downloadFile(item)"
class="hotelBtnMan"
>
<button v-if="IsHotelPriceStock==1" style="width: 80px; margin-top: 10px" @click="downloadFile(item)"
class="hotelBtnMan">
上传报价
</button>
</div>
</div>
</div>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="msg.currentPage"
:page-size="this.msg.pageSize"
layout="total,prev, pager, next, jumper"
:total="msg.total"
></el-pagination>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
:page-size="this.msg.pageSize" layout="total,prev, pager, next, jumper" :total="msg.total"></el-pagination>
<el-dialog title="上传报价单" :visible.sync="showUpload">
<div>
<el-input
style="margin-bottom: 20px"
v-model="uploadTitle"
placeholder="请填写报价单标题"
></el-input>
<el-upload
class="upload-demo"
:file-list="DownloadMaterialsFileList"
:http-request="uploadTest"
:on-remove="handleRemove"
:limit="1"
action=""
>
<el-button
:disabled="DownloadMaterialsFileList.length ? true : false"
size="small"
type="primary"
>点击上传</el-button
>
<el-input style="margin-bottom: 20px" v-model="uploadTitle" placeholder="请填写报价单标题"></el-input>
<el-upload class="upload-demo" :file-list="DownloadMaterialsFileList" :http-request="uploadTest"
:on-remove="handleRemove" :limit="1" action="">
<el-button :disabled="DownloadMaterialsFileList.length ? true : false" size="small" type="primary">点击上传
</el-button>
</el-upload>
<div class="submit-box">
<el-button
type="primary"
style="margin: 20px auto"
@click="submitFile"
>提交</el-button
>
<el-button type="primary" style="margin: 20px auto" @click="submitFile">提交</el-button>
</div>
</div>
</el-dialog>
<el-dialog title="查看报价" :visible.sync="showFilelist">
<button
style="width: 80px; margin-top: 10px"
@click="uploadFile()"
class="hotelBtnMan"
>
<button style="width: 80px; margin-top: 10px" @click="uploadFile()" class="hotelBtnMan">
上传报价
</button>
<el-table
:data="DmcFileStoreList"
stripe
style="width: 100%"
>
<el-table :data="DmcFileStoreList" stripe style="width: 100%">
<el-table-column fixed prop="Title" label="标题">
</el-table-column>
<el-table-column
prop="CreateByName"
label="创建人"
width="150"
>
<el-table-column prop="CreateByName" label="创建人" width="150">
</el-table-column>
<el-table-column
prop="CreateTime"
label="创建日期"
>
<el-table-column prop="CreateTime" label="创建日期">
</el-table-column>
<el-table-column
prop="DateStr"
label="操作"
width="120"
>
<el-table-column prop="DateStr" label="操作" width="120">
<template slot-scope="scope">
<el-popconfirm @confirm="deleteFile(scope.row, scope.$index)"
title="确定删除吗?"
>
<el-button slot="reference"
class="editInfo"
type="danger">删除</el-button>
</el-popconfirm>
<el-popconfirm @confirm="deleteFile(scope.row, scope.$index)" title="确定删除吗?">
<el-button slot="reference" class="editInfo" type="danger">删除</el-button>
</el-popconfirm>
<a :href="scope.row.Url" type="download">
<el-button class="editInfo" type="primary">下载</el-button></a
>
<el-button class="editInfo" type="primary">下载</el-button>
</a>
</template>
</el-table-column>
</el-table>
<el-pagination
background
@current-change="handlePageChange"
:current-page.sync="page.currentPage"
layout="total,prev, pager, next, jumper"
:page-size="page.pageSize"
:total="page.total"
>
<el-pagination background @current-change="handlePageChange" :current-page.sync="page.currentPage"
layout="total,prev, pager, next, jumper" :page-size="page.pageSize" :total="page.total">
</el-pagination>
</el-dialog>
</div>
</template>
<script>
import page from '../../utils/page';
export default {
import page from '../../utils/page';
export default {
data() {
return {
page: { currentPage: 1, pageSize: 10, total: 0 },
page: {
currentPage: 1,
pageSize: 10,
total: 0
},
editInfo: {},
uploadTitle: "",
DownloadMaterialsFileList: [],
......@@ -672,8 +480,7 @@ export default {
HotelTypeList: [],
//酒店价格
HotelPirceTypeList: [],
status: [
{
status: [{
value: "0",
label: this.$t("pub.normalSel"),
},
......@@ -746,8 +553,7 @@ export default {
return;
}
this.apipost(
"hotel_get_SetDMCFileStore",
{
"hotel_get_SetDMCFileStore", {
Id: this.editInfo.Id || 0,
Title: this.uploadTitle,
ProcudtType: 1,
......@@ -763,8 +569,7 @@ export default {
},
deleteFile(file) {
this.apipost(
"hotel_get_RemoveDMCFileStore",
{
"hotel_get_RemoveDMCFileStore", {
Id: file.Id,
},
(res) => {
......@@ -783,15 +588,17 @@ export default {
},
getFilelist() {
this.apipost(
"hotel_get_GetDMCFileStoreList",
{
"hotel_get_GetDMCFileStoreList", {
HotelId: this.hotel.ID,
pageIndex: this.page.currentPage,
pageSize: this.page.pageSize
},
(res) => {
if (res.data.resultCode) {
const {pageData,count} = res.data.data;
const {
pageData,
count
} = res.data.data;
pageData.forEach(item => item.Url = item.FileInfoList[0] ? item.FileInfoList[0].Url : '')
this.DmcFileStoreList = pageData;
this.page.total = count
......@@ -883,8 +690,7 @@ export default {
//获取国家
getCountryList() {
this.apipost(
"dict_post_Destination_GetCountry",
{},
"dict_post_Destination_GetCountry", {},
(res) => {
this.countryList = res.data.data;
},
......@@ -952,8 +758,7 @@ export default {
//获取酒店类型列表
GetHotelTypeList() {
this.apipost(
"dmc_post_Get_GetHotelType",
{},
"dmc_post_Get_GetHotelType", {},
(res) => {
if (res.data.resultCode == 1) {
this.HotelTypeList = res.data.data;
......@@ -964,8 +769,7 @@ export default {
},
GetHotelPirceTypeList() {
this.apipost(
"dmc_post_Get_GetHotelPriceType",
{},
"dmc_post_Get_GetHotelPriceType", {},
(res) => {
if (res.data.resultCode == 1) {
this.HotelPirceTypeList = res.data.data;
......@@ -977,8 +781,7 @@ export default {
//获取酒店修改与报价添加修改权限
GetHotelPirceStockAuth() {
this.apipost(
"hotel_post_GetHotelPriceStockAuthService",
{},
"hotel_post_GetHotelPriceStockAuthService", {},
(res) => {
if (res.data.resultCode == 1) {
this.IsHotelPriceStock = res.data.data;
......@@ -997,8 +800,7 @@ export default {
IsLeave: "0",
};
this.apipost(
"admin_get_EmployeeGetList",
{},
"admin_get_EmployeeGetList", {},
(res) => {
if (res.data.resultCode == 1) {
this.EmployeeList = res.data.data;
......@@ -1042,5 +844,6 @@ export default {
}
this.selectResource();
},
};
};
</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