{extend name="Public/base"/}
{block name="css"}

<link rel="stylesheet" href="__PUBLIC__/css/admin.css">
<style>
    .list-group-item {
        position: relative;
        display: block;
        padding: 8px 15px;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }
    a.list-group-item {
        color: #555;
    }
    a.list-group-item:hover {
        color: #009688;
    }
    .list-group-item:last-child{
        border-bottom: none;
    }
    a{
        cursor: pointer!important;
    }
    a:hover{
        text-decoration: none!important;
    }
    .layui-card-body.layui-text{
        margin-top: 0;
    }

    .filter-wrap {
        background: #bfccdd;
        float: left;
        margin-bottom: 5px;
        width: auto;
        height: 30px;
        padding: 0 10px;
        border-radius: 4px;
        line-height: 30px;
        color: #fff;
        margin-right: 5px;
    }
    .filter-text {
        margin-right: 10px;
        font-size: 12px;
    }

    .cus-close {
        cursor: pointer;
        font-size: 16px;
    }

    .cus-close:hover {
        color: #319eac;
    }

    .layui-card{
        border: solid 1px #f2f2f2;
    }

</style>

{/block}
{block name="js"}
<script src="__PUBLIC__/item2/layui.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>


<script>
    $(function(){
        $(".nul_bli").eq(0).find(".navb").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div id="if_con">

        <div class="" style="margin-left: 10px;" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <div class="layui-fluid">
                    <div class="layui-row layui-col-space15">
                        <div class="layui-col-md8">
                            <div class="layui-row layui-col-space15">
                                <div class="layui-col-md6">

                                    <div class="layui-collapse">
                                        <div class="layui-colla-item">
                                            <h4 class="layui-colla-title">&nbsp;&nbsp;&nbsp;快捷入口</h4>
                                            <div class="layui-colla-content layui-show">
                                                <div class="layui-carousel layadmin-carousel layadmin-shortcut" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
                                                    <div carousel-item="">
                                                        <ul class="layui-row layui-col-space10 layui-this">
                                                            <li class="layui-col-xs3">
                                                                <a href="/oa/Form/chooseForm">
                                                                    <i class="layui-icon layui-icon-add-circle"></i>
                                                                    <cite>申请</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="home/homepage2">
                                                                    <i class="layui-icon layui-icon-form"></i>
                                                                    <cite>任务</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a href="/oa/Clocklog/index">
                                                                    <i class="layui-icon layui-icon-template-1"></i>
                                                                    <cite>打卡记录</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="/senior/im/">
                                                                    <i class="layui-icon layui-icon-survey"></i>
                                                                    <cite>未通过审批</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="component/progress/index">
                                                                    <i class="layui-icon layui-icon-chart"></i>
                                                                    <cite>统计图表</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a href="/oa/Dept/deptList">
                                                                    <i class="layui-icon layui-icon-group"></i>
                                                                    <cite>组织结构</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3" id="staffinfo">

                                                                <a href="/oa/Dept/staffInfo?staffid={$Think.session.staff_id}">
                                                                    <i class="layui-icon layui-icon-friends"></i>
                                                                    <cite>个人信息</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/system/website">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>设置</cite>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <ul class="layui-row layui-col-space10">
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/user/info">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>我的资料</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/user/info">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>我的资料</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/user/info">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>我的资料</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/user/info">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>我的资料</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/user/info">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>我的资料</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/user/info">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>我的资料</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/user/info">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>我的资料</cite>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs3">
                                                                <a lay-href="set/user/info">
                                                                    <i class="layui-icon layui-icon-set"></i>
                                                                    <cite>我的资料</cite>
                                                                </a>
                                                            </li>
                                                        </ul>

                                                    </div>
                                                    <div class="layui-carousel-ind">
                                                        <!--<ul>-->
                                                        <!--<li class="layui-this"></li>-->
                                                        <!--<li></li>-->
                                                        <!--</ul>-->
                                                    </div>
                                                    <button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>
                                                    <button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
                                                </div>


                                            </div>
                                        </div>
                                    </div>


                                </div>
                                <div class="layui-col-md6">

                                    <div class="layui-collapse">
                                        <div class="layui-colla-item">
                                            <h4 class="layui-colla-title">&nbsp;&nbsp;&nbsp;<i class="fa fa-flag"></i> 待办事项</h4>
                                            <div class="layui-colla-content layui-show">

                                                <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim=""
                                                     lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
                                                    <div carousel-item="">
                                                        <ul class="layui-row layui-col-space10 layui-this">
                                                            <li class="layui-col-xs6">
                                                                <a href="/oa/Process/index" class="layadmin-backlog-body">
                                                                    <h3>待审批 / 处理</h3>

                                                                    <p><cite>{$sp_num}</cite></p>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs6">
                                                                <a lay-href="/oa/Teamtask/index" class="layadmin-backlog-body">
                                                                    <h3>未完成任务</h3>

                                                                    <p><cite>{$unfinishedNum}</cite></p>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs6">
                                                                <a href="/oa/Meeting/mymeet" class="layadmin-backlog-body">
                                                                    <h3>我的会议</h3>

                                                                    <p><cite>{$meeting_num}</cite></p>
                                                                </a>
                                                            </li>
                                                            <li class="layui-col-xs6">
                                                                <a href="/oa/Process/copy" class="layadmin-backlog-body">
                                                                    <h3>抄送给我</h3>

                                                                    <p><cite>{$copy_num}</cite></p>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <ul class="layui-row layui-col-space10">
                                                            <li class="layui-col-xs6">
                                                                <a href="javascript:;" class="layadmin-backlog-body">
                                                                    <h3>待审友情链接</h3>

                                                                    <p><cite style="color: #FF5722;">5</cite></p>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="layui-carousel-ind">
                                                        <!--<ul>-->
                                                        <!--<li class="layui-this"></li>-->
                                                        <!--<li></li>-->
                                                        <!--</ul>-->
                                                    </div>
                                                    <button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>
                                                    <button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="layui-col-md12">

                                    <!--
                                    <div class="layui-collapse">
                                        <div class="layui-colla-item">
                                            <h4 class="layui-colla-title">&nbsp;&nbsp;&nbsp;<i class="fa fa-line-chart"></i> 数据概览</h4>
                                            <div class="layui-colla-content layui-show">
                                            </div>
                                        </div>
                                    </div>
                                    -->
                                    <div class="layui-card" style="margin-top: 15px">
                                        <div class="layui-tab layui-tab-brief layadmin-latestData">
                                            <ul class="layui-tab-title">
                                                <li class="layui-this"><i class="fa fa-user-o"></i>&nbsp;&nbsp;新员工</li>
                                                <li><i class="fa fa-gift"></i>&nbsp;&nbsp;生日员工</li>
                                            </ul>
                                            <div class="layui-tab-content">
                                                <div class="layui-tab-item layui-show">

                                                    <table id="new_staff" lay-filter="new_staff" lay-data="{id: 'idTest'}"></table>
                                                    <div id="new_staff_pager"></div>

                                                </div>
                                                <div class="layui-tab-item" style="">
                                                    <table id="birth_staff" lay-filter="birth_staff" lay-data="{id: 'idTest'}"></table>
                                                    <div id="birth_staff_pager"></div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-card" style="margin-top: 15px">
                                        <div class="layui-tab layui-tab-brief layadmin-latestData">
                                            <ul class="layui-tab-title">
                                                {volist name='new_type' id='new' key='key'}
                                                    {if condition='$key eq 1'}
                                                    <li class="layui-this">{$new.type_name}</li>
                                                    {else}
                                                    <li>{$new.type_name}</li>
                                                    {/if}
                                                {/volist}
                                            </ul>
                                            <div class="layui-tab-content">
                                                {volist name='new_type' id='tables' key='key'}
                                                <div {if condition="$key eq 1"} class="layui-tab-item layui-show" {else} class="layui-tab-item"{/if}>
                                                    <table id="news_{$tables.id}" lay-filter="news_{$tables.id}" lay-data="{id: 'idTest'}"></table>
                                                    <div id="new_pager_{$tables.id}"></div>
                                                </div>
                                                {/volist}

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-md4">
                            <div class="layui-card">
                                <div class="layui-card-header"><i class="fa fa-hand-paper-o"></i> 我的申请 <span class="layui-badge">{$my_sq_num}</span><a style="float:right" onclick="more_my_sp()">更多&gt;&gt;</a></div>
                                <div class="layui-card-body layui-text" style="padding: 0;">
                                    {volist name='my_sq' id='sq'}
                                    <a temp="list" onclick="sq_info('{$sq.id}');" class="list-group-item">◇【{$sq.frominfo}】日期:{$sq.regdate}，
                                        {if condition="$sq.aduit_status eq 1"}
                                        待审批
                                        {elseif condition="$sq.aduit_status eq 2"}
                                        审批中
                                        {elseif condition="$sq.aduit_status eq 3"}
                                        审批成功
                                        {elseif condition="$sq.aduit_status eq 4"}
                                        审批失败
                                        {/if}
                                    </a>
                                    {/volist}
                                    <!--<a temp="list" onclick="openxiangs('物品采购','caigou','11');" class="list-group-item">◇【物品采购】单号:WB-20180905-0004,日期:2018-09-05，待<font color="blue"></font>处理</a>-->

                                </div>
                            </div>

                            <div class="layui-card">
                                <div class="layui-card-header"><i class="fa fa-volume-up"></i> 通知公告</div>
                                <div class="layui-card-body layui-text" style="padding: 0;" id="abcd">
                                    <!-- <a temp="list" onclick="openxiangs('物品采购','caigou','11');" class="list-group-item">◇【通知公告】关于国庆节假期相关事项说明 [2018-09-15]</a>
                                    <a temp="list" onclick="openxiangs('物品采购','caigou','11');" class="list-group-item">◇【通知公告】版本更新</a>
                                    <a temp="list" onclick="openxiangs('物品采购','caigou','11');" class="list-group-item">◇【通知公告】版本更新 </a>
                                    <a temp="list" onclick="openxiangs('物品采购','caigou','11');" class="list-group-item">◇【通知公告】关于国庆节假期说明</a>
                                    <a temp="list" onclick="openxiangs('物品采购','caigou','11');" class="list-group-item">◇【规则制度】关于每日写日报制度说明 [2018-09-10]</a> -->
                                </div>
                            </div>
                            <script type="text/javascript">
                                $(document).ready(function(){
                                    $.post('{:url('oa/msg/get_my_receive_list')}', {page:1,pageSize:10,type:1}, function(res){
                                        console.log(res)
                                        if(res.code != 200){
                                            console.log('error');
                                            return false;
                                        }
                                        var list = res.data;
                                        var html_str = ''
                                        for(var i in list){
                                            html_str += '<a href="/oa/msg/my_receive_list" temp="list" class="list-group-item">◇【通知公告】'+list[i].title+' </a>'
                                        }
                                        $('#abcd').html(html_str)
                                    },'json')
                                })
                            </script>

                            <!--<div class="layui-card">-->
                                <!--<div class="layui-card-header">效果报告</div>-->
                                <!--<div class="layui-card-body layadmin-takerates">-->
                                    <!--<div class="layui-progress" lay-showpercent="yes">-->
                                        <!--<h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长"-->
                                                              <!--lay-offset="-15"></span>）</h3>-->

                                        <!--<div class="layui-progress-bar" lay-percent="65%" style="width: 65%;"><span-->
                                                <!--class="layui-progress-text">65%</span></div>-->
                                    <!--</div>-->
                                    <!--<div class="layui-progress" lay-showpercent="yes">-->
                                        <!--<h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降"-->
                                                              <!--lay-offset="-15"></span>）</h3>-->

                                        <!--<div class="layui-progress-bar" lay-percent="32%" style="width: 32%;"><span-->
                                                <!--class="layui-progress-text">32%</span></div>-->
                                    <!--</div>-->
                                <!--</div>-->

                            <!--</div>-->

                            <div class="layui-card">
                                <div class="layui-card-header"><i class="fa fa-file-text-o"></i> 待审批排行榜 </div>
                                <div class="layui-card-body layui-text" style="padding: 0;">
                                    <div style="overflow: auto;height: 184px;">
                                        {volist name='$ranking' id='vo'}
                                            {if condition="$vo.staffname neq ''"}
                                            <div  class="list-group-item">
                                                <a href="javascript:;" temp="list">
                                                    {$vo.staffname}
                                                </a><span class="layui-badge" style="float: right;">{$vo.num}</span>
                                            </div>
                                            {/if}
                                        {/volist}
                                    </div>
                                </div>
                            </div>

                            <div class="layui-card">
                                <div class="layui-card-header">实时监控</div>
                                <div class="layui-card-body layadmin-takerates">
                                    <div class="layui-progress" lay-showpercent="yes">
                                        <h3>CPU使用率</h3>

                                    <div class="layui-progress-bar" lay-percent="58%" style="width: 58%;">
                                        <span class="layui-progress-text">58%</span></div>
                                    </div>
                                    <div class="layui-progress" lay-showpercent="yes">
                                        <h3>内存占用率</h3>
                                    <div class="layui-progress-bar layui-bg-red" lay-percent="90%" style="width: 90%;">
                                        <span class="layui-progress-text">90%</span></div>
                                    </div>
                                </div>
                            </div>

                            <div class="layui-card">
                                <div class="layui-card-header">
                                    <i class="fa fa-fort-awesome"></i> 关于幸福天下
                                    <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
                                </div>
                                <div class="layui-card-body layui-text layadmin-text">
                                    <p>
                                        婚纱摄影；婚礼策划与制作；婚庆服务；投资兴办实业（具体项目另行申报）；母婴月子生活信息咨询、产后恢复及保健信息咨询、信息咨询（不含限制项目及人才中介服务）；家政服务，母婴产品的技术开发和销售，童装、日用品的销售（以上均不含专营、专控、专卖商品及限制项目）；健康养生管理咨询（以上项目不含医疗行为，法律、行政法规、国务院决定限制的项目须取得许可后方可经营）。为母婴提供家庭生活护理；母婴月子照护服务；美容。提供餐饮服务、预包装食品零售。
                                    </p>

                                    <!--<p>—— 素玄科技（<a href="http://www.suxuantech.com/" target="_blank">素玄</a>）</p>-->
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <script>
                    //加载 controller 目录下的对应模块
                    /*

                     小贴士：
                     这里 console 模块对应 的 console.js 并不会重复加载，
                     然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
                     1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
                     2): 直接在 layui.use 方法的回调中书写业务代码，即:
                     layui.use('console', function(){
                     //同 console.js 中的 layui.define 回调中的代码
                     });

                     这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。

                     */
                    //layui.use('console', layui.factory('console'));
                </script>
            </div>
        </div>

    </div>
</div>

<script type="text/html" id="locationHref">
    <a href="/oa/Msg/newDetail?id={{d.id}}" target="__blank"><font color="#01AAED">{{d.title}}</font></a>
</script>

<script>
    $(".layui-layer-title").css({"color":"white"});

    layui.use(['layer', 'table','form','element'], function () {
        var table = layui.table;
        var layer = layui.layer, form = layui.form;

        //新员工
        var tableIns=table.render({
            elem: '#new_staff'
            , url: '/oa/Customer/getNewStaff' //数据接口
            ,id: 'newStaffReload'
            //,even: true
            ,page:true
            , cols: [[ //表头

                {field:'staffname', title: '员工名称', align: 'center',width:'110',fixed:'left'}
                ,{field:'staffnumber', title: '员工编号', align: 'center',width:'130'}
                ,{field:'entry_date', title: '入职时间', align: 'center',width:'200'}
                ,{field:'brandclass', title: '事业部', align: 'center',width:'180'}
                ,{field:'shop_name', title: '店面 / 职能部门', align: 'center',width:'157'}
                ,{field:'department_name', title: '部门', align: 'center',width:'150'}
                ,{field:'main_position_name', title: '岗位', align: 'center',width:'170'}

            ]],
            done: function(res, curr, count){
                $(".mark-red").parents("tr").css({
                    "color":"#fff",
                    "background":"red"
                });
            }
        });


        //生日员工
        var tableBirth=table.render({
            elem: '#birth_staff'
            , url: '/oa/Customer/getBirthStaff' //数据接口
            ,id: 'birthStaffReload'
            //,even: true
            ,page:true
            , cols: [[ //表头

                {field:'staffname', title: '员工名称', align: 'center',width:'110',fixed:'left'}
                ,{field:'staffnumber', title: '员工编号', align: 'center',width:'130'}
                ,{field:'birthday', title: '生日', align: 'center',width:'200'}
                ,{field:'brandclass', title: '事业部', align: 'center',width:'180'}
                ,{field:'shop_name', title: '店面', align: 'center',width:'157'}
                ,{field:'department_name', title: '部门', align: 'center',width:'150'}
                ,{field:'main_position_name', title: '岗位', align: 'center',width:'170'}

            ]],
            done: function(res, curr, count){
                $(".mark-red").parents("tr").css({
                    "color":"#fff",
                    "background":"red"
                });
            }
        });

        //新闻资讯
        $.ajax({
            type:'post',
            url:'/oa/Msg/getType',
            success:function(res){
                var newsList = res.data;
                if(newsList){
                    console.log(newsList);
                    $.each(newsList,function(key,val){
                        console.log(val);
                        var type_id = val.id;
                        table.render({
                            elem: '#news_'+val.id
                            , url: '/oa/Msg/newIndex'
                            , id: 'testReload'
                            , page: true
                            , where:{type_id:type_id}
                            , cols: [[ //表头
                                {field: 'id', title: 'ID', sort: true, templet: '#sexTpl', width: '70'}
                                , {field: 'title', title: '标题', align: 'center', width: '471',toolbar:'#locationHref'}
                                , {field: 'add_time', title: '发布时间', align: 'center', width: '200'}
                                , {field: 'add_staff_name', title: '发布人', align: 'center', width: '160'}
                                , {field: 'type_name', title: '类型', align: 'center', width: '198'}
                            ]],
                            done: function (res, curr, count) {
                                $(".mark-red").parents("tr").css({
                                    "color": "#fff",
                                    "background": "red"
                                });
                            }
                        });
                    });

                }
            }
        })

    });


    $(function(){
        var perfect_degree = "{$info.perfect_degree}";
        if(perfect_degree == 1){
            layer.tips('前去完善个人信息', '#staffinfo', {
                tips: 3
            });
        }
    });


    function more_my_sp(){
        location.href="/oa/Process/launch";
    }
    function sq_info(id){

        layer.open({
            title: '审批审核',
            type: 2,
            area: ['600px', '700px'],
            maxmin: true,
            content: '/oa/Process/addPosition?id=' + id
        });
    }


</script>

{/block}