scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
							{extend name="public/layout" /} {block name="title"}案例分类管理{/block} {block name="body"}

<style type="text/css">
    html,
    body {
        display: block;
        width: 100%;
        background-color: #fff;
    }

    .layui-table thead tr,
    .layui-table-header {
        background-color: #D8E6F1 !important;
    }

    .layui-fluid {
        display: block;
        border-radius: 5px;
        background-color: #ffffff;
        padding: 15px 30px;
    }

    .layui-tab {
        padding: 15px;
        height: 100%;
    }

    .layui-form-item {
        width: 100%;
    }

    .layui-form-item .layui-inline {
        display: block;
        float: left;
        width: 145px;
        height: 38px;
        line-height: 38px;
        background: #FFFFFF;
        margin-right: 16px;
    }

    .layui-form-item .layui-input-inline {
        width: 145px;
        height: 38px;
        line-height: 38px;
        margin-bottom: 0;
    }

    .layui-icon {
        font-size: 20px !important;
    }

    .layui-form-item .layui-input-inline .layui-input {
        border: 1px solid #9DB6CF;
        border-radius: 5px;
    }

    .layui-form-select dl dd.layui-this {
        background-color: #249EFB;
    }

    .layui-form-item div.searchBox {
        width: 320px;
        background: #FFFFFF;
        border: 1px solid #B6CADE;
        border-radius: 24px;
        height: 38px;
        overflow: hidden;
        padding-left: 18px;
        position: relative;
        margin-bottom: 0px;
        float: right;
    }

    .searchBox .inputBox {
        width: 240px;
        float: left;
        height: 36px;
        line-height: 36px;
        border-width: 0;
    }

    .searchBtn {
        position: absolute;
        top: 0;
        right: 0;
        width: 51px;
        height: 38px;
        background-color: #fff;
    }

    .searchBtn img {
        position: absolute;
        width: 26px;
        top: 6px;
        left: 0;
    }

    .layui-card .layui-tab {
        margin: 0;
        height: 31%;
        width: 98%;
        /*float: right;*/
        padding: 1px;
    }

    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }

    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }

    .border {
        border: 1px solid #f2f2f2;
    }

    .line {
        width: 90%;
        height: 1px;
        background-color: #f2f2f2;
        margin: auto;
    }

    .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
        background-color: #249EFB;
        color: #fff;
    }

    .layui-tab-brief>.layui-tab-more li.layui-this:after,
    .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: none;
    }

    .layui-card .layui-tab-brief .layui-tab-title li {
        background-color: #F2F2F2;
        margin: 0px 5px;
    }

    .layui-card-body {
        padding: 15px 0px 0px;
    }

    .layuiadmin-card-header-auto {
        padding: 50px 30px !important;
    }

    .border {
        border: 1px solid #CCCCCC;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header layuiadmin-card-header-auto border">
                <div style="display:flex;">
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">执行人员：{$info['send_number']}人</div>
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">群发类型：群发到{$info['send_type']}</div>
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">群发对象：{$info['receive_count']}个</div>
                </div>
                <div style="display:flex;">
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">已群发：{$info['send_count']}个</div>
                    <div style="flex:1;display:flex;justify-content:center;align-items:center;">未群发：{$info['unsend_count']}个</div>
                    <div style="flex:1;"></div>
                </div>
            </div>
            <div class="layui-tab layui-tab-brief layui-form" lay-filter="docDemoTabBrief" style="margin-top: 10px;">
                <div class="layui-form-item" style="width: 240px;margin: 10px 0px 0px;">
                    <select name="status" lay-filter="stateFilter">
                        <option value="">状态筛选</option>
                        <option value="1">已执行</option>
                        <option value="2">未执行</option>
                        <option value="3">执行失败</option>
                    </select>
                </div>
            </div>

            <div class="layui-card-body">
                <table id="evidence-table" lay-filter="evidence-table"></table>
            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'element'], function () {
        var $ = layui.$,
            form = layui.form,
            element = layui.element,
            table = layui.table;
            
        //客户见证列表
        table.render({
            elem: '#evidence-table',
            autoSort: false,
            url: '{:url("wework/statistics_external_message",["id"=> $id])}',
            cols: [
                [{
                    field: 'employee_name',
                    title: '执行人员',
                    align: 'center',
                }, {
                    field: 'status_name',
                    title: '执行情况',
                    align: 'center',
                }, {
                    field: 'send_time',
                    title: '完成时间',
                    align: 'center',
                }]
            ],
            page: true,
            limit: 30,
            height: 'full-220',
            text: '对不起，加载出现异常！'
        });

        form.on('select(stateFilter)', function(data){
            let field = {status: data.value};
            //执行重载
            table.reload('evidence-table', {
                where: field,
                page: {
                    curr: 1
                }
            });
        });
    });
</script>
{/block}