<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Meeting.aspx.cs" Inherits="YZSoft_Forms_XForm_00_HR_Meeting" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <link rel="stylesheet" href="meeting_files/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="meeting_files/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="meeting_files/jquery-ui-1.9.2.custom.css" type="text/css">
    <link rel="stylesheet" href="meeting_files/dclock.css" type="text/css">
    <link rel="stylesheet" href="meeting_files/base.css" type="text/css">
    <link rel="stylesheet" href="meeting_files/select2.css" type="text/css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="meeting_files/jquery-1.9.1.min.js"></script>
    <script src="meeting_files/bootstrap.js"></script>
    <script src="meeting_files/bootstrapValidator.js"></script>
    <script src="meeting_files/bootstrap-datepicker.js"></script>
    <script src="meeting_files/bootstrap-timepicker.js"></script>
    <link href="meeting_files/fullcalendar.css" rel="stylesheet">
    <link href="meeting_files/fullcalendar.print.min.css" rel="stylesheet" media="print">
    <script src="meeting_files/moment.min.js"></script>
    <script src="meeting_files/select2.js"></script>
    <script src="meeting_files/vue.js"></script>

    <script src="meeting_files/fullcalendar.js"></script>
    <script src="meeting_files/locale-all.js"></script>

    <link rel="stylesheet" href="meeting_files/common.css" type="text/css">
    <link rel="stylesheet" href="meeting_files/employee.css" type="text/css">
    <link rel="stylesheet" href="meeting_files/meeting.css" type="text/css">
    <link href="meeting_files/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link href="meeting_files/scheduler.min.css" rel="stylesheet">
    <link rel="stylesheet" href="meeting_files/jquery.fileupload.css">
    <link rel="stylesheet" href="meeting_files/bwizard.min.css">
    <script src="meeting_files/fullcalendar.min.js"></script>
    <script src="meeting_files/scheduler.min.js"></script>
    <script src="meeting_files/meetingcalendar.js"></script>
    <script src="meeting_files/jquery.toaster.js"></script>
    <!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
    <script src="meeting_files/jquery.ui.widget.js"></script>
    <!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
    <script src="meeting_files/jquery.iframe-transport.js"></script>
    <!-- The basic File Upload plugin -->
    <script src="meeting_files/jquery.fileupload.js"></script>
    <script>


    </script>
    <style>
    </style>
