{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;

  function renderTable() {
    table.render({
      elem: '#tbl', url: '/school/admin/api/article', page: true,
      cols: [[
        {field: 'title', title: '标题'},
        {field: 'author', title: '作者', width: 100},
        {field: 'status', title: '状态', width: 90, templet: function (d) { return d.status == 1 ? '已发布' : '草稿'; }},
        {field: 'publish_time', title: '发布时间', width: 160},
        {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/article/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: ['640px', '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_author" value="' + (row.author || '') + '"></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">摘要</label><div class="layui-input-block"><input class="layui-input" id="f_summary" value="' + (row.summary || '') + '"></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">正文</label><div class="layui-input-block"><textarea class="layui-textarea" id="f_content">' + (row.content || '') + '</textarea></div></div>'
        + '<div class="layui-form-item"><label class="layui-form-label">状态</label><div class="layui-input-block"><input type="checkbox" id="f_status" lay-skin="switch" lay-text="发布|草稿" ' + (row.status == 1 ? 'checked' : '') + '></div></div>'
        + '<div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" id="f_save">保存</button></div></div>'
        + '</form></div>'
    });
    setTimeout(function () { form.render(); }, 50);
    $('#f_save').off('click').on('click', function () {
      var data = {
        title: $('#f_title').val(), author: $('#f_author').val(),
        summary: $('#f_summary').val(), content: $('#f_content').val(),
        status: $('#f_status').is(':checked') ? 1 : 0
      };
      if (row.id) { data.id = row.id; }
      $.ajax({
        url: '/school/admin/api/article/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}