publish.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>layui</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all"/>
  11. <link rel="stylesheet" href="__CSS__/admin.css" media="all">
  12. </head>
  13. <body style="padding:10px;">
  14. <div class="tplay-body-div">
  15. <div class="layui-tab">
  16. <ul class="layui-tab-title">
  17. <li><a href="{:url('index')}" class="a_menu">全部配置</a></li>
  18. <li class="layui-this">{notempty name="$cate"}编辑{else/}新增{/notempty}</li>
  19. </ul>
  20. </div>
  21. <div style="margin-top: 20px;">
  22. </div>
  23. <form class="layui-form" id="admin">
  24. <div class="layui-form-item">
  25. <label class="layui-form-label">配置名称</label>
  26. <div class="layui-input-inline">
  27. <input name="name" lay-verify="required" placeholder="自定义配置名称" autocomplete="off" class="layui-input"
  28. type="text" {notempty name="$cate.name" }value="{$cate.name}" {/notempty}>
  29. </div>
  30. </div>
  31. <div class="layui-form-item">
  32. <label class="layui-form-label">配置类型</label>
  33. <div class="layui-input-inline" style="max-width:300px;">
  34. <select name="type" lay-filter="type">
  35. {foreach name="$types" item="vo" key="k"}
  36. <option value="{$k}" {notempty name="$cate"}{if condition="$type eq $k"} selected=""{/if}{/notempty}>{$vo}</option>
  37. {/foreach}
  38. </select>
  39. </div>
  40. </div>
  41. <div class="layui-form-item layui-form-text" id="val">
  42. <label class="layui-form-label">配置值</label>
  43. <div class="layui-input-block" style="max-width:500px;">
  44. <input name="value" maxlength="50" placeholder="请输入,限制255字" autocomplete="off" class="layui-input"
  45. type="text" {notempty name="$cate.value" }value="{$cate.value}" {/notempty}>
  46. </div>
  47. </div>
  48. <div class="layui-form-item">
  49. <label class="layui-form-label">分组标签</label>
  50. <div class="layui-input-inline" style="max-width:300px;">
  51. <select name="tab_id">
  52. <option value="">请选择</option>
  53. {foreach name="$tabs" item="vo" key="k"}
  54. <option value="{$vo.id}"
  55. {notempty name="$cate"}
  56. {eq name="$cate.tab_id" value="$vo.id"} selected=""{/eq}
  57. {else/}
  58. {notempty name="$Request.param.tab_id"}{eq name="$Request.param.tab_id" value="$vo.id"} selected=""{/eq}{/notempty}
  59. {/notempty}>{$vo.name}</option>
  60. {/foreach}
  61. </select>
  62. </div>
  63. <div class="layui-form-mid layui-word-aux">
  64. 按标签分组展示
  65. </div>
  66. </div>
  67. <div class="layui-form-item layui-form-text">
  68. <label class="layui-form-label">备注</label>
  69. <div class="layui-input-block" style="max-width:500px;">
  70. <textarea placeholder="请输入,限制500字" maxlength="255" class="layui-textarea" name="remark">{notempty name="$cate.remark"}{$cate.remark}{/notempty}</textarea>
  71. </div>
  72. </div>
  73. {notempty name="$cate"}
  74. <input type="hidden" name="id" value="{$cate.id}">
  75. {/notempty}
  76. <div class="layui-form-item">
  77. <div class="layui-input-block">
  78. <button class="layui-btn" lay-submit lay-filter="admin">保存</button>
  79. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  80. </div>
  81. </div>
  82. </form>
  83. {include file="public/foot"}
  84. {notempty name="$cate"}
  85. {neq name="$cate.type" value="0"}
  86. <script>
  87. $("#val").hide();
  88. </script>
  89. {/neq}
  90. {/notempty}
  91. <script>
  92. layui.use(['layer', 'form'], function () {
  93. var layer = layui.layer,
  94. $ = layui.jquery,
  95. form = layui.form;
  96. $(window).on('load', function () {
  97. form.on('submit(admin)', function (data) {
  98. $.ajax({
  99. url: "{:url('publish')}",
  100. dataType: 'json',
  101. data: $('#admin').serialize(),
  102. type: 'post',
  103. async: false,
  104. success: function (res) {
  105. if (res.code == 1) {
  106. layer.alert(res.msg, function (index) {
  107. location.href = res.url + "?tab_id={$Request.param.tab_id}";
  108. })
  109. } else {
  110. layer.msg(res.msg);
  111. }
  112. }
  113. })
  114. return false;
  115. });
  116. });
  117. form.on('select(type)', function (data) {
  118. if (data.value == 0) {
  119. $("#val").show();
  120. } else {
  121. $("#val").hide();
  122. }
  123. });
  124. });
  125. </script>
  126. </div>
  127. </body>
  128. </html>