12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- {extend name="public/layout"/} {block name="title"}在施工地{/block} {block name="body"}
- <link rel="stylesheet" href="__STATIC__/css/csspc.css">
- <link rel="stylesheet" href="__STATIC__/css/font.css">
- <style>
- html,body{height:100vh;min-width: 1100px;}
- .body{height: 100%;overflow: hidden;background: #F6F7FB;}
- .bodys_top,.bodys_b{background: #fff;border-radius: 8px;}
- .bodys_top ul li{width:20%;font-size: 16px;color:#999;margin-bottom: 30px;float:left;}
- .search-ico{top:23%;right:5%;color:#249EFB;font-size: 20px;}
- .bodys_b{height: 75vh;}
- </style>
- <body>
- <div class="width97_ wauto bodys">
- <div class="bodys_top mdt16 pdt30">
- <ul class="width96_ wauto woverflow">
- <li>交定:{$data.ok_deposit}单</li>
- <li>平均交定:{$data.avg_deposit}单</li>
- <li>合同:{$data.ok_money}元</li>
- <li>平均合同:{$data.avg_money}元</li>
- <li>学分:{$data.ok_credit}分</li>
- <li>平均学分:{$data.avg_credit}分</li>
- </ul>
- </div>
- <div class="bodys_b mdt16 woverflow">
- <div class="width96_ wauto woverflow">
- <div class="layui-form-item mdt20">
- <div class="layui-input-inline wpsr" style="width: 23%;">
- <input type="text" name="name" required id="keyword" lay-verify="required" placeholder="请输入搜索内容" autocomplete="off" class="layui-input">
- <i class="fa fa-search search-ico wpsa href" aria-hidden="true" id="search"></i>
- </div>
- </div>
-
- <div class="datalist">
- <table id="grant" lay-filter="grant" style="margin-top:15px;"></table>
- </div>
- </div>
- </div>
- </div>
- </body>
- {/block} {block name="js"}
- <script>
- layui.config({
- base: '__LAYUI__/',
- urlbase: '/sys'
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'form','table'], function() {
- var $ = layui.$,
- table = layui.table,
- form = layui.form;
- table.render({
- elem: '#grant',
- url: '{:url("preformanceTasks/statistical_list")}?id='+"{$id}&org_id="+"{$org_id}",
- page: true,
- height: '400vh',
- cols: [
- [{
- type: 'numbers',
- field: 'id',
- fixed: 'left',
- title: '序号',
- }, {
- field: 'name',
- title: '姓名',
- }, {
- field: 'deposit',
- title: '交定(个)',
- }, {
- field: 'money',
- title: '合同(元)',
- }, {
- field: 'credit',
- title: '学分(分)',
- }]
- ],
- text: '对不起,加载出现异常!'
- });
-
-
- $('#search').click(function(){
- var keyword = $('#keyword').val();
- //执行重载
- table.reload('grant', {
- where: {keyword:keyword}
- , page: { curr: 1 }
- });
- });
-
-
- })
- </script>
- {/block}
|