{extend name="Public/base" /}

{block name="js"}
<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="main"}

<div class="if_wrap">
    <div class="meetSet">
        <div class="layui-tab layui-tab-brief">
            <ul class="layui-tab-title">
                <li {if condition="$view_type eq 'list'"} class="layui-this" {/if}>会议室管理</li>
                <li {if condition="$view_type eq 'edit'"} class="layui-this" {/if}>添加会议室</li>
                <li>设置</li>
            </ul>
            <div class="layui-tab-content">
                <div {if condition="$view_type eq 'list'"} class="layui-tab-item layui-show" {else}class="layui-tab-item"{/if}>
                    <div class="meet-con">
                        <div class="meet-con-wrap">
                            <div class="meet-ul-wrap">
                                <div class="meet-top layui-form">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">会议室名称：</label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="search_room_name" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">会议室地点：</label>
                                        <div class="layui-input-inline">
                                            <input type="text" id="search_address" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline" style="margin-left: 10px">
                                        <div class="layui-btn" id="room-search">查询</div>
                                    </div>
                                </div>
                                <div class="meet-ul-con">
                                    <ul class="meet-ul">

                                        <!--
                                        <li>
                                            <div class="meet-left flex">
                                                <div class="meet-set-left meet-row flex">
                                                    <div class="room-img"><img src="__PUBLIC__/img/meet-img.jpg" alt=""></div>
                                                    <div class="room-right">
                                                        <div class="room-name">1号会议室 <small>坐席10人</small></div>
                                                        <div class="room-tip">会议室地点：奥宇科技英巢3号楼509</div>
                                                        <div class="meet-row">
                                                            <span class="room-span">投影仪</span>
                                                            <span class="room-span">投影仪</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="meet-set-right">
                                                    <div class="layui-btn layui-btn-primary">编辑</div>
                                                    <div class="layui-btn layui-btn-primary">禁用</div>
                                                    <div class="layui-btn layui-btn-primary">删除</div>
                                                </div>
                                            </div>
                                        </li>
                                    -->

                                    </ul>
                                    <div id="meet-page"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div {if condition="$view_type eq 'edit'"} class="layui-tab-item layui-show" {else} class="layui-tab-item" {/if}>

                    <div class="meet-con">
                        <form class="layui-form" id="add-room" action="">

                        {notempty name="$roomInfo.id"}
                        <input type="hidden" name="id" value="{$roomInfo.id}">
                        {/notempty}

                        <div class="meet-con-wrap layui-form">
                            <div style="margin-bottom: 4px;">
                                <span class="layui-btn layui-btn-primary"  id="fanhui-btn">返回列表</span>
                            </div>
                            <div class="meet-from"  style="height: 550px;">

                                <div class="meet-form-left">
                                    <!--<div class="meet-form-row flex">-->
                                        <!--<div class="meet-form-label">会议室头像</div>-->
                                        <!--<div class="meet-form-content"><span>请选择</span></div>-->
                                    <!--</div>-->
                                    <div class="meet-form-row">
                                        <div class="row-content flex">
                                            <div class="right-row-content flex">
                                                <span>会议室名称</span>
                                                <input type="text" name="room_name" id="room_name" value="{$roomInfo.room_name}" autocomplete="off" class="meet-label-input meet-right-input layui-input">
                                            </div>
                                            <div class="font-num">0/50</div>
                                            <div class="meet-form-content">*必填</div>
                                        </div>
                                    </div>
                                    <div class="meet-form-row flex">
                                        <div class="row-content flex">
                                            <div class="right-row-content flex">
                                                <span>坐席人数</span>
                                                <input type="text" name="people_num" id="people_num" value="{$roomInfo.people_num}" autocomplete="off" class="meet-label-input meet-right-input layui-input">
                                            </div>
                                            <div class="font-num">请输入最大可容纳的人数</div>
                                            <div class="meet-form-content">*必填</div>
                                        </div>
                                    </div>
                                    <div class="meet-form-row flex">
                                        <div class="row-content flex">
                                            <div class="right-row-content flex">
                                                <span>备注</span>
                                                <input type="text" name="remark" id="remark" value="{$roomInfo.remark}" autocomplete="off" class="meet-label-input meet-right-input layui-input">
                                            </div>
                                            <div class="font-num"></div>
                                        </div>
                                    </div>
                                    <div class="meet-form-row flex select-device">
                                        <div class="meet-form-label">设备配置</div>
                                        <div class="meet-form-content">
                                            {notempty name="$roomInfo.device_name"}
                                            <span class="device_names">{$roomInfo.device_name}</span>
                                            {else}
                                            <span class="device_names">请选择</span>
                                            {/notempty}
                                        </div>
                                    </div>
                                    <div class="meet-form-row flex select-type">
                                        <div class="meet-form-label">选择类别</div>
                                        <div class="meet-form-content">
                                            {notempty name="$roomInfo.type_name"}
                                            <span class="type_names">{$roomInfo.type_name}</span>
                                            {else}
                                            <span class="type_names">请选择</span>
                                            {/notempty}
                                        </div>
                                    </div>

                                    <div class="meet-form-row flex">
                                        <div class="meet-form-label">是否需要审批</div>
                                        <div class="meet-form-content">
                                            <input type="checkbox" name="is_sp" id="is_sp" lay-skin="switch" {if condition="$roomInfo.is_sp eq 1"}checked{/if}>
                                        </div>
                                    </div>
                                    <div class="meet-form-row flex choose-admin">
                                        <div class="meet-form-label">会议室管理员</div>
                                        <div class="meet-form-content admin-name">{$roomInfo.admin_staff_name}</div>
                                        <div class="r_arw"></div>
                                    </div>
                                    <!--<div class="meet-form-row flex">-->
                                        <!--<div class="meet-form-label">指定使用部门</div>-->
                                        <!--<div class="meet-form-content">暂无设置</div>-->
                                    <!--</div>-->
                                </div>
                                <div class="meet-form-right">
                                    <div class="meet-form-row flex">
                                        <div class="right-row-content flex">
                                            <span>所在地址</span>
                                            <input type="text" autocomplete="off" name="address" id="address" value="{$roomInfo.address}" placeholder="请输入省份+市区+建筑名称" class="meet-label-input meet-right-input layui-input">
                                        </div>
                                        <div class="font-num"></div>
                                    </div>
                                    <div class="meet-form-row flex">
                                        <div class="right-row-content flex">
                                            <span>所在楼号</span>
                                            <input type="text" autocomplete="off" name="building" id="building" value="{$roomInfo.building}" placeholder="建筑，如：A座，1号楼" class="meet-label-input meet-right-input layui-input">
                                        </div>
                                        <div class="font-num"></div>
                                    </div>
                                    <div class="meet-form-row flex">
                                        <div class="right-row-content flex">
                                            <span>所在楼层</span>
                                            <select name="floor" id="floor" lay-verify="" class="meet-label-select">
                                                <option value="" {if condition="$roomInfo.floor eq ''"}selected{/if}>请选择</option>
                                                <option value="-2楼" {if condition="$roomInfo.floor eq '-2楼'"}selected{/if}>-2楼</option>
                                                <option value="-1楼" {if condition="$roomInfo.floor eq '-1楼'"}selected{/if}>-1楼</option>
                                                <option value="1楼" {if condition="$roomInfo.floor eq '1楼'"}selected{/if}>1楼</option>
                                                <option value="2楼" {if condition="$roomInfo.floor eq '2楼'"}selected{/if}>2楼</option>
                                                <option value="3楼" {if condition="$roomInfo.floor eq '3楼'"}selected{/if}>3楼</option>
                                                <option value="4楼" {if condition="$roomInfo.floor eq '4楼'"}selected{/if}>4楼</option>
                                                <option value="5楼" {if condition="$roomInfo.floor eq '5楼'"}selected{/if}>5楼</option>
                                                <option value="6楼" {if condition="$roomInfo.floor eq '6楼'"}selected{/if}>6楼</option>
                                                <option value="7楼" {if condition="$roomInfo.floor eq '7楼'"}selected{/if}>7楼</option>
                                                <option value="8楼" {if condition="$roomInfo.floor eq '8楼'"}selected{/if}>8楼</option>
                                                <option value="9楼" {if condition="$roomInfo.floor eq '9楼'"}selected{/if}>9楼</option>
                                                <option value="10楼" {if condition="$roomInfo.floor eq '10楼'"}selected{/if}>10楼</option>
                                                <option value="11楼" {if condition="$roomInfo.floor eq '11楼'"}selected{/if}>11楼</option>
                                                <option value="12楼" {if condition="$roomInfo.floor eq '12楼'"}selected{/if}>12楼</option>
                                                <option value="13楼" {if condition="$roomInfo.floor eq '13楼'"}selected{/if}>13楼</option>
                                                <option value="14楼" {if condition="$roomInfo.floor eq '14楼'"}selected{/if}>14楼</option>
                                                <option value="15楼" {if condition="$roomInfo.floor eq '15楼'"}selected{/if}>15楼</option>
                                                <option value="16楼" {if condition="$roomInfo.floor eq '16楼'"}selected{/if}>16楼</option>
                                                <option value="17楼" {if condition="$roomInfo.floor eq '17楼'"}selected{/if}>17楼</option>
                                                <option value="18楼" {if condition="$roomInfo.floor eq '18楼'"}selected{/if}>18楼</option>
                                                <option value="19楼" {if condition="$roomInfo.floor eq '19楼'"}selected{/if}>19楼</option>
                                                <option value="20楼" {if condition="$roomInfo.floor eq '20楼'"}selected{/if}>20楼</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="meet-form-row flex flex-start">
                                        <div class="right-row-content flex flex-start">
                                            <span>室内位置</span>
                                            <textarea name="indoor" id="indoor" placeholder="*必填-请输入室内会议室的具体位置" class="meet-label-input meet-right-input layui-textarea"> {$roomInfo.indoor}</textarea>
                                        </div>
                                        <div class="font-num"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="meet-row-btm">
                                <span class="layui-btn set-btn" id="add-room-btn">保存</span>
                            </div>
                        </div>
                        </form>
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="meet-con">
                        <form  class="layui-form" id="add-set" action="">

                        <div class="meet-con-wrap layui-form">
                            <div class="meet-from" style="height: 550px;">
                                <div class="meet-form-left">
                                    <div class="set-title">会议时长</div>
                                    <div class="meet-form-row flex">
                                        <div class="meet-form-label">提前预约会议时间限制</div>
                                        <div class="meet-form-content">
                                            <select name="before" id="before" lay-verify="" class="meet-label-select">

                                                <option value="0" {if condition="$set.before eq '0'"}selected{/if}>不限制</option>
                                                <option value="1" {if condition="$set.before eq '1'"}selected{/if}>一天</option>
                                                <option value="2" {if condition="$set.before eq '2'"}selected{/if}>2天</option>
                                                <option value="3" {if condition="$set.before eq '3'"}selected{/if}>3天</option>
                                                <option value="7" {if condition="$set.before eq '7'"}selected{/if}>7天</option>
                                                <option value="15" {if condition="$set.before eq '15'"}selected{/if}>15天</option>
                                                <option value="30" {if condition="$set.before eq '30'"}selected{/if}>一个月</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="meet-form-row">
                                        <div class="row-content flex">
                                            <div class="right-row-content flex">单次会议最长时间限制</div>
                                            <div class="meet-form-content">
                                                <select name="meeting_duration" id="meeting_duration" lay-verify="" class="meet-label-select">
                                                    <option value="0" {if condition="$set.meeting_duration eq '0'"}selected{/if}>不限制</option>
                                                    <option value="15" {if condition="$set.meeting_duration eq '15'"}selected{/if}>15分钟</option>
                                                    <option value="30" {if condition="$set.meeting_duration eq '30'"}selected{/if}>30分钟</option>
                                                    <option value="45" {if condition="$set.meeting_duration eq '45'"}selected{/if}>45分钟</option>
                                                    <option value="60" {if condition="$set.meeting_duration eq '60'"}selected{/if}>1小时</option>
                                                    <option value="120" {if condition="$set.meeting_duration eq '120'"}selected{/if}>2小时</option>
                                                    <option value="180" {if condition="$set.meeting_duration eq '180'"}selected{/if}>3小时</option>
                                                    <option value="240" {if condition="$set.meeting_duration eq '240'"}selected{/if}>4小时</option>
                                                    <option value="300" {if condition="$set.meeting_duration eq '300'"}selected{/if}>5小时</option>
                                                    <option value="360" {if condition="$set.meeting_duration eq '360'"}selected{/if}>6小时</option>
                                                    <option value="720" {if condition="$set.meeting_duration eq '720'"}selected{/if}>12小时</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="set-title">会议室使用时段</div>
                                    <div class="meet-form-row">
                                        <div class="row-content flex">
                                            <div class="right-row-content flex">开始时间</div>
                                            <div class="meet-form-content">
                                                <input type="text" class="layui-input" id="startTime" value="{$set.start_hour}点{$set.start_minute}分" placeholder="请选择">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="meet-form-row">
                                        <div class="row-content flex">
                                            <div class="right-row-content flex">结束时间</div>
                                            <div class="meet-form-content">
                                                <input type="text" class="layui-input" id="endTime" value="{$set.end_hour}点{$set.end_minute}分" placeholder="请选择">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="meet-form-row">
                                        <div class="row-content flex">
                                            <div class="right-row-content flex">单次可连续预约多天会议</div>
                                            <div class="meet-form-content">
                                                <select name="continuous" id="continuous" lay-verify="" class="meet-label-select">
                                                    <option value="0" {if condition="$set.continuous eq '0'"}selected{/if}>不限制</option>
                                                    <option value="1" {if condition="$set.continuous eq '1'"}selected{/if}>不允许</option>
                                                    <option value="2" {if condition="$set.continuous eq '2'"}selected{/if}>2天</option>
                                                    <option value="3" {if condition="$set.continuous eq '3'"}selected{/if}>3天</option>
                                                    <option value="4" {if condition="$set.continuous eq '4'"}selected{/if}>4天</option>
                                                    <option value="5" {if condition="$set.continuous eq '5'"}selected{/if}>5天</option>
                                                    <option value="6" {if condition="$set.continuous eq '6'"}selected{/if}>6天</option>
                                                    <option value="7" {if condition="$set.continuous eq '7'"}selected{/if}>7天</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!--<div class="meet-form-row">-->
                                        <!--<div class="row-content flex">-->
                                            <!--<div class="right-row-content flex">预约会议提前提醒时间</div>-->
                                            <!--<div class="meet-form-content">-->
                                                <!--<select name="remind" lay-verify="" class="meet-label-select">-->
                                                    <!--<option value="0">不提醒</option>-->
                                                    <!--<option value="1" disabled>准时提醒</option>-->
                                                <!--</select>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                    <!--</div>-->

                                    <!--<div class="set-title">会议审批</div>-->
                                    <!--<div class="meet-form-row">-->
                                        <!--<div class="row-content flex">-->
                                            <!--<div class="right-row-content flex">超过时间未审批自动拒绝</div>-->
                                            <!--<div class="meet-form-content">-->
                                                <!--<select name="city" lay-verify="" class="meet-label-select">-->
                                                    <!--<option value="010">不允许</option>-->
                                                    <!--<option value="021" disabled>允许</option>-->
                                                <!--</select>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                    <!--<div class="meet-form-row flex">-->
                                        <!--<div class="meet-form-label">免审批名单</div>-->
                                        <!--<div class="meet-form-content">-->
                                            <!--<select name="city" lay-verify="" class="meet-label-select">-->
                                                <!--<option value="010">不允许</option>-->
                                                <!--<option value="021" disabled>允许</option>-->
                                            <!--</select>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                    <!--<div class="set-title">抄送人设置</div>-->
                                    <!--<div class="meet-form-row flex">-->
                                        <!--<div class="meet-form-label">默认抄送人</div>-->
                                        <!--<div class="meet-form-content">-->
                                            <!--<span>请选择</span>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                </div>
                                <div class="meet-form-right">
                                    <div class="set-title">全局设置</div>
                                    <div class="meet-form-row flex device-set">
                                        <div class="meet-form-label">设备配置设置</div>
                                        <div class="meet-form-content" id="config-btn">点击设置</div>
                                        <div class="r_arw"></div>
                                    </div>
                                    <div class="meet-form-row flex type-set">
                                        <div class="meet-form-label">类别配置设置</div>
                                        <div class="meet-form-content">点击设置</div>
                                        <div class="r_arw"></div>
                                    </div>

                                </div>
                            </div>
                            <div class="meet-row-btm">
                                <button class="layui-btn set-btn" id="add-set-btn">保存</button>
                            </div>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--选择设备-->
