{extend name="Public/base" /}

{block name="js"}
<script src="__PUBLIC__/js/jquery-3.2.1.min.js"></script>
<script src="__PUBLIC__/item/layui.js"></script>
{/block}

{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/reset.css">
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css">
<link rel="stylesheet" href="__PUBLIC__/css/meet.css">
{/block}

{block name="style"}

{/block}

{block name="main"}

<div class="if_wrap">
    <div class="meet-wrap meet-detail">
    <div class="meet-top">
        <button class="layui-btn layui-btn-primary" onClick="javascript :history.back(-1);">返回</button>
        <!--<button class="layui-btn" id="save-btn" style="float: right">发起会议</button>-->
    </div>
    <div class="meet-con">
        <div class="meet-con-wrap">
            <div class="meet-ul-wrap">
                <ul class="meet-ul">
                    <li>
                        <div class="meet-left flex">
                            <div class="meet-row flex" style="float: left">
                                <div class="room-img"><img src="__PUBLIC__/img/meet-img.jpg" alt=""></div>
                                <div class="room-right">
                                    <div class="room-name">会议主题 ： {$info.meeting_title} <small>会议时间 ：{$info.meeting_start} 至 {$info.meeting_end}</small></div>
                                    <div class="room-tip" style="margin-top: 10px;">会议室地点：{$info.address} {$info.building} {$info.floor} {$info.indoor}</div>
                                    <div class="room-tip" style="margin-top: 10px;">发起人 ： {$info.staff_name}</div>
                                    <div class="room-tip" style="margin-top: 10px;">主持人 ： {$info.host_staff_name}</div>
                                    <div class="room-tip" style="margin-top: 10px;">会议时长 ： {$info.meeting_duration}</div>
                                    <div class="room-tip" style="margin-top: 10px;">
                                        设备 ：
                                        {volist name='device' id='vo'}
                                        <span class="room-span">{$vo}</span>
                                        {/volist}

                                    </div>
                                </div>
                            </div>
                            <div class="meet-row top-right-row">
                                <div>

                                </div>
                                {if condition="$info.status eq 1"}
                                <div class="meet-btn">已预约</div>
                                {elseif condition="$info.status eq 2"}
                                <div class="meet-btn">进行中</div>
                                {elseif condition="$info.status eq 3"}
                                <div class="meet-btn">已结束</div>
                                {elseif condition="$info.status eq 4"}
                                <div class="meet-btn">已取消</div>
                                {/if}

                                {if condition="$info.meeting_is_sp eq 1"}
                                    {if condition="$info.meeting_sp eq 1"}
                                    <div class="meet-btn" style="margin-left: 5px;">已通过</div>
                                    {elseif condition="$info.meeting_sp eq 2"}
                                    <div class="meet-btn" style="margin-left: 5px;">已拒绝</div>
                                    {elseif condition="$info.meeting_sp eq 3"}
                                    <div class="meet-btn" style="margin-left: 5px;">待审批</div>
                                    {/if}
                                {/if}

                            </div>
                        </div>

                    </li>
                </ul>
                <div class="meet-from layui-form" id="form1">

                    <div class="meet-form-left">
                        <!--<div class="meet-form-row flex choose-host">-->
                            <!--<div class="meet-form-label">主持人</div>-->
                            <!--<div class="meet-form-content">-->
                                <!--<span class="border-span host-staff">{$info.host_staff_name}</span>-->
                            <!--</div>-->
                        <!--</div>-->

                        <div class="meet-form-row choose-join">
                            <div class="row-content flex">
                                <div class="meet-form-label">参会人员</div>
                                <div class="meet-form-content join-num">{$join|count}人</div>
                            </div>
                            <div class="row-content flex">
                                <div class="meet-form-label join-staff">

                                    {volist name="join" id="vo"}
                                    <span class="border-span">{$vo}</span>
                                    {/volist}
                                </div>
                                <div class="meet-form-content">
                                </div>

                            </div>
                        </div>


                        <div class="meet-form-row flex">
                            <div class="meet-form-label">
                                操作记录
                            </div>
                        </div>

                        {if condition="$info.meeting_is_sp eq 1"}
                        <div class="meet-form-row flex">
                            <div class="meet-form-label" style="width: 10%;">{$info.admin_staff_name}</div>
                            <div style="width: 50%;">
                                <span>
                                    {if condition="$info.meeting_sp eq 1"}
                                    通过了审批
                                    {elseif condition="$info.meeting_sp eq 2"}
                                    拒绝了审批
                                    {elseif condition="$info.meeting_sp eq 3"}
                                    待审批
                                    {/if}
                                </span>
                            </div>
                            <div class="meet-form-content" style="width: 40%;">
                                <span>{$info.sp_time}</span>
                            </div>
                        </div>
                        {/if}

                        <div class="meet-form-row flex">
                            <div class="meet-form-label" style="width: 10%;">{$info.staff_name}</div>
                            <div style="width: 50%;">
                                <span>预约会议</span>
                            </div>
                            <div class="meet-form-content" style="width: 40%;">
                                <span>{$info.add_time}</span>
                            </div>
                        </div>

                    </div>
                    <div class="meet-form-right">
                        <div class="meet-form-row flex">
                            <div class="right-row-content flex">
                                <span>会议主题：</span>
                                {$info.meeting_title}
                            </div>

                        </div>
                        <div class="meet-form-row flex flex-start">
                            <div class="right-row-content flex flex-start">
                                <span>会议描述：</span>
                                {$info.meeting_content}
                            </div>

                        </div>
                        <div class="meet-form-row">
                            <div class="right-row flex" style="height: 65px;">
                                <div class="right-row-content flex">
                                    <span>会议议题：</span>
                                    {$info.meeting_issue}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>



<script>
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','form'], function () {
        var clickDate = "{$date}";
        var meetingStartTime = null;//会议开始时间
        var meetingEndTime = null;  //会议结束时间
        var meeting_duration = null;//会议持续时长

        var laydate = layui.laydate //日期
                ,laypage = layui.laypage //分页
                ,layer = layui.layer //弹层
                ,table = layui.table //表格
                ,carousel = layui.carousel //轮播
                ,upload = layui.upload //上传
                ,element = layui.element//元素操作
                ,form = layui.form;//表单操作
        function getDay(day){
            var today = new Date();
            var targetday_milliseconds=today.getTime() + 1000*60*60*24*day;
            today.setTime(targetday_milliseconds); //注意，这行是关键代码
            var tYear = today.getFullYear();
            var tMonth = today.getMonth();
            var tDate = today.getDate();
            tMonth = doHandleMonth(tMonth + 1);
            tDate = doHandleMonth(tDate);
            return tYear+"-"+tMonth+"-"+tDate;
        }
        function doHandleMonth(month){
            var m = month;
            if(month.toString().length == 1){
                m = "0" + month;
            }
            return m;
        }



    });
</script>
{/block}