Commit 7b0a8d01 authored by 黄奎's avatar 黄奎

页面修改

parent c54811c3
...@@ -511,26 +511,13 @@ ...@@ -511,26 +511,13 @@
path: path, path: path,
query: { query: {
id: item.ID, id: item.ID,
Country: item.Country,
IsSelfBook: item.IsSelfBook,
blank: 'y', blank: 'y',
tab: '报价详情' tab: '报价详情'
} }
}); });
}, },
//调整到房型列表
goproduct(path, item) {
this.$router.push({
path: path,
query: {
id: item.ID,
Country: item.Country,
IsSelfBook: item.IsSelfBook,
blank: 'y',
tab: '房型列表'
}
});
},
goSubInfo(path, id) { goSubInfo(path, id) {
this.$store.commit("pageConditionUpdate", this.msg); this.$store.commit("pageConditionUpdate", this.msg);
this.$router.push({ this.$router.push({
......
<style> <style>
.priceUpdate .resource-content { .priceUpdate .resource-content {
min-width: 1200px; min-width: 1200px;
margin-top: 30px; margin-top: 30px;
font-size: 12px; font-size: 12px;
} }
.priceUpdate .resource-content > div {
.priceUpdate .resource-content>div {
display: inline-block; display: inline-block;
} }
.priceUpdate .resource-baseinfo {
.priceUpdate .resource-baseinfo {
float: left; float: left;
height: auto; height: auto;
width: 550px; width: 550px;
margin-left: 30px; margin-left: 30px;
} }
.priceUpdate .resource-imginfo {
.priceUpdate .resource-imginfo {
float: left; float: left;
width: 550px; width: 550px;
margin-top: 60px; margin-top: 60px;
} }
.priceUpdate .resource-imginfo > div {
.priceUpdate .resource-imginfo>div {
margin-bottom: 20px; margin-bottom: 20px;
} }
.priceUpdate .resource-lititle {
.priceUpdate .resource-lititle {
display: block; display: block;
border-left: 4px solid #e95252; border-left: 4px solid #e95252;
padding-left: 10px; padding-left: 10px;
} }
.priceUpdate .resource-baseinfo span {
.priceUpdate .resource-baseinfo span {
display: inline-block; display: inline-block;
} }
.priceUpdate .resource-baseinfo > div {
.priceUpdate .resource-baseinfo>div {
margin-bottom: 20px; margin-bottom: 20px;
} }
.clearfix:after {
.clearfix:after {
content: "\0020"; content: "\0020";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
} }
.priceUpdate .priceDate {
.priceUpdate .priceDate {
width: 500px; width: 500px;
background-color: #fff; background-color: #fff;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
} }
.priceUpdate .noticeInfo div {
.priceUpdate .noticeInfo div {
margin-bottom: 10px; margin-bottom: 10px;
margin: 0 120px 10px 80px; margin: 0 120px 10px 80px;
} }
.priceUpdate .subPrice {
.priceUpdate .subPrice {
margin: 0 20px 0 70px; margin: 0 20px 0 70px;
} }
.priceUpdate .inventory-div > div {
.priceUpdate .inventory-div>div {
float: left; float: left;
margin: 10px 30px 30px 0; margin: 10px 30px 30px 0;
} }
.priceUpdate .inventoryCommon {
.priceUpdate .inventoryCommon {
display: inline-block; display: inline-block;
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 50%; border-radius: 50%;
} }
.priceUpdate .inOne {
.priceUpdate .inOne {
background-color: #e95252; background-color: #e95252;
} }
.priceUpdate .inTwo {
.priceUpdate .inTwo {
background-color: #f58f0c; background-color: #f58f0c;
} }
.priceUpdate .inThree {
.priceUpdate .inThree {
background-color: #1bc594; background-color: #1bc594;
} }
.priceUpdate .inFour {
.priceUpdate .inFour {
background-color: #1b63c5; background-color: #1b63c5;
} }
.priceUpdate .price-manage {
.priceUpdate .price-manage {
margin: 20px 0 25px 0; margin: 20px 0 25px 0;
} }
.priceUpdate .day {
.priceUpdate .day {
width: 1000px; width: 1000px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.priceUpdate .yearSelect,
.monthSelect { .priceUpdate .yearSelect,
.monthSelect {
float: left; float: left;
width: 168px; width: 168px;
height: 30px; height: 30px;
} }
.priceUpdate .priceDate td.checked > label {
.priceUpdate .priceDate td.checked>label {
border-color: red; border-color: red;
line-height: 28px; line-height: 28px;
box-sizing: border-box; box-sizing: border-box;
border-radius: 15px; border-radius: 15px;
} }
.priceUpdate .triangle_border_up {
.priceUpdate .triangle_border_up {
width: 0; width: 0;
height: 0; height: 0;
border-width: 0 123px 30px; border-width: 0 123px 30px;
border-style: solid; border-style: solid;
opacity: 0.75; opacity: 0.75;
border-color: transparent transparent rgba(233, 82, 82, 1); /*透明 透明 灰*/ border-color: transparent transparent rgba(233, 82, 82, 1);
} /*透明 透明 灰*/
.priceUpdate #calendar { }
.priceUpdate #calendar {
width: 500px; width: 500px;
height: 400px; height: 400px;
margin: 0 auto; margin: 0 auto;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1), box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1),
0 1px 5px 0 rgba(0, 0, 0, 0.12); 0 1px 5px 0 rgba(0, 0, 0, 0.12);
} }
.priceUpdate .month ul {
.priceUpdate .month ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.priceUpdate .year-month {
.priceUpdate .year-month {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
.priceUpdate .year-month > input {
.priceUpdate .year-month>input {
width: 100px; width: 100px;
float: left; float: left;
} }
.priceUpdate .arrow {
.priceUpdate .arrow {
padding: 10px; padding: 10px;
font-style: normal; font-style: normal;
cursor: pointer; cursor: pointer;
} }
.priceUpdate .monthminus {
.priceUpdate .monthminus {
position: absolute; position: absolute;
left: 15px; left: 15px;
top: 15px; top: 15px;
} }
.priceUpdate .monthadd {
.priceUpdate .monthadd {
position: absolute; position: absolute;
right: 21px; right: 21px;
top: 16px; top: 16px;
} }
.priceUpdate .month ul li {
.priceUpdate .month ul li {
font-size: 12px; font-size: 12px;
position: relative; position: relative;
text-transform: uppercase; text-transform: uppercase;
float: left; float: left;
letter-spacing: 3px; letter-spacing: 3px;
} }
.priceUpdate .month ul li > input {
.priceUpdate .month ul li>input {
padding-left: 10px; padding-left: 10px;
text-align: center; text-align: center;
margin: 20px 10px 20px; margin: 20px 10px 20px;
} }
.priceUpdate .weekdays {
.priceUpdate .weekdays {
margin: 0; margin: 0;
padding: 10px 0; padding: 10px 0;
background-color: #f9f9f9; background-color: #f9f9f9;
...@@ -158,21 +191,24 @@ ...@@ -158,21 +191,24 @@
flex-wrap: wrap; flex-wrap: wrap;
color: #999999; color: #999999;
justify-content: space-around; justify-content: space-around;
} }
.priceUpdate .weekdays li {
.priceUpdate .weekdays li {
display: inline-block; display: inline-block;
width: 13.6%; width: 13.6%;
text-align: center; text-align: center;
} }
.priceUpdate .days {
.priceUpdate .days {
width: 500px; width: 500px;
padding: 0; padding: 0;
margin: 0; margin: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
} }
.priceUpdate .days li {
.priceUpdate .days li {
list-style-type: none; list-style-type: none;
display: inline-block; display: inline-block;
width: 14.2%; width: 14.2%;
...@@ -182,35 +218,41 @@ ...@@ -182,35 +218,41 @@
padding-top: 10px; padding-top: 10px;
font-size: 1rem; font-size: 1rem;
color: #000; color: #000;
} }
.priceUpdate .spanCheck {
.priceUpdate .spanCheck {
cursor: pointer; cursor: pointer;
} }
.priceUpdate .days li .active {
.priceUpdate .days li .active {
padding: 6px 10px; padding: 6px 10px;
border-radius: 50%; border-radius: 50%;
background: #00b8ec; background: #00b8ec;
color: #fff; color: #fff;
} }
.priceUpdate .days li span {
.priceUpdate .days li span {
display: inline-block; display: inline-block;
width: 30px; width: 30px;
height: 30px; height: 30px;
border: 1px solid #fff; border: 1px solid #fff;
border-radius: 17px; border-radius: 17px;
line-height: 30px; line-height: 30px;
} }
.priceUpdate .days li .other-month {
.priceUpdate .days li .other-month {
display: inline-block; display: inline-block;
width: 30px; width: 30px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
color: gainsboro; color: gainsboro;
} }
.priceUpdate .checked span {
.priceUpdate .checked span {
border-color: green !important; border-color: green !important;
} }
.priceUpdate .currentInput {
.priceUpdate .currentInput {
width: 120px; width: 120px;
height: 30px; height: 30px;
border-radius: 17px; border-radius: 17px;
...@@ -218,106 +260,130 @@ ...@@ -218,106 +260,130 @@
border: none; border: none;
margin-top: 20px; margin-top: 20px;
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
} }
.priceUpdate .detailInfo {
.priceUpdate .detailInfo {
display: none; display: none;
position: absolute; position: absolute;
left: -85px; left: -85px;
top: 50px; top: 50px;
z-index: 999; z-index: 999;
} }
.priceUpdate .priceUpdate {
.priceUpdate .priceUpdate {
min-width: 1200px; min-width: 1200px;
} }
.priceUpdate .popContent {
.priceUpdate .popContent {
width: 245px; width: 245px;
height: 145px; height: 145px;
background-color: #e95252; background-color: #e95252;
text-align: left; text-align: left;
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
} }
.priceUpdate .popContent div {
.priceUpdate .popContent div {
width: 100%; width: 100%;
} }
.priceUpdate .popList label:first-child {
.priceUpdate .popList label:first-child {
display: inline-block; display: inline-block;
width: 40%; width: 40%;
margin: 10px 0 0 10px; margin: 10px 0 0 10px;
text-align: left; text-align: left;
} }
.priceUpdate .popList label:last-child {
.priceUpdate .popList label:last-child {
display: inline-block; display: inline-block;
width: 40%; width: 40%;
margin: 10px 10px 0 0; margin: 10px 10px 0 0;
text-align: right; text-align: right;
} }
.priceUpdate .class-a {
.priceUpdate .class-a {
background-color: #e95252; background-color: #e95252;
color: #fff; color: #fff;
} }
.priceUpdate .class-b {
.priceUpdate .class-b {
background-color: #f58f0c; background-color: #f58f0c;
color: #fff; color: #fff;
} }
.priceUpdate .class-c {
.priceUpdate .class-c {
background-color: #1bc594; background-color: #1bc594;
color: #fff; color: #fff;
} }
.priceUpdate .class-d {
.priceUpdate .class-d {
background-color: #1b63c5; background-color: #1b63c5;
color: #fff; color: #fff;
} }
.packagePrice .class-e { .packagePrice .class-e {
background-color: #e95252; background-color: #e95252;
color: #fff; color: #fff;
} }
.priceUpdate .delButton {
.priceUpdate .delButton {
position: relative; position: relative;
top: -50px; top: -50px;
background-color: #1bc594; background-color: #1bc594;
color: #fff; color: #fff;
} }
.priceUpdate .el-form-item {
.priceUpdate .el-form-item {
display: inline-block; display: inline-block;
} }
.priceUpdate .el-form-item__label {
.priceUpdate .el-form-item__label {
width: 80px; width: 80px;
} }
.priceUpdate .resDiv {
.priceUpdate .resDiv {
width: 700px; width: 700px;
} }
.priceUpdate .el-textarea__inner {
.priceUpdate .el-textarea__inner {
resize: none; resize: none;
font-family: "微软雅黑"; font-family: "微软雅黑";
} }
.priceUpdate input::-webkit-outer-spin-button,
.priceUpdate input::-webkit-inner-spin-button { .priceUpdate input::-webkit-outer-spin-button,
.priceUpdate input::-webkit-inner-spin-button {
-webkit-appearance: none !important; -webkit-appearance: none !important;
margin: 0; margin: 0;
} }
.priceUpdate .el-form-item__error {
.priceUpdate .el-form-item__error {
left: 80px; left: 80px;
} }
.priceUpdate .s {
.priceUpdate .s {
display: block !important; display: block !important;
} }
.priceUpdate .el-form-item__content {
.priceUpdate .el-form-item__content {
width: 315px; width: 315px;
} }
.priceUpdate .RemarkDiv .el-form-item__content {
.priceUpdate .RemarkDiv .el-form-item__content {
width: 400px; width: 400px;
} }
.priceUpdate .ckAll {
.priceUpdate .ckAll {
margin: 25px 20px 0 0; margin: 25px 20px 0 0;
} }
.priceUpdate .ckStyle {
.priceUpdate .ckStyle {
cursor: pointer; cursor: pointer;
} }
.HS_supplier {
.HS_supplier {
margin: 10px 0 10px 10px; margin: 10px 0 10px 10px;
} }
</style> </style>
<template> <template>
<div class="flexOne priceUpdate"> <div class="flexOne priceUpdate">
...@@ -330,17 +396,20 @@ ...@@ -330,17 +396,20 @@
<ul> <ul>
<li> <li>
<i class="arrow monthminus" @click="currentYear-=1,getDateString(),initCalendar(dateString)"></i> <i class="arrow monthminus" @click="currentYear-=1,getDateString(),initCalendar(dateString)"></i>
<input type="text" v-model="currentYear" class="currentInput" @input="getDateString(),initCalendar(dateString)" />{{$t('pub.year')}} <input type="text" v-model="currentYear" class="currentInput"
@input="getDateString(),initCalendar(dateString)" />{{$t('pub.year')}}
<i class="arrow monthadd" @click="currentYear+=1,getDateString(),initCalendar(dateString)"></i> <i class="arrow monthadd" @click="currentYear+=1,getDateString(),initCalendar(dateString)"></i>
</li> </li>
<li> <li>
<i class="arrow monthminus" @click="pickPre(currentYear,currentMonth)"></i> <i class="arrow monthminus" @click="pickPre(currentYear,currentMonth)"></i>
<input type="text" v-model="currentMonth" class="currentInput" @input="getDateString(),initCalendar(dateString)" />{{$t('pub.month')}} <input type="text" v-model="currentMonth" class="currentInput"
@input="getDateString(),initCalendar(dateString)" />{{$t('pub.month')}}
<i class="arrow monthadd" @click="pickNext(currentYear,currentMonth)"></i> <i class="arrow monthadd" @click="pickNext(currentYear,currentMonth)"></i>
</li> </li>
<li> <li>
<div class="ckAll"> <div class="ckAll">
<el-checkbox class="checkBox" v-model='isCheckAll' @change="checkAll">{{$t('system.table_chekAll')}}</el-checkbox> <el-checkbox class="checkBox" v-model='isCheckAll' @change="checkAll">{{$t('system.table_chekAll')}}
</el-checkbox>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -357,15 +426,17 @@ ...@@ -357,15 +426,17 @@
</ul> </ul>
<!-- 日期 --> <!-- 日期 -->
<ul class="days"> <ul class="days">
<li class="liList" :class="{'checked':dayobject.checkState==$calendarUtils.checkState.checked}" v-for="(dayobject,index) in days" <li class="liList" :class="{'checked':dayobject.checkState==$calendarUtils.checkState.checked}"
:key="dayobject.subCode" @mouseover="disBoard(dayobject,index)" @mouseout="disNoneBoard()"> v-for="(dayobject,index) in days" :key="dayobject.subCode" @mouseover="disBoard(dayobject,index)"
@mouseout="disNoneBoard()">
<span v-if="dayobject.day.getMonth()+1 != currentMonth" class="other-month">{{ <span v-if="dayobject.day.getMonth()+1 != currentMonth" class="other-month">{{
dayobject.day.getDate()}}</span> dayobject.day.getDate()}}</span>
<span class="ckStyle" @click="clickedDay(dayobject)" v-else-if="updateDay==-1 || dayobject.day.getDate()==updateDay" <span class="ckStyle" @click="clickedDay(dayobject)"
:class="dayobject.class"> v-else-if="updateDay==-1 || dayobject.day.getDate()==updateDay" :class="dayobject.class">
{{dayobject.day.getDate()}} {{dayobject.day.getDate()}}
</span> </span>
<span class="other-month" v-else :class="{'class-a': dayobject.checkState==$calendarUtils.checkState.hasValue}"> <span class="other-month" v-else
:class="{'class-a': dayobject.checkState==$calendarUtils.checkState.hasValue}">
{{dayobject.day.getDate()}} {{dayobject.day.getDate()}}
</span> </span>
<div class="detailInfo" :class="{s:index==num}"> <div class="detailInfo" :class="{s:index==num}">
...@@ -383,8 +454,10 @@ ...@@ -383,8 +454,10 @@
<label>{{$t('hotel.hotel_Supplier')}}{{dayobject.SupplierName}}</label> <label>{{$t('hotel.hotel_Supplier')}}{{dayobject.SupplierName}}</label>
</div> </div>
</div> </div>
<input type="button" class="hollowFixedBtn delButton" @click="isdelete(dayobject.ID)" :value="$t('system.table_delete')" /> <input type="button" class="hollowFixedBtn delButton" @click="isdelete(dayobject.ID)"
<button class="hollowFixedBtn delButton" @click="updateInfo(dayobject.ID,dayobject.date,index)">{{$t('system.table_edit')}}</button> :value="$t('system.table_delete')" />
<button class="hollowFixedBtn delButton"
@click="updateInfo(dayobject.ID,dayobject.date,index)">{{$t('system.table_edit')}}</button>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -414,8 +487,8 @@ ...@@ -414,8 +487,8 @@
<div class="resDiv" style="margin:0 0 20px 42px"> <div class="resDiv" style="margin:0 0 20px 42px">
<span> <span>
<em style="margin-right:10px;">{{$t('pub.date')}}</em> <em style="margin-right:10px;">{{$t('pub.date')}}</em>
<el-date-picker class="w150" v-model='addMsg.StartDate' type="date" :picker-options="pickerBeginDateBefore" <el-date-picker class="w150" v-model='addMsg.StartDate' type="date"
value-format="yyyy-MM-dd" placeholder=""> :picker-options="pickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder="">
</el-date-picker> </el-date-picker>
<el-date-picker class="w150" v-model='addMsg.EndDate' type="date" value-format="yyyy-MM-dd" <el-date-picker class="w150" v-model='addMsg.EndDate' type="date" value-format="yyyy-MM-dd"
:picker-options="pickerBeginDateAfter" placeholder=""> :picker-options="pickerBeginDateAfter" placeholder="">
...@@ -424,26 +497,32 @@ ...@@ -424,26 +497,32 @@
</div> </div>
<div class="resDiv"> <div class="resDiv">
<el-form-item :label="$t('hotel.hotel_CostPrice')" prop="CostPrice"> <el-form-item :label="$t('hotel.hotel_CostPrice')" prop="CostPrice">
<el-input type="text" class="w210" v-model="addMsg.CostPrice" @keyup.native="checkPrice(addMsg,'CostPrice')"></el-input> <el-input type="text" class="w210" v-model="addMsg.CostPrice"
@keyup.native="checkPrice(addMsg,'CostPrice')"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.hotel_Inventory')" prop="Inventory"> <el-form-item :label="$t('hotel.hotel_Inventory')" prop="Inventory">
<el-input type="text" class="w210" v-model="addMsg.Inventory" @keyup.native="checkPrice(addMsg,'Inventory')"></el-input> <el-input type="text" class="w210" v-model="addMsg.Inventory"
@keyup.native="checkPrice(addMsg,'Inventory')"></el-input>
</el-form-item> </el-form-item>
</div> </div>
<div class="resDiv"> <div class="resDiv">
<el-form-item :label="$t('hotel.hotel_B2BPrice')" prop="B2BPrice"> <el-form-item :label="$t('hotel.hotel_B2BPrice')" prop="B2BPrice">
<el-input type="text" class="w210" v-model="addMsg.B2BPrice" @keyup.native="checkPrice(addMsg,'B2BPrice')"></el-input> <el-input type="text" class="w210" v-model="addMsg.B2BPrice"
@keyup.native="checkPrice(addMsg,'B2BPrice')"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.hotel_B2CPrice')" prop="B2CPrice"> <el-form-item :label="$t('hotel.hotel_B2CPrice')" prop="B2CPrice">
<el-input type="text" class="w210" v-model="addMsg.B2CPrice" @keyup.native="checkPrice(addMsg,'B2CPrice')"></el-input> <el-input type="text" class="w210" v-model="addMsg.B2CPrice"
@keyup.native="checkPrice(addMsg,'B2CPrice')"></el-input>
</el-form-item> </el-form-item>
</div> </div>
<div class="resDiv"> <div class="resDiv">
<el-form-item label="原价" prop="SalesPrice"> <el-form-item label="原价" prop="SalesPrice">
<el-input type="text" class="w210" v-model="addMsg.SalesPrice" @keyup.native="checkPrice(addMsg,'SalesPrice')"></el-input> <el-input type="text" class="w210" v-model="addMsg.SalesPrice"
@keyup.native="checkPrice(addMsg,'SalesPrice')"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.hotel_Supplier')" v-if="IsSelfBook==1" prop="Supplier"> <el-form-item :label="$t('hotel.hotel_Supplier')" v-if="IsSelfBook==1" prop="Supplier">
<el-select v-model="addMsg.Supplier" class="w210" filterable clearable :placeholder="$t('hotel.hotel_inputholder')"> <el-select v-model="addMsg.Supplier" class="w210" filterable clearable
:placeholder="$t('hotel.hotel_inputholder')">
<el-option :label='$t("pub.ph_buxian")' value=''></el-option> <el-option :label='$t("pub.ph_buxian")' value=''></el-option>
<el-option v-for="item in SupplierList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option> <el-option v-for="item in SupplierList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select> </el-select>
...@@ -451,15 +530,16 @@ ...@@ -451,15 +530,16 @@
</div> </div>
<div class="resDiv"> <div class="resDiv">
<el-form-item :label="$t('hotel.hotel_Currency')"> <el-form-item :label="$t('hotel.hotel_Currency')">
<el-select :placeholder="$t('ground.qingxuanbizhong')" filterable class='multiple_input w210' @change="getCurrentRate(addMsg.CurrencyId)" <el-select :placeholder="$t('ground.qingxuanbizhong')" filterable class='multiple_input w210'
v-model="addMsg.CurrencyId"> @change="getCurrentRate(addMsg.CurrencyId)" v-model="addMsg.CurrencyId">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in allCurrencyList" :key="item.ID" :label="item.Name" :value="item.ID"> <el-option v-for="item in allCurrencyList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.hotel_CurrentRate')" prop="Fax"> <el-form-item :label="$t('hotel.hotel_CurrentRate')" prop="Fax">
<el-input class="w210" v-model='addMsg.CurrentRate' @keyup.native="checkRate(addMsg,'CurrentRate')"></el-input> <el-input class="w210" v-model='addMsg.CurrentRate' @keyup.native="checkRate(addMsg,'CurrentRate')">
</el-input>
</el-form-item> </el-form-item>
</div> </div>
<div class="resDiv RemarkDiv"> <div class="resDiv RemarkDiv">
...@@ -475,14 +555,16 @@ ...@@ -475,14 +555,16 @@
</div> </div>
<button type="success" class="subPrice" :class="{'comDisableBtn':isDisable==true,'normalBtn':isDisable==false}" <button type="success" class="subPrice" :class="{'comDisableBtn':isDisable==true,'normalBtn':isDisable==false}"
:disabled='isDisable' @click="isDeleteNote=true,submitForm('addMsg')">{{comBtnText}}</button> :disabled='isDisable' @click="isDeleteNote=true,submitForm('addMsg')">{{comBtnText}}</button>
<button type="success" class="hollowFixedBtn" @click="goBack" v-if="updateDay=='-1'">{{$t('pub.returnBack')}}</button> <button type="success" class="hollowFixedBtn" @click="goBack"
<button type="success" class="hollowFixedBtn" @click="resetForm('addMsg')" v-else>{{$t('pub.cancelBtn')}}</button> v-if="updateDay=='-1'">{{$t('pub.returnBack')}}</button>
<button type="success" class="hollowFixedBtn" @click="resetForm('addMsg')"
v-else>{{$t('pub.cancelBtn')}}</button>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
//供应商 //供应商
...@@ -505,7 +587,7 @@ export default { ...@@ -505,7 +587,7 @@ export default {
num: -1, num: -1,
updateDay: -1, updateDay: -1,
IsSelfBook: 0, IsSelfBook: 0,
Country:0, Country: 0,
//提交报价中 //提交报价中
comBtnText: this.$t('ground.tijiaobaojia'), comBtnText: this.$t('ground.tijiaobaojia'),
isDisable: false, isDisable: false,
...@@ -534,8 +616,7 @@ export default { ...@@ -534,8 +616,7 @@ export default {
}, },
rules: { rules: {
//表单必填验证 //表单必填验证
CostPrice: [ CostPrice: [{
{
required: true, required: true,
message: this.$t('ground.qingshurcbj'), message: this.$t('ground.qingshurcbj'),
trigger: "change" trigger: "change"
...@@ -545,8 +626,7 @@ export default { ...@@ -545,8 +626,7 @@ export default {
message: this.$t('ground.qingshurlwxs') message: this.$t('ground.qingshurlwxs')
} }
], ],
Inventory: [ Inventory: [{
{
required: true, required: true,
message: this.$t('ground.qingshurukc'), message: this.$t('ground.qingshurukc'),
trigger: "change" trigger: "change"
...@@ -556,8 +636,7 @@ export default { ...@@ -556,8 +636,7 @@ export default {
message: this.$t('ground.qingshuruzqdsz') message: this.$t('ground.qingshuruzqdsz')
} }
], ],
B2BPrice: [ B2BPrice: [{
{
required: true, required: true,
message: this.$t('ground.qingshuruB2Bjg'), message: this.$t('ground.qingshuruB2Bjg'),
trigger: "change" trigger: "change"
...@@ -567,8 +646,7 @@ export default { ...@@ -567,8 +646,7 @@ export default {
message: this.$t('ground.qingshurlwxs') message: this.$t('ground.qingshurlwxs')
} }
], ],
B2CPrice: [ B2CPrice: [{
{
required: true, required: true,
message: this.$t('ground.qingshuruB2Cjg'), message: this.$t('ground.qingshuruB2Cjg'),
trigger: "change" trigger: "change"
...@@ -578,8 +656,7 @@ export default { ...@@ -578,8 +656,7 @@ export default {
message: this.$t('ground.qingshurlwxs') message: this.$t('ground.qingshurlwxs')
} }
], ],
SalesPrice: [ SalesPrice: [{
{
required: true, required: true,
message: this.$t('ground.qingshurnbjg'), message: this.$t('ground.qingshurnbjg'),
trigger: "change" trigger: "change"
...@@ -589,12 +666,10 @@ export default { ...@@ -589,12 +666,10 @@ export default {
message: this.$t('ground.qingshurlwxs') message: this.$t('ground.qingshurlwxs')
} }
], ],
Supplier: [ Supplier: [{
{
required: true, required: true,
message: this.$t('ground.qingxuanzgys') message: this.$t('ground.qingxuanzgys')
} }]
]
}, },
pickerBeginDateBefore: { pickerBeginDateBefore: {
disabledDate: time => { disabledDate: time => {
...@@ -708,10 +783,9 @@ export default { ...@@ -708,10 +783,9 @@ export default {
}, },
isdelete(ID) { isdelete(ID) {
var that = this; var that = this;
that.Confirm(that.$t('tips.shifoushanchu'), function() { that.Confirm(that.$t('tips.shifoushanchu'), function () {
that.apipost( that.apipost(
"dict_post_HotelOffer_Remove", "dict_post_HotelOffer_Remove", {
{
Id: ID Id: ID
}, },
res => { res => {
...@@ -739,14 +813,14 @@ export default { ...@@ -739,14 +813,14 @@ export default {
} }
}); });
}, },
getDateString: function() { getDateString: function () {
this.dateString = this.$calendarUtils.formatDate( this.dateString = this.$calendarUtils.formatDate(
this.currentYear, this.currentYear,
this.currentMonth, this.currentMonth,
1 1
); );
}, },
initCalendar: function(cur) { initCalendar: function (cur) {
var newDays = this.$calendarUtils.createCalendar(cur); var newDays = this.$calendarUtils.createCalendar(cur);
this.currentDay = newDays.CurrentDay; this.currentDay = newDays.CurrentDay;
this.currentYear = newDays.CurrentYear; this.currentYear = newDays.CurrentYear;
...@@ -765,7 +839,7 @@ export default { ...@@ -765,7 +839,7 @@ export default {
} }
}, },
//点击左箭头切换年月 //点击左箭头切换年月
pickPre: function(year, month) { pickPre: function (year, month) {
var d = new Date(this.$calendarUtils.formatDate(year, month, 1)); var d = new Date(this.$calendarUtils.formatDate(year, month, 1));
d.setDate(0); d.setDate(0);
this.nowDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-1"; this.nowDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-1";
...@@ -775,7 +849,7 @@ export default { ...@@ -775,7 +849,7 @@ export default {
this.initDataTable(); this.initDataTable();
}, },
//点击右箭头切换年月 //点击右箭头切换年月
pickNext: function(year, month) { pickNext: function (year, month) {
var d = new Date(this.$calendarUtils.formatDate(year, month, 1)); var d = new Date(this.$calendarUtils.formatDate(year, month, 1));
d.setDate(35); d.setDate(35);
this.nowDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-1"; this.nowDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-1";
...@@ -823,24 +897,18 @@ export default { ...@@ -823,24 +897,18 @@ export default {
this.$calendarUtils.resetChekState(this.days); this.$calendarUtils.resetChekState(this.days);
}, },
goBack() { goBack() {
window.history.back(-1); this.$router.push({
}, path: 'HotelProductManage',
//设置供应商是否显示 query: {
// setSuplier() { id: this.HotelID,
// var msg = { tab: '房型列表'
// hotelID: this.HotelID }
// }; });
// this.apipost("hotel_post_GetAll", msg, res => { },
// if (res.data.resultCode == 1) {
// this.IsSelfBook = res.data.data.IsSelfBook;
// }
// });
// },
//获取所有币种 //获取所有币种
getAllCurrency() { getAllCurrency() {
this.apipost( this.apipost(
"financeinfo_post_GetList", "financeinfo_post_GetList", {},
{},
res => { res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.allCurrencyList = res.data.data; this.allCurrencyList = res.data.data;
...@@ -872,9 +940,10 @@ export default { ...@@ -872,9 +940,10 @@ export default {
this.IsSelfBook = this.$route.query.IsSelfBook; this.IsSelfBook = this.$route.query.IsSelfBook;
this.Country = this.$route.query.Country; this.Country = this.$route.query.Country;
this.initSupplier(); this.initSupplier();
// this.setSuplier();
this.initCalendar(); this.initCalendar();
this.initDataTable(); this.initDataTable();
} }
}; };
</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