
<div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-body" style="padding: 15px;">
        <form class="layui-form" action="" lay-filter="component-form-group">
          <% if (resource) { %>
          <input type="hidden" value="<%= resource.id %>" name="id">
          <% } %>
          <% if (parent) { %>
            <div class="layui-form-item">
              <label class="layui-form-label">父级</label>
              <div class="layui-input-block">
                <input type="text" value="<%= parent.name %>" disabled autocomplete="off" class="layui-input">
                <input type="hidden" value="<%= parent.id ? parent.id : '' %>" name="parentId" />
              </div>
            </div>
          <% } %>
          <div class="layui-form-item">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-block">
              <input 
                type="text" name="name" lay-verify="name"
                value="<%= resource ? resource.name : '' %>" placeholder="请输入名称" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">类型</label>
            <div class="layui-input-block">
              <select name="resourceType" lay-verify="resourceType">
                <% _.each(resourceTypes, function (t, i) { %>
                <option value="<%= t.code %>" <%= resource && resource.resourceType === t.code ? 'selected' : '' %>><%= t.name %></option>
                <% }) %>
              </select>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">图标</label>
            <div class="layui-input-block">
              <input type="text" name="icon" lay-verify="icon"
                     value="<%= resource ? resource.icon : '' %>" placeholder="请输入图标" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">路径</label>
            <div class="layui-input-block">
              <input type="text" name="path" lay-verify="path"
                     value="<%= resource ? resource.path : '' %>" placeholder="请输入路径" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">简介</label>
            <div class="layui-input-block">
              <input type="text" name="description" lay-verify="description"
                     value="<%= resource ? resource.description : '' %>" placeholder="请输入简介" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">排序号</label>
            <div class="layui-input-block">
              <input type="text" name="sortedNum" lay-verify="sortedNum"
                     value="<%= resource ? resource.sortedNum : '' %>" placeholder="请输入排序号" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item layui-layout-admin">
            <div class="layui-input-block">
              <div class="layui-footer" style="left: 0;">
                <button class="layui-btn" lay-submit="" lay-filter="component-form-submit">立即提交</button>
                <button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <script>
    layui.use(['form', 'laydate'], function () {
      var $ = layui.$, layer = layui.layer, form = layui.form;
  
      /* 自定义验证规则 */
      form.verify({
        name: function (value, item) {
          if (!value.trim()) {
            return 'name不能为空';
          }
        },
        icon: function (value, item) {
        },
        path: function (value, item) {
  //        if (!value.trim()) {
  //          return 'path不能为空';
  //        }
        },
        description: function (value, item) {
        },
        deleted: function (value, item) {
        },
        sortedNum: function (value, item) {
        },
      });
  
      /* 监听提交 */
      form.on('submit(component-form-submit)', function (data) {
        var loading = layer.load(1);
        var fields = data.field;
        $.ajax({
          url: '/sys/resource/modify',
          data: JSON.stringify(fields),
          type: "POST",
          contentType: "application/json",
          success: function(data) {
            layer.close(loading);
            if (data.code === 0) {
              layer.msg(data.msg, {
                icon: 6,
                time: 2000
              }, function() {
                window.location.reload();
              });
            } else {
              layer.msg(data.msg, {icon: 5});
            }
          },
          error: function() {
            layer.close(loading);
          }
        });
        return false;
      });
    });
  </script>
  