<div id="device-wrap" class="device-wrap" style="display: none;padding: 20px;">
    <div class="layui-form config-form">
        <div id="room-device" style="height: 80%;overflow-y: auto;overflow-x:hidden;">
            <div class="remind-row flex">
                <div class="config-left">
                    <input type="checkbox" lay-skin="primary" checked="">
                    <input type="text" autocomplete="off" disabled class="layui-input config-input" value="投影仪">
                </div>
                <div class="config-right">
                    <span class="config-edit-btn edit-span">编辑</span>
                    <span class="config-edit-btn delete-span">删除</span>
                </div>
            </div>
        </div>
        <div class="config-btm flex">
            <input type="text" id="add-device-name" autocomplete="off" class="layui-input config-input">
            <div class="layui-btn" id="add-device-btn">新增</div>
        </div>
    </div>
</div>

<!--选择类别-->
<div id="type-wrap" class="type-wrap" style="display: none;padding: 20px">
    <div class="layui-form config-form">
        <div id="room-type" style="height: 80%;overflow-y: auto;overflow-x:hidden;">
            <div class="remind-row flex">
                <div class="config-left">
                    <input type="checkbox" lay-skin="primary" checked="">
                    <input type="text" autocomplete="off" disabled class="layui-input config-input" value="普通会议室">
                </div>
                <div class="config-right">
                    <span class="config-edit-btn edit-span">编辑</span>
                    <span class="config-edit-btn delete-span">删除</span>
                </div>
            </div>
        </div>

        <div class="config-btm flex">
            <input type="text" id="add-type-name" autocomplete="off" class="layui-input config-input">
            <div class="layui-btn" id="add-type-btn">新增</div>
        </div>
    </div>
