form.html 4.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <form class="layui-form layui-card" action="{:sysuri()}" data-auto="true" method="post" autocomplete="off">
  2. <div class="layui-card-body padding-left-40">
  3. <div class="layui-form-item">
  4. <span class="color-green font-w7 label-required-prev">数据类型</span>
  5. <span class="color-desc margin-left-5">Database Type</span>
  6. {if isset($vo.type)}
  7. <label><input readonly value="{$vo.type|default=''}" class="layui-input think-bg-gray"></label>
  8. {else}
  9. <select class="layui-select" lay-filter="DataType">
  10. {foreach $types as $type}{if (isset($vo.type) and $type eq $vo.type) or ($type eq input('get.type'))}
  11. <option selected value="{$type}">{$type}</option>
  12. {else}
  13. <option value="{$type}">{$type}</option>
  14. {/if}{/foreach}
  15. </select>
  16. <script>
  17. layui.form.render();
  18. (function (callable) {
  19. layui.form.on('select(DataType)', callable);
  20. callable({value: "{$vo.type|default=''}" || $('[lay-filter=DataType]').val()});
  21. })(function (data) {
  22. if (data.value === '--- 新增类型 ---') {
  23. $('#DataTypeInput').removeClass('layui-hide').find('input').val('').focus();
  24. } else {
  25. $('#DataTypeInput').addClass('layui-hide').find('input').val(data.value);
  26. }
  27. });
  28. </script>
  29. {/if}
  30. <p class="help-block">请选择数据类型,数据创建后不能再次修改哦 ~</p>
  31. <div id="DataTypeInput" class="layui-hide relative">
  32. <input class="layui-input" maxlength="20" name="type" required placeholder="请输入数据类型" value="{$vo.type|default=''}">
  33. <p class="help-block">请输入新的数据类型,数据创建后不能再次修改哦 ~</p>
  34. </div>
  35. </div>
  36. <label class="layui-form-item relative block">
  37. <span class="color-green font-w7">数据编码</span>
  38. <span class="color-desc margin-left-5">Database Code</span>
  39. {if isset($vo.code)}
  40. <input readonly maxlength="50" class="layui-input think-bg-gray" name="code" value='{$vo.code|default=""}' required placeholder="请输入数据编码">
  41. {else}
  42. <input maxlength="50" class="layui-input" name="code" value='{$vo.code|default=""}' required placeholder="请输入数据编码">
  43. {/if}
  44. <span class="help-block">请输入新的数据编码,数据创建后不能再次修改,同种数据类型的数据编码不能出现重复 ~</span>
  45. </label>
  46. <label class="layui-form-item relative block">
  47. <span class="color-green font-w7">数据名称</span>
  48. <span class="color-desc margin-left-5">Database Name</span>
  49. <input maxlength="100" class="layui-input" name="name" value='{$vo.name|default=""}' required placeholder="请输入数据名称">
  50. <span class="help-block">请输入当前数据名称,请尽量保持名称的唯一性,数据名称尽量不要出现重复 ~</span>
  51. </label>
  52. <label class="layui-form-item relative block">
  53. <span class="color-green font-w7">数据内容</span>
  54. <span class="color-desc margin-left-5">Database Content</span>
  55. <textarea name="content" class="layui-textarea" placeholder="请输入数据内容">{$vo.content|default=''}</textarea>
  56. <!--<span class="help-block">访问权限名称需要保持不重复,在给用户授权时需要根据名称选择!</span>-->
  57. </label>
  58. </div>
  59. <div class="hr-line-dashed"></div>
  60. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  61. <div class="layui-form-item text-center">
  62. <button class="layui-btn" type='submit'>保存数据</button>
  63. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗?" data-close>取消编辑</button>
  64. </div>
  65. </form>