{layout name="admin/layout" /}
{block name="title"}荣誉管理{/block}
{block name="content"}
<div style="margin-bottom:10px"><button class="layui-btn" id="addBtn">新增荣誉</button></div>
<table id="tbl" lay-filter="tbl"></table>
<script type="text/html" id="barTpl">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
</script>
{/block}
{block name="pagejs"}
<script>
layui.use(['table', 'jquery', 'layer', 'form'], function () {
  var table = layui.table, $ = layui.jquery, layer = layui.layer, form = layui.form;
  var catText = ['', '学生', '教师', '学校'];
  var levelText = ['', '国家级', '省级', '市级', '区级'];

  function renderTable() {
    table.render({
      elem: '#tbl', url: '/school/admin/api/honor', page: true,
      cols: [[
        {field: 'title', title: '荣誉标题'},
        {field: 'awardee', title: '获奖人/集体', width: 140},
        {field: 'category', title: '类别', width: 90, templet: function (d) { return catText[d.category]; }},
        {field: 'level', title: '级别', width: 90, templet: function (d) { return levelText[d.level]; }},
        {field: 'year', title: '年份', width: 90},
        {title: '操作', width: 140, toolbar: '#barTpl', fixed: 'right'}
      ]]
    });
  }
  renderTable();

  table.on('tool(tbl)', function (obj) {
    var d = obj.data;
    if (obj.event === 'del') {
      layer.confirm('确认删除？', function () {
        $.post('/school/admin/api/honor/delete', {id: d.id}, function (r) {
          if (r.code === 0) { obj.del(); } else { layer.msg(r.msg); }
        }, 'json');
      });
    }
    if (obj.event === 'edit') { openForm(d); }
  });

  function openForm(row) {
    row = row || {};
    layer.open({
      type: 1, title: row.id ? '编辑荣誉' : '新增荣誉',
      area: ['560px', 'auto'],
      content: '<div style="padding:16px"><form class="layui-form">'
        + '<div class="layui-form-item"><label class="layui-form-label">标题</label><div class="layui-input-block"><input class="layui-input" id="f_title" value="' + (row.title || '') + '"></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">获奖人</label><div class="layui-input-block"><input class="layui-input" id="f_awardee" value="' + (row.awardee || '') + '"></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">类别</label><div class="layui-input-block"><select id="f_category"><option value="1">学生</option><option value="2">教师</option><option value="3">学校</option></select></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">级别</label><div class="layui-input-block"><select id="f_level"><option value="1">国家级</option><option value="2">省级</option><option value="3">市级</option><option value="4">区级</option></select></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">年份</label><div class="layui-input-block"><input class="layui-input" id="f_year" value="' + (row.year || '') + '" placeholder="如 2024"></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">重点</label><div class="layui-input-block"><input type="checkbox" id="f_featured" lay-skin="switch" lay-text="重点|普通" ' + (row.is_featured == 1 ? 'checked' : '') + '></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">说明</label><div class="layui-input-block"><textarea class="layui-textarea" id="f_desc">' + (row.description || '') + '</textarea></div></div>'
        + '<div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" id="f_save">保存</button></div></div>'
        + '</form></div>'
    });
    if (row.id) {
      $('#f_category').val(row.category); $('#f_level').val(row.level);
    }
    setTimeout(function () { form.render(); }, 50);
    $('#f_save').off('click').on('click', function () {
      var data = {
        title: $('#f_title').val(), awardee: $('#f_awardee').val(),
        category: $('#f_category').val(), level: $('#f_level').val(),
        year: $('#f_year').val(),
        is_featured: $('#f_featured').is(':checked') ? 1 : 0,
        description: $('#f_desc').val()
      };
      if (row.id) { data.id = row.id; }
      $.ajax({
        url: '/school/admin/api/honor/save', type: 'POST', data: data, dataType: 'json',
        success: function (r) { if (r.code === 0) { layer.closeAll(); renderTable(); } else { layer.msg(r.msg); } }
      });
    });
  }

  $('#addBtn').on('click', function () { openForm(); });
});
</script>
{/block}