</head>
<body>
  
    
    <div id="meeting_calendar">
        <div class="left-menu">
           
        </div>
        <div class="row">
            <div id='calendar' class="meeting-calendar">

            </div>
            <div class="right-detail">
                <div class="title">
                    <div class="subtitle">已经预定会议</div>
                    <div class="double-right" v-on:click="zoomDetail"><span class="fa fa-angle-double-right"></span></div>
                </div>
                <div class="item"  v-for="(item,i) in all_meeting">
                    <div class="date-title row">
                        <div class="col-md-8">{{item.date}}</div>
                        <div class="col-md-4 text-right" v-on:click="zoomitemmeeting"><span class="fa fa-angle-double-up"></span></div>
                    </div>
                    <div class="items">
                        <div class="itemList" v-for="(v,id) in item.ItemList" v-on:click="updItemColor" v-bind:id="v.resourceId">
                            <div class="calendarBusy"></div>
                            <div class="meeting-detail">
                                <div class="col-md-9">
                                    <div class="col-md-12" style="padding:0">
                                        <div class="col-md-3" style="padding:0">{{v.start}}</div>
                                        <div class="col-md-9"><strong>{{v.sub_title}}</strong></div>
                                    </div>
                                    <div class="col-md-12" style="padding:0">
                                        <div class="col-md-3" style="padding:0">{{v.end}}</div>
                                        <div class="col-md-9">{{v.sub_MRName}}</div>
                                    </div>
                                </div>
                                <template v-if="v.editable === true">
                                    <div class="col-md-3" v-on:click="onCancel(v.id)"><span class="btn right-cancel">取消</span></div>
                                </template>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="double-left hidden">
                <div class="double-right" v-on:click="zoomDetail">
                    <span class="fa fa-angle-double-left"></span>
                </div>
            </div>
        </div>

        <div class="modal fade" id="search_meet_modal" v-for="(configitem,idx) in searchmeetingconfig" v-if="(idx == 0)">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">查询符合您的会议室</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>选择位置</label>
                            <select id="floor-select-input" class="form-control" onchange="OnfoolrChanged(this.options[this.options.selectedIndex].value)">
                                <option v-for="item in foolrlist" v-bind:value="item.Id">{{item.FloorName}}</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>选择会议室</label>
                            <select id="meetingroom-select-input" class="form-control">
                                <option v-for="item in meetingroomlist" v-bind:value="item.Id">{{item.MRName}}</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>会议日期</label>
                            <div class="input-group date form_date" id="meeting-date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input11" data-link-format="yyyy-mm-dd">
                                <input class="form-control" v-model="configitem.MeetingDate" id="input-meeting-date" size="16" type="text" value="" readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                            <input type="hidden" id="dtp_input11" value="" /><br/>
                        </div>
                        <div class="form-group">
                            <label>开始时间</label>

                            <div class="input-group date form_time" id="start-time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input12" data-link-format="hh:ii">
                                <input class="form-control" v-model="configitem.StartTime" id="input-start-time" size="16" type="text" value="" readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                            </div>
                            <input type="hidden" id="dtp_input12" value="" /><br/>

                        </div>

                        <div class="form-group">
                            <label>结束时间</label>

                            <div class="input-group date form_time" id="end-time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input13" data-link-format="hh:ii">
                                <input class="form-control" v-model="configitem.EndTime" id="input-end-time" size="16" type="text" value="" readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                            </div>
                            <input type="hidden" id="dtp_input13" value="" /><br/>

                        </div>
                        <div class="form-group text-center">
                            <button name="submit" class="btn btn-primary" v-on:click="on_search_meeting()" style="width:150px;">查询</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="add_meet_modal" v-for="(meetingitem,idx) in addmeeting" v-if="(idx == 0)">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">创建会议</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form" id="add_meet_form">
                            <div class="form-group">
                                <label class="col-md-2">会议主题</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.Title" class="form-control" placeholder="请输入会议主题" name="meetingtitle">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">会议日期</label>

                                <div class="input-group date form_date col-md-10" id="add-meeting-date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input1" data-link-format="yyyy-mm-dd">
                                    <input class="form-control" v-model="meetingitem.MeetingDate" id="input-add-meeting-date" size="16" type="text" value="" readonly>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                </div>
                                <input type="hidden" id="dtp_input1" value="" /><br/>
                            </div>

                            <div class="form-group">
                                <label class="col-md-2">开始时间</label>

                                <div class="input-group date form_time col-md-10" id="add-start-time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input2" data-link-format="hh:ii">
                                    <input class="form-control" v-model="meetingitem.StartTime" id="input-add-start-time" size="16" type="text" value="" readonly>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                                </div>
                                <input type="hidden" id="dtp_input2" value="" /><br/>

                            </div>

                            <div class="form-group">
                                <label class="col-md-2">结束时间</label>

                                <div class="input-group date form_time col-md-10" id="add-end-time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input3" data-link-format="hh:ii">
                                    <input class="form-control" v-model="meetingitem.EndTime" id="input-add-end-time" size="16" type="text" value="" readonly>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                                </div>
                                <input type="hidden" id="dtp_input3" value="" /><br/>

                            </div>
                            <div class="form-group">
                                <label class="col-md-2">预订人</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.BookPerson" class="form-control" placeholder="请输入会议预订人" name="bookperson">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">是否需要签到</label>
                                <div class="col-md-10">
                                    <label class="radio-inline">
                                        <input type="radio" name="NeedCheckIn" value="0" checked> 不需要
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="NeedCheckIn" value="1"> 需要
                                    </label>
                                </div>
                            </div>
                            <div class="form-group CheckWay hidden">
                                <label class="col-md-2">签到方式</label>
                                <div class="col-md-10">
                                    <select class="form-control">
                                        <option value="1">二维码签到</option>
                                        <option value="2">门禁签到</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">参会人员</label>
                                <div class="col-md-10" style="padding-right:0;">
                                    <select id="s2_multi_value" class="form-control" multiple></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">临时人员</label>
                                <div class="col-md-6" style="padding-right:0;">
                                    <select id="temp_s2_multi_value" class="form-control" multiple></select>
                                </div>
                                <div class="col-md-4" style="padding-left:0;">
                                    <span style="width:100%;" class="btn btn-default" v-on:click="addOutside()">添加临时参会人员</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">预定服务</label>
                                <div class="col-md-10">
                                    <select id="s2_multi_service_value" class="form-control" multiple>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">会议附件</label>
                                <div class="col-md-10">
                                    <div class="col-md-9" style="padding: 0;">
                                        <input type="text" id="Access_text" placeholder="上传附件，也可以不传附件" class="form-control">
                                        <input type="text" id="Access" class="form-control hidden">
                                    </div>
                                    <div class="col-md-3" style="padding: 0;">
                                        <span class="btn btn-default fileinput-button">
                                            <i class="glyphicon glyphicon-plus"></i> 
                                            <span>上传文件</span> 
                                            <input id="fileupload" type="file" name="files[]" multiple="multiple">
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">备注</label>
                                <div class="col-md-10">
                                    <textarea class="form-control" placeholder="留点什么吧！" v-model="meetingitem.Remark"></textarea>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="form-group">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button name="submit" class="btn btn-primary" v-on:click="on_save_meeting()">确定</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
        <!-- Button trigger modal -->
        <!-- Modal -->

        <div class="modal fade" id="update_meet_modal" v-for="(meetingitem,idx) in updatemeeting" v-if="(idx == 0)">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">修改会议信息</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form" id="update_meet_form">
                            <div class="form-group">
                                <label class="col-md-2">会议主题</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.Title" class="form-control" name="meetingtitle">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-2">会议日期</label>

                                <div class="input-group date form_date col-md-10" id="update-meeting-date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input5" data-link-format="yyyy-mm-dd">
                                    <input class="form-control" v-model="meetingitem.MeetingDate" id="input-update-meeting-date" size="16" type="text" value="" readonly>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                </div>
                                <input type="hidden" id="dtp_input5" value="" /><br/>
                            </div>

                            <div class="form-group">
                                <label class="col-md-2">开始时间</label>

                                <div class="input-group date form_time col-md-10" id="update-start-time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input6" data-link-format="hh:ii">
                                    <input class="form-control" v-model="meetingitem.StartTime" id="input-update-start-time" size="16" type="text" value="" readonly>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                                </div>
                                <input type="hidden" id="dtp_input6" value="" /><br/>

                            </div>

                            <div class="form-group">
                                <label class="col-md-2">结束时间</label>

                                <div class="input-group date form_time col-md-10" id="update-end-time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input7" data-link-format="hh:ii">
                                    <input class="form-control" v-model="meetingitem.EndTime" id="input-update-end-time" size="16" type="text" value="" readonly>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                                </div>
                                <input type="hidden" id="dtp_input7" value="" /><br/>

                            </div>


                            <div class="form-group">
                                <label class="col-md-2">预订人</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.BookPerson" class="form-control" placeholder="请输入会议预订人" name="bookperson">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">是否需要签到</label>
                                <div class="col-md-10">
                                    <label class="radio-inline">
                                        <input type="radio" name="updateNeedCheckIn" value="0"> 不需要
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="updateNeedCheckIn" value="1"> 需要
                                    </label>
                                </div>
                            </div>
                            <div class="form-group updateCheckWay hidden">
                                <label class="col-md-2">签到方式</label>
                                <div class="col-md-10">
                                    <select class="form-control">
                                        <option value="1">二维码签到</option>
                                        <option value="2">门禁签到</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">参会人员</label>
                                <div class="col-md-10" style="padding-right:0;">
                                    <select id="update_s2_multi_value" class="form-control" multiple></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">临时人员</label>
                                <div class="col-md-6" style="padding-right:0;">
                                    <select id="update_temp_s2_multi_value" class="form-control" multiple></select>
                                </div>
                                <div class="col-md-4" style="padding-left:0;">
                                    <span style="width:100%;" class="btn btn-default" v-on:click="addOutside()">添加临时参会人员</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">预定服务</label>
                                <div class="col-md-10">
                                    <select id="update_s2_multi_service_value" class="form-control" multiple>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">会议附件</label>
                                <div class="col-md-10"><div class="col-md-9" style="padding: 0;">
                                    <input type="text" id="update_Access_text" class="form-control">
                                    <input type="text" id="update_Access" class="form-control hidden"></div>
                                    <div class="col-md-3" style="padding: 0;">
                                        <span class="btn btn-default fileinput-button">
                                            <i class="glyphicon glyphicon-plus"></i> 
                                            <span>上传文件</span> 
                                            <input id="update_fileupload" type="file" name="files[]" multiple="multiple">
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">备注</label>
                                <div class="col-md-10">
                                    <textarea class="form-control" v-model="meetingitem.Remark"></textarea>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="form-group">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button name="submit" class="btn btn-primary" v-on:click="on_update_meeting()">确定</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div><!-- /.modal -->

        <div class="modal fade" id="show_meeting_info_modal" v-for="(meetingitem,idx) in showmeeting" v-if="(idx == 0)">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">会议信息</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form" id="show_meeting_info_form">
                            <div class="form-group">
                                <label class="col-md-2">会议主题</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.Title" class="form-control" name="meetingtitle" readonly>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-2">会议日期</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.MeetingDate" class="form-control" name="meetingdate" readonly>
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="col-md-2">开始时间</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.StartTime" class="form-control" name="starttime" readonly>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-2">结束时间</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.EndTime" class="form-control" name="endtime" readonly>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-2">预订人</label>
                                <div class="col-md-10">
                                    <input type="text" v-model="meetingitem.BookPerson" class="form-control"  name="bookperson" readonly>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">是否需要签到</label>
                                <div class="col-md-10">
                                    <label class="radio-inline">
                                        <input type="radio" name="showNeedCheckIn" value="0" disabled> 不需要
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="showNeedCheckIn" value="1" disabled> 需要
                                    </label>
                                </div>
                            </div>
                            <div class="form-group showCheckWay hidden">
                                <label class="col-md-2">签到方式</label>
                                <div class="col-md-10">
                                    <select class="form-control" readonly>
                                        <option>二维码签到</option>
                                        <option>门禁签到</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">参会人员</label>
                                <div class="col-md-10" style="padding-right:0;">
                                    <select id="showmeetinginfo_s2_multi_value" class="form-control" multiple disabled="disabled"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">临时人员</label>
                                <div class="col-md-6" style="padding-right:0;">
                                    <select id="show_temp_s2_multi_value" class="form-control" multiple disabled="disabled"></select>
                                </div>
                                <div class="col-md-4" style="padding-left:0;">
                                    <span style="width:100%;" class="btn btn-default" v-on:click="addOutside()" disabled="disabled">添加临时参会人员</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">预定服务</label>
                                <div class="col-md-10">
                                    <select id="showmeetinginfo_s2_multi_service_value" class="form-control" multiple disabled="disabled">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">会议附件</label>
                                <div class="col-md-10">
                                    <div class="col-md-9" style="padding: 0;">
                                        <input type="text" id="showmeetinginfo_Access_text" class="form-control">
                                        <input type="text" id="showmeetinginfo_Access" class="form-control hidden">
                                    </div>
                                    <div class="col-md-3" style="padding: 0;">
                                        <span class="btn btn-default fileinput-button" disabled="disabled">
                                            <i class="glyphicon glyphicon-plus"></i> 
                                            <span>上传文件</span> 
                                            <input type="file" name="files[]" multiple="multiple">
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2">备注</label>
                                <div class="col-md-10">
                                    <textarea class="form-control" v-model="meetingitem.Remark" readonly></textarea>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="form-group">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div><!-- /.modal -->

        <div class="hide" id="popnewmeetingmenu" style="width: 100px;height:50px">
            <ul class="pop-menu" role="menu">
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#" v-on:click="on_create_meeting()">快速预定会议</a>
                </li>
            </ul>
        </div>

        <div class="hide" id="popmeetinginfomenu" style="width: 100px;height:50px">
            <ul class="pop-menu" role="menu">
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#" v-on:click="on_meeting_info()">查看会议信息</a>
                </li>
            </ul>
        </div>

        <div class="hide" id="popmeetinginfoopmenu" style="width: 100px;height:50px">
            <ul class="pop-menu" role="menu">
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#" v-on:click="on_meeting_info()">查看会议信息</a>
                </li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#" v-on:click="on_meeting_update()">修改会议信息</a>
                </li>
                <li role="presentation">
                    <a role="menuitem" tabindex="-1" href="#" v-on:click="on_meeting_cancel()">取消会议</a>
                </li>
            </ul>
        </div>

        <div class="modal fade" id="historybook_modal" tabindex="-1" role="dialog" aria-hidden="true">
	        <div class="modal-dialog">
		        <div class="modal-content"  style="width:800px;">
			        <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					        &times;
				        </button>
				        <h4 class="modal-title">
					        历史预订
				        </h4>
			        </div>
			        <div class="modal-body">
                        <div class="row">
                            <div class="col-md-9" v-for="(item,i)  in searchHistorybook">
                                <div class="form-group col-md-6">
                                        <label class="col-md-3">开始日期</label>
                                        <div class="input-group date form_date col-md-9" id="history-start-date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input15" data-link-format="yyyy-mm-dd">
                                            <input class="form-control" v-model="item.beginDate" size="16" type="text" value="" readonly>
                                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                        </div>
                                        <input type="hidden" id="dtp_input15" value="" /><br/>
                                </div>
                                <div class="form-group col-md-6">
                                        <label class="col-md-3">结束日期</label>
                                        <div class="input-group date form_date col-md-9" id="history-end-date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input16" data-link-format="yyyy-mm-dd">
                                            <input class="form-control" v-model="item.endDate" size="16" type="text" value="" readonly>
                                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                        </div>
                                        <input type="hidden" id="dtp_input16" value="" /><br/>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <button class="btn btn-primary" v-on:click="searchhistorymeeting()">查询</button>
                            </div>
                        </div>
				        <div class="row">
								<div class="col-12">
									<table class="table table-bordered">
										<thead>
											<tr>
												<th>会议名称</th>
                                                <th>会议室</th>
												<th>创建日期</th>
												<th>开始时间</th>
												<th>结束时间</th>
												<th>参与人</th>
											</tr>
										</thead>
										<tbody>
											<template v-for="(v,i)  in historybookdata">
												<tr>
													<td>{{v.Title}}</td>
                                                    <td>{{v.MRName}}</td>
													<td>{{v.MeetingDate}}</td>
													<td>{{v.StartTime}}</td>
													<td>{{v.EndTime}}</td>
                                                    <td>{{v.EmpName}}</td>
											    </tr>
											</template>
										</tbody>
									</table>
                                    <pages v-bind:page_info="page_info" v-bind:change_page="change_page" ></pages>
								</div>
							</div>

			        </div>
			        <div class="modal-footer">
				        <button type="button" class="btn btn-danger"  data-dismiss="modal">
					        取消
				        </button>
			        </div>
		        </div><!-- /.modal-content -->
	        </div><!-- /.modal -->
        </div>

        <div class="modal fade" id="addMettingStep" tabindex="-1" role="dialog" aria-hidden="true">
	    <div class="modal-dialog">
		    <div class="modal-content"  style="width:800px;">
			    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">会议预定</h4>
			        </div>
			    <div class="modal-body">
                    <div id="rootwizard">
                            <div class="navbar">
	                          <div class="navbar-inner">
	                            <div class="container">
                                    <ul>
					  	                <li><a href="#tab1" data-toggle="tab"><span class="label">1</span> 填写会议主题</a></li>
						                <li><a href="#tab2" data-toggle="tab"><span class="label">2</span> 选择会议室</a></li>
						                <li><a href="#tab3" data-toggle="tab"><span class="label">3</span> 选择服务</a></li>
						                <li><a href="#tab4" data-toggle="tab"><span class="label">4</span> 完成页面</a></li>
					                </ul>
                                </div>
                              </div>
                           </div> 
                            <div class="tab-content">
					            <div class="tab-pane" id="tab1">
                                    <form class="form-horizontal" role="form" id="step1_form">
                                        <div class="form-group">
                                            <label class="col-md-2">会议主题</label>
                                            <div class="col-md-10">
                                                <input type="text" class="form-control" placeholder="请输入会议主题" name="stepmeetingtitle">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2">会议日期</label>

                                            <div class="input-group date form_date col-md-10" id="step-meeting-date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input_step_meeting" data-link-format="yyyy-mm-dd">
                                                <input class="form-control" name="stepMeetingDate" id="input-step-meeting-date" size="16" type="text" value="" readonly>
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                            </div>
                                            <input type="hidden" id="dtp_input_step_meeting" value="" /><br/>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2">开始时间</label>

                                            <div class="input-group date form_time col-md-10" id="step-start-time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input_setp_start" data-link-format="hh:ii">
                                                <input class="form-control" name="stepStartTime" id="input-step-start-time" size="16" type="text" value="" readonly>
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                                            </div>
                                            <input type="hidden" id="dtp_input_setp_start" value="" /><br/>

                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-2">结束时间</label>

                                            <div class="input-group date form_time col-md-10" id="step-end-time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input_step_end" data-link-format="hh:ii">
                                                <input class="form-control" name="stepEndTime" id="input-step-end-time" size="16" type="text" value="" readonly>
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
                                            </div>
                                            <input type="hidden" id="dtp_input_step_end" value="" /><br/>

                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2">预订人</label>
                                            <div class="col-md-10">
                                                <input type="text" class="form-control" placeholder="请输入会议预订人" name="stepbookperson">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-md-2">是否需要签到</label>
                                            <div class="col-md-10">
                                                <label class="radio-inline">
                                                  <input type="radio" name="stepNeedCheckIn" value="0" checked> 不需要
                                                </label>
                                                <label class="radio-inline">
                                                  <input type="radio" name="stepNeedCheckIn" value="1"> 需要
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group stepCheckWay hidden">
                                            <label class="col-md-2">签到方式</label>
                                            <div class="col-md-10">
                                                <select class="form-control">
                                                    <option value="1">二维码签到</option>
                                                    <option value="2">门禁签到</option>
                                                </select>
                                            </div>
                                        </div>
                                </form>
					            </div>
					            <div class="tab-pane" id="tab2">
					              <form  class="form-horizontal" role="form" id="step2_form">
                                    <div class="form-group">
                                        <label class="col-md-2">选择会议室</label>
                                        <div class="col-md-10">
                                            <select id="step_selectmettingroom_s2_multi_value"  onchange="OnMeetingroomChanged(this.options[this.options.selectedIndex].value)" class="form-control" multiple></select>
                                        </div>
                                    </div>
			                        <div class="form-group">
                                        <label class="col-md-2">参会人员</label>
                                        <div class="col-md-10" style="padding-right:0;">
                                            <select id="step_person_s2_multi_value" class="form-control" multiple></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-2">临时人员</label>
                                        <div class="col-md-6" style="padding-right:0;">
                                            <select id="step_temp_s2_multi_value" class="form-control" multiple></select>
                                        </div>
                                        <div class="col-md-4" style="padding-left:0;">
                                            <span style="width:100%;" class="btn btn-default" v-on:click="addOutside()">添加临时参会人员</span>
                                        </div>
                                    </div>
                                </form>
					            </div>
						        <div class="tab-pane" id="tab3">
                                    <form class="form-horizontal" role="form" id="step3_form">
                                        <div class="form-group">
                                                    <label class="col-md-2">预定服务</label>
                                                    <div class="col-md-10">
                                                        <select id="step_s2_multi_service_value" class="form-control" multiple>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-md-2">会议附件</label>
                                                    <div class="col-md-10">
                                                        <div class="col-md-9" style="padding: 0;">
                                                            <input type="text" id="step_Access_text" class="form-control">
                                                            <input type="text" id="step_Access" class="form-control hidden">
                                                        </div>
                                                        <div class="col-md-3" style="padding: 0;">
                                                            <span class="btn btn-default fileinput-button">
                                                                <i class="glyphicon glyphicon-plus"></i> 
                                                                <span>上传文件</span> 
                                                                <input id="step_fileupload" type="file" name="files[]" multiple="multiple">
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-md-2">备注</label>
                                                    <div class="col-md-10">
                                                        <textarea class="form-control" name="stepRemark"></textarea>
                                                    </div>
                                                </div>
				                    </form>
					            </div>
						        <div class="tab-pane" id="tab4">
							        <p id="textSuccess">恭喜您成功预定会议。</p>
					            </div>
						        <ul class="pager wizard">
                                    <li class="previous first" style="display:none;"><a href="#">First</a></li>
							        <li class="previous"><a href="javascript:;">上一步</a></li>
                                    <li class="next last" style="display:none;"><a href="#">Last</a></li>
						  	        <li class="next"><a href="javascript:;">下一步</a></li>
                                    <li class="finish"><a href="javascript:;">完成</a></li>
						        </ul>
                            </div>
			            </div>
                </div>
		    </div><!-- /.modal-content -->
	    </div><!-- /.modal -->
    </div>

        <div class="modal fade" id="tempPersonModal" tabindex="-1" role="dialog" aria-hidden="true">
	        <div class="modal-dialog">
		        <div class="modal-content">
			        <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					        &times;
				        </button>
				        <h4 class="modal-title">
					        添加临时参会人员
				        </h4>
			        </div>
			        <div class="modal-body">
				        <form class="form-horizontal" id="temp_form">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">姓名：</label>
                                <div class="col-sm-8">
                                  <input type="text" class="form-control" name="tempname" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">联系电话号：</label>
                                <div class="col-sm-8">
                                  <input type="text" class="form-control" name="temptelphone">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">邮箱：</label>
                                <div class="col-sm-8">
                                  <input type="text" class="form-control" name="tempemail">
                                </div>
                            </div>
				        </form>
			        </div>
			        <div class="modal-footer">
				        <button type="button" class="btn btn-success" v-on:click="addTempperson()">确定
				        </button>
				        <button type="button" class="btn btn-danger"  data-dismiss="modal">
					        取消
				        </button>
			        </div>
		        </div><!-- /.modal-content -->
	        </div><!-- /.modal -->
        </div>
    </div>


    <div id="loading" class="hidden">
        <div class="loadbox">
            <div class="loadlogo" style="background-image: url('images/default_thum.png ');"></div>
            <div class="loadbg"></div>
        </div>
    </div>

   
    <div class="modal fade" id="phone_modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title">
					手机微信预约
				</h4>
			</div>
			<div class="modal-body">
                <div class="text-center"><img width="200" id="qrcode_img" src="http://rm.somaicloud.com/Resources/qrcode/wxrmeeting.png" /></div>
                <div class="text-center">微信扫一扫预约会议</div>
                <div class="qrcode_detail">
                    <p><strong>复制地址</strong></p>
                    <p>请复制下面地址链接到您的微信公众号菜单，企业人员可以直接使用微信预约会议。</p>
                    <p>地址：<strong id="appAddress">rm.somaicloud.com/Play/appLogin.html</strong></p>
                </div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger"  data-dismiss="modal">
					确定
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

    


   <%-- <script src="js/playcomm.js?ff"></script>
    <script src="js/userinfo.js"></script>
    <script src="js/meeting.js"></script>--%>
    <script src="meeting_files/playcomm.js"></script>
    <script src="meeting_files/userinfo.js"></script>
    <script src="meeting_files/meeting.js"></script>

    <script type="text/javascript" src="meeting_files/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="meeting_files/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript" src="meeting_files/bootstrap.wizard.js"></script>



</body>
<script>
    $(function () {
        getSession();
    })
</script>
</html>
