scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
							{extend name="public/layout" /} {block name="title"}分享内容{/block} {block name="body"}
<!--<link rel="stylesheet" href="__LAYUI__/common.css" media="all">-->
<style type="text/css">
    html,
    body {
        display: block;
        background-color: #fff;
    }

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

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

    .layui-table-view .layui-table th,
    .layui-table-view .layui-table td {
        text-align: center;
        border-color: #B6CADE;
    }

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

    .input-indent-box {
        display: inline;
        width: 80%;
    }

    .input-indent-box-small {
        display: inline;
        width: 20%;
    }

    .adding {
        cursor: pointer;
    }

    .upload-img .area i {
        font-size: 50px;
        color: #009688;
    }

    .evi-block {
        float: left;
        margin-right: 10px;
    }

    /*///*/

    .imageDiv {
        display: inline-block;
        width: 140px;
        height: 125px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px dashed darkgray;
        background: #f8f8f8;
        position: relative;
        overflow: hidden;
    }

    .addImages {
        display: inline-block;
        width: 140px;
        height: 125px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px dashed darkgray;
        background: #f8f8f8;
        position: relative;
        overflow: hidden;
    }

    .text-detail {
        margin-top: 40px;
        text-align: center;
    }

    .text-detail>span {
        font-size: 40px;
    }


    .imageDiv div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background-color: #e6e6e600;
    }

    .imageDiv div i {
        display: none;
        font-size: 31px;
        position: absolute;
        top: 37%;
        left: 40%;
    }

    .imageDiv div:hover {
        background-color: #e6e6e680;
    }

    .imageDiv div:hover i {
        display: block;
        cursor: pointer;
    }

    .rotate180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .layui-edge.rotate180 {
        margin-top: -9px;
    }

    .layui-card-body {
        padding: 0px;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-body">
                <table id="list"></table>
            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script>
    layui.config({
        base: '__LAYUI__/' //静态资源所在路径
        ,
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table'], function () {
        var $ = layui.$,
            table = layui.table;
        var field = '{$fields|raw}';
        field = JSON.parse(field);
        table.render({
            elem: '#list'
            , height: 'full-50'
            , url: '{$url|raw}'
            , page: true //开启分页
            , cols: [field]
        });
    });
</script>
{/block}