酒店

src/components/hotel.vue

@@ -17,6 +17,32 @@
                 width: 130px;
             }
         }
+        .img_list{
+            li{
+                display: inline-block;
+                width: 148px;
+                height: 148px;
+                margin: 10px;
+                position: relative;
+                overflow: hidden;
+                img{
+                    width: 100%;
+                }
+                .el-icon-delete{
+                    color: red;
+                    font-size: 18px;
+                }
+                .move{
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    width: 100%;
+                    text-align: center;
+                    background: rgba(0, 0, 0, 0.527);
+                    color: #fff;
+                }
+            }
+        }
     }
 </style>
 <template>
@@ -59,76 +85,107 @@
                 </el-col> 
                 <el-col :span="24">
                     <el-form-item label="酒店图片" class="hotel_imgs">
-                            <el-upload
-                                action="/api/admin/uploadfile"
-                                list-type="picture-card">
-                                <i class="el-icon-plus"></i>
-                            </el-upload>
-                            <span style='font-size:12px;color:#999999;'>建议图片尺寸为：210*160</span>
+                            <ul class="img_list">
+                                <li v-for="(item,index) in form.img" :key='index'>
+                                    <img :src="item" alt="">
+                                    
+                                    <p class="move"><i @click="left_right(index,-1)"><i class="el-icon-caret-left"></i> 左移</i>
+                                    &nbsp;&nbsp;<i @click="remove(index)" class="el-icon-delete"></i>&nbsp;&nbsp;
+                                    <i @click="left_right(index,1)">右移<i class="el-icon-caret-right"></i> </i></p>
+                                </li>
+                                <li>
+                                    <el-upload  :on-success='imgchange'  
+                                        action="/api/admin/uploadfile" :show-file-list='false'
+                                        list-type="picture-card">
+                                        <i class="el-icon-plus"></i>
+                                    </el-upload>
+                                    <span style='font-size:12px;color:#999999;'>建议图片尺寸为：210*160</span>
+                                </li>
+                            </ul>
+                            
                     </el-form-item>
                 </el-col>     
                 <el-col :span="24">
                     <h2 class="title">填写房型信息</h2>                   
                 </el-col>
