scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
							{extend name="public/layout" /} {block name="title"}日常任务-完成情况{/block}
{block name="body"}
<style>
    .cardheader {
        padding-left: 10px;
    }
    .layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
    .layui-btn-primary {
		color: #249EFB;
		border: 1px solid #249EFB;
	}
	.layui-btn-primary:hover {
		background-color: #E3F7FF;
		color: #249EFB;
	}
    .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
        background-color: #249EFB;
        color: #fff;
        padding: 0px 15px;
    }
    .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: none;
        border: none;
    }
    .layui-card .layui-tab-brief .layui-tab-title li{
        background-color: #F2F2F2;
        margin: 0px 5px;
        padding: 0px 15px;
    }
    .layui-btn-xs,.layui-btn-xs:hover {
		border: 1px solid #249EFB;
		background-color: #fff;
		color: #249EFB;
		padding: 0px 10px;
	}
    .layui-btn-danger,.layui-btn-danger:hover{
		color: #FF5722;
		background-color: #fff;
		border: 1px solid #FF5722;
		padding: 0px 10px;
	}
    .layui-card .layui-tab-brief .layui-tab-title li{margin-left:0 !important;margin-right: 15px;}
    .layui-card .layui-tab-brief .layui-tab-title{margin-left:15px;}
    .flex-row {
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #fff;
        margin: 15px;
        height: 130px;
        box-shadow: 0 0 4px 0 #b6cade;
        border-radius: 5px;
    }

    .flex-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .font-weight {
        font-weight: 600;
    }

    .font24 {
        font-size: 24px;
    }

    .mt10 {
        margin-top: 10px;
    }
    .flex-box {
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #fff;
        margin: 17px;
        box-shadow: 0 0 4px 0 #b6cade;
        border-radius: 5px;
        width: 44%;
        padding: 20px;
        float: left;
    }
    .flex-box-title{
    	font-size: 17px;
    	font-weight: 600;

    }
    .flex-column {
    	display: flex;
    	flex-direction: column;
    }
    .box-title {
    	border-left: 4px solid #249EFB;
    	display: inline-block;
    	height: 20px;
    	line-height: 20px;
    	padding-left: 5px;
    	font-size: 20px;
    	font-weight: 700;
    }
    .box-little {
    	margin: 10px 0px;
    	color: #999999;
    }
    .box-content {
    	color: #999999;
    }
    .box-img {
    	display: flex;
    	height: 50px;
    	margin-top: 10px;
    }
    .box-img img {
    	width:40px;
    	height: 40px;
    	margin-right: 10px;
    }
    .box-tips {
    	font-size: 12px;
    }
    .box-operate {
    	width: 200px;
    	height: 100%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    }
    .box-del {
    	width: 100px;
    	height: 100px;
    	border-left: 1px solid #cccccc;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	color: red;
    }
    .color249EFB {
    	color: #249EFB;
    }
    .ml10 {
    	margin-left: 10px;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md12 layui-col-xs12 layui-col-sm12">
                        <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-hash">
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show" id="con">
                                    <table id="operater" lay-filter="operater" style="margin-top:15px;" class=""></table>

                                </div>
                                
                            </div>
                            <div id="page_container"></div>
                            <input type="hidden" name="count" value="0">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {/block}
    {block name="js"}
    <script>
        layui.config({
            base: '__LAYUI__/',
            urlbase: '/sys'
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table'], function () {
            var $ = layui.$,
                table = layui.table,

                form = layui.form;

            table.render({
                elem: '#operater',
                url: '{:url("dailyTasks/person_list")}?id='+"{$id}",
                page: true,
                height: 'full-180',
                cols: [
                    [{
                        type: 'numbers',
                        field: 'id',
                        fixed: 'left',
                        title: '序号',
                    }, {
                        field: 'name',
                        title: '姓名',
                    }, {
                        field: 'org_name',
                        title: '部门',
                    }, {
                        field: 'state',
                        title: '完成情况',
                    }]
                ],
                text: '对不起，加载出现异常！'
            });


        });
    </script>
    {/block}