Skip to content

S
SuperMan
Commit dff47855 authored by Mac's avatar Mac
Browse files
Options

修改样式

parent 9372bc05
Hide whitespace changes
Inline Side-by-side
Showing with 195 additions and 197 deletions
src/components/Supplier/HotelInfo.vue
View file @ dff47855
<style> <style>
@import "../../assets/css/DMC.css"; @import "../../assets/css/DMC.css";
.title{width: 100%;display: -webkit-box;margin-top: 20px }
.tu_img{width: 100%;display: -webkit-box;padding: 20px 50px}
</style> </style>
<template> <template>
<div class="flexOne changInfo"> <div class="flexOne changInfo">
<div class="resource-content clearfix" :style="{height:(orderHight-90) + 'px'}"> <div class="resource-content clearfix" :style="{height:(orderHight-90) + 'px'}">
<el-form :model="addMsg" :rules="rules" ref="addMsg"> <el-form :model="addMsg" :rules="rules" ref="addMsg">
<div class="resource-baseinfo"> <div class="resource-baseinfo">
<span class="resource-lititle">{{$t('hotel.hotel_baseinfo')}}</span> <span class="resource-lititle">{{$t('hotel.hotel_baseinfo')}}</span>
<el-form-item :label="$t('hotel.hotel_name')" prop="Name"> <el-form-item :label="$t('hotel.hotel_name')" prop="Name">
<el-input type="text" v-model="addMsg.Name" maxlength="100" class="w300"></el-input> <el-input type="text" v-model="addMsg.Name" maxlength="100" class="w300"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="酒店真实名称"> <el-form-item label="酒店真实名称">
<el-input type="text" v-model="addMsg.HotelRealName" maxlength="100" class="w300"></el-input> <el-input type="text" v-model="addMsg.HotelRealName" maxlength="100" class="w300"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.hotel_describle')" prop="Descriptions"> <el-form-item :label="$t('hotel.hotel_describle')" prop="Descriptions">
<el-input type="textarea" v-model="addMsg.Descriptions" class="w300"></el-input> <el-input type="textarea" v-model="addMsg.Descriptions" class="w300"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.hotel_openplatform')"> <el-form-item :label="$t('hotel.hotel_openplatform')">
<el-select v-model="openplatString" class='multiple_input w300' multiple :placeholder="$t('pub.pleaseSel')"> <el-select v-model="openplatString" class='multiple_input w300' multiple :placeholder="$t('pub.pleaseSel')">
<el-option v-for="item in openplatform" :key="item.ID" :label="item.Name" :value="item.ID"> <el-option v-for="item in openplatform" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_brand')">
<el-input type="text" v-model="addMsg.ChainBrand" maxlength="50" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_starlevel')">
<el-select class="w300" :placeholder="$t('pub.unlimitedSel')" v-model="addMsg.Star">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in starslevel" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_website')">
<el-input class="w300" v-model="addMsg.URL" maxlength="50">
<template slot="prepend">https://</template>
</el-input>
</el-form-item>
<el-form-item label="是否预约">
<el-switch v-model="addMsg.AppointmentStyle" :active-value="inActive" :inactive-value="notInActive">
</el-switch>
</el-form-item>
<el-form-item label="支付方式">
<el-select v-model="addMsg.PayStyle" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')" :disabled="IsHaveAuth==1?false:true">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in PayList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="酒店类型">
<el-select v-model="addMsg.HotelType" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in HotelTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="价格">
<el-select v-model="addMsg.HotelPriceType" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in HotelPirceTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
<span class="resource-lititle sheshi">{{$t('hotel.hotel_services')}}</span>
<div class="res-span" v-for="item in serviceList" :key="item.subCode">
<span class="common-lefttit">{{item.Content}}</span>
<span>
<el-select multiple :placeholder="$t('pub.pleaseSel')" class='multiple_input w300' v-model="item.checked">
<el-option v-for="subitem in item.list" :key="subitem.ID" :label="subitem.Content" :value="subitem.ID">
</el-option> </el-option>
</el-select> </el-select>
</span>
</div>
<!-- <span class="resource-lititle sheshi">酒店优惠 <el-button icon="el-icon-plus" circle @click="addAir"></el-button>-->
<!-- </span>-->
<div class="jiudianyouhuiDiv">
<el-row v-for="(list,index) in addMsg.DiscountList" :key="index">
<el-col :span="6" :gutter="35">
<el-form-item label="开始数量">
<el-input class='w80' type="text" v-model="list.StartNum"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" :gutter="35">
<el-form-item label="结束数量">
<el-input class='w80' type="text" v-model="list.EndNum"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" :gutter="35">
<el-form-item label="返还数量">
<el-input class='w80' type="text" v-model="list.DisCountNum"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" :gutter="35" v-if="index==0">
</el-col>
<el-col :span="6" :gutter="35">
<el-button icon="el-icon-minus" circle @click="deleteAir(index)"> </el-button>
</el-col>
</el-row>
<!-- <el-row :gutter="0">
<el-col :span="6">
<el-form-item label="开始数量" >
<el-input class='w80' type="text" :placeholder="$t('pub.pleaseImport')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="结束数量" >
<el-input class='w80'type="text" :placeholder="$t('pub.pleaseImport')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="返还数量">
<el-input class='w80' type="text" :placeholder="$t('pub.pleaseImport')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style='padding-top: 5px;'>
</el-col>
</el-row> -->
</div>
<!--<div v-for="(item) in GetPolicy" :key="item.subCode">
<div class="common-lefttit">{{item.Content}}</div>
<span class="resource-net">
<el-input v-model="item.checked" maxlength="50" class="w300"></el-input>
</span>
</div>-->
</div>
<div class="resource-imginfo">
<div class="resourcerightTop">
<div class="toolOne">
<span class="fanbili">{{$t('restaurant.res_commissionColumn')}}</span>
<div class="RabateDiv clearfix">
<div class="RebateCount reOne">
<div class="leftPnum">{{$t('admin.admin_personNumber')}}></div>
<input type="text" class="toolInput inpuOne" v-model="addMsg.RebateCount"
onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="20">
</div>
<div class="RebateCount reTwo">
<div class="fanNum">{{$t('restaurant.res_return')}}</div>
<input type="text" class="toolInput inpuTwo" v-model="addMsg.RebateRatio"
onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="20">
<div class="percentCon">%</div>
</div>
</div>
</div>
<el-form-item :label="$t('hotel.hotel_landline')">
<el-input type="text" v-model="addMsg.Tel" maxlength="20" :placeholder="$t('hotel.hotel_landline')"
class="w300"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="国家"> <el-form-item :label="$t('hotel.hotel_brand')">
<el-select placeholder="请选择国家" filterable v-model="addMsg.Country" class='multiple_input w300' <el-input type="text" v-model="addMsg.ChainBrand" maxlength="50" class="w300"></el-input>
@change="GetSubAreaList(addMsg.Country,1)"> </el-form-item>
<el-form-item :label="$t('hotel.hotel_starlevel')">
<el-select class="w300" :placeholder="$t('pub.unlimitedSel')" v-model="addMsg.Star">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in CountryList" :key="childItem.ID" :label="childItem.Name" <el-option v-for="item in starslevel" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
:value="childItem.ID">
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="省"> <el-form-item :label="$t('hotel.hotel_website')">
<el-select placeholder="请选择省" filterable class='multiple_input w300' v-model="addMsg.Province" <el-input class="w300" v-model="addMsg.URL" maxlength="50">
@change="GetSubAreaList(addMsg.Province,2)"> <template slot="prepend">https://</template>
</el-input>
</el-form-item>
<el-form-item label="是否预约">
<el-switch v-model="addMsg.AppointmentStyle" :active-value="inActive" :inactive-value="notInActive">
</el-switch>
</el-form-item>
<el-form-item label="支付方式">
<el-select v-model="addMsg.PayStyle" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')" :disabled="IsHaveAuth==1?false:true">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in ProvinceList" :key="childItem.ID" :label="childItem.Name" <el-option v-for="item in PayList" :key="item.Id" :label="item.Name" :value="item.Id">
:value="childItem.ID">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="市"> <el-form-item label="酒店类型">
<el-select placeholder="请选择市" filterable class='multiple_input w300' v-model="addMsg.City"> <el-select v-model="addMsg.HotelType" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option> <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in CityList" :key="childItem.ID" :label="childItem.Name" <el-option v-for="item in HotelTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
:value="childItem.ID">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.hotel_detailinfo')" prop="Address"> <el-form-item label="价格">
<el-input placeholder="请输入内容" class="w300 addAddress" v-model="addMsg.Address"> <el-select v-model="addMsg.HotelPriceType" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')">
<el-button slot="append" @click="selectAddress = true" icon="iconfont icon-img_dw"></el-button> <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
</el-input> <el-option v-for="item in HotelPirceTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-form-item>
<el-form-item :label="$t('hotel.hotel_fax')">
<el-input type="text" v-model="addMsg.Fax" maxlength="20" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_deadday')" prop="DieLine">
<el-input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="50" v-model="addMsg.DieLine"
class="w300"></el-input><span class="hotelDay">{{$t('hotel.hotel_day')}}</span>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_remark')">
<el-input type="textarea" v-model="addMsg.Remark" class="w300"></el-input>
</el-form-item>
<el-form-item label="温馨提示">
<el-input type="textarea" v-model="addMsg.WarmTip" class="w300"></el-input>
</el-form-item>
<el-form-item>
<el-switch v-model="isBook" active-color="#13ce66" inactive-color="#ff4949" active-text="供应商"
inactive-text="自订"></el-switch>
</el-form-item>
<el-form-item>
<el-switch v-model="isDinner" active-color="#13ce66" @change="getDinnerList" inactive-color="#ff4949"
active-text="用餐" inactive-text="不用餐"></el-switch>
</el-form-item>
<el-form-item label="用餐类型" v-show="isDinner">
<el-select v-model="UseDinnerString" class='multiple_input w300' multiple
:placeholder="$t('pub.pleaseSel')">
<el-option v-for="item in dinerList" :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="停车场"> <span class="resource-lititle sheshi">{{$t('hotel.hotel_services')}}</span>
<el-switch v-model="addMsg.IsHavearking" :active-value="1" :inactive-value="0"></el-switch> <div class="res-span" v-for="item in serviceList" :key="item.subCode">
</el-form-item> <span class="common-lefttit">{{item.Content}}</span>
<span>
<el-select multiple :placeholder="$t('pub.pleaseSel')" class='multiple_input w300' v-model="item.checked">
<el-option v-for="subitem in item.list" :key="subitem.ID" :label="subitem.Content" :value="subitem.ID">
</el-option>
</el-select>
</span>
</div>
<!-- <span class="resource-lititle sheshi">酒店优惠 <el-button icon="el-icon-plus" circle @click="addAir"></el-button>-->
<!-- </span>-->
<div class="jiudianyouhuiDiv">
<el-row v-for="(list,index) in addMsg.DiscountList" :key="index">
<el-col :span="6" :gutter="35">
<el-form-item label="开始数量">
<el-input class='w80' type="text" v-model="list.StartNum"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" :gutter="35">
<el-form-item label="结束数量">
<el-input class='w80' type="text" v-model="list.EndNum"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" :gutter="35">
<el-form-item label="返还数量">
<el-input class='w80' type="text" v-model="list.DisCountNum"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" :gutter="35" v-if="index==0">
</el-col>
<el-col :span="6" :gutter="35">
<el-button icon="el-icon-minus" circle @click="deleteAir(index)"> </el-button>
</el-col>
</el-row>
<!-- <el-row :gutter="0">
<el-col :span="6">
<el-form-item label="开始数量" >
<el-input class='w80' type="text" :placeholder="$t('pub.pleaseImport')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="结束数量" >
<el-input class='w80'type="text" :placeholder="$t('pub.pleaseImport')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="返还数量">
<el-input class='w80' type="text" :placeholder="$t('pub.pleaseImport')"></el-input>
</el-form-item>
</el-col>
<el-col :span="6" style='padding-top: 5px;'>
</el-col>
</el-row> -->
</div>
<!--<div v-for="(item) in GetPolicy" :key="item.subCode">
<div class="common-lefttit">{{item.Content}}</div>
<span class="resource-net">
<el-input v-model="item.checked" maxlength="50" class="w300"></el-input>
</span>
</div>-->
</div>
<div class="resource-imginfo">
<div class="resourcerightTop">
<div class="toolOne">
<span class="fanbili">{{$t('restaurant.res_commissionColumn')}}</span>
<div class="RabateDiv clearfix">
<div class="RebateCount reOne">
<div class="leftPnum">{{$t('admin.admin_personNumber')}}></div>
<input type="text" class="toolInput inpuOne" v-model="addMsg.RebateCount"
onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="20">
</div>
<div class="RebateCount reTwo">
<div class="fanNum">{{$t('restaurant.res_return')}}</div>
<input type="text" class="toolInput inpuTwo" v-model="addMsg.RebateRatio"
onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="20">
<div class="percentCon">%</div>
</div>
</div>
</div>
<el-form-item :label="$t('hotel.hotel_landline')">
<el-input type="text" v-model="addMsg.Tel" maxlength="20" :placeholder="$t('hotel.hotel_landline')"
class="w300"></el-input>
</el-form-item>
<el-form-item label="国家">
<el-select placeholder="请选择国家" filterable v-model="addMsg.Country" class='multiple_input w300'
@change="GetSubAreaList(addMsg.Country,1)">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in CountryList" :key="childItem.ID" :label="childItem.Name"
:value="childItem.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="省">
<el-select placeholder="请选择省" filterable class='multiple_input w300' v-model="addMsg.Province"
@change="GetSubAreaList(addMsg.Province,2)">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in ProvinceList" :key="childItem.ID" :label="childItem.Name"
:value="childItem.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="市">
<el-select placeholder="请选择市" filterable class='multiple_input w300' v-model="addMsg.City">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in CityList" :key="childItem.ID" :label="childItem.Name"
:value="childItem.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_detailinfo')" prop="Address">
<el-input placeholder="请输入内容" class="w300 addAddress" v-model="addMsg.Address">
<el-button slot="append" @click="selectAddress = true" icon="iconfont icon-img_dw"></el-button>
</el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_fax')">
<el-input type="text" v-model="addMsg.Fax" maxlength="20" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_deadday')" prop="DieLine">
<el-input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="50" v-model="addMsg.DieLine"
class="w300"></el-input><span class="hotelDay">{{$t('hotel.hotel_day')}}</span>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_remark')">
<el-input type="textarea" v-model="addMsg.Remark" class="w300"></el-input>
</el-form-item>
<el-form-item label="温馨提示">
<el-input type="textarea" v-model="addMsg.WarmTip" class="w300"></el-input>
</el-form-item>
<el-form-item>
<el-switch v-model="isBook" active-color="#13ce66" inactive-color="#ff4949" active-text="供应商"
inactive-text="自订"></el-switch>
</el-form-item>
<el-form-item>
<el-switch v-model="isDinner" active-color="#13ce66" @change="getDinnerList" inactive-color="#ff4949"
active-text="用餐" inactive-text="不用餐"></el-switch>
</el-form-item>
<el-form-item label="用餐类型" v-show="isDinner">
<el-select v-model="UseDinnerString" class='multiple_input w300' multiple
:placeholder="$t('pub.pleaseSel')">
<el-option v-for="item in dinerList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="停车场">
<el-switch v-model="addMsg.IsHavearking" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
</div>
</div> </div>
</div> <div style="width: 100%;display: -webkit-box;margin-top: 20px ">
<div class="title">
<span class="resource-lititle" style="margin-left: 30px">{{$t('hotel.hotel_imgintroduce')}}</span> <span class="resource-lititle" style="margin-left: 30px">{{$t('hotel.hotel_imgintroduce')}}</span>
</div> </div>
<div class="tu_img"> <div style="width: 100%;display: -webkit-box;padding: 20px 50px">
<div class="resource-list"> <div class="resource-list">
<div class="resource-imglist clearfix"> <div class="resource-imglist clearfix">
<div class="re-img" v-for="(item,index) in HotelImageArray" :key="item.subCode"> <div class="re-img" v-for="(item,index) in HotelImageArray" :key="item.subCode">
......
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