</div>



<!--设置设备-->
<div id="device-set" class="device-wrap" style="display: none;padding: 20px">
    <div class="layui-form config-form">
        <div id="set-device" style="height: 80%;overflow-y: auto;overflow-x:hidden;">
            <div class="remind-row flex">
                <div class="config-left">
                    <input type="checkbox" lay-skin="primary" checked="">
                    <input type="text" autocomplete="off" disabled class="layui-input config-input" value="投影仪">
                </div>
                <div class="config-right">
                    <span class="config-edit-btn edit-span">编辑</span>
                    <span class="config-edit-btn delete-span">删除</span>
                </div>
            </div>
        </div>
        <div class="config-btm flex">
            <input type="text" id="set-device-name" autocomplete="off" class="layui-input config-input">
            <div class="layui-btn" id="set-device-btn">新增</div>
        </div>
    </div>
</div>


<!--设置类别-->
<div id="type-set" class="type-wrap" style="display: none;padding: 20px">
    <div class="layui-form config-form">
        <div id="set-type" style="height: 80%;overflow-y: auto;overflow-x:hidden;">
            <div class="remind-row flex">
                <div class="config-left">
                    <!--<input type="checkbox" lay-skin="primary" checked="">-->
                    <input type="text" autocomplete="off" disabled class="layui-input config-input" value="普通会议室">
                </div>
                <div class="config-right">
                    <span class="config-edit-btn edit-span">编辑</span>
                    <span class="config-edit-btn delete-span">删除</span>
                </div>
            </div>
        </div>

        <div class="config-btm flex">
            <input type="text" id="set-type-name" autocomplete="off" class="layui-input config-input">
            <div class="layui-btn" id="set-type-btn">新增</div>
        </div>
    </div>
