Skip to content

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

酒店新增散客价

parent 65565ff4
Hide whitespace changes
Inline Side-by-side
Showing with 1330 additions and 1105 deletions
src/components/Hotel/HotelProductManage2.vue
View file @ 91511d1e
<template> <template>
<div class="hotelProductManage2"> <div class="hotelProductManage2">
<div class="hotelProductManage2_btnList"> <div class="hotelProductManage2_btnList">
<div class="btn_check" @click="getMonths()">查询</div> <div class="btn_check" @click="getMonths()">查询</div>
<div class="btn_check" @click="goEdit('1')">批量编辑</div> <div class="btn_check" @click="goEdit('1')">批量编辑</div>
</div>
<div class="hotelProductManage2_condition">
<div>
<em>起始月</em>
<el-date-picker v-model="condition.month" type="month" value-format="yyyy-MM" :clearable="false" placeholder="选择月"></el-date-picker>
</div>
</div>
<div class="hotelProductManage2_tableBox">
<table class="hotelProductManage2_table" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th width="34%">酒店名称</th>
<th width="33%">剩余总库存</th>
<th width="33%">库存有效期</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{hotelInfo.HotelName}}</td>
<td>{{hotelInfo.TotalInventory}}</td>
<td>{{hotelInfo.Validity}}</td>
</tr>
</tbody>
</table>
</div>
<div class="hotelProductManage2_calendar">
<div class="hotelProductManage2_calendarItem" v-for="(item, index) in days" :key="index">
<div class="calendarItem_month" @click="calendarShow(item, index)">{{item.date}}</div>
<div class="calendarItem_week">
<div>周一</div>
<div>周二</div>
<div>周三</div>
<div>周四</div>
<div>周五</div>
<div>周六</div>
<div>周日</div>
</div> </div>
<div class="hotelProductManage2_condition"> <div class="calendarItem_day">
<div> <div v-for="(item2, index2) in item.days" :key="index2" :class="item2.month===item.date?'nowMonth':'otherMonth'">
<em>起始月</em> <div :class="stockColor(item, item2)" :style="item2.month===item.date&&msg2.DateList.indexOf(item2.day)!==-1?'border-color: green':''"
<el-date-picker v-model="condition.month" type="month" value-format="yyyy-MM" :clearable="false" placeholder="选择月"></el-date-picker> @click="calendarDayOn(item, item2)">{{item2.date.getDate()}}</div>
</div> </div>
</div>
</div>
<div class="hotelProductManage2_calendarBox" v-show="calendar.show">
<HotelProductCalendar ref="hotelProductCalendar" :calendar="calendar" @goEdit="goEdit"></HotelProductCalendar>
</div>
</div>
<!-- 页面编辑 -->
<div class="hotelProductManage2_edit2">
<div class="hotelProductManage2_edit2_header">
<div>报价管理</div>
<div>
<input type="button" value="批量删除" @click="delete2Reset()" class="hollowbtn" />
<input type="button" value="重置" @click="edit2Reset()" class="hollowFixedBtn" />
<input type="button" value="保存" @click="edit2Save()" class="normalBtn" />
</div> </div>
<div class="hotelProductManage2_tableBox"> </div>
<table class="hotelProductManage2_table" border="0" cellspacing="0" cellpadding="0"> <el-form :model="msg2" :rules="rules2" :inline="true" label-width="130px" ref="hotelProductForm2" class="hotelProductManage2_edit2_form">
<thead> <el-row>
<tr> <el-col :span="6">
<th width="34%">酒店名称</th> <el-form-item label="库存类型" prop="InventoryType">
<th width="33%">剩余总库存</th> <el-select v-model="msg2.InventoryType" placeholder="请选择">
<th width="33%">库存有效期</th> <el-option label="红日" value="1"></el-option>
</tr> <el-option label="旺季" value="2"></el-option>
</thead> <el-option label="平季" value="3"></el-option>
<tbody> <el-option label="淡季" value="4"></el-option>
<tr> </el-select>
<td>{{hotelInfo.HotelName}}</td> </el-form-item>
<td>{{hotelInfo.TotalInventory}}</td> </el-col>
<td>{{hotelInfo.Validity}}</td> <el-col :span="6">
</tr> <el-form-item label="库存" prop="Inventory">
</tbody> <el-input-number v-model="msg2.Inventory" :min="0"></el-input-number>
</table> </el-form-item>
</el-col>
<el-col :span="24" class="HotelProductEdit_date">
<el-form-item label="已选日期" prop="DateList">
<el-tag v-for="(item, key) in msg2.DateList" :key="key" type="info" style="margin: 0 5px 0 0;" closable
@close="calendarDayOff(item)">{{item}}</el-tag>
</el-form-item>
</el-col>
</el-row>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-col :span="6">
<el-form-item label="标准间成本价" prop="CostPrice">
<el-input-number v-model="msg2.CostPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="散客价">
<el-input-number v-model="msg2.SanKePrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="大床间成本价" prop="BidroomPrice">
<el-input-number v-model="msg2.BidroomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="单人间成本价" prop="SingleroomPrice">
<el-input-number v-model="msg2.SingleroomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="小孩不占床成本价" prop="ChildNotBedPrice">
<el-input-number v-model="msg2.ChildNotBedPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="加床成本价" prop="AddBedPrice">
<el-input-number v-model="msg2.AddBedPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="司机房成本价" prop="DriverRoomPrice">
<el-input-number v-model="msg2.DriverRoomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="导游房成本价" prop="GuideRoomPrice">
<el-input-number v-model="msg2.GuideRoomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="成本币种" prop="CurrencyId">
<el-select v-model="msg2.CurrencyId" placeholder="请选择" style="width:100px;" @change="currency2Change">
<el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-option v-for="(item,index) in allCurrencyList" :key="index" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="汇率" prop="CurrentRate">
<el-input v-model="msg2.CurrentRate" placeholder="汇率" style="width:80px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-col :span="6">
<el-form-item label="周末加价" prop="WeekendAddPrice">
<el-input-number v-model="msg2.WeekendAddPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="内部加价" prop="InteriorAddPrice">
<el-input-number v-model="msg2.InteriorAddPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="B2B加价" prop="B2BPrice">
<el-input-number v-model="msg2.B2BPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="B2C加价" prop="B2CPrice">
<el-input-number v-model="msg2.B2CPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-col :span="6">
<el-form-item label="供应商" prop="Supplier">
<el-select v-model="msg2.Supplier" placeholder="请选择">
<el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-option v-for="(item,index) in SupplierList" :key="index" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="Remark">
<el-input type="textarea" v-model="msg2.Remark" :rows="2" placeholder="请输入内容" style="width: 755px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 弹出编辑 -->
<div class="hotelProductManage2_edit" v-show="editShow">
<div class="hotelProductManage2_edit_header">
<div>报价管理</div>
<div>
<div @click="editCanel()">取消</div>
<div @click="editSave()">保存</div>
</div> </div>
<div class="hotelProductManage2_calendar"> </div>
<div class="hotelProductManage2_calendarItem" v-for="(item, index) in days" :key="index"> <el-form :model="msg" :rules="rules" :inline="true" label-width="130px" ref="hotelProductForm" class="hotelProductManage2_edit_form">
<div class="calendarItem_month" @click="calendarShow(item, index)">{{item.date}}</div> <el-row>
<div class="calendarItem_week"> <el-col :span="6">
<div>周一</div> <el-form-item label="库存类型" prop="InventoryType">
<div>周二</div> <el-select v-model="msg.InventoryType" placeholder="请选择">
<div>周三</div> <el-option label="红日" value="1"></el-option>
<div>周四</div> <el-option label="旺季" value="2"></el-option>
<div>周五</div> <el-option label="平季" value="3"></el-option>
<div>周六</div> <el-option label="淡季" value="4"></el-option>
<div>周日</div> </el-select>
</div> </el-form-item>
<div class="calendarItem_day"> </el-col>
<div v-for="(item2, index2) in item.days" :key="index2" :class="item2.month===item.date?'nowMonth':'otherMonth'"> <el-col :span="6">
<div :class="stockColor(item, item2)" :style="item2.month===item.date&&msg2.DateList.indexOf(item2.day)!==-1?'border-color: green':''" @click="calendarDayOn(item, item2)">{{item2.date.getDate()}}</div> <el-form-item label="库存" prop="Inventory">
</div> <el-input-number v-model="msg.Inventory" :min="0"></el-input-number>
</div> </el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="日期选择方式" prop="DayType">
<el-select v-model="msg.DayType" placeholder="请选择" @change="dayTypeChange">
<el-option label="按年" value="1"></el-option>
<el-option label="按月" value="2"></el-option>
<el-option label="按周" value="3"></el-option>
<el-option label="自定义" value="4"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24" class="HotelProductEdit_date">
<div v-show="msg.DayType==='1'||msg.DayType==='3'">
<el-form-item label="年" prop="Year">
<el-date-picker v-model="msg.Year" type="year" value-format="yyyy" placeholder="选择年"></el-date-picker>
</el-form-item>
</div> </div>
<div class="hotelProductManage2_calendarBox" v-show="calendar.show"> <div v-show="msg.DayType==='2'">
<HotelProductCalendar ref="hotelProductCalendar" :calendar="calendar" @goEdit="goEdit"></HotelProductCalendar> <el-form-item label="月" prop="Month">
<el-date-picker v-model="msg.Month" type="month" value-format="yyyy-MM" placeholder="选择月"></el-date-picker>
</el-form-item>
</div> </div>
</div> <div v-show="msg.DayType==='3'">
<!-- 页面编辑 --> <el-form-item label="月" label-width="30px" prop="Month">
<div class="hotelProductManage2_edit2"> <el-select v-model="msg.Month" placeholder="请选择月">
<div class="hotelProductManage2_edit2_header"> <el-option label="一月" value="01"></el-option>
<div>报价管理</div> <el-option label="二月" value="02"></el-option>
<div> <el-option label="三月" value="03"></el-option>
<input type="button" value="批量删除" @click="delete2Reset()" class="hollowbtn"/> <el-option label="四月" value="04"></el-option>
<input type="button" value="重置" @click="edit2Reset()" class="hollowFixedBtn"/> <el-option label="五月" value="05"></el-option>
<input type="button" value="保存" @click="edit2Save()" class="normalBtn"/> <el-option label="六月" value="06"></el-option>
<!--<div @click="edit2Reset()">重置</div> <el-option label="七月" value="07"></el-option>
<div @click="edit2Save()">保存</div>--> <el-option label="八月" value="08"></el-option>
</div> <el-option label="九月" value="09"></el-option>
<el-option label="十月" value="10"></el-option>
<el-option label="十一月" value="11"></el-option>
<el-option label="十二月" value="12"></el-option>
</el-select>
</el-form-item>
</div> </div>
<el-form :model="msg2" :rules="rules2" :inline="true" label-width="130px" ref="hotelProductForm2" class="hotelProductManage2_edit2_form"> <div v-show="msg.DayType==='3'">
<el-row> <el-form-item label="周" label-width="30px" prop="Week">
<el-col :span="6"> <el-select v-model="msg.Week" placeholder="请选择周">
<el-form-item label="库存类型" prop="InventoryType"> <el-option label="星期天" value="0"></el-option>
<el-select v-model="msg2.InventoryType" placeholder="请选择"> <el-option label="星期一" value="1"></el-option>
<el-option label="红日" value="1"></el-option> <el-option label="星期二" value="2"></el-option>
<el-option label="旺季" value="2"></el-option> <el-option label="星期三" value="3"></el-option>
<el-option label="平季" value="3"></el-option> <el-option label="星期四" value="4"></el-option>
<el-option label="淡季" value="4"></el-option> <el-option label="星期五" value="5"></el-option>
</el-select> <el-option label="星期六" value="6"></el-option>
</el-form-item> </el-select>
</el-col> </el-form-item>
<el-col :span="6">
<el-form-item label="库存" prop="Inventory">
<el-input-number v-model="msg2.Inventory" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="24" class="HotelProductEdit_date">
<el-form-item label="已选日期" prop="DateList">
<el-tag v-for="(item, key) in msg2.DateList" :key="key" type="info" style="margin: 0 5px 0 0;" closable @close="calendarDayOff(item)">{{item}}</el-tag>
</el-form-item>
</el-col>
</el-row>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-col :span="6">
<el-form-item label="标准间成本价" prop="CostPrice">
<el-input-number v-model="msg2.CostPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="大床间成本价" prop="BidroomPrice">
<el-input-number v-model="msg2.BidroomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="单人间成本价" prop="SingleroomPrice">
<el-input-number v-model="msg2.SingleroomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="小孩不占床成本价" prop="ChildNotBedPrice">
<el-input-number v-model="msg2.ChildNotBedPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="加床成本价" prop="AddBedPrice">
<el-input-number v-model="msg2.AddBedPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="司机房成本价" prop="DriverRoomPrice">
<el-input-number v-model="msg2.DriverRoomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="导游房成本价" prop="GuideRoomPrice">
<el-input-number v-model="msg2.GuideRoomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="成本币种" prop="CurrencyId">
<el-select v-model="msg2.CurrencyId" placeholder="请选择" style="width:100px;" @change="currency2Change">
<el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-option v-for="(item,index) in allCurrencyList" :key="index" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="汇率" prop="CurrentRate">
<el-input v-model="msg2.CurrentRate" placeholder="汇率" style="width:80px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-col :span="6">
<el-form-item label="周末加价" prop="WeekendAddPrice">
<el-input-number v-model="msg2.WeekendAddPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="内部加价" prop="InteriorAddPrice">
<el-input-number v-model="msg2.InteriorAddPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="B2B加价" prop="B2BPrice">
<el-input-number v-model="msg2.B2BPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="B2C加价" prop="B2CPrice">
<el-input-number v-model="msg2.B2CPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-col :span="6">
<el-form-item label="供应商" prop="Supplier">
<el-select v-model="msg2.Supplier" placeholder="请选择">
<el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-option v-for="(item,index) in SupplierList" :key="index" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="Remark">
<el-input type="textarea" v-model="msg2.Remark" :rows="2" placeholder="请输入内容" style="width: 755px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 弹出编辑 -->
<div class="hotelProductManage2_edit" v-show="editShow">
<div class="hotelProductManage2_edit_header">
<div>报价管理</div>
<div>
<div @click="editCanel()">取消</div>
<div @click="editSave()">保存</div>
</div>
</div> </div>
<el-form :model="msg" :rules="rules" :inline="true" label-width="130px" ref="hotelProductForm" class="hotelProductManage2_edit_form"> <div v-show="msg.DayType==='4'">
<el-row> <el-form-item label="自定义" prop="StartDate">
<el-col :span="6"> <el-date-picker v-model="msg.StartDate" type="date" placeholder="选择开始时间" format="yyyy-MM-dd"
<el-form-item label="库存类型" prop="InventoryType"> value-format="yyyy-MM-dd"></el-date-picker>
<el-select v-model="msg.InventoryType" placeholder="请选择"> </el-form-item>
<el-option label="红日" value="1"></el-option> <em>-</em>
<el-option label="旺季" value="2"></el-option> <el-form-item label="" prop="EndDate">
<el-option label="平季" value="3"></el-option> <el-date-picker v-model="msg.EndDate" type="date" placeholder="选择结束时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker>
<el-option label="淡季" value="4"></el-option> </el-form-item>
</el-select> </div>
</el-form-item> </el-col>
</el-col> </el-row>
<el-col :span="6"> <el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-form-item label="库存" prop="Inventory"> <el-col :span="6">
<el-input-number v-model="msg.Inventory" :min="0"></el-input-number> <el-form-item label="标准间成本价" prop="CostPrice">
</el-form-item> <el-input-number v-model="msg.CostPrice" :precision="2" :min="0"></el-input-number>
</el-col> </el-form-item>
<el-col :span="6"> </el-col>
<el-form-item label="日期选择方式" prop="DayType"> <el-col :span="6">
<el-select v-model="msg.DayType" placeholder="请选择" @change="dayTypeChange"> <el-form-item label="散客价">
<el-option label="按年" value="1"></el-option> <el-input-number v-model="msg.SanKePrice" :precision="2" :min="0"></el-input-number>
<el-option label="按月" value="2"></el-option> </el-form-item>
<el-option label="按周" value="3"></el-option> </el-col>
<el-option label="自定义" value="4"></el-option> <el-col :span="6">
</el-select> <el-form-item label="大床间成本价" prop="BidroomPrice">
</el-form-item> <el-input-number v-model="msg.BidroomPrice" :precision="2" :min="0"></el-input-number>
</el-col> </el-form-item>
<el-col :span="24" class="HotelProductEdit_date"> </el-col>
<div v-show="msg.DayType==='1'||msg.DayType==='3'"> <el-col :span="6">
<el-form-item label="年" prop="Year"> <el-form-item label="单人间成本价" prop="SingleroomPrice">
<el-date-picker v-model="msg.Year" type="year" value-format="yyyy" placeholder="选择年"></el-date-picker> <el-input-number v-model="msg.SingleroomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item> </el-form-item>
</div> </el-col>
<div v-show="msg.DayType==='2'"> <el-col :span="6">
<el-form-item label="月" prop="Month"> <el-form-item label="小孩不占床成本价" prop="ChildNotBedPrice">
<el-date-picker v-model="msg.Month" type="month" value-format="yyyy-MM" placeholder="选择月"></el-date-picker> <el-input-number v-model="msg.ChildNotBedPrice" :precision="2" :min="0"></el-input-number>
</el-form-item> </el-form-item>
</div> </el-col>
<div v-show="msg.DayType==='3'"> <el-col :span="6">
<el-form-item label="月" label-width="30px" prop="Month"> <el-form-item label="加床成本价" prop="AddBedPrice">
<el-select v-model="msg.Month" placeholder="请选择月"> <el-input-number v-model="msg.AddBedPrice" :precision="2" :min="0"></el-input-number>
<el-option label="一月" value="01"></el-option> </el-form-item>
<el-option label="二月" value="02"></el-option> </el-col>
<el-option label="三月" value="03"></el-option> <el-col :span="6">
<el-option label="四月" value="04"></el-option> <el-form-item label="司机房成本价" prop="DriverRoomPrice">
<el-option label="五月" value="05"></el-option> <el-input-number v-model="msg.DriverRoomPrice" :precision="2" :min="0"></el-input-number>
<el-option label="六月" value="06"></el-option> </el-form-item>
<el-option label="七月" value="07"></el-option> </el-col>
<el-option label="八月" value="08"></el-option> <el-col :span="6">
<el-option label="九月" value="09"></el-option> <el-form-item label="导游房成本价" prop="GuideRoomPrice">
<el-option label="十月" value="10"></el-option> <el-input-number v-model="msg.GuideRoomPrice" :precision="2" :min="0"></el-input-number>
<el-option label="十一月" value="11"></el-option> </el-form-item>
<el-option label="十二月" value="12"></el-option> </el-col>
</el-select> </el-row>
</el-form-item> <el-row>
</div> <el-col :span="6">
<div v-show="msg.DayType==='3'"> <el-form-item label="成本币种" prop="CurrencyId">
<el-form-item label="周" label-width="30px" prop="Week"> <el-select v-model="msg.CurrencyId" placeholder="请选择" style="width:100px;" @change="currencyChange">
<el-select v-model="msg.Week" placeholder="请选择周"> <el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-option label="星期天" value="0"></el-option> <el-option v-for="(item,index) in allCurrencyList" :key="index" :label="item.Name" :value="item.ID"></el-option>
<el-option label="星期一" value="1"></el-option> </el-select>
<el-option label="星期二" value="2"></el-option> </el-form-item>
<el-option label="星期三" value="3"></el-option> </el-col>
<el-option label="星期四" value="4"></el-option> <el-col :span="6">
<el-option label="星期五" value="5"></el-option> <el-form-item label="汇率" prop="CurrentRate">
<el-option label="星期六" value="6"></el-option> <el-input v-model="msg.CurrentRate" placeholder="汇率" style="width:80px;"></el-input>
</el-select> </el-form-item>
</el-form-item> </el-col>
</div> </el-row>
<div v-show="msg.DayType==='4'"> <el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-form-item label="自定义" prop="StartDate"> <el-col :span="6">
<el-date-picker v-model="msg.StartDate" type="date" placeholder="选择开始时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker> <el-form-item label="周末加价" prop="WeekendAddPrice">
</el-form-item> <el-input-number v-model="msg.WeekendAddPrice" :precision="2" :min="0"></el-input-number>
<em>-</em> </el-form-item>
<el-form-item label="" prop="EndDate"> </el-col>
<el-date-picker v-model="msg.EndDate" type="date" placeholder="选择结束时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker> <el-col :span="6">
</el-form-item> <el-form-item label="内部加价" prop="InteriorAddPrice">
</div> <el-input-number v-model="msg.InteriorAddPrice" :precision="2" :min="0"></el-input-number>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;"> <el-col :span="6">
<el-col :span="6"> <el-form-item label="B2B加价" prop="B2BPrice">
<el-form-item label="标准间成本价" prop="CostPrice"> <el-input-number v-model="msg.B2BPrice" :precision="2" :min="0"></el-input-number>
<el-input-number v-model="msg.CostPrice" :precision="2" :min="0"></el-input-number> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="6">
<el-col :span="6"> <el-form-item label="B2C加价" prop="B2CPrice">
<el-form-item label="大床间成本价" prop="BidroomPrice"> <el-input-number v-model="msg.B2CPrice" :precision="2" :min="0"></el-input-number>
<el-input-number v-model="msg.BidroomPrice" :precision="2" :min="0"></el-input-number> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
<el-col :span="6"> <el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-form-item label="单人间成本价" prop="SingleroomPrice"> <el-col :span="6">
<el-input-number v-model="msg.SingleroomPrice" :precision="2" :min="0"></el-input-number> <el-form-item label="供应商" prop="Supplier">
</el-form-item> <el-select v-model="msg.Supplier" placeholder="请选择">
</el-col> <el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-col :span="6"> <el-option v-for="(item,index) in SupplierList" :key="index" :label="item.Name" :value="item.ID"></el-option>
<el-form-item label="小孩不占床成本价" prop="ChildNotBedPrice"> </el-select>
<el-input-number v-model="msg.ChildNotBedPrice" :precision="2" :min="0"></el-input-number> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="24">
<el-col :span="6"> <el-form-item label="备注" prop="Remark">
<el-form-item label="加床成本价" prop="AddBedPrice"> <el-input type="textarea" v-model="msg.Remark" :rows="2" placeholder="请输入内容" style="width: 755px;"></el-input>
<el-input-number v-model="msg.AddBedPrice" :precision="2" :min="0"></el-input-number> </el-form-item>
</el-form-item> </el-col>
</el-col> </el-row>
<el-col :span="6"> </el-form>
<el-form-item label="司机房成本价" prop="DriverRoomPrice">
<el-input-number v-model="msg.DriverRoomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="导游房成本价" prop="GuideRoomPrice">
<el-input-number v-model="msg.GuideRoomPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="成本币种" prop="CurrencyId">
<el-select v-model="msg.CurrencyId" placeholder="请选择" style="width:100px;" @change="currencyChange">
<el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-option v-for="(item,index) in allCurrencyList" :key="index" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="汇率" prop="CurrentRate">
<el-input v-model="msg.CurrentRate" placeholder="汇率" style="width:80px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-col :span="6">
<el-form-item label="周末加价" prop="WeekendAddPrice">
<el-input-number v-model="msg.WeekendAddPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="内部加价" prop="InteriorAddPrice">
<el-input-number v-model="msg.InteriorAddPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="B2B加价" prop="B2BPrice">
<el-input-number v-model="msg.B2BPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="B2C加价" prop="B2CPrice">
<el-input-number v-model="msg.B2CPrice" :precision="2" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row style="padding: 20px 0 0 0;border-top: 1px dashed #ccc;">
<el-col :span="6">
<el-form-item label="供应商" prop="Supplier">
<el-select v-model="msg.Supplier" placeholder="请选择">
<el-option :label="$t('pub.unlimitedSel')" value='0'></el-option>
<el-option v-for="(item,index) in SupplierList" :key="index" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="Remark">
<el-input type="textarea" v-model="msg.Remark" :rows="2" placeholder="请输入内容" style="width: 755px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
import HotelProductCalendar from './HotelProductCalendar.vue'; import HotelProductCalendar from './HotelProductCalendar.vue';
export default { export default {
components: { components: {
HotelProductCalendar HotelProductCalendar
},
data() {
var emptyJudge = (rule, value, callback) => {
let regPos = /^\d+(\.\d+)?$/;
if (!regPos.test(value)) {
this.$message.error(rule.message)
callback(new Error())
} else {
callback()
}
}
var arrJudge = (rule, value, callback) => {
if (value.length === 0) {
this.$message.error(rule.message)
callback(new Error())
} else {
callback()
}
}
var dateJudge = (rule, value, callback) => {
if (this.msg.Year === null) {
this.msg.Year = ''
}
if (this.msg.Month === null) {
this.msg.Month = ''
}
if (this.msg.DayType === '1') {
if (this.msg.Year.toString().trim() === '' && rule.field === 'Year') {
this.$message.error('请选择年')
callback(new Error())
} else {
callback()
}
} else if (this.msg.DayType === '2') {
if (this.msg.Month.toString().trim() === '' && rule.field === 'Month') {
this.$message.error('请选择月')
callback(new Error())
} else {
callback()
}
} else if (this.msg.DayType === '3') {
if (this.msg.Year.toString().trim() === '' && rule.field === 'Year') {
this.$message.error('请选择年')
callback(new Error())
} else if (this.msg.Week.toString().trim() === '' && rule.field === 'Week') {
this.$message.error('请选择周')
callback(new Error())
} else {
callback()
}
} else if (this.msg.DayType === '4') {
if (this.msg.StartDate.toString().trim() === '' && rule.field === 'StartDate') {
this.$message.error('请选择开始时间')
callback(new Error())
} else if (this.msg.EndDate.toString().trim() === '' && rule.field === 'EndDate') {
this.$message.error('请选择结束时间')
callback(new Error())
} else {
callback()
}
}
}
return {
hotelId: '0',
condition: {
month: ''
}, },
data () { hotelInfo: {
var emptyJudge = (rule, value, callback) => { HotelName: '',
let regPos = /^\d+(\.\d+)?$/; TotalInventory: '',
if (!regPos.test(value)) { Validity: ''
this.$message.error(rule.message) },
callback(new Error()) days: [],
} else { calendar: {
callback() num: 0,
} show: false,
} data: {}
var arrJudge = (rule, value, callback) => { },
if (value.length === 0) { editShow: false,
this.$message.error(rule.message) msg: {
callback(new Error()) Hotel: '0',
} else { Supplier: '0',
callback() Inventory: '0',
} B2BPrice: '0',
} B2CPrice: '0',
var dateJudge = (rule, value, callback) => { Remark: '',
if (this.msg.Year === null) { CostPrice: '0',
this.msg.Year = '' CurrencyId: '',
} CurrentRate: '',
if (this.msg.Month === null) { StartDate: '',
this.msg.Month = '' EndDate: '',
} InventoryType: '',
if (this.msg.DayType === '1') { BidroomPrice: '0',
if (this.msg.Year.toString().trim() === '' && rule.field === 'Year') { SingleroomPrice: '0',
this.$message.error('请选择年') ChildNotBedPrice: '0',
callback(new Error()) AddBedPrice: '0',
} else { DriverRoomPrice: '0',
callback() WeekendAddPrice: '0',
} InteriorAddPrice: '0',
} else if (this.msg.DayType === '2') { GuideRoomPrice: '0',
if (this.msg.Month.toString().trim() === '' && rule.field === 'Month') { DayType: '4',
this.$message.error('请选择月') Year: '',
callback(new Error()) Month: '',
} else { Week: '',
callback() DateList: [],
} SanKePrice: 0, //散客价
} else if (this.msg.DayType === '3') { },
if (this.msg.Year.toString().trim() === '' && rule.field === 'Year') { msg2: {
this.$message.error('请选择年') Hotel: '0',
callback(new Error()) Supplier: '0',
} else if (this.msg.Week.toString().trim() === '' && rule.field === 'Week') { Inventory: '0',
this.$message.error('请选择周') B2BPrice: '0',
callback(new Error()) B2CPrice: '0',
} else { Remark: '',
callback() CostPrice: '0',
} CurrencyId: '',
} else if (this.msg.DayType === '4') { CurrentRate: '',
if (this.msg.StartDate.toString().trim() === '' && rule.field === 'StartDate') { StartDate: '',
this.$message.error('请选择开始时间') EndDate: '',
callback(new Error()) InventoryType: '',
} else if (this.msg.EndDate.toString().trim() === '' && rule.field === 'EndDate') { BidroomPrice: '0',
this.$message.error('请选择结束时间') SingleroomPrice: '0',
callback(new Error()) ChildNotBedPrice: '0',
} else { AddBedPrice: '0',
callback() DriverRoomPrice: '0',
} WeekendAddPrice: '0',
InteriorAddPrice: '0',
GuideRoomPrice: '0',
DayType: '5',
Year: '',
Month: '',
Week: '',
DateList: [],
SanKePrice: 0, //散客价
},
rules: {
InventoryType: {
validator: emptyJudge,
message: '请选择库存类型',
trigger: 'blur'
},
DayType: {
validator: emptyJudge,
message: '请选择日期选择方式',
trigger: 'blur'
},
Year: {
validator: dateJudge,
message: '请选择年',
trigger: 'blur'
},
Month: {
validator: dateJudge,
message: '请选择月',
trigger: 'blur'
},
Week: {
validator: dateJudge,
message: '请选择周',
trigger: 'blur'
},
StartDate: {
validator: dateJudge,
message: '请选择开始时间',
trigger: 'blur'
},
EndDate: {
validator: dateJudge,
message: '请选择结束时间',
trigger: 'blur'
},
Inventory: {
validator: emptyJudge,
message: '请输入库存',
trigger: 'blur'
},
CostPrice: {
validator: emptyJudge,
message: '请输入标准间成本价',
trigger: 'blur'
},
BidroomPrice: {
validator: emptyJudge,
message: '请输入大床间成本价：',
trigger: 'blur'
},
SingleroomPrice: {
validator: emptyJudge,
message: '请输入单人间成本价',
trigger: 'blur'
},
ChildNotBedPrice: {
validator: emptyJudge,
message: '请输入小孩不占床成本价',
trigger: 'blur'
},
AddBedPrice: {
validator: emptyJudge,
message: '请输入加床成本价',
trigger: 'blur'
},
DriverRoomPrice: {
validator: emptyJudge,
message: '请输入司机房成本价',
trigger: 'blur'
},
GuideRoomPrice: {
validator: emptyJudge,
message: '请输入导游房成本价',
trigger: 'blur'
},
CurrencyId: {
validator: emptyJudge,
message: '请选择成本币种',
trigger: 'blur'
},
CurrentRate: {
validator: emptyJudge,
message: '请输入汇率',
trigger: 'blur'
},
WeekendAddPrice: {
validator: emptyJudge,
message: '请输入周末加价',
trigger: 'blur'
},
InteriorAddPrice: {
validator: emptyJudge,
message: '请输入内部加价',
trigger: 'blur'
},
B2BPrice: {
validator: emptyJudge,
message: '请输入B2B加价',
trigger: 'blur'
},
B2CPrice: {
validator: emptyJudge,
message: '请输入B2C加价',
trigger: 'blur'
},
},
rules2: {
InventoryType: {
validator: emptyJudge,
message: '请选择库存类型',
trigger: 'blur'
},
DateList: {
validator: arrJudge,
message: '请选择日期',
trigger: 'blur'
},
Inventory: {
validator: emptyJudge,
message: '请输入库存',
trigger: 'blur'
},
CostPrice: {
validator: emptyJudge,
message: '请输入标准间成本价',
trigger: 'blur'
},
BidroomPrice: {
validator: emptyJudge,
message: '请输入大床间成本价：',
trigger: 'blur'
},
SingleroomPrice: {
validator: emptyJudge,
message: '请输入单人间成本价',
trigger: 'blur'
},
ChildNotBedPrice: {
validator: emptyJudge,
message: '请输入小孩不占床成本价',
trigger: 'blur'
},
AddBedPrice: {
validator: emptyJudge,
message: '请输入加床成本价',
trigger: 'blur'
},
DriverRoomPrice: {
validator: emptyJudge,
message: '请输入司机房成本价',
trigger: 'blur'
},
GuideRoomPrice: {
validator: emptyJudge,
message: '请输入导游房成本价',
trigger: 'blur'
},
CurrencyId: {
validator: emptyJudge,
message: '请选择成本币种',
trigger: 'blur'
},
CurrentRate: {
validator: emptyJudge,
message: '请输入汇率',
trigger: 'blur'
},
WeekendAddPrice: {
validator: emptyJudge,
message: '请输入周末加价',
trigger: 'blur'
},
InteriorAddPrice: {
validator: emptyJudge,
message: '请输入内部加价',
trigger: 'blur'
},
B2BPrice: {
validator: emptyJudge,
message: '请输入B2B加价',
trigger: 'blur'
},
B2CPrice: {
validator: emptyJudge,
message: '请输入B2C加价',
trigger: 'blur'
},
},
allCurrencyList: [],
SupplierList: []
}
},
methods: {
stockColor: function (item, item2) {
if (item.date === item2.month && item2.hasOwnProperty('data')) {
let type = item2.data.InventoryType
if (type === 1) {
return 'hasStock_1'
} else if (type === 2) {
return 'hasStock_2'
} else if (type === 3) {
return 'hasStock_3'
} else if (type === 4) {
return 'hasStock_4'
}
} else {
return
}
},
calendarDayOn: function (item, item2) {
if (item.date === item2.month) {
let dayIndex = this.msg2.DateList.indexOf(item2.day)
if (dayIndex === -1) {
this.msg2.DateList.push(item2.day)
this.msg2.DateList.sort()
} else {
this.msg2.DateList.splice(dayIndex, 1)
}
}
},
calendarDayOff: function (item) {
let dayIndex = this.msg2.DateList.indexOf(item)
this.msg2.DateList.splice(dayIndex, 1)
},
getData: function (date, key) {
this.apipost('hotelreport_get_GetHotelPriceMonthStatistics', {
HotelId: this.hotelId,
Year: date.split('-')[0],
Month: date.split('-')[1]
}, res => {
if (res.data.resultCode === 1) {
let json = res.data.data
this.hotelInfo.HotelName = json.HotelName
this.hotelInfo.TotalInventory = json.TotalInventory
this.hotelInfo.Validity = json.Validity
for (let i = 0; i < this.days[key].days.length; i++) {
for (let j = 0; j < json.list.length; j++) {
if (this.days[key].days[i].day === json.list[j].DayStr) {
this.days[key].days[i]['data'] = json.list[j]
} }
}
} }
return { if (key === this.calendar.num) {
hotelId: '0', this.$set(this.calendar, 'data', this.days[this.calendar.num])
condition: {
month: ''
},
hotelInfo: {
HotelName: '',
TotalInventory: '',
Validity: ''
},
days: [],
calendar: {
num: 0,
show: false,
data: {}
},
editShow: false,
msg: {
Hotel: '0',
Supplier: '0',
Inventory: '0',
B2BPrice: '0',
B2CPrice: '0',
Remark: '',
CostPrice: '0',
CurrencyId: '',
CurrentRate: '',
StartDate: '',
EndDate: '',
InventoryType: '',
BidroomPrice: '0',
SingleroomPrice: '0',
ChildNotBedPrice: '0',
AddBedPrice: '0',
DriverRoomPrice: '0',
WeekendAddPrice: '0',
InteriorAddPrice: '0',
GuideRoomPrice: '0',
DayType: '4',
Year: '',
Month: '',
Week: '',
DateList: []
},
msg2: {
Hotel: '0',
Supplier: '0',
Inventory: '0',
B2BPrice: '0',
B2CPrice: '0',
Remark: '',
CostPrice: '0',
CurrencyId: '',
CurrentRate: '',
StartDate: '',
EndDate: '',
InventoryType: '',
BidroomPrice: '0',
SingleroomPrice: '0',
ChildNotBedPrice: '0',
AddBedPrice: '0',
DriverRoomPrice: '0',
WeekendAddPrice: '0',
InteriorAddPrice: '0',
GuideRoomPrice: '0',
DayType: '5',
Year: '',
Month: '',
Week: '',
DateList: []
},
rules: {
InventoryType: { validator: emptyJudge, message: '请选择库存类型', trigger: 'blur' },
DayType: { validator: emptyJudge, message: '请选择日期选择方式', trigger: 'blur' },
Year: { validator: dateJudge, message: '请选择年', trigger: 'blur' },
Month: { validator: dateJudge, message: '请选择月', trigger: 'blur' },
Week: { validator: dateJudge, message: '请选择周', trigger: 'blur' },
StartDate: { validator: dateJudge, message: '请选择开始时间', trigger: 'blur' },
EndDate: { validator: dateJudge, message: '请选择结束时间', trigger: 'blur' },
Inventory: { validator: emptyJudge, message: '请输入库存', trigger: 'blur' },
CostPrice: { validator: emptyJudge, message: '请输入标准间成本价', trigger: 'blur' },
BidroomPrice: { validator: emptyJudge, message: '请输入大床间成本价：', trigger: 'blur' },
SingleroomPrice: { validator: emptyJudge, message: '请输入单人间成本价', trigger: 'blur' },
ChildNotBedPrice: { validator: emptyJudge, message: '请输入小孩不占床成本价', trigger: 'blur' },
AddBedPrice: { validator: emptyJudge, message: '请输入加床成本价', trigger: 'blur' },
DriverRoomPrice: { validator: emptyJudge, message: '请输入司机房成本价', trigger: 'blur' },
GuideRoomPrice: { validator: emptyJudge, message: '请输入导游房成本价', trigger: 'blur' },
CurrencyId: { validator: emptyJudge, message: '请选择成本币种', trigger: 'blur' },
CurrentRate: { validator: emptyJudge, message: '请输入汇率', trigger: 'blur' },
WeekendAddPrice: { validator: emptyJudge, message: '请输入周末加价', trigger: 'blur' },
InteriorAddPrice: { validator: emptyJudge, message: '请输入内部加价', trigger: 'blur' },
B2BPrice: { validator: emptyJudge, message: '请输入B2B加价', trigger: 'blur' },
B2CPrice: { validator: emptyJudge, message: '请输入B2C加价', trigger: 'blur' },
},
rules2: {
InventoryType: { validator: emptyJudge, message: '请选择库存类型', trigger: 'blur' },
DateList: { validator: arrJudge, message: '请选择日期', trigger: 'blur' },
Inventory: { validator: emptyJudge, message: '请输入库存', trigger: 'blur' },
CostPrice: { validator: emptyJudge, message: '请输入标准间成本价', trigger: 'blur' },
BidroomPrice: { validator: emptyJudge, message: '请输入大床间成本价：', trigger: 'blur' },
SingleroomPrice: { validator: emptyJudge, message: '请输入单人间成本价', trigger: 'blur' },
ChildNotBedPrice: { validator: emptyJudge, message: '请输入小孩不占床成本价', trigger: 'blur' },
AddBedPrice: { validator: emptyJudge, message: '请输入加床成本价', trigger: 'blur' },
DriverRoomPrice: { validator: emptyJudge, message: '请输入司机房成本价', trigger: 'blur' },
GuideRoomPrice: { validator: emptyJudge, message: '请输入导游房成本价', trigger: 'blur' },
CurrencyId: { validator: emptyJudge, message: '请选择成本币种', trigger: 'blur' },
CurrentRate: { validator: emptyJudge, message: '请输入汇率', trigger: 'blur' },
WeekendAddPrice: { validator: emptyJudge, message: '请输入周末加价', trigger: 'blur' },
InteriorAddPrice: { validator: emptyJudge, message: '请输入内部加价', trigger: 'blur' },
B2BPrice: { validator: emptyJudge, message: '请输入B2B加价', trigger: 'blur' },
B2CPrice: { validator: emptyJudge, message: '请输入B2C加价', trigger: 'blur' },
},
allCurrencyList: [],
SupplierList: []
} }
}, this.$forceUpdate();
methods: { } else {
stockColor: function (item, item2) { this.$message.error('数据获取失败')
if (item.date === item2.month && item2.hasOwnProperty('data')) { }
let type = item2.data.InventoryType })
if (type === 1) { },
return 'hasStock_1' getCalendarDays: function (date, key) {
} else if (type === 2) { let month = new Date(date).Format('yyyy-MM')
return 'hasStock_2' let dayList = this.$calendarUtils.createCalendar(date).DayArray;
} else if (type === 3) { let days = [];
return 'hasStock_3' for (let i = 0; i < dayList.length; i++) {
} else if (type === 4) { let month = dayList[i].day.Format('yyyy-MM')
return 'hasStock_4' let day = dayList[i].day.Format('yyyy-MM-dd')
} days.push({
} else { date: dayList[i].day,
return month: month,
} day: day
}, })
calendarDayOn: function (item, item2) { }
if (item.date === item2.month) { this.days[key] = {
let dayIndex = this.msg2.DateList.indexOf(item2.day) date: month,
if (dayIndex === -1) { days: days
this.msg2.DateList.push(item2.day) }
this.msg2.DateList.sort() this.getData(date, key)
} else { },
this.msg2.DateList.splice(dayIndex, 1) getMonths: function () {
} let month = this.condition.month + '-1'
} for (let i = 0; i < 4; i++) {
}, if (i !== 0) {
calendarDayOff: function (item) { let newDate = new Date(month).setDate(32)
let dayIndex = this.msg2.DateList.indexOf(item) month = new Date(newDate).Format('yyyy-MM') + '-1'
this.msg2.DateList.splice(dayIndex, 1) }
}, this.getCalendarDays(month, i)
getData: function (date, key) { }
this.apipost('hotelreport_get_GetHotelPriceMonthStatistics',{ },
HotelId: this.hotelId, calendarShow: function (item, index) {
Year: date.split('-')[0], this.calendar.num = index
Month: date.split('-')[1] this.calendar.data = item
},res => { this.calendar.show = true
if (res.data.resultCode === 1) { },
let json = res.data.data goUrlA: function () {
this.hotelInfo.HotelName = json.HotelName this.$router.push({
this.hotelInfo.TotalInventory = json.TotalInventory name: 'HotelProductEdit',
this.hotelInfo.Validity = json.Validity query: {
for (let i = 0; i < this.days[key].days.length; i++) { type: '1',
for (let j = 0; j < json.list.length; j++) { HotelId: this.hotelId,
if (this.days[key].days[i].day === json.list[j].DayStr) { blank: 'y',
this.days[key].days[i]['data'] = json.list[j] tab: '报价管理'
} }
} });
} },
if (key === this.calendar.num) { // 获取详情
this.$set(this.calendar, 'data', this.days[this.calendar.num]) getDetail: function (date) {
} this.apipost('dict_post_HotelOffer_GetHotelPriceInfo', {
this.$forceUpdate(); HotelId: this.msg.Hotel,
} else { Time: date
this.$message.error('数据获取失败') }, res => {
} if (res.data.resultCode === 1) {
}) let data = res.data.data;
}, console.log("data",data)
getCalendarDays: function (date, key) { this.msg.Supplier = data.Supplier === 0 ? '0' : data.Supplier
let month = new Date(date).Format('yyyy-MM') this.msg.Inventory = data.Inventory
let dayList = this.$calendarUtils.createCalendar(date).DayArray; this.msg.B2BPrice = data.B2BPrice
let days = []; this.msg.B2CPrice = data.B2CPrice
for (let i = 0; i < dayList.length; i++) { this.msg.Remark = data.Remark
let month = dayList[i].day.Format('yyyy-MM') this.msg.CostPrice = data.CostPrice
let day = dayList[i].day.Format('yyyy-MM-dd') this.msg.CurrencyId = data.CurrencyId
days.push({ this.msg.CurrentRate = data.CurrentRate
date: dayList[i].day, this.msg.StartDate = data.Date
month: month, this.msg.EndDate = data.Date
day: day this.msg.InventoryType = data.InventoryType.toString()
}) this.msg.BidroomPrice = data.BidroomPrice
} this.msg.SingleroomPrice = data.SingleroomPrice
this.days[key] = { this.msg.ChildNotBedPrice = data.ChildNotBedPrice
date: month, this.msg.AddBedPrice = data.AddBedPrice
days: days this.msg.DriverRoomPrice = data.DriverRoomPrice
} this.msg.WeekendAddPrice = data.WeekendAddPrice
this.getData(date, key) this.msg.InteriorAddPrice = data.InteriorAddPrice
}, this.msg.GuideRoomPrice = data.GuideRoomPrice;
getMonths: function () { this.msg.SanKePrice=data.SanKePrice;
let month = this.condition.month + '-1' } else {
for (let i = 0; i < 4; i++) { this.$message.error(res.data.message)
if (i !== 0) { }
let newDate = new Date(month).setDate(32) })
month = new Date(newDate).Format('yyyy-MM') + '-1' },
} // 日期类型切换
this.getCalendarDays(month, i) dayTypeChange: function (val) {
} this.msg.Year = ''
}, this.msg.Month = ''
calendarShow: function (item, index) { this.msg.Week = ''
this.calendar.num = index this.msg.StartDate = ''
this.calendar.data = item this.msg.EndDate = ''
this.calendar.show = true },
}, //获取所有币种
goUrlA: function () { getAllCurrency() {
this.$router.push({ name: 'HotelProductEdit', query: { type: '1', HotelId: this.hotelId, blank: 'y', tab: '报价管理'} }); this.apipost("financeinfo_post_GetList", {}, res => {
}, if (res.data.resultCode === 1) {
// 获取详情 this.allCurrencyList = res.data.data;
getDetail: function (date) { } else {
this.apipost('dict_post_HotelOffer_GetHotelPriceInfo', { this.$message.error('币种获取失败')
HotelId: this.msg.Hotel, }
Time: date }, err => {});
}, res => { },
if (res.data.resultCode === 1) { // 币种切换
let data = res.data.data currencyChange: function (val) {
this.msg.Supplier = data.Supplier===0?'0':data.Supplier this.msg.CurrentRate = 0
this.msg.Inventory = data.Inventory for (let i = 0; i < this.allCurrencyList.length; i++) {
this.msg.B2BPrice = data.B2BPrice if (val === this.allCurrencyList[i].ID) {
this.msg.B2CPrice = data.B2CPrice this.msg.CurrentRate = this.allCurrencyList[i].Rate;
this.msg.Remark = data.Remark }
this.msg.CostPrice = data.CostPrice }
this.msg.CurrencyId = data.CurrencyId },
this.msg.CurrentRate = data.CurrentRate // 币种切换
this.msg.StartDate = data.Date currency2Change: function (val) {
this.msg.EndDate = data.Date this.msg2.CurrentRate = 0
this.msg.InventoryType = data.InventoryType.toString() for (let i = 0; i < this.allCurrencyList.length; i++) {
this.msg.BidroomPrice = data.BidroomPrice if (val === this.allCurrencyList[i].ID) {
this.msg.SingleroomPrice = data.SingleroomPrice this.msg2.CurrentRate = this.allCurrencyList[i].Rate;
this.msg.ChildNotBedPrice = data.ChildNotBedPrice }
this.msg.AddBedPrice = data.AddBedPrice }
this.msg.DriverRoomPrice = data.DriverRoomPrice },
this.msg.WeekendAddPrice = data.WeekendAddPrice // 获取供应商
this.msg.InteriorAddPrice = data.InteriorAddPrice initSupplier() {
this.msg.GuideRoomPrice = data.GuideRoomPrice this.apipost("supplier_post_GetAllList", {
} else { Type: 1
this.$message.error(res.data.message) }, res => {
} if (res.data.resultCode === 1) {
}) this.SupplierList = res.data.data;
}, } else {
// 日期类型切换 this.$message.error('供应商获取失败')
dayTypeChange: function (val) { }
this.msg.Year = '' }, err => {});
this.msg.Month = '' },
this.msg.Week = '' // 打开编辑窗口
this.msg.StartDate = '' goEdit: function (type, date) {
this.msg.EndDate = '' let nowDate = new Date().Format('yyyy-MM-dd')
}, this.msg.StartDate = date === undefined ? nowDate : date
//获取所有币种 this.msg.EndDate = date === undefined ? nowDate : date
getAllCurrency() { if (type === '2' && date) {
this.apipost("financeinfo_post_GetList",{},res => { this.getDetail(date)
if (res.data.resultCode === 1) { }
this.allCurrencyList = res.data.data; this.editShow = true
} else { },
this.$message.error('币种获取失败') // 取消按钮
} editCanel: function () {
},err => {}); this.editShow = false
}, this.$refs['hotelProductForm'].resetFields()
// 币种切换 },
currencyChange: function (val) { // 保存按钮
this.msg.CurrentRate = 0 editSave: function () {
for (let i = 0; i < this.allCurrencyList.length; i++) { this.$refs['hotelProductForm'].validate((valid) => {
if (val === this.allCurrencyList[i].ID) { if (valid) {
this.msg.CurrentRate = this.allCurrencyList[i].Rate; this.apipost('dict_post_HotelOffer_SetNewHotelPrice', this.msg, res => {
} if (res.data.resultCode === 1) {
} this.$message.success('编辑成功')
}, this.getMonths()
// 币种切换
currency2Change: function (val) {
this.msg2.CurrentRate = 0
for (let i = 0; i < this.allCurrencyList.length; i++) {
if (val === this.allCurrencyList[i].ID) {
this.msg2.CurrentRate = this.allCurrencyList[i].Rate;
}
}
},
// 获取供应商
initSupplier() {
this.apipost("supplier_post_GetAllList",{Type: 1},res => {
if (res.data.resultCode === 1) {
this.SupplierList = res.data.data;
} else {
this.$message.error('供应商获取失败')
}
},err => {});
},
// 打开编辑窗口
goEdit: function (type, date) {
let nowDate = new Date().Format('yyyy-MM-dd')
this.msg.StartDate = date===undefined?nowDate:date
this.msg.EndDate = date===undefined?nowDate:date
if (type === '2' && date) {
this.getDetail(date)
}
this.editShow = true
},
// 取消按钮
editCanel: function () {
this.editShow = false this.editShow = false
this.$refs['hotelProductForm'].resetFields() this.$refs['hotelProductForm'].resetFields()
}, } else {
// 保存按钮 this.$message.error(res.data.message)
editSave: function () { }
this.$refs['hotelProductForm'].validate((valid) => { })
if (valid) { } else {
this.apipost('dict_post_HotelOffer_SetNewHotelPrice', this.msg, res => { return false;
if (res.data.resultCode === 1) { }
this.$message.success('编辑成功') });
this.getMonths() },
this.editShow = false // 页面编辑重置
this.$refs['hotelProductForm'].resetFields() edit2Reset: function () {
} else { this.$refs['hotelProductForm2'].resetFields()
this.$message.error(res.data.message) },
} //批量删除
}) delete2Reset: function () {
} else { this.$confirm('是否删除?', '提示', {
return false; confirmButtonText: '确定',
} cancelButtonText: '取消',
}); type: 'warning'
}, }).then(() => {
// 页面编辑重置 this.apipost('dict_post_HotelOffer_RemoveNewHotelPrice', this.msg2, res => {
edit2Reset: function () { if (res.data.resultCode == 1) {
this.$message.success(res.data.message)
this.getMonths()
this.$refs['hotelProductForm2'].resetFields()
} else {
this.$message.error(res.data.message)
}
}, err => {})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消'
});
});
},
// 页面编辑保存
edit2Save: function () {
this.$refs['hotelProductForm2'].validate((valid) => {
if (valid) {
this.apipost('dict_post_HotelOffer_SetNewHotelPrice', this.msg2, res => {
if (res.data.resultCode === 1) {
this.$message.success('编辑成功')
this.getMonths()
this.$refs['hotelProductForm2'].resetFields() this.$refs['hotelProductForm2'].resetFields()
}, } else {
//批量删除 this.$message.error(res.data.message)
delete2Reset:function(){ }
this.$confirm('是否删除?', '提示', { })
confirmButtonText: '确定', } else {
cancelButtonText: '取消', return false;
type: 'warning' }
}).then(() => { });
this.apipost('dict_post_HotelOffer_RemoveNewHotelPrice',this.msg2,res=>{ },
if (res.data.resultCode == 1) { },
this.$message.success(res.data.message) created: function () {
this.getMonths() this.hotelId = this.$route.query.id === undefined ? '0' : this.$route.query.id
this.$refs['hotelProductForm2'].resetFields() this.msg.Hotel = this.$route.query.id === undefined ? '0' : this.$route.query.id
}else{ this.msg2.Hotel = this.$route.query.id === undefined ? '0' : this.$route.query.id
this.$message.error(res.data.message) this.condition.month = new Date().Format('yyyy-MM')
} let nowDate = new Date().Format('yyyy-MM-dd')
},err=>{}) this.msg.DayType = '4'
}).catch(() => { this.msg.StartDate = nowDate
this.$message({ this.msg.EndDate = nowDate
type: 'info', },
message: '已取消' mounted: function () {
}); this.getMonths()
}); this.getAllCurrency()
}, this.initSupplier()
// 页面编辑保存
edit2Save: function () {
this.$refs['hotelProductForm2'].validate((valid) => {
if (valid) {
this.apipost('dict_post_HotelOffer_SetNewHotelPrice', this.msg2, res => {
if (res.data.resultCode === 1) {
this.$message.success('编辑成功')
this.getMonths()
this.$refs['hotelProductForm2'].resetFields()
} else {
this.$message.error(res.data.message)
}
})
} else {
return false;
}
});
},
},
created: function () {
this.hotelId = this.$route.query.id===undefined?'0':this.$route.query.id
this.msg.Hotel = this.$route.query.id===undefined?'0':this.$route.query.id
this.msg2.Hotel = this.$route.query.id===undefined?'0':this.$route.query.id
this.condition.month = new Date().Format('yyyy-MM')
let nowDate = new Date().Format('yyyy-MM-dd')
this.msg.DayType = '4'
this.msg.StartDate = nowDate
this.msg.EndDate = nowDate
},
mounted: function () {
this.getMonths()
this.getAllCurrency()
this.initSupplier()
}
} }
}
</script> </script>
<style> <style>
.hotelProductManage2{ .hotelProductManage2 {
padding: 20px 0; padding: 20px 0;
} }
.hotelProductManage2>.hotelProductManage2_btnList{
position: fixed; .hotelProductManage2>.hotelProductManage2_btnList {
top: 36px; position: fixed;
right: 20px; top: 36px;
text-align: right; right: 20px;
margin: 20px 0 0 0; text-align: right;
} margin: 20px 0 0 0;
.hotelProductManage2_btnList>.btn_check{ }
display: inline-block;
margin: 0 0 0 10px; .hotelProductManage2_btnList>.btn_check {
padding: 0 15px; display: inline-block;
height: 30px; margin: 0 0 0 10px;
line-height: 28px; padding: 0 15px;
font-size: 14px; height: 30px;
color: #E95252; line-height: 28px;
background: #fff; font-size: 14px;
border: 1px solid #E95252; color: #E95252;
border-radius: 15px; background: #fff;
cursor: pointer; border: 1px solid #E95252;
} border-radius: 15px;
.hotelProductManage2_condition{ cursor: pointer;
padding: 0 0 0 0; }
text-align: right;
} .hotelProductManage2_condition {
.hotelProductManage2_condition>div{ padding: 0 0 0 0;
display: inline-block; text-align: right;
text-align: left; }
}
.hotelProductManage2_condition>div>em{ .hotelProductManage2_condition>div {
margin: 0 5px 0 0; display: inline-block;
font-size: 14px; text-align: left;
color: #666666; }
}
.hotelProductManage2_tableBox{ .hotelProductManage2_condition>div>em {
padding: 20px 0; margin: 0 5px 0 0;
} font-size: 14px;
.hotelProductManage2_table { color: #666666;
width: 100%; }
color: #333;
border-bottom: 1px solid #cccccc; .hotelProductManage2_tableBox {
border-right: 1px solid #cccccc; padding: 20px 0;
} }
.hotelProductManage2_table tr {
background: #fff; .hotelProductManage2_table {
} width: 100%;
.hotelProductManage2_table tr th { color: #333;
background: #e6e6e6; border-bottom: 1px solid #cccccc;
height: 40px; border-right: 1px solid #cccccc;
font-size: 12px; }
text-align: center;
border-top: 1px solid #cccccc; .hotelProductManage2_table tr {
border-left: 1px solid #cccccc; background: #fff;
} }
.hotelProductManage2_table tr td {
height: 40px; .hotelProductManage2_table tr th {
font-size: 12px; background: #e6e6e6;
text-align: center; height: 40px;
border-top: 1px solid #cccccc; font-size: 12px;
border-left: 1px solid #cccccc; text-align: center;
} border-top: 1px solid #cccccc;
.hotelProductManage2_calendar{ border-left: 1px solid #cccccc;
position: relative; }
padding: 20px 0;
width: 100%; .hotelProductManage2_table tr td {
border-top: 1px solid #E5E5E5; height: 40px;
border-bottom: 1px solid #E5E5E5; font-size: 12px;
} text-align: center;
.hotelProductManage2_calendarBox{ border-top: 1px solid #cccccc;
position: absolute; border-left: 1px solid #cccccc;
z-index: 2; }
left: 0px;
top: 0px; .hotelProductManage2_calendar {
padding: 20px 0; position: relative;
width: 100%; padding: 20px 0;
} width: 100%;
.hotelProductManage2_calendarItem{ border-top: 1px solid #E5E5E5;
display: inline-block; border-bottom: 1px solid #E5E5E5;
margin: 0 5px; }
width: 24%;
background-color: #fff; .hotelProductManage2_calendarBox {
border: 1px solid #d1d1d1; position: absolute;
border-radius: 4px; z-index: 2;
font-size: 0px; left: 0px;
} top: 0px;
.hotelProductManage2_calendarItem:hover{ padding: 20px 0;
box-shadow: 0px 0px 5px 5px #E5E5E5; width: 100%;
} }
.hotelProductManage2_calendarItem>.calendarItem_month{
width: 100%; .hotelProductManage2_calendarItem {
height: 30px; display: inline-block;
line-height: 30px; margin: 0 5px;
text-align: center; width: 24%;
font-size: 14px; background-color: #fff;
cursor: pointer; border: 1px solid #d1d1d1;
} border-radius: 4px;
.hotelProductManage2_calendarItem>.calendarItem_week{ font-size: 0px;
display: flex; }
justify-content: space-around;
padding: 10px 0; .hotelProductManage2_calendarItem:hover {
width: 100%; box-shadow: 0px 0px 5px 5px #E5E5E5;
height: 36px; }
}
.hotelProductManage2_calendarItem>.calendarItem_week>div{ .hotelProductManage2_calendarItem>.calendarItem_month {
display: inline-block; width: 100%;
width: 14.2%; height: 30px;
height: 16px; line-height: 30px;
line-height: 16px; text-align: center;
text-align: center; font-size: 14px;
font-size: 14px; cursor: pointer;
color: #999999; }
}
.hotelProductManage2_calendarItem>.calendarItem_day{ .hotelProductManage2_calendarItem>.calendarItem_week {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap; padding: 10px 0;
} width: 100%;
.hotelProductManage2_calendarItem>.calendarItem_day>div{ height: 36px;
display: inline-block; }
padding: 5px 0;
width: 14.2%; .hotelProductManage2_calendarItem>.calendarItem_week>div {
} display: inline-block;
.hotelProductManage2_calendarItem>.calendarItem_day>div>div{ width: 14.2%;
margin: auto; height: 16px;
width: 30px; line-height: 16px;
height: 30px; text-align: center;
text-align: center; font-size: 14px;
line-height: 26px; color: #999999;
font-size: 14px; }
border: 2px solid transparent;
border-radius: 50%; .hotelProductManage2_calendarItem>.calendarItem_day {
} display: flex;
.hotelProductManage2_calendarItem>.calendarItem_day>.nowMonth>div{ justify-content: space-around;
color: #000000; flex-wrap: wrap;
cursor: pointer; }
}
.hotelProductManage2_calendarItem>.calendarItem_day>.otherMonth>div{ .hotelProductManage2_calendarItem>.calendarItem_day>div {
color: gainsboro; display: inline-block;
} padding: 5px 0;
.hotelProductManage2_calendarItem>.calendarItem_day>div>.hasStock_1{ width: 14.2%;
background-color: #ff6363; }
}
.hotelProductManage2_calendarItem>.calendarItem_day>div>.hasStock_2{ .hotelProductManage2_calendarItem>.calendarItem_day>div>div {
background-color: #ff99cc; margin: auto;
} width: 30px;
.hotelProductManage2_calendarItem>.calendarItem_day>div>.hasStock_3{ height: 30px;
background-color: #bcd6ee; text-align: center;
} line-height: 26px;
.hotelProductManage2_calendarItem>.calendarItem_day>div>.hasStock_4{ font-size: 14px;
background-color: #DDDDDD; border: 2px solid transparent;
} border-radius: 50%;
/* 页面编辑 */ }
.hotelProductManage2_edit2{
margin: 20px 0 0 0; .hotelProductManage2_calendarItem>.calendarItem_day>.nowMonth>div {
padding: 10px 10px 0; color: #000000;
width: 100%; cursor: pointer;
border-radius: 4px; }
border: 1px solid #E5E5E5;
background-color: #FFFFFF; .hotelProductManage2_calendarItem>.calendarItem_day>.otherMonth>div {
overflow: auto; color: gainsboro;
} }
.hotelProductManage2_edit2>.hotelProductManage2_edit2_header{
position: relative; .hotelProductManage2_calendarItem>.calendarItem_day>div>.hasStock_1 {
width: 100%; background-color: #ff6363;
height: 30px; }
}
.hotelProductManage2_edit2_header>div:nth-child(1){ .hotelProductManage2_calendarItem>.calendarItem_day>div>.hasStock_2 {
display: inline-block; background-color: #ff99cc;
padding: 0 20px; }
width: 200px;
height: 30px; .hotelProductManage2_calendarItem>.calendarItem_day>div>.hasStock_3 {
line-height: 30px; background-color: #bcd6ee;
font-size: 16px; }
border-left: 3px solid #E95252;
} .hotelProductManage2_calendarItem>.calendarItem_day>div>.hasStock_4 {
.hotelProductManage2_edit2_header>div:nth-child(2){ background-color: #DDDDDD;
position: absolute; }
top: 0px;
right: 0px; /* 页面编辑 */
height: 30px; .hotelProductManage2_edit2 {
} margin: 20px 0 0 0;
.hotelProductManage2_edit2_header>div:nth-child(2)>div:nth-child(1){ padding: 10px 10px 0;
display: inline-block; width: 100%;
margin: 0 5px; border-radius: 4px;
padding: 0 15px; border: 1px solid #E5E5E5;
height: 30px; background-color: #FFFFFF;
line-height: 28px; overflow: auto;
font-size: 14px; }
color: #E95252;
background: #fff; .hotelProductManage2_edit2>.hotelProductManage2_edit2_header {
border: 1px solid #E95252; position: relative;
border-radius: 15px; width: 100%;
vertical-align: top; height: 30px;
cursor: pointer; }
}
.hotelProductManage2_edit2_header>div:nth-child(2)>div:nth-child(2){ .hotelProductManage2_edit2_header>div:nth-child(1) {
display: inline-block; display: inline-block;
padding: 0 15px; padding: 0 20px;
height: 30px; width: 200px;
line-height: 28px; height: 30px;
font-size: 14px; line-height: 30px;
color: #fff; font-size: 16px;
background: #E95252; border-left: 3px solid #E95252;
border: 1px solid #E95252; }
border-radius: 15px;
vertical-align: top; .hotelProductManage2_edit2_header>div:nth-child(2) {
cursor: pointer; position: absolute;
} top: 0px;
.hotelProductManage2_edit2>.hotelProductManage2_edit2_form{ right: 0px;
padding: 10px 0; height: 30px;
} }
.hotelProductManage2_edit2_form .el-input{
width: 160px; .hotelProductManage2_edit2_header>div:nth-child(2)>div:nth-child(1) {
} display: inline-block;
.hotelProductManage2_edit2_form .el-input-number{ margin: 0 5px;
width: 160px; padding: 0 15px;
} height: 30px;
.hotelProductManage2_edit2_form .el-input__inner{ line-height: 28px;
width: 160px; font-size: 14px;
} color: #E95252;
.hotelProductManage2_edit2_form .el-textarea__inner{ background: #fff;
resize: none; border: 1px solid #E95252;
} border-radius: 15px;
.hotelProductManage2_edit2_form .HotelProductEdit_date .el-form-item__content{ vertical-align: top;
width: 1000px; cursor: pointer;
min-height: 9px; }
}
/* 弹出编辑 */ .hotelProductManage2_edit2_header>div:nth-child(2)>div:nth-child(2) {
.hotelProductManage2_edit{ display: inline-block;
position: fixed; padding: 0 15px;
z-index: 50; height: 30px;
bottom: 0; line-height: 28px;
left: 50px; font-size: 14px;
padding: 10px 10px 0; color: #fff;
min-width: 1316px; background: #E95252;
height: 640px; border: 1px solid #E95252;
border-top: 3px solid #38425d; border-radius: 15px;
background-color: #FFFFFF; vertical-align: top;
overflow: auto; cursor: pointer;
} }
.hotelProductManage2_edit>.hotelProductManage2_edit_header{
position: relative; .hotelProductManage2_edit2>.hotelProductManage2_edit2_form {
width: 100%; padding: 10px 0;
height: 30px; }
}
.hotelProductManage2_edit_header>div:nth-child(1){ .hotelProductManage2_edit2_form .el-input {
display: inline-block; width: 160px;
padding: 0 20px; }
width: 200px;
height: 30px; .hotelProductManage2_edit2_form .el-input-number {
line-height: 30px; width: 160px;
font-size: 16px; }
border-left: 3px solid #E95252;
} .hotelProductManage2_edit2_form .el-input__inner {
.hotelProductManage2_edit_header>div:nth-child(2){ width: 160px;
position: absolute; }
top: 0px;
right: 0px; .hotelProductManage2_edit2_form .el-textarea__inner {
height: 30px; resize: none;
} }
.hotelProductManage2_edit_header>div:nth-child(2)>div:nth-child(1){
display: inline-block; .hotelProductManage2_edit2_form .HotelProductEdit_date .el-form-item__content {
margin: 0 5px; width: 1000px;
padding: 0 15px; min-height: 9px;
height: 30px; }
line-height: 28px;
font-size: 14px; /* 弹出编辑 */
color: #E95252; .hotelProductManage2_edit {
background: #fff; position: fixed;
border: 1px solid #E95252; z-index: 50;
border-radius: 15px; bottom: 0;
vertical-align: top; left: 50px;
cursor: pointer; padding: 10px 10px 0;
} min-width: 1316px;
.hotelProductManage2_edit_header>div:nth-child(2)>div:nth-child(2){ height: 640px;
display: inline-block; border-top: 3px solid #38425d;
padding: 0 15px; background-color: #FFFFFF;
height: 30px; overflow: auto;
line-height: 28px; }
font-size: 14px;
color: #fff; .hotelProductManage2_edit>.hotelProductManage2_edit_header {
background: #E95252; position: relative;
border: 1px solid #E95252; width: 100%;
border-radius: 15px; height: 30px;
vertical-align: top; }
cursor: pointer;
} .hotelProductManage2_edit_header>div:nth-child(1) {
.hotelProductManage2_edit>.hotelProductManage2_edit_form{ display: inline-block;
padding: 10px 0; padding: 0 20px;
} width: 200px;
.hotelProductManage2_edit_form .el-input{ height: 30px;
width: 180px; line-height: 30px;
} font-size: 16px;
.hotelProductManage2_edit_form .el-input__inner{ border-left: 3px solid #E95252;
width: 180px; }
}
.hotelProductManage2_edit_form .el-textarea__inner{ .hotelProductManage2_edit_header>div:nth-child(2) {
resize: none; position: absolute;
} top: 0px;
.hotelProductManage2_edit_form .HotelProductEdit_date>div{ right: 0px;
display: inline-block; height: 30px;
vertical-align: middle; }
}
.hotelProductManage2_edit_form .HotelProductEdit_date>div>em{ .hotelProductManage2_edit_header>div:nth-child(2)>div:nth-child(1) {
display: inline-block; display: inline-block;
margin: 7px 10px 0 0; margin: 0 5px;
padding: 0 0 0 0; padding: 0 15px;
} height: 30px;
</style> line-height: 28px;
\ No newline at end of file font-size: 14px;
color: #E95252;
background: #fff;
border: 1px solid #E95252;
border-radius: 15px;
vertical-align: top;
cursor: pointer;
}
.hotelProductManage2_edit_header>div:nth-child(2)>div:nth-child(2) {
display: inline-block;
padding: 0 15px;
height: 30px;
line-height: 28px;
font-size: 14px;
color: #fff;
background: #E95252;
border: 1px solid #E95252;
border-radius: 15px;
vertical-align: top;
cursor: pointer;
}
.hotelProductManage2_edit>.hotelProductManage2_edit_form {
padding: 10px 0;
}
.hotelProductManage2_edit_form .el-input {
width: 180px;
}
.hotelProductManage2_edit_form .el-input__inner {
width: 180px;
}
.hotelProductManage2_edit_form .el-textarea__inner {
resize: none;
}
.hotelProductManage2_edit_form .HotelProductEdit_date>div {
display: inline-block;
vertical-align: middle;
}
.hotelProductManage2_edit_form .HotelProductEdit_date>div>em {
display: inline-block;
margin: 7px 10px 0 0;
padding: 0 0 0 0;
}
</style>
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