-                <el-row v-for='(item,index) in form.type' :key='index'>
-                    <el-col :span="20" class="hotel_type" >
-                        <el-form :inline='true' label-width="70px" size="small">
-                            <el-form-item label="房型名称">
-                                <el-input  v-model="item.name" clearable></el-input>
-                            </el-form-item>
-                            <el-form-item label="可住人数">
-                                <el-input  v-model="item.number" clearable></el-input>
-                            </el-form-item>
-                            <el-form-item label="房型数量">
-                                <el-input  v-model="form.amount" clearable></el-input>
-                            </el-form-item>
-                            <el-form-item label="面积">
-                                <el-input   v-model="form.area" clearable></el-input>
-                            </el-form-item>
-                            <el-form-item label="楼层">
-                                <el-input   v-model="form.amount" clearable></el-input>
-                            </el-form-item>
-                            <el-form-item label="床型">
-                                <el-input   v-model="form.floor" clearable></el-input>
-                            </el-form-item>
-                            <el-form-item label="餐食">
-                                <el-input   v-model="form.meal" clearable></el-input>
-                            </el-form-item>
-                            <el-form-item label="窗户">
-                                <el-input   v-model="form.window" clearable></el-input>
-                            </el-form-item>
-                            <el-form-item label="房型">
-                                <el-select v-model="form.mattess" clearable>
-                                    <el-option
-                                        v-for="(item, index) in hotel_type"
-                                        :key="index"
-                                        :label="item.name"
-                                        :value="item.value">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                            <el-form-item label="房价">
-                                <el-input   v-model="form.price" clearable></el-input>
-                            </el-form-item>
-                            <br>
-                            <el-form-item label="酒店图片" class="hotel_imgs">
-                                <el-upload action="/api/admin/uploadfile"
-                                        list-type="picture-card" >
-                                        <i class="el-icon-plus"></i>
-                                </el-upload>
-                                <!-- <span style='font-size:12px;color:#999999;'>建议图片尺寸为：210*160</span> -->
-                            </el-form-item>
-                        </el-form>               
-                    </el-col>
-                    <el-col :span="3" :offset='1'>
-                        <el-button size="mini" plain type="primary" icon='el-icon-top'></el-button><br><br>
-                        <el-button size="mini" plain  type="primary" icon='el-icon-bottom'></el-button><br><br>
-                        <el-button @click="del(index)" size="mini" plain  type="danger" icon='el-icon-delete'></el-button>
-                    </el-col>
-                </el-row>
+                <el-col :span="24">
+                    <el-row v-for='(item,index) in type' :key='index'>
+                        <el-col :span="20" class="hotel_type" >
+                            <el-form :inline='true' label-width="70px" size="small">
+                                <el-form-item label="房型名称">
+                                    <el-input  v-model="item.name" clearable></el-input>
+                                </el-form-item>
+                                <el-form-item label="可住人数">
+                                    <el-input  v-model="item.number" clearable></el-input>
+                                </el-form-item>
+                                <el-form-item label="房型数量">
+                                    <el-input  v-model="item.amount" clearable></el-input>
+                                </el-form-item>
+                                <el-form-item label="面积">
+                                    <el-input   v-model="item.area" clearable></el-input>
+                                </el-form-item>
+                                <el-form-item label="楼层">
+                                    <el-input   v-model="item.amount" clearable></el-input>
+                                </el-form-item>
+                                <el-form-item label="床型">
+                                    <el-input   v-model="item.floor" clearable></el-input>
+                                </el-form-item>
+                                <el-form-item label="餐食">
+                                    <el-input   v-model="item.meal" clearable></el-input>
+                                </el-form-item>
+                                <el-form-item label="窗户">
+                                    <el-input   v-model="item.window" clearable></el-input>
+                                </el-form-item>
+                                <el-form-item label="房型">
+                                    <el-select v-model="item.mattess" clearable>
+                                        <el-option
+                                            v-for="(i, idx) in hotel_type"
+                                            :key="idx"
+                                            :label="i.name"
+                                            :value="i.value">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                                <el-form-item label="房价">
+                                    <el-input   v-model="item.price" clearable></el-input>
+                                </el-form-item>
+                                <br>
+                                <el-form-item label="酒店图片" class="hotel_imgs">
+                                    <ul class="img_list">
+                                        <li v-for="(img,i) in item.img" :key='"img"+i'>
+                                            <img :src="img" alt="">
+                                            <p class="move"><i @click="left_right1(i,index,-1)"><i class="el-icon-caret-left"></i> 左移</i>
+                                            &nbsp;&nbsp;<i @click="remove1(i,index)" class="el-icon-delete"></i>&nbsp;&nbsp;
+                                            <i @click="left_right1(i,index,1)">右移<i class="el-icon-caret-right"></i> </i></p>
+                                        </li>
+                                        <li>
+                                            <el-upload   
+                                                    :on-success="(res,file)=>{imgchange1(index,res,file)}"
+                                                    action="/api/admin/uploadfile" :show-file-list='false'
+                                                    list-type="picture-card" >
+                                                    <i class="el-icon-plus"></i>
+                                            </el-upload>
+                                        </li>
+                                    </ul>
+                                    
+                                    <!-- <span style='font-size:12px;color:#999999;'>建议图片尺寸为：210*160</span> -->
+                                </el-form-item>
+                            </el-form>               
+                        </el-col>
+                        <el-col :span="3" :offset='1'>
+                            <el-button @click="up_down(index,1)" size="mini" plain type="primary" icon='el-icon-top'></el-button><br><br>
+                            <el-button @click="up_down(index,-1)" size="mini" plain  type="primary" icon='el-icon-bottom'></el-button><br><br>
+                            <el-button @click="del(index)" size="mini" plain  type="danger" icon='el-icon-delete'></el-button>
+                        </el-col>
+                    </el-row>
+                </el-col>
                 <el-col :span='24'>
                     <el-button @click="add_type" type="info" plain>添加房型</el-button>
                 </el-col>