</div>

<script>
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','form'], function () {
        var laydate = layui.laydate //日期
            ,laypage = layui.laypage //分页
            ,layer = layui.layer //弹层
            ,table = layui.table //表格
            ,form = layui.form;//表单操作

        var count_num = "{$count}";
        var search_room_name = '';
        var search_address = '';

        //********************************************会议室列表start********************************************
        page_reload();
        function page_reload(){
            laypage.render({
                elem: 'meet-page'
                ,count: count_num
                ,theme: '#01b88a'
                ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
                ,limits:[3,5,10,20,30,40,50]
                ,jump: function(obj){
                    var page  = obj.curr;
                    var pageSize = obj.limit;

                    $.ajax({
                        type:'POST',
                        url:'/oa/Meeting/meetSet',
                        data:'page='+page+'&pageSize='+pageSize+'&room_name='+search_room_name+'&address='+search_address,
                        success:function(res){
//                            console.log(res);
                            if(res.code == 200){

                                count_num= res.count;
                                var data = res.data;
                                var str = '';

                                for(var i=0; i<data.length;i++){
                                    str += '<li class="this-li">';
                                    str += '<div class="meet-left flex" id="'+data[i].id+'">';
                                    str += '<div class="meet-set-left meet-row flex">';
                                    str += '<div class="room-img"><img src="/img/meet-img.jpg" alt=""></div>';
                                    str += '<div class="room-right">';
                                    str += '<div class="room-name">'+data[i].room_name+'<small style="margin-left: 10px;">坐席'+data[i].people_num+'人</small></div>';
                                    str += '<div class="room-tip">会议室地点：'+data[i].address + '&nbsp;' + data[i].building + '&nbsp;' + data[i].floor + '&nbsp;' + data[i].indoor+'</div>';
                                    str += '<div class="meet-row">';

                                    if(data[i].device_name){
                                        var devices = data[i].device_name.split(',');
                                        $.each(devices,function(id,item){
                                            str += '<span class="room-span">'+item+'</span>';
                                        });
                                    }

                                    str += '</div>';
                                    str += '</div>';
                                    str += '</div>';
                                    str += '<div class="meet-set-right">';
                                    str += '<div class="layui-btn layui-btn-primary edit">编辑</div>';
                                    if(data[i].is_status == 1){
                                        str += '<div class="layui-btn layui-btn-primary disable" data-id="2">禁用</div>';
                                    }else{
                                        str += '<div class="layui-btn layui-btn-primary disable" data-id="1">启用</div>';
                                    }

                                    str += '<div class="layui-btn layui-btn-primary del">删除</div>';
                                    str += '</div>';
                                    str += '</div>';
                                    str += '</li>';
                                }

                                $('.meet-ul').html(str);

                            }
                        }
                    });
                }
            });
        }

        //搜索
        $('#room-search').click(function(){
            search_room_name = $('#search_room_name').val();
            search_address = $('#search_address').val();
            $.ajax({
                type:'POST',
                url:'/oa/Meeting/meetSet',
                data:'room_name='+search_room_name+'&address='+search_address,
                success:function(res){
                    if(res.code==200){
                        count_num=res.count;
//                        console.log(count_num);
                        page_reload();
                    }
                }
            });
            //page_reload();
        });

        //编辑
        $('.meet-ul').on('click','.edit',function(){
            var room_id = $(this).parents('.meet-left').attr('id');
            location.href = "/oa/Meeting/meetSet?room_id="+room_id+"&view_type=edit";
        });

        //禁用
        $('.meet-ul').on('click','.disable',function(){
            var the_this = $(this);
            var room_id = $(this).parents('.meet-left').attr('id');
            var is_status = $(this).attr('data-id');

            if(is_status == 2){
                var prompt = "你确定禁用此会议室吗吗";
            }else{
                var prompt = "你确定启用此会议室吗吗";
            }

            layer.confirm(prompt, {
                btn: ['确定','取消'] //按钮
            }, function(index){

                $.ajax({
                    type:'post',
                    url:'/oa/Meeting/disableRoom',
                    data:{room_id:room_id,is_status:is_status},
                    success:function(res){
                        if(res.code == 200){
                            layer.alert('操作成功！');
                            if(is_status == 2){
                                the_this.html('启用');
                                the_this.attr('data-id',1);
                            }else{
                                the_this.html('禁用');
                                the_this.attr('data-id',2);
                            }

                        }else{
                            layer.alert('禁用操作失败，请稍后重试！');
                        }
                    }
                })
            });
        });

        //删除
        $('.meet-ul').on('click','.del',function(){
            var the_this = $(this);
            var room_id = $(this).parents('.meet-left').attr('id');
            layer.confirm('你确定删除此会议室吗吗？', {
                btn: ['确定','取消'] //按钮
            }, function(index){

                $.ajax({
                    type:'post',
                    url:'/oa/Meeting/delRoom',
                    data:{room_id:room_id},
                    success:function(res){
                        if(res.code == 200){

                            layer.alert('删除成功！');
                            count_num = count_num - 1;
                            page_reload();
                            //the_this.parents('.this-li').remove();
                        }else{
                            layer.alert('删除操作失败，请稍后重试！');
                        }
                    }
                })
            });
        });


