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

页面修改

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