酒店

src/components/hotel.vue

@@ -48,7 +48,8 @@
 <template>
     <section class="add_hotel">
         <el-form label-width="100px" size='small'>
-            <el-row>
+            <!-- 新增 -->
+            <el-row v-if='h_status=="add"'>
                 <el-col :span="12">
                     <el-form-item label="会议名称">
                         <el-input disabled v-model="form.name"></el-input>
@@ -187,14 +188,70 @@
                     <el-button size="small" @click="save" type="primary">继续添加酒店</el-button>
                 </el-col>
             </el-row>
+            <!-- 查看 -->
+            <el-row v-if='h_status=="view"'>
+                <el-col :span="24">
+                    <el-form-item label="会议名称">
+                        <el-input disabled v-model="form.name"></el-input>
+                    </el-form-item>
+                </el-col>   
+                <el-col :span="24">
+                    <el-form-item label="酒店名称">
+                        <el-input disabled v-model="form.name"></el-input>
+                    </el-form-item>
+                </el-col>  
+                <el-col :span="24">
+                    <el-form-item label="酒店地址">
+                        <el-input disabled v-model="form.name"></el-input>
+                    </el-form-item>
+                </el-col>   
+                <el-col :span="24">
+                    <el-form-item label="酒店电话">
+                        <el-input disabled v-model="form.name"></el-input>
+                    </el-form-item>
+                </el-col>   
+                <el-col :span="24">
+                    <el-form-item label="酒店图片">
+                        <ul class="img_list">
+                            <li v-for="(img,i) in form.img" :key='"img"+i'>
+                                <img :src="img" alt="">
+                            </li>
+                        </ul>
+                    </el-form-item>
+                </el-col>   
+                <el-col :span="24" class="hotel_type">
+                    <p style="color:#999;padding:10px 33px;">房型1</p>
+                    <el-form-item label="房型名称">
+                        <p style="color:#666;">
+                            房型名称：|数量：间|可住人数：人|面积：平方米|
+                        楼层：层|床型：|餐食：|窗户：|房型：|房价：
+                        </p>
+                    </el-form-item>
+                    <el-form-item label="房型图片">
+                        <ul class="img_list">
+                            <li v-for="(img,i) in form.img" :key='"img"+i'>
+                                <img :src="img" alt="">
+                            </li>
+                        </ul>
+                    </el-form-item>
+                    <el-form-item label-width="30px">
+                        已经预定：9  &nbsp;&nbsp;剩余：31
+                        <el-button size="big" type="text">查看报名老师</el-button>
+                    </el-form-item>
+                </el-col> 
+            </el-row>
         </el-form>
     </section>
 </template>
 <script>
 export default {
     name:'hotel',
+    props:{
+        status:''
+    },
     data(){
         return{
+            h_status:'view',
             organizerList:[],
             cityList:[],
             form:{
@@ -311,10 +368,20 @@ export default {
                 }
             }
             this.type=h_type
+        },
+        save(){
+
+        }
+    },
+    watch:{
+        status(curVal,oldVal){
+            this.h_status=curVal
         }
     },
     created(){
+        
         this.getData();
+        this.h_status=this.status
     }
 }
 </script>

src/views/conference/Hotel.vue

@@ -38,7 +38,7 @@
                         <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 @click="dialogVisible=true,dialogTitle='添加酒店',status='add'"  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>
@@ -82,8 +82,8 @@
                     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  @click="dialogVisible=true,dialogTitle='酒店信息',status='view'" class="edit"  type="text" >查看</el-button>
+                        <el-button @click="dialogVisible=true,dialogTitle='编辑酒店',status='edit'"  type="text">编辑</el-button>
                         <el-button   class="del" type="text" >删除</el-button>
                     </template>
                     </el-table-column>
@@ -93,7 +93,7 @@
         <el-dialog width="80%" class="hotel"
         :title="dialogTitle" :close-on-click-modal='false'
         :visible.sync="dialogVisible">
-            <Hotel/>
+            <Hotel :status='status'/>
         </el-dialog>
     </section>
 </template>
@@ -116,7 +116,8 @@ export default {
             dialogTitle:'添加酒店',
             dialogVisible:false,
             dialogVisible1:false,
-            dialogVisible2:false
+            dialogVisible2:false,
+            status:'add'
         }
     },
     methods:{