+                <el-col :span='24' style="text-align:right;padding:10px;">
+                    <el-button size="small" @click="save" type="primary">保存</el-button>
+                    <el-button size="small" @click="save" type="primary">继续添加酒店</el-button>
+                </el-col>
             </el-row>
         </el-form>
     </section>
@@ -141,10 +198,13 @@ export default {
             organizerList:[],
             cityList:[],
             form:{
-                type:[
-                    {}
-                ]
+                
+                img:[]
             },
+            //房型
+            type:[
+                {img:[]}
+            ],
             hotel_type:[
                 { name:'单人间',value:1 },
                 { name:'一人单住或标间合住',value:2 }
@@ -163,11 +223,94 @@ export default {
         },
         //添加房型
         add_type(){
-            this.form.type.push({})
+            this.type.push({img:[]})
         },
         //删除
         del(index){
-            this.form.type.splice(index,1)
+            this.type.splice(index,1)
+        },
+        //获取酒店图片列表
+        imgchange(file, fileList){
+            var img=this.form.img;
+            img.push(fileList.response.data)
+            this.form.img=img;
+        },
+        //获取酒店房型图片列表
+        imgchange1(i,file, fileList){
+            var img=this.type[i].img;
+            img.push(fileList.response.data)
+            this.type[i].img=img;
+        },
+        remove(index){
+            var img=this.form.img;
+            img.splice(index,1);
+            this.form.img=img;
+        },
+        remove1(i,index){
+            var img=this.type[index].img;
+            img.splice(i,1);
+            this.type[index].img=img;
+        },
+        left_right(index,type){
+            var img=this.form.img;
+            let cur=img[index];
+            if(type == -1){
+                //左移
+                if(index>0){
+                    let left= img[index-1];
+                    this.$set(img,index-1,cur);
+                    this.$set(img,index,left);
+                }
+            }else{
+                //右移
+                if(index<img.length-1){
+                    let right= img[index+1];
+                    this.$set(img,index+1,cur);
+                    this.$set(img,index,right);
+                }
+            }
+            this.form.img=img;
+        },
+        left_right1(i,index,type){
+            var h_type=this.type[index],img=h_type.img;
+            let cur=img[i];
+            if(type == -1){
+                //左移
+                if(i>0){
+                    let left= img[i-1];
+                    this.$set(img,i-1,cur);
+                    this.$set(img,i,left);
+                }
+            }else{
+                //右移
+                if(i<img.length-1){
+                    let right= img[i+1];
+                    this.$set(img,i+1,cur);
+                    this.$set(img,i,right);
+                }
+            }
+            h_type.img=img;
+            this.$set(this.type,index,h_type)
+        },
+        //房型移动
+        up_down(index,type){
+            var h_type=this.type,cur=h_type[index];
+            if(type == 1){
+                //上移
+                if(index>0){
+                    let left= h_type[index-1];
+                    this.$set(h_type,index-1,cur);
+                    this.$set(h_type,index,left);
+                }
+            }else{
+                //下移
+                if(index<h_type.length-1){
+                    let right= h_type[index+1];
+                    this.$set(h_type,index+1,cur);
+                    this.$set(h_type,index,right);
+                }
+            }
+            this.type=h_type
         }
     },
     created(){

src/router.js

@@ -179,7 +179,7 @@ export default new Router({
       isLeaf: 1,
       children: [{
         path: '/conference/checker',
-        component: () => import('./views/message/Message.vue'),
+        component: () => import('./views/conference/Checker.vue'),
         name: '核销员管理'
       }, ]
     },
@@ -192,7 +192,7 @@ export default new Router({
       isLeaf: 1,
       children: [{
         path: '/conference/hotel',
-        component: () => import('./views/message/Message.vue'),
+        component: () => import('./views/conference/Hotel.vue'),
         name: '酒店管理'
       }, ]
     },

src/views/conference/AddConference.vue

@@ -50,12 +50,20 @@
     height:36px;
 }
 // 上传
+
 /deep/.avatar-uploader .el-upload {
+    width: 148px;
+    height: 148px;
+    line-height: 148px;
     border: 1px dashed #d9d9d9;
     border-radius: 6px;
     cursor: pointer;
     position: relative;
     overflow: hidden;
+    .avatar{
+        width: 100%;
+        height: auto;
+    }
 }
 .avatar-uploader .el-upload:hover {
     border-color: #409EFF;
@@ -73,6 +81,11 @@
     height: 68px;
     display: block;
 }
+/deep/.speaker_avatar .el-upload{
+    width: 80px;
+    height: 80px;
+    line-height: 80px;
+}
 .hotel_imgs {
     /deep/.el-upload--picture-card{
     width:79px;
@@ -184,9 +197,12 @@
                 </el-row>
                 <el-form-item label='封面图：'>
                     <el-upload
+                        class="avatar-uploader"
                         action="/api/admin/uploadfile"
-                        list-type="picture-card">
-                        <i class="el-icon-plus"></i>
+                        :show-file-list="false"
+                        :on-success="handleAvatarSuccess">
+                        <img v-if="form.img" :src="form.img" class="avatar">
+                        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                     </el-upload>
                     <span style='font-size:12px;color:#999999;'>建议图片尺寸为：210*160</span>
                 </el-form-item>
@@ -211,12 +227,11 @@
                                     <el-col :span="8">
                                         <el-form-item label="主讲人头像">
                                             <el-upload
-                                                class="avatar-uploader"
+                                                class="avatar-uploader speaker_avatar"
                                                 action="/api/admin/uploadfile"
                                                 :show-file-list="false"
-                                                :on-success="handleAvatarSuccess"
-                                                :before-upload="beforeAvatarUpload">
-                                                <img v-if="imageUrl" :src="imageUrl" class="avatar">
+                                                :on-success="(res,file)=>{handleAvatarSuccess1(index,res,file)}">
+                                                <img v-if="item.img" :src="item.img" class="avatar">
                                                 <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                                             </el-upload>
                                         </el-form-item>
@@ -398,11 +413,7 @@ export default {
                 speaker:[
                     {name:'',intruduce:''}
                 ],
-                hotel:{
-                    type:[
-                        {}
-                    ]
-                }
+                img:''
             },
             optionList: [
                 { name: "成都交通", id: "1" },
@@ -416,8 +427,17 @@ export default {
         };
     },
     methods: {
-        handleAvatarSuccess(){
-
+        //封面
+        handleAvatarSuccess(res, file) {
+            this.form.img = file.response.data;
+            console.log(this.form.img)
+        },
+        //主讲人
+        handleAvatarSuccess1(index,res, file) {
+            var speaker=this.form.speaker[index];
+            speaker.img = file.response.data;
+            this.$set(this.form.speaker,index,speaker)
+            // console.log(this.form.img)
         },
         beforeAvatarUpload(){
 

src/views/conference/Apply.vue

@@ -1,5 +1,29 @@
+<style lang='scss'>
+    .signup_mannage{
+        .bh{
+            font-size: 14px;
+            color: #666;
+            line-height: 27px;
+            margin-bottom: 10px;
+            label{
+                color:#333;
+                font-size: 16px;
+                display: inline-block;
+                padding-right: 10px;
+            }
+        }
+        .hotel{
+            .el-dialog{
+                margin-top: 30px !important;
+                .el-form-item{
+                    margin-bottom: 10px;
+                }
+            }
+        }
+    }
+</style>
 <template>
-    <section>
+    <section class="signup_mannage">
         <p><span>会议管理></span>报名管理</p>
         <div class="content">
             <div class="filter">
@@ -93,18 +117,122 @@
                     label="状态">
                     </el-table-column>
                     <el-table-column  
-                    prop="zip"  width="200" fixed="right"
+                    prop="zip"  width="260" fixed="right"
                     label="操作">
                     <template slot-scope="">
-                        <el-button  class="edit"  type="text" >审核</el-button>
-                        <el-button  type="text">发票详情</el-button>
+                        <el-button  @click="dialogVisible2=true" class="edit"  type="text" >审核</el-button>
+                        <el-button @click="dialogVisible=true"  type="text">发票详情</el-button>
                         <el-button    type="text" >入住凭证</el-button>
+                        <el-button @click="dialogVisible1=true"   type="text" >驳回原因</el-button>
                     </template>
                     </el-table-column>
             </el-table>
             <Page  ref="pageButton" :current='form.page' :page_size='form.page_size' :total='total' @pageChange='gopage'/>
-
         </div>
+        <el-dialog class="hotel"
+        title="发票详情" :close-on-click-modal='false'
+        :visible.sync="dialogVisible">
+           <el-form>
+                    <el-form-item label="用户姓名：">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="手机号：">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="支付方式：">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="发票种类：">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="纳税人识别号：">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="注册地址">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="注册电话：">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="开户行：">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="银行帐号：">
+                        {{invoice.name}}
+                    </el-form-item>
+           </el-form>
+        </el-dialog>
+        <el-dialog width="70%"
+        title="驳回原因" :close-on-click-modal='false'
+        :visible.sync="dialogVisible1">
+           <div class="bh">
+               <label>会议名称</label>
+               建设世界一流科技期刊的思考与探索 ——中国科学院自然科学期刊编辑研究会 第29次年会暨研讨班 正式通知
+                <br>
+                <label>用户姓名</label>张三
+           </div>
+           <el-table
+                    class="table"
+                    :data="reason"
+                    default-expand-all 
+                    style="width: 100%">
+                    <el-table-column
+                    prop="name"  
+                    label="驳回时间">
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"  
+                    label="驳回人">
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"  
+                    label="驳回原因">
+                    </el-table-column>
+           </el-table>
+        </el-dialog>
+        <el-dialog class="hotel"
+        title="审核" :close-on-click-modal='false'
+        :visible.sync="dialogVisible2">
+           <el-form label-width="80px" size='small'>
+                    <el-form-item label="会议名称">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="用户姓名">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="手机号">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="所在城市">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="所属单位">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="入住天数">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="入住时间">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="离开时间">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="报名时间">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="入住凭证">
+                        {{invoice.name}}
+                    </el-form-item>
+                    <el-form-item label="驳回原因">
+                        <el-input  type="textarea" v-model="form.name"></el-input>
+                    </el-form-item>
+                    <el-form-item label="">
+                        <el-button type="primary">通过</el-button>
+                        <el-button type="danger">驳回</el-button>
+                    </el-form-item>
+           </el-form>
+        </el-dialog>
     </section>
 </template>
 <script>
@@ -118,8 +246,13 @@ export default {
             form:{},
             order_status:'-3',
             list:[{}],
+            reason:[],
+            invoice:{},
             total:0,
-            loading:false
+            loading:false,
+            dialogVisible:false,
+            dialogVisible1:false,
+            dialogVisible2:false
         }
     },
     methods:{

src/views/conference/Checker.vue

@@ -0,0 +1,146 @@
+<style lang='scss'>
+    .checker{
+        .el-dialog__footer{
+            text-align: right;
+        }
+    }
+</style>
+<template>
+    <section class="checker">
+        <p><span>会议管理></span>核销员管理</p>
+        <div class="content">
+            <div class="filter">
+                <el-form size="small" label-width="70px" :inline="true"  label-position="left">
+                    <el-form-item label="">
+                            <el-select v-model="form.id" clearable placeholder="请选择会议"></el-select>
+                    </el-form-item>
+                    <el-form-item label="">
+                            <el-select v-model="form.id" clearable placeholder="请选择核销员"></el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button  type="primary">搜索</el-button>
+                    </el-form-item>
+                    <el-form-item style="float:right" >
+                         <el-button @click="dialogVisible=true"  icon="el-icon-plud" type="primary">添加核销员</el-button>
+                        <el-button plain icon="el-icon-download" type="primary">导出Excel</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+             <el-table
+                    class="table"
+                    :data="list"
+                    height='50vh'
+                    border  v-loading="loading"
+                    default-expand-all row-key="id"
+                    style="width: 100%">
+                    <el-table-column
+                    prop="name"  
+                    label="核销员头像">
+                    </el-table-column>
+                    <el-table-column
+                    prop="username"  
+                    label="核销员昵称">
+                    </el-table-column>
+                    <el-table-column
+                    prop="username"  
+                    label="所属会议">
+                    </el-table-column>
+                    <el-table-column
+                    prop="username"  
+                    label="加入时间">
+                    </el-table-column>
+                    <el-table-column
+                    prop=""  
+                    label="核销详细">
+                    </el-table-column>
+                  
+                    <el-table-column  
+                    prop="zip"  width="100" fixed="right"
+                    label="操作">
+                    <template slot-scope="">
+                        <el-button @click="del(scope.row.id)" class="edit"  type="text" >解除核销员</el-button>
+                    </template>
+                    </el-table-column>
+            </el-table>
+            <Page  ref="pageButton" :current='form.page' :page_size='form.page_size' :total='total' @pageChange='gopage'/>
+        </div>
+        
+        <el-dialog width="70%"
+        title="添加核销员" :close-on-click-modal='false'
+        :visible.sync="dialogVisible">
+           <el-button size="small" type="primary">点击获取会议列表</el-button>
+            <span slot="footer" class="dialog-footer">
+                <el-button size="small" type="primary">确 定</el-button>
+            </span>
+        </el-dialog>
+        <el-dialog width="70%"
+        title="会议列表" :close-on-click-modal='false'
+        :visible.sync="dialogVisible1">
+           <el-table
+                    class="table"
+                    :data="list"
+                    default-expand-all 
+                    style="width: 100%">
+                    <el-table-column
+                    prop="name"  
+                    label="会议名称">
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"  
+                    label="会议头像">
+                    </el-table-column>
+                    <el-table-column
+                    prop="name"  
+                    label="创建时间">
+                    </el-table-column>
+           </el-table>
+           <span slot="footer" class="dialog-footer">
+                <el-button size="small" type="primary">确 定</el-button>
+            </span>
+        </el-dialog>
+    </section>
+</template>
+<script>
+import Page from '../../components/Page';
+export default {
+    components:{
+        Page
+    },
+    data(){
+        return{
+            form:{},
+            list:[{}],
+            dialogVisible:false,
+            dialogVisible1:false,
+            loading:false,
+            total:0
+        }
+    },
+    methods:{
+        gopage(size){
+            if(size){
+                this.form.page_size=size
+            }
+            this.form.page=this.$refs.pageButton.page
+            this.getData()
+        },
+        del(id){
+                this.$confirm('确定删除吗', '提示', {
+                        type: 'warning'
+                    }).then(() => {
+                    this.$api.delUser({id:id}).then((res)=>{
+                        if(res.data.code==0){
+                            this.$message({
+                                message: '删除成功',
+                                type: 'success'
+                            })
+                            this.getData()
+                        }else{
+                            this.$message.error(res.data.message);
+                        }
+                    })
+                })
+        },
+    }
+}
+</script>

src/views/conference/Hotel.vue

@@ -0,0 +1,135 @@
+<style lang='scss'>
+    .signup_mannage{
+        .bh{
+            font-size: 14px;
+            color: #666;
+            line-height: 27px;
+            margin-bottom: 10px;
+            label{
+                color:#333;
+                font-size: 16px;
+                display: inline-block;
+                padding-right: 10px;
+            }
+        }
+        .hotel{
+            .el-dialog{
+                margin-top: 30px !important;
+                .el-form-item{
+                    margin-bottom: 10px;
+                }
+            }
+        }
+    }
+</style>
+<template>
+    <section class="signup_mannage">
+        <p><span>会议管理></span>酒店管理</p>
+        <div class="content">
+            <div class="filter">
+                <el-form size="small" label-width="70px" :inline="true"  label-position="left">
+                    <el-form-item label="">
+                            <el-select v-model="form.id" clearable placeholder="请选择会议"></el-select>
+                    </el-form-item>
+                    <el-form-item label="">
+                            <el-select v-model="form.id" clearable placeholder="请选择酒店"></el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button  type="primary">搜索</el-button>
+                    </el-form-item>
+                    <el-form-item style="float:right" >
+                        <el-button @click="dialogVisible=true"  icon="el-icon-plud" type="primary">添加酒店</el-button>
+                        <el-button plain icon="el-icon-download" type="primary">导出Excel</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+             <el-table
+                    class="table"
+                    :data="list"
+                    height='50vh'
+                    border  v-loading="loading"
+                    default-expand-all row-key="id"
+                    style="width: 100%">
+                    <el-table-column
+                    prop="name"  
+                    label="酒店名称">
+                    </el-table-column>
+                    <el-table-column
+                    prop="username"  
+                    label="本次会议名称">
+                    </el-table-column>
+                    <el-table-column
+                    prop="username"  
+                    label="入住人数">
+                    </el-table-column>
+                    <el-table-column
+                    prop="username"  
+                    label="入住率">
+                    </el-table-column>
+                    <el-table-column
+                    prop=""  
+                    label="已举办会议">
+                    </el-table-column>
+                    <el-table-column
+                    prop=""  
+                    label="创建时间">
+                    </el-table-column>
+                    <el-table-column
+                    prop=""  
+                    label="会议时间">
+                    </el-table-column>
+                    <el-table-column  
+                    prop="zip"  width="200" fixed="right"
+                    label="操作">
+                    <template slot-scope="">
+                        <el-button  @click="dialogVisible2=true" class="edit"  type="text" >查看</el-button>
+                        <el-button @click="dialogVisible=true"  type="text">编辑</el-button>
+                        <el-button   class="del" type="text" >删除</el-button>
+                    </template>
+                    </el-table-column>
+            </el-table>
+            <Page  ref="pageButton" :current='form.page' :page_size='form.page_size' :total='total' @pageChange='gopage'/>
+        </div>
+        <el-dialog width="80%" class="hotel"
+        :title="dialogTitle" :close-on-click-modal='false'
+        :visible.sync="dialogVisible">
+            <Hotel/>
+        </el-dialog>
+    </section>
+</template>
+<script>
+import Page from '../../components/Page';
+import Hotel from '../../components/hotel';
+export default {
+    components:{
+        Page,Hotel
+    },
+    data(){
+        return{
+            form:{},
+            order_status:'-3',
+            list:[{}],
+            reason:[],
+            invoice:{},
+            total:0,
+            loading:false,
+            dialogTitle:'添加酒店',
+            dialogVisible:false,
+            dialogVisible1:false,
+            dialogVisible2:false
+        }
+    },
+    methods:{
+        gopage(size){
+            if(size){
+                this.form.page_size=size
+            }
+            this.form.page=this.$refs.pageButton.page
+            this.getData()
+        },
+        tabClick(){
+
+        }
+    }
+}
+</script>

src/views/conference/Manage.vue

@@ -7,6 +7,11 @@
             line-height: 25px !important;
         }
     }
+    .hotel{
+        .el-dialog{
+            margin-top: 30px !important;
+        }
+    }
 </style>
 <template>
     <section>
@@ -68,7 +73,7 @@
                     prop="zip"  width="150"
                     label="操作">
                     <template slot-scope="">
-                        <el-button    type="text" >添加酒店</el-button>
+                        <el-button  @click="dialogVisible=true"  type="text" >添加酒店</el-button>
                         <el-button class="edit" type="text">查看酒店</el-button>
                     </template>
                     </el-table-column>
@@ -76,7 +81,7 @@
             <Page  ref="pageButton" :current='form.page' :page_size='form.page_size' :total='total' @pageChange='gopage'/>
         </div>
 
-        <el-dialog width="80%"
+        <el-dialog width="80%" class="hotel"
         :title="dialogTitle" :close-on-click-modal='false'
         :visible.sync="dialogVisible">
             <Hotel/>
@@ -99,7 +104,7 @@ export default {
       list:[{name:'2333'}],
       loading:false,
       input:'',
-      dialogVisible:true,
+      dialogVisible:false,
       dialogTitle:"添加酒店",
       defaultProps:{},
       data: [],