|
@@ -0,0 +1,152 @@
|
|
|
|
|
+<style>
|
|
|
|
|
+
|
|
|
|
|
+</style>
|
|
|
|
|
+<div class="layui-fluid">
|
|
|
|
|
+ <div class="layui-card">
|
|
|
|
|
+ <div class="layui-form layui-form-pane layui-card-header layuiadmin-card-header-auto">
|
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label">姓名</label>
|
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
|
+ <input type="text" name="name" placeholder="请输入姓名" autocomplete="off" class="layui-input">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label">联系方式</label>
|
|
|
|
|
+ <div class="layui-input-block">
|
|
|
|
|
+ <input type="text" name="mobile" placeholder="请输入联系方式" autocomplete="off" class="layui-input">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <button class="layui-btn" lay-submit lay-filter="{$lay_btn}">
|
|
|
|
|
+ <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-form layui-card-header layuiadmin-card-header-auto">
|
|
|
|
|
+ <button class="layui-btn layuiadmin-btn" data-type="add">添加</button>
|
|
|
|
|
+ <button class="layui-btn layuiadmin-btn" data-type="import">批量导入</button>
|
|
|
|
|
+ <button class="layui-btn layui-btn-normal layuiadmin-btn" data-type="qrcode">二维码</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="layui-card-body">
|
|
|
|
|
+ <table id="{$lay_table}" lay-filter="{$lay_table}"></table>
|
|
|
|
|
+ <script type="text/html" id="setTpl">
|
|
|
|
|
+ <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
|
|
|
|
|
+ <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
|
|
|
|
|
+ </script>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</div>
|
|
|
|
|
+
|
|
|
|
|
+<script>
|
|
|
|
|
+ layui.use(['index', 'admin', 'form', 'table'], function () {
|
|
|
|
|
+ const $ = layui.$;
|
|
|
|
|
+ const admin = layui.admin;
|
|
|
|
|
+ const form = layui.form;
|
|
|
|
|
+ const table = layui.table;
|
|
|
|
|
+ form.render();
|
|
|
|
|
+
|
|
|
|
|
+ table.render({
|
|
|
|
|
+ elem: '#{$lay_table}',
|
|
|
|
|
+ url: "{:url('grade/listParty')}",
|
|
|
|
|
+ cols: [
|
|
|
|
|
+ [
|
|
|
|
|
+ {field: 'name', title: '姓名' ,width: 100},
|
|
|
|
|
+ {field: 'mobile', title: '联系方式', width: 300},
|
|
|
|
|
+ {field: 'score', title: '总分分'},
|
|
|
|
|
+ {title: '操作', align: 'center', fixed: 'right', toolbar: '#setTpl'}
|
|
|
|
|
+ ]
|
|
|
|
|
+ ],
|
|
|
|
|
+ page: true,
|
|
|
|
|
+ limit: 50,
|
|
|
|
|
+ cellMinWidth: 150,
|
|
|
|
|
+ text: '对不起,加载出现异常!'
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ form.on('submit({$lay_btn})', function (data) {
|
|
|
|
|
+ table.reload('{$lay_table}', {
|
|
|
|
|
+ where: data.field,
|
|
|
|
|
+ page: {
|
|
|
|
|
+ curr: 1
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ //事件
|
|
|
|
|
+ const active = {
|
|
|
|
|
+ add: function () {
|
|
|
|
|
+ const index = layer.open({
|
|
|
|
|
+ type: 2,
|
|
|
|
|
+ title: '添加成绩',
|
|
|
|
|
+ content: "{:url('grade/partyForm')}",
|
|
|
|
|
+ maxmin: true,
|
|
|
|
|
+ area: ['550px', '550px']
|
|
|
|
|
+ });
|
|
|
|
|
+ layer.full(index);
|
|
|
|
|
+ },
|
|
|
|
|
+ import: function() {
|
|
|
|
|
+ layer.open({
|
|
|
|
|
+ type: 2,
|
|
|
|
|
+ title: '批量导入',
|
|
|
|
|
+ content: "{:url('grade/importParty')}",
|
|
|
|
|
+ maxmin: true,
|
|
|
|
|
+ area: ['750px', '300px']
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ qrcode: function () {
|
|
|
|
|
+ layer.photos({
|
|
|
|
|
+ photos: {
|
|
|
|
|
+ "title": "", //相册标题
|
|
|
|
|
+ "id": 123, //相册id
|
|
|
|
|
+ "start": 0, //初始显示的图片序号,默认0
|
|
|
|
|
+ "data": [ //相册包含的图片,数组格式
|
|
|
|
|
+ {
|
|
|
|
|
+ "alt": "图片名",
|
|
|
|
|
+ "pid": 666, //图片id
|
|
|
|
|
+ "src": "{$file_url}", //原图地址
|
|
|
|
|
+ "thumb": "" //缩略图地址
|
|
|
|
|
+ }
|
|
|
|
|
+ ]
|
|
|
|
|
+ }
|
|
|
|
|
+ ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ };
|
|
|
|
|
+
|
|
|
|
|
+ //监听工具条
|
|
|
|
|
+ table.on('tool({$lay_table})', function (obj) {
|
|
|
|
|
+ const data = obj.data;
|
|
|
|
|
+ if (obj.event === 'del') {
|
|
|
|
|
+ layer.confirm('确定删除此成绩吗?', function (index) {
|
|
|
|
|
+ admin.req({
|
|
|
|
|
+ url: "{:url('grade/delParty')}",
|
|
|
|
|
+ data: {
|
|
|
|
|
+ id: data.id
|
|
|
|
|
+ },
|
|
|
|
|
+ done: function (res) {
|
|
|
|
|
+ obj.del();
|
|
|
|
|
+ layer.msg('已删除');
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ layer.close(index);
|
|
|
|
|
+ });
|
|
|
|
|
+ } else if (obj.event === 'edit') {
|
|
|
|
|
+ const index = layer.open({
|
|
|
|
|
+ type: 2,
|
|
|
|
|
+ title: '编辑成绩',
|
|
|
|
|
+ content: "{:url('grade/partyForm')}?id=" + data.id,
|
|
|
|
|
+ maxmin: true,
|
|
|
|
|
+ area: ['550px', '550px']
|
|
|
|
|
+ });
|
|
|
|
|
+ layer.full(index);
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $('.layui-btn.layuiadmin-btn').on('click', function () {
|
|
|
|
|
+ const type = $(this).data('type');
|
|
|
|
|
+ active[type] ? active[type].call(this) : '';
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+</script>
|