|
@@ -5,11 +5,7 @@
|
|
|
<div class="hotelr-head-li">
|
|
|
<label>团组名称:</label>
|
|
|
<el-select @change="Receivables" v-model="value" filterable placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.id"
|
|
|
- :label="item.groupName"
|
|
|
- :value="item.id">
|
|
|
+ <el-option v-for="item in options" :key="item.id" :label="item.groupName" :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
@@ -37,82 +33,42 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hotelr-table">
|
|
|
- <el-table
|
|
|
- :data="tableData"
|
|
|
- border
|
|
|
- style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- type="index"
|
|
|
- label="序号"
|
|
|
- width="50">
|
|
|
+ <el-table :data="tableData" border style="width: 100%">
|
|
|
+ <el-table-column type="index" label="序号" width="50">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="date"
|
|
|
- label="预定号"
|
|
|
- width="180">
|
|
|
+ <el-table-column prop="date" label="预定号" width="180">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="酒店名称"
|
|
|
- width="180">
|
|
|
+ <el-table-column prop="name" label="酒店名称" width="180">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="date"
|
|
|
- label="入住日期"
|
|
|
- width="120">
|
|
|
+ <el-table-column prop="date" label="入住日期" width="120">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="date"
|
|
|
- label="退房日期"
|
|
|
- width="120">
|
|
|
+ <el-table-column prop="date" label="退房日期" width="120">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="付款金额"
|
|
|
- width="100">
|
|
|
+ <el-table-column prop="name" label="付款金额" width="100">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="操作人"
|
|
|
- width="100">
|
|
|
+ <el-table-column prop="name" label="操作人" width="100">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="操作时间"
|
|
|
- width="180">
|
|
|
+ <el-table-column prop="name" label="操作时间" width="180">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="附 件"
|
|
|
- width="80">
|
|
|
+ <el-table-column prop="name" label="附 件" width="80">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="是否审核"
|
|
|
- width="100">
|
|
|
+ <el-table-column prop="name" label="是否审核" width="100">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="name"
|
|
|
- label="操 作"
|
|
|
- width="140">
|
|
|
+ <el-table-column prop="name" label="操 作" width="140">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="address"
|
|
|
- label="VOUCHER">
|
|
|
+ <el-table-column prop="address" label="VOUCHER">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
<div class="hotelr-form">
|
|
|
<div class="form-head">
|
|
|
- <el-popover
|
|
|
- placement="right"
|
|
|
- trigger="hover">
|
|
|
- <el-table :data="gridData" border>
|
|
|
- <el-table-column width="150" property="date" label="日期"></el-table-column>
|
|
|
- <el-table-column width="100" property="name" label="姓名"></el-table-column>
|
|
|
- <el-table-column width="300" property="address" label="地址"></el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-button slot="reference">hover 激活</el-button>
|
|
|
+ <el-popover placement="right" trigger="hover">
|
|
|
+ <el-table :data="gridData" border>
|
|
|
+ <el-table-column width="150" property="date" label="日期"></el-table-column>
|
|
|
+ <el-table-column width="100" property="name" label="姓名"></el-table-column>
|
|
|
+ <el-table-column width="300" property="address" label="地址"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-button slot="reference">移上提示每天详细房价</el-button>
|
|
|
</el-popover>
|
|
|
<div class="form-head-btn">
|
|
|
<el-button type="primary">确认单</el-button>
|
|
@@ -122,7 +78,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-foundationone select-bz">
|
|
|
- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="110px" class="demo-ruleForm">
|
|
|
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="110px" class="demo-ruleForm">
|
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
|
<el-form-item style="width:350px ;" label="客人类型" prop="region">
|
|
|
<el-select size="medium" v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
@@ -130,13 +86,13 @@
|
|
|
<el-option label="区域二" value="beijing"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item style="width:350px ;" label="计算费用币种" prop="region">
|
|
|
+ <el-form-item style="width:350px ;" label="计算费用币种" prop="region">
|
|
|
<el-select size="medium" v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
<el-option label="区域一" value="shanghai"></el-option>
|
|
|
<el-option label="区域二" value="beijing"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="汇率">
|
|
|
+ <el-form-item label="汇率">
|
|
|
<span>7.52</span>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
@@ -153,7 +109,7 @@
|
|
|
<el-form-item style="width:350px ;" label="预订号码" prop="desc">
|
|
|
<el-input size="medium" type="text" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item style="width:350px ;" label="酒店确定号码" prop="desc">
|
|
|
+ <el-form-item style="width:350px ;" label="酒店确定号码" prop="desc">
|
|
|
<el-input size="medium" type="text" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
@@ -164,7 +120,7 @@
|
|
|
<el-form-item style="width:350px ;" label="酒店名称" prop="desc">
|
|
|
<el-input size="medium" type="text" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item style="width:350px ;" label="酒店电话" prop="desc">
|
|
|
+ <el-form-item style="width:350px ;" label="酒店电话" prop="desc">
|
|
|
<el-input size="medium" type="text" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
@@ -175,28 +131,34 @@
|
|
|
<el-input :rows="1" type="textarea" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
<div class="remcss" style="display: flex;flex-wrap: wrap;">
|
|
|
- <el-form-item prop="date1" style="width:350px ;" label="入住时间" required>
|
|
|
- <el-date-picker size="medium" type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"></el-date-picker>
|
|
|
+ <el-form-item prop="date1" style="width:350px ;" label="入住时间" required>
|
|
|
+ <el-date-picker size="medium" type="date" placeholder="选择日期" v-model="ruleForm.date1"
|
|
|
+ style="width: 100%;"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="width:350px ;" label="离店时间" prop="date2">
|
|
|
- <el-date-picker size="medium" type="date" placeholder="选择时间" v-model="ruleForm.date2" style="width: 100%;"></el-date-picker>
|
|
|
+ <el-date-picker size="medium" type="date" placeholder="选择时间" v-model="ruleForm.date2"
|
|
|
+ style="width: 100%;"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
|
<el-form-item style="width:350px ;" label="酒店单间" prop="desc">
|
|
|
- <el-input-number style="width:100px ;" size="medium" :controls="false" v-model="ruleForm.fangnum"></el-input-number>
|
|
|
+ <el-input-number style="width:100px ;" size="medium" :controls="false"
|
|
|
+ v-model="ruleForm.fangnum"></el-input-number>
|
|
|
<span>间</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="width:350px ;" label="酒店双间" prop="desc">
|
|
|
- <el-input-number style="width:100px ;" size="medium" :controls="false" v-model="ruleForm.fangnum"></el-input-number>
|
|
|
+ <el-input-number style="width:100px ;" size="medium" :controls="false"
|
|
|
+ v-model="ruleForm.fangnum"></el-input-number>
|
|
|
<span>间</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="width:350px ;" label="酒店套房" prop="desc">
|
|
|
- <el-input-number style="width:100px ;" size="medium" :controls="false" v-model="ruleForm.fangnum"></el-input-number>
|
|
|
+ <el-input-number style="width:100px ;" size="medium" :controls="false"
|
|
|
+ v-model="ruleForm.fangnum"></el-input-number>
|
|
|
<span>间</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="width:350px ;" label="其他房型" prop="desc">
|
|
|
- <el-input-number style="width:100px ;" size="medium" :controls="false" v-model="ruleForm.fangnum"></el-input-number>
|
|
|
+ <el-input-number style="width:100px ;" size="medium" :controls="false"
|
|
|
+ v-model="ruleForm.fangnum"></el-input-number>
|
|
|
<span>间</span>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
@@ -215,14 +177,16 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="width:350px ;" label="地税" prop="desc">
|
|
|
- <el-input-number :precision="2" style="width:100px ;" size="medium" :controls="false" v-model="ruleForm.fangnum"></el-input-number>
|
|
|
+ <el-input-number :precision="2" style="width:100px ;" size="medium" :controls="false"
|
|
|
+ v-model="ruleForm.fangnum"></el-input-number>
|
|
|
<el-select style="width:100px ;" size="medium" v-model="ruleForm.region" placeholder="请选择">
|
|
|
<el-option label="CNY" value="shanghai"></el-option>
|
|
|
<el-option label="USD" value="beijing"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="width:350px ;" label="城市税" prop="desc">
|
|
|
- <el-input-number :precision="2" style="width:100px ;" size="medium" :controls="false" v-model="ruleForm.fangnum"></el-input-number>
|
|
|
+ <el-input-number :precision="2" style="width:100px ;" size="medium" :controls="false"
|
|
|
+ v-model="ruleForm.fangnum"></el-input-number>
|
|
|
<el-select style="width:100px ;" size="medium" v-model="ruleForm.region" placeholder="请选择">
|
|
|
<el-option label="CNY" value="shanghai"></el-option>
|
|
|
<el-option label="USD" value="beijing"></el-option>
|
|
@@ -231,7 +195,8 @@
|
|
|
</div>
|
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
|
<el-form-item label-width="100px" style="width:350px ;" label="入住类型" prop="region">
|
|
|
- <el-select style="width: 100%;" size="medium" v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
+ <el-select style="width: 100%;" size="medium" v-model="ruleForm.region"
|
|
|
+ placeholder="请选择活动区域">
|
|
|
<el-option label="客人房" value="shanghai"></el-option>
|
|
|
<el-option label="导游房" value="beijing"></el-option>
|
|
|
</el-select>
|
|
@@ -253,7 +218,8 @@
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
|
<el-form-item style="width:350px ;" label="支付方式" prop="region">
|
|
|
- <el-select style="width: 100%;" size="medium" v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
+ <el-select style="width: 100%;" size="medium" v-model="ruleForm.region"
|
|
|
+ placeholder="请选择活动区域">
|
|
|
<el-option label="区域一" value="shanghai"></el-option>
|
|
|
<el-option label="区域二" value="beijing"></el-option>
|
|
|
</el-select>
|
|
@@ -261,11 +227,13 @@
|
|
|
<el-form-item style="width:350px ;" label="消费方式" prop="desc">
|
|
|
<el-input size="medium" type="text" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="date1" style="width:350px ;" label="消费日期" required>
|
|
|
- <el-date-picker size="medium" type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"></el-date-picker>
|
|
|
+ <el-form-item prop="date1" style="width:350px ;" label="消费日期" required>
|
|
|
+ <el-date-picker size="medium" type="date" placeholder="选择日期" v-model="ruleForm.date1"
|
|
|
+ style="width: 100%;"></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="width:350px ;" label="付款金额" prop="desc">
|
|
|
- <el-input-number :precision="2" style="width:100px ;" size="medium" :controls="false" v-model="ruleForm.fangnum"></el-input-number>
|
|
|
+ <el-input-number :precision="2" style="width:100px ;" size="medium" :controls="false"
|
|
|
+ v-model="ruleForm.fangnum"></el-input-number>
|
|
|
<el-select style="width:100px ;" size="medium" v-model="ruleForm.region" placeholder="请选择">
|
|
|
<el-option label="CNY" value="shanghai"></el-option>
|
|
|
<el-option label="USD" value="beijing"></el-option>
|
|
@@ -274,7 +242,8 @@
|
|
|
</div>
|
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
|
<el-form-item style="width:350px ;" label="卡类型" prop="region">
|
|
|
- <el-select style="width: 100%;" size="medium" v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
+ <el-select style="width: 100%;" size="medium" v-model="ruleForm.region"
|
|
|
+ placeholder="请选择活动区域">
|
|
|
<el-option label="区域一" value="shanghai"></el-option>
|
|
|
<el-option label="区域二" value="beijing"></el-option>
|
|
|
</el-select>
|
|
@@ -282,7 +251,7 @@
|
|
|
<el-form-item style="width:350px ;" label="银行卡号" prop="desc">
|
|
|
<el-input size="medium" type="text" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="date1" style="width:350px ;" label="持卡人姓名" required>
|
|
|
+ <el-form-item prop="date1" style="width:350px ;" label="持卡人姓名" required>
|
|
|
<el-input size="medium" type="text" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
@@ -291,7 +260,8 @@
|
|
|
<el-input size="medium" type="text" v-model="ruleForm.desc"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="width:350px ;" label="费用标识" prop="region">
|
|
|
- <el-select style="width: 100%;" size="medium" v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
+ <el-select style="width: 100%;" size="medium" v-model="ruleForm.region"
|
|
|
+ placeholder="请选择活动区域">
|
|
|
<el-option label="区域一" value="shanghai"></el-option>
|
|
|
<el-option label="区域二" value="beijing"></el-option>
|
|
|
</el-select>
|
|
@@ -309,87 +279,87 @@
|
|
|
<script>
|
|
|
export default {
|
|
|
data() {
|
|
|
- return {
|
|
|
- tableData: [{
|
|
|
- date: '2016-05-02',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-04',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1517 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-01',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1519 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-03',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1516 弄'
|
|
|
- }],
|
|
|
- gridData: [{
|
|
|
- date: '2016-05-02',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-04',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-01',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-03',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }],
|
|
|
- ruleForm: {
|
|
|
- name: '',
|
|
|
- region: '',
|
|
|
- date1: '',
|
|
|
- date2: '',
|
|
|
- delivery: false,
|
|
|
- type: [],
|
|
|
- resource: '',
|
|
|
- desc: '',
|
|
|
- fangnum:'',
|
|
|
- },
|
|
|
- rules: {
|
|
|
- name: [
|
|
|
- { required: true, message: '请输入活动名称', trigger: 'blur' },
|
|
|
- { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
|
|
|
- ],
|
|
|
- region: [
|
|
|
- { required: true, message: '请选择活动区域', trigger: 'change' }
|
|
|
- ],
|
|
|
- date1: [
|
|
|
- { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
|
|
|
- ],
|
|
|
- date2: [
|
|
|
- { type: 'date', required: true, message: '请选择时间', trigger: 'change' }
|
|
|
- ],
|
|
|
- type: [
|
|
|
- { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
|
|
|
- ],
|
|
|
- resource: [
|
|
|
- { required: true, message: '请选择活动资源', trigger: 'change' }
|
|
|
- ],
|
|
|
- desc: [
|
|
|
- { required: true, message: '请填写活动形式', trigger: 'blur' }
|
|
|
- ]
|
|
|
+ return {
|
|
|
+ tableData: [{
|
|
|
+ date: '2016-05-02',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-04',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1517 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-01',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1519 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-03',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1516 弄'
|
|
|
+ }],
|
|
|
+ gridData: [{
|
|
|
+ date: '2016-05-02',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-04',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-01',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-03',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }],
|
|
|
+ ruleForm: {
|
|
|
+ name: '',
|
|
|
+ region: '',
|
|
|
+ date1: '',
|
|
|
+ date2: '',
|
|
|
+ delivery: false,
|
|
|
+ type: [],
|
|
|
+ resource: '',
|
|
|
+ desc: '',
|
|
|
+ fangnum: '',
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ name: [
|
|
|
+ { required: true, message: '请输入活动名称', trigger: 'blur' },
|
|
|
+ { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ region: [
|
|
|
+ { required: true, message: '请选择活动区域', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ date1: [
|
|
|
+ { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ date2: [
|
|
|
+ { type: 'date', required: true, message: '请选择时间', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ type: [
|
|
|
+ { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ resource: [
|
|
|
+ { required: true, message: '请选择活动资源', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ desc: [
|
|
|
+ { required: true, message: '请填写活动形式', trigger: 'blur' }
|
|
|
+ ]
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
},
|
|
|
- methods:{
|
|
|
+ methods: {
|
|
|
submitForm(formName) {
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- alert('submit!');
|
|
|
- } else {
|
|
|
- console.log('error submit!!');
|
|
|
- return false;
|
|
|
- }
|
|
|
+ if (valid) {
|
|
|
+ alert('submit!');
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
});
|
|
|
},
|
|
|
resetForm(formName) {
|
|
@@ -399,7 +369,7 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
|
-.hotelr-all{
|
|
|
+.hotelr-all {
|
|
|
background-color: #fff;
|
|
|
padding: 10px;
|
|
|
box-shadow: 0 0 5px #0005;
|
|
@@ -407,53 +377,66 @@ export default {
|
|
|
height: 100%;
|
|
|
min-height: 840px;
|
|
|
}
|
|
|
-.hotelr-head-li label{
|
|
|
+
|
|
|
+.hotelr-head-li label {
|
|
|
color: #606266;
|
|
|
font-size: 15px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
-.hotelr-head{
|
|
|
+
|
|
|
+.hotelr-head {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
-.hotelr-info{
|
|
|
+
|
|
|
+.hotelr-info {
|
|
|
display: flex;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
-.hotelr-info-li{
|
|
|
+
|
|
|
+.hotelr-info-li {
|
|
|
margin-right: 30px;
|
|
|
}
|
|
|
-.hotelr-info-li label{
|
|
|
+
|
|
|
+.hotelr-info-li label {
|
|
|
color: #606266;
|
|
|
font-size: 15px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
-.hotelr-info-li span{
|
|
|
+
|
|
|
+.hotelr-info-li span {
|
|
|
color: #606266;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
-.hotelr-table{
|
|
|
+
|
|
|
+.hotelr-table {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
-.form-head{
|
|
|
+
|
|
|
+.form-head {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
-.hotelr-form{
|
|
|
- margin-top:20px ;
|
|
|
+
|
|
|
+.hotelr-form {
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
-.form-foundationone{
|
|
|
+
|
|
|
+.form-foundationone {
|
|
|
margin-top: 10px;
|
|
|
border-top: 2px solid #409EFF;
|
|
|
padding-top: 20px;
|
|
|
}
|
|
|
-.form-foundationone .el-form-item{
|
|
|
+
|
|
|
+.form-foundationone .el-form-item {
|
|
|
margin-bottom: 12px;
|
|
|
}
|
|
|
-.form-foundationone .el-form-item__error{
|
|
|
+
|
|
|
+.form-foundationone .el-form-item__error {
|
|
|
top: 90%;
|
|
|
}
|
|
|
-.select-bz .el-select{
|
|
|
+
|
|
|
+.select-bz .el-select {
|
|
|
width: 100%;
|
|
|
}
|
|
|
</style>
|