//********************************************会议室列表end********************************************


//********************************************添加会议室start******************************************

        var edit_room_id = "{$roomInfo.id}";
        var device_ids = '',device_array = [],device_names = '',d_name_array = [];

        var type_ids = '',type_array = [],type_names = '',t_name_array = [];

        //选择会议室管理员
        var admin_staff_id = 0, admin_staff_name = 0;

        if(edit_room_id){
            device_ids = "{$roomInfo.device_id}";
            device_names = "{$roomInfo.device_name}";
            if(device_ids&&device_ids.length>0){
                device_array = device_ids.split(',');
                d_name_array = device_names.split(',');
            }

            type_ids = "{$roomInfo.type_id}";
            type_names = "{$roomInfo.type_name}";
            if(type_ids&&type_ids.length>0){
                type_array = type_ids.split(',');
                t_name_array = type_names.split(',');
            }

            admin_staff_id = "{$roomInfo.admin_staff_id}";
            admin_staff_name = "{$roomInfo.admin_staff_name}";
        }

        //弹窗选择设备
        $('.select-device').click(function(){
            $('#add-device-name').val('');

            var device_str = '';
            $.ajax({
                type:'post',
                url:'/oa/Meeting/getDevice',
                success:function(res){
                    var room_device = res.data;
                    if(room_device){
                        $.each(room_device,function(k,v){
                            device_str += getStr(v.id,v.device_name,'check_device');
                        })
                    }
                    $('#room-device').html(device_str);

                    //编辑时默认选中
                    $.each(device_array,function(key,value){
                        $('#check_device_'+value).attr("checked", "checked");
                        $('#check_device_'+value).next().addClass("layui-form-checked");
                    });
                    form.render();
                }
            });

            layer.open({
                title: '选择设备',
                type: 1,
                skin: 'layui-layer-rim',
                area: ['740px', '550px'],
                content: $('#device-wrap'),
                btn: ['确定']
            });
        });

        //新增设备
        $('#add-device-btn').click(function(){
            var device_name = $('#add-device-name').val();
            $.ajax({
                type:'post',
                url:'/oa/Meeting/addDevice',
                data:{device_name:device_name},
                success:function(res){
                    if(res.code == 200){

                        var add_str = getStr(res.data,device_name,'check_device');
                        $('#room-device').append(add_str);
                        $('#add-device-name').val('');
                        form.render();
                    }
                }
            })
        });
        //获取设备、分类 内容
        function getStr(id,name,filter){
            var res_str = '<div class="remind-row flex device-div" data-id="'+ id +'">';
            res_str += '<div class="config-left">';
            res_str += '<input type="checkbox" lay-skin="primary" id="'+filter+'_'+id+'" lay-filter="'+filter+'" value="'+id+'" data-name="'+name+'">';
            res_str += '<input type="text" autocomplete="off" disabled class="layui-input config-input" value="'+ name +'">';
            res_str += '</div>';
            res_str += '<div class="config-right">';
            res_str += '<span class="config-edit-btn edit-span">编辑</span>';
            res_str += '<span class="config-edit-btn delete-span">删除</span>';
            res_str += '</div>';
            res_str += '</div>';
            return res_str;
        }

        //弹窗选择类别
        $('.select-type').click(function(){
            $('#add-type-name').val('');
            var type_str = '';
            $.ajax({
                type:'post',
                url:'/oa/Meeting/getType',
                success:function(res){
                    var room_type = res.data;
                    if(room_type){
                        $.each(room_type,function(k,v){
                            type_str += getStr(v.id,v.type_name,'check_type');
                        })
                    }
                    $('#room-type').html(type_str);
                    //编辑时默认选中
                    $.each(type_array,function(key,value){
                        $('#check_type_'+value).attr("checked", "checked");
                        $('#check_type_'+value).next().addClass("layui-form-checked");
                    });
                    form.render();
                }
            });

            layer.open({
                title: '选择类别',
                type: 1,
                skin: 'layui-layer-rim',
                area: ['740px', '550px'],
                content: $('#type-wrap'),
                btn: ['确定']
            });
        });

        //新增类别
        $('#add-type-btn').click(function(){
            var type_name = $('#add-type-name').val();
            $.ajax({
                type:'post',
                url:'/oa/Meeting/addType',
                data:{type_name:type_name},
                success:function(res){
                    if(res.code == 200){

                        var add_str = getStr(res.data,type_name,'check_type');
                        $('#room-type').append(add_str);
                        $('#add-type-name').val('');
                        form.render();
                    }
                }
            })
        });



        //获取所选设备
        form.on('checkbox(check_device)', function(data){
            //选中的设备名
            var d_name = $(data.elem).attr('data-name');

            if(data.elem.checked){
                device_array.push(data.value);
                d_name_array.push(d_name);
            }else{
                //去掉id name
                if(device_array&&device_array.length>0){
                    for (var i = 0; i < device_array.length; i++) {
                        if (device_array[i] == data.value) {
                            device_array.splice(i, 1);
                            d_name_array.splice(i, 1);
                        }
                    }
                }
            }
            device_ids = device_array.join(',');
            device_names = d_name_array.join(',');
            $('.device_names').html(device_names);
        });

        //获取所选类别
        form.on('checkbox(check_type)', function(data){
            //选中的类别名
            var t_name = $(data.elem).attr('data-name');

            if(data.elem.checked){
                type_array.push(data.value);
                t_name_array.push(t_name);
            }else{
                //去掉id name
                if(type_array&&type_array.length>0){
                    for (var i = 0; i < type_array.length; i++) {
                        if (type_array[i] == data.value) {
                            type_array.splice(i, 1);
                            t_name_array.splice(i, 1);
                        }
                    }
                }
            }
            type_ids = type_array.join(',');
            type_names = t_name_array.join(',');
            $('.type_names').html(type_names);
        });

        //会议室管理员
        $('.choose-admin').click(function(){
            load_page(
                    '/oa/Dept/selector?get_type=3',
                    '选择会议主持人',
                    function(){
                        get_select(function(res){
                            admin_staff_id = res[0].staffid;
                            admin_staff_name = res[0].name;
                            $('.admin-name').html(admin_staff_name);
                        });
                    },
                    ['确定','取消'],
                    900,600
            );
        });

        //提交保存
        $('#add-room-btn').click(function(){
            var all_data = $('#add-room').serialize();
            if(!$('#room_name').val()){
                layer.alert("请填会议室名称");
                return false;
            }
            if(!$('#people_num').val()){
                layer.alert("请填写坐席人数");
                return false;
            }
            if(!$('#indoor').val()){
                layer.alert("请填写室内位置");
                return false;
            }
            $.ajax({
                type:'post',
                url:'/oa/Meeting/addRoom',
                data:all_data+'&device_id='+device_ids+'&device_name='+device_names+'&type_id='+type_ids+'&type_name='+type_names+'&admin_staff_id='+admin_staff_id+'&admin_staff_name='+admin_staff_name,
                success:function(res){
                    if(res.code == 200){
                        layer.confirm('操作成功！', {
                            btn: ['确定','取消']
                        }, function(index){
                            //parent.location.reload();
                            location.href = "/oa/Meeting/meetSet?view_type=list";
                        });

                    }else{
                        layer.alert(res.msg);
                    }
                }
            });
            return false;
        });

        //返回列表
        $('#fanhui-btn').click(function(){
            location.href = "/oa/Meeting/meetSet?view_type=list";
        });


