publish.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  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-col-md6">
  25. <div class="layui-form-item">
  26. <label class="layui-form-label">配置名</label>
  27. <div class="layui-input-inline">
  28. <input name="name" lay-verify="required" placeholder="自定义配置名称" autocomplete="off" class="layui-input"
  29. type="text" {notempty name="$cate.name" }value="{$cate.name}" {/notempty}>
  30. </div>
  31. </div>
  32. <div class="layui-form-item">
  33. <label class="layui-form-label">类型</label>
  34. <div class="layui-input-inline" style="max-width:300px;">
  35. <select name="type" lay-filter="type">
  36. {foreach name="$types" item="vo" key="k"}
  37. <option value="{$k}" {notempty name="$cate"}{if condition="$type eq $k"} selected=""{/if}{/notempty}>{$vo}</option>
  38. {/foreach}
  39. </select>
  40. </div>
  41. </div>
  42. <div class="layui-form-item layui-form-text" id="val">
  43. <label class="layui-form-label">配置值</label>
  44. <div class="layui-input-block" style="max-width:500px;">
  45. <input name="value" maxlength="50" placeholder="请输入,限制255字" autocomplete="off" class="layui-input"
  46. type="text" {notempty name="$cate.value" }value="{$cate.value}" {/notempty}>
  47. </div>
  48. </div>
  49. <div class="layui-form-item">
  50. <label class="layui-form-label">标签</label>
  51. <div class="layui-input-inline" style="max-width:300px;">
  52. <select name="tab_id">
  53. <option value="">请选择</option>
  54. {foreach name="$tabs" item="vo" key="k"}
  55. <option value="{$vo.id}"
  56. {notempty name="$cate"}
  57. {eq name="$cate.tab_id" value="$vo.id"} selected=""{/eq}
  58. {else/}
  59. {notempty name="$Request.param.tab_id"}{eq name="$Request.param.tab_id" value="$vo.id"} selected=""{/eq}{/notempty}
  60. {/notempty}>{$vo.name}</option>
  61. {/foreach}
  62. </select>
  63. </div>
  64. </div>
  65. <div class="layui-form-item layui-form-text">
  66. <label class="layui-form-label">备注</label>
  67. <div class="layui-input-block" style="max-width:500px;">
  68. <textarea placeholder="请输入,限制500字" maxlength="255" class="layui-textarea" name="remark">{notempty name="$cate.remark"}{$cate.remark}{/notempty}</textarea>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="layui-col-md6">
  73. <div class="layui-form-item">
  74. <label class="layui-form-label" style="width: 90px">启用图片配置</label>
  75. <div class="layui-input-inline">
  76. <input type="radio" name="image_open" value="0" title="关闭" {if condition="(isset($cate) && $cate.image_open eq '0') || !isset($cate)"}checked{/if}>
  77. <input type="radio" name="image_open" value="1" title="启用" {if condition="isset($cate) && $cate.image_open eq '1'"}checked{/if}>
  78. </div>
  79. </div>
  80. <div class="layui-form-item">
  81. <label class="layui-form-label" style="width: 90px">启用颜色配置</label>
  82. <div class="layui-input-inline">
  83. <input type="radio" name="color_open" value="0" title="关闭" {if condition="(isset($cate) && $cate.color_open eq '0') || !isset($cate)"}checked{/if}>
  84. <input type="radio" name="color_open" value="1" title="启用" {if condition="isset($cate) && $cate.color_open eq '1'"}checked{/if}>
  85. </div>
  86. </div>
  87. <div class="layui-form-item">
  88. <label class="layui-form-label" style="width: 90px">图片label</label>
  89. <div class="layui-input-inline">
  90. <input name="image_label" lay-verify="" placeholder="自定义label文字,请输入" autocomplete="off" class="layui-input"
  91. type="text" {if condition="isset($cate) && $cate->getData('image_label')" }value="{$cate.image_label}" {/if}>
  92. </div>
  93. <div class="layui-form-mid layui-word-aux">默认为“配图”</div>
  94. </div>
  95. <div class="layui-form-item">
  96. <label class="layui-form-label" style="width: 90px">图片注释</label>
  97. <div class="layui-input-inline">
  98. <input name="image_aux" lay-verify="" placeholder="自定义说明文字,请输入" autocomplete="off" class="layui-input"
  99. type="text" {if condition="isset($cate) && $cate->getData('image_aux')" }value="{$cate.image_aux}" {/if}>
  100. </div>
  101. </div>
  102. <div class="layui-form-item">
  103. <label class="layui-form-label" style="width: 90px">颜色label</label>
  104. <div class="layui-input-inline">
  105. <input name="color_label" lay-verify="" placeholder="自定义label文字,请输入" autocomplete="off" class="layui-input"
  106. type="text" {if condition="isset($cate) && $cate->getData('color_label')" }value="{$cate.color_label}" {/if}>
  107. </div>
  108. <div class="layui-form-mid layui-word-aux">默认为“配色”</div>
  109. </div>
  110. <div class="layui-form-item">
  111. <label class="layui-form-label" style="width: 90px">配置名label</label>
  112. <div class="layui-input-inline">
  113. <input name="name_label" lay-verify="" placeholder="自定义label文字,请输入" autocomplete="off" class="layui-input"
  114. type="text" {if condition="isset($cate) && $cate->getData('name_label')" }value="{$cate.name_label}" {/if}>
  115. </div>
  116. <div class="layui-form-mid layui-word-aux">默认为“名称”</div>
  117. </div>
  118. <div class="layui-form-item">
  119. <label class="layui-form-label" style="width: 90px">配置值label</label>
  120. <div class="layui-input-inline">
  121. <input name="value_label" lay-verify="" placeholder="自定义label文字,请输入" autocomplete="off" class="layui-input"
  122. type="text" {if condition="isset($cate) && $cate->getData('value_label')" }value="{$cate.value_label}" {/if}>
  123. </div>
  124. <div class="layui-form-mid layui-word-aux">默认为“配置值”</div>
  125. </div>
  126. <div class="layui-form-item">
  127. <label class="layui-form-label" style="width: 90px">备注label</label>
  128. <div class="layui-input-inline">
  129. <input name="desc_label" lay-verify="" placeholder="自定义label文字,请输入" autocomplete="off" class="layui-input"
  130. type="text" {if condition="isset($cate) && $cate->getData('desc_label')" }value="{$cate.desc_label}" {/if}>
  131. </div>
  132. <div class="layui-form-mid layui-word-aux">默认为“备注”</div>
  133. </div>
  134. </div>
  135. {notempty name="$cate"}
  136. <input type="hidden" name="id" value="{$cate.id}">
  137. {/notempty}
  138. <div class="layui-form-item">
  139. <div class="layui-input-block">
  140. <button class="layui-btn" lay-submit lay-filter="admin">保存</button>
  141. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  142. </div>
  143. </div>
  144. </form>
  145. {include file="public/foot"}
  146. {notempty name="$cate"}
  147. {neq name="$cate.type" value="0"}
  148. <script>
  149. $("#val").hide();
  150. </script>
  151. {/neq}
  152. {/notempty}
  153. <script>
  154. layui.use(['layer', 'form'], function () {
  155. var layer = layui.layer,
  156. $ = layui.jquery,
  157. form = layui.form;
  158. $(window).on('load', function () {
  159. form.on('submit(admin)', function (data) {
  160. $.ajax({
  161. url: "{:url('publish')}",
  162. dataType: 'json',
  163. data: $('#admin').serialize(),
  164. type: 'post',
  165. async: false,
  166. success: function (res) {
  167. if (res.code == 1) {
  168. layer.alert(res.msg, function (index) {
  169. location.href = res.url + "?tab_id={$Request.param.tab_id}";
  170. })
  171. } else {
  172. layer.msg(res.msg);
  173. }
  174. }
  175. })
  176. return false;
  177. });
  178. });
  179. form.on('select(type)', function (data) {
  180. if (data.value == 0) {
  181. $("#val").show();
  182. } else {
  183. $("#val").hide();
  184. }
  185. });
  186. });
  187. </script>
  188. </div>
  189. </body>
  190. </html>