yrxzy/src/views/conference/Apply.vue

<template>
    <section>
        <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-input clearable placeholder="请输入姓名" v-model="form.name"></el-input>
                    </el-form-item>
                    <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 plain icon="el-icon-download" type="primary">导出Excel</el-button>
                    </el-form-item>
                </el-form>
            </div>
            <el-tabs v-model="order_status" @tab-click="tabClick">
                <el-tab-pane name="-3" label="待审核"></el-tab-pane>
                <el-tab-pane name="-1" label="待缴费"></el-tab-pane>
                <el-tab-pane name="0" label="待上传凭证"></el-tab-pane>
                <el-tab-pane name="-2" label="待选酒店"></el-tab-pane>
                <el-tab-pane name="1" label="待核销"></el-tab-pane>
                <el-tab-pane name="2" label="已核销"></el-tab-pane>
            </el-tabs>
             <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=""  
                    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=""  
                    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  class="edit"  type="text" >审核</el-button>
                        <el-button  type="text">发票详情</el-button>
                        <el-button    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>
    </section>
</template>
<script>
import Page from '../../components/Page';
export default {
    components:{
        Page
    },
    data(){
        return{
            form:{},
            order_status:'-3',
            list:[{}],
            total:0,
            loading:false
        }
    },
    methods:{
        gopage(size){
            if(size){
                this.form.page_size=size
            }
            this.form.page=this.$refs.pageButton.page
            this.getData()
        },
        tabClick(){

        }
    }
}
</script>