//********************************************添加会议室end******************************************



//********************************************设定start******************************************

        //会议开始、结束 时 分
        var start_hour = "{$set.start_hour}",start_minute = "{$set.start_minute}";
        var end_hour = "{$set.end_hour}",end_minute = "{$set.end_minute}";
        laydate.render({
            elem: '#startTime'
            ,type: 'time'
            ,format: 'H点m分'
            ,done: function(value, date, endDate){
                start_hour = date.hours;
                start_minute = date.minutes;
            }
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'time'
            ,format: 'H点m分'
            ,done: function(value, date, endDate){
                end_hour = date.hours;
                end_minute = date.minutes;
            }
        });

        //提交保存
        $('#add-set-btn').click(function(){
            var all_data = $('#add-set').serialize();

            if(!start_hour){
                layer.alert('请选择会议室使用开始时间');
                return false;
            }
            if(!end_hour){
                layer.alert('请选择会议室使用结束时间');
                return false;
            }

            var set_id = "{$set.id}";
            $.ajax({
                type:'post',
                url:'/oa/Meeting/roomSet',
                data:all_data+'&id='+set_id+'&start_hour='+start_hour+'&start_minute='+start_minute+'&end_hour='+end_hour+'&end_minute='+end_minute,
                success:function(res){
                    if(res.code == 200){
                        layer.alert(res.msg);
                    }else{
                        layer.alert(res.msg);
                    }
                }
            });
            return false;
        });




        //弹窗设置设备
        $('.device-set').click(function(){
            $('#set-device-name').val('');
            var device_str = '';
            $.ajax({
                type:'post',
                url:'/oa/Meeting/getDevice',
                success:function(res){
                    var set_device = res.data;
                    if(set_device){
                        $.each(set_device,function(k,v){
                            device_str += getSetStr(v.id,v.device_name);
                        })
                    }
                    $('#set-device').html(device_str);
                    form.render();
                }
            });

            layer.open({
                title: '设置会议室设备',
                type: 1,
                skin: 'layui-layer-rim',
                area: ['740px', '550px'],
                content: $('#device-set'),
                btn: ['确定']
            });
        });

        //新增设备
        $('#set-device-btn').click(function(){
            var device_name = $('#set-device-name').val();
            $.ajax({
                type:'post',
                url:'/oa/Meeting/addDevice',
                data:{device_name:device_name},
                success:function(res){
                    if(res.code == 200){

                        var add_str = getSetStr(res.data,device_name);
                        $('#set-device').append(add_str);
                        $('#set-device-name').val('');
                        form.render();
                    }
                }
            })
        });
        //获取设备内容
        function getSetStr(id,name){
            var res_str = '<div class="remind-row flex device-div" data-id="'+ id +'">';
            res_str += '<div class="config-left">';
            res_str += '<input type="text" autocomplete="off" disabled class="layui-input config-input" value="'+ name +'">';
            res_str += '</div>';
            res_str += '<div class="config-right">';
            res_str += '<span class="config-edit-btn edit-span">编辑</span>';
            res_str += '<span class="config-edit-btn delete-span">删除</span>';
            res_str += '</div>';
            res_str += '</div>';
            return res_str;
        }

        //弹窗设置类别
        $('.type-set').click(function(){
            $('#set-type-name').val('');
            var type_str = '';
            $.ajax({
                type:'post',
                url:'/oa/Meeting/getType',
                success:function(res){
                    var set_type = res.data;
                    if(set_type){
                        $.each(set_type,function(k,v){
                            type_str += getSetStr(v.id,v.type_name);
                        })
                    }
                    $('#set-type').html(type_str);
                    form.render();
                }
            });

            layer.open({
                title: '类型配置',
                type: 1,
                skin: 'layui-layer-rim',
                area: ['740px', '550px'],
                content: $('#type-set'),
                btn: ['确定']
            });
        });

        //新增类别
        $('#set-type-btn').click(function(){
            var type_name = $('#set-type-name').val();
            $.ajax({
                type:'post',
                url:'/oa/Meeting/addType',
                data:{type_name:type_name},
                success:function(res){
                    if(res.code == 200){

                        var add_str = getSetStr(res.data,type_name);
                        $('#set-type').append(add_str);
                        $('#set-type-name').val('');
                        form.render();
                    }
                }
            })
        });


        //点击编辑设备
        $("body").on("click",".edit-span",function(){
            $(this).parents(".remind-row").find(".config-input").attr("disabled",false).focus();
        });
        //进行编辑设备
        $("body").on("blur",".device-wrap .config-left .config-input",function(){
            var device_id = $(this).parents('.device-div').attr('data-id');
            var device_name = $(this).val();
            $.ajax({
                type:'post',
                url:'/oa/Meeting/addDevice',
                data:{id:device_id,device_name:device_name}
            });
            $(this).attr("disabled",true);
        });

        //删除设备
        $("body").on("click",".device-wrap .delete-span",function(){
            var the_parent = $(this).parents('.device-div');
            var device_id = the_parent.attr('data-id');

            $.ajax({
                type:'post',
                url:'/oa/Meeting/delDevice',
                data:{id:device_id},
                success:function(res){
                    if(res.code == 200){
                        the_parent.remove();
                    }
                }
            });
        });

        //进行编辑类别
        $("body").on("blur",".type-wrap .config-left .config-input",function(){
            var type_id = $(this).parents('.device-div').attr('data-id');
            var type_name = $(this).val();
            $.ajax({
                type:'post',
                url:'/oa/Meeting/addType',
                data:{id:type_id,type_name:type_name}
            });
            $(this).attr("disabled",true);
        });

        //删除类别
        $("body").on("click",".type-wrap .delete-span",function(){
            var the_parent = $(this).parents('.device-div');
            var type_id = the_parent.attr('data-id');

            $.ajax({
                type:'post',
                url:'/oa/Meeting/delType',
                data:{id:type_id},
                success:function(res){
                    if(res.code == 200){
                        the_parent.remove();
                    }
                }
            });
        });
    });
</script>
{/block}