category_input.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. <style>
  2. hr{
  3. margin-top: 3px!important;
  4. margin-bottom: 3px!important;
  5. }
  6. </style>
  7. <script>
  8. $(function() {
  9. $("#isAlone").change(function(){
  10. $("#content").removeClass("hidden");
  11. });
  12. $("#notAlone").change(function(){
  13. $("#content").addClass("hidden");
  14. });
  15. });
  16. function del(obj) {
  17. $(obj).bjuiajax('doAjax', {url:'${ctxPath}/system/cms/category/delete?ids=${pojo.categoryId!}',confirmMsg:'子节点也会被删除,确定要删除该吗?'});
  18. }
  19. </script>
  20. <div class="bjui-pageHeader">
  21. <div class="bjui-searchBar">
  22. <a class="btn" data-icon="pencil">${has(pojo)?"编辑栏目":"新增栏目"}</a>&nbsp;
  23. </div>
  24. </div>
  25. <div class="bjui-pageContent">
  26. <form method="post" action="${ctxPath}/system/cms/category/save" id="j_model_form" data-toggle="validate" data-autorefresh="true" data-alertmsg="false">
  27. <input TYPE="hidden" name="categoryId" value="${pojo.categoryId!}">
  28. <div class="form-group">
  29. <label for="j_username" class="control-label x85">栏目名称:</label>
  30. <input type="text" name="categoryName" id="j_username" size="30" value="${pojo.categoryName!,xss}" placeholder="栏目名称" size="24" data-rule="required;" >
  31. </div>
  32. <hr>
  33. <div class="form-group">
  34. <label for="alias" class="control-label x85">栏目别名:</label>
  35. @if(isEmpty(pojo.alias)){
  36. <input type="text" name="alias" id="alias" size="30" value="${pojo.alias!,xss}" placeholder="栏目别名(请使用英文别名!)" size="24" data-rule="required;remote(${ctxPath}/system/cms/category/checkCategory)" >
  37. @}else{
  38. <input type="text" name="alias" id="alias" size="30" value="${pojo.alias!,xss}" placeholder="栏目别名(请使用英文别名!)" size="24" readonly >
  39. @}
  40. </div>
  41. <hr>
  42. <div class="form-group">
  43. <label for="parentId" class="control-label x85">父栏目:</label>
  44. <select id="parentId" data-toggle="selectpicker" name="parentId">
  45. ${SelectCategoryOut(pojo.parentId!0,pojo.categoryId!0,session.SysUser.siteId!0)}
  46. </select>
  47. </div>
  48. <hr>
  49. <!--判断是否为文件上传字段-->
  50. <script type="text/javascript">
  51. function categoryIcon_upload_success(file, data) {
  52. var json = $.parseJSON(data)
  53. $(this).bjuiajax('ajaxDone', json)
  54. if (json[BJUI.keys.statusCode] == BJUI.statusCode.ok) {
  55. $('#categoryIcon').val(json.filename).trigger('validate');
  56. $('#categoryIcon_file').val(json.filename);
  57. }
  58. }
  59. </script>
  60. <label for="categoryIcon" class="control-label x85">栏目图标:</label>
  61. <div style="display: inline-block; vertical-align: middle;">
  62. <div id="categoryIcon" data-toggle="upload" data-uploader="${ctxPath}/uploads"
  63. data-file-size-limit="1024000000"
  64. data-file-type-exts="*.jpg;*.png;*.gif;*.jpeg"
  65. data-multi="false"
  66. data-on-upload-success="categoryIcon_upload_success"
  67. data-icon="cloud-upload"></div>
  68. <span>
  69. <input type="text" style="margin: 5px 0 0 0" size="30" name="categoryIcon" placeholder="分类图标" value="${pojo.categoryIcon!}" id="categoryIcon_file"> ( 可使用网络地址. )
  70. </span>
  71. </div>
  72. <hr>
  73. <div class="form-group">
  74. <label for="url" class="control-label x85">外部链接:</label>
  75. <input type="text" id="url" name="url" size="30"
  76. value="${pojo.url!}" placeholder="外部链接"> ( 填写外部链接后以下设置将失效!)
  77. </div>
  78. <hr>
  79. <div class="form-group">
  80. <label for="permissionKey" class="control-label x85">权限标识:</label>
  81. <input type="text" id="permissionKey" name="permissionKey" size="30"
  82. value="${pojo.permissionKey!}" placeholder="权限标识">
  83. </div>
  84. <hr>
  85. <div class="form-group">
  86. <label for="nav" class="control-label x85">是否导航:</label>
  87. @if(!isEmpty(pojo.isNav)&&pojo.isNav){
  88. <input id="nav" type="radio" name="isNav" value="1" checked="checked"> 是 </input>
  89. <input id="nav" type="radio" name="isNav" value="0"> 否 </input>
  90. @}else{
  91. <input id="nav" type="radio" name="isNav" value="1"> 是 </input>
  92. <input id="nav" type="radio" name="isNav" value="0" checked="checked"> 否 </input>
  93. @}
  94. </div>
  95. <hr>
  96. <div class="form-group">
  97. <label for="nav" class="control-label x85">全文检索:</label>
  98. @if(!isEmpty(pojo.allowSearch)&&pojo.allowSearch){
  99. <input id="nav" type="radio" name="allowSearch" value="1" checked="checked"> 是 </input>
  100. <input id="nav" type="radio" name="allowSearch" value="0"> 否 </input>
  101. @}else{
  102. <input id="nav" type="radio" name="allowSearch" value="1"> 是 </input>
  103. <input id="nav" type="radio" name="allowSearch" value="0" checked="checked"> 否 </input>
  104. @}
  105. </div>
  106. <hr>
  107. <div class="form-group">
  108. <label for="pageSize" class="control-label x85">分页大小:</label>
  109. <input type="text" id="pageSize" name="pageSize" size="30"
  110. value="${pojo.pageSize!}" data-rule="required;integer(+)" placeholder="分页大小">
  111. </div>
  112. <hr>
  113. <div id="isNotExtendUrl">
  114. <div class="form-group">
  115. <label for="modelId" class="control-label x85">内容模型:</label>
  116. <select id="modelId" data-toggle="selectpicker" ${isEmpty(pojo.modelId)?"":""} data-rule="required;" name="modelId">
  117. <option value="" >请选择</option>
  118. @for(model in models){
  119. @if(!isEmpty(pojo.modelId)&&pojo.modelId==model.modelId){
  120. <option value="${model.modelId!}" selected="selected">${model.modelName!}</option>
  121. @}else{
  122. <option value="${model.modelId!}">${model.modelName!}</option>
  123. @}
  124. @}
  125. </select>
  126. </div>
  127. <hr>
  128. <div class="form-group">
  129. <label class="control-label x85">是否单页:</label>
  130. @if(isNotEmpty(pojo.alone)&&pojo.alone){
  131. <input id="isAlone" type="radio" name="alone" value="true" checked="checked"> 是 </input>
  132. <input id="notAlone" type="radio" name="alone" value="false"> 否 </input>
  133. @}else{
  134. <input id="isAlone" type="radio" name="alone" value="true"> 是 </input>
  135. <input id="notAlone" type="radio" name="alone" value="false" checked="checked"> 否 </input>
  136. @}
  137. </div>
  138. <div class="form-group">
  139. <label class="control-label x85">栏目类型:</label>
  140. @if(isNotEmpty(pojo.isCommon)&&pojo.isCommon){
  141. <input id="isAlone" type="radio" name="isCommon" value="true" checked="checked"> 全局 </input>
  142. <input id="notAlone" type="radio" name="isCommon" value="false"> 当前 </input>
  143. @}else{
  144. <input id="isAlone" type="radio" name="isCommon" value="true"> 全局 </input>
  145. <input id="notAlone" type="radio" name="isCommon" value="false" checked="checked"> 当前 </input>
  146. @}
  147. &nbsp;(选择全局后,添加子站点的时候将自动创建)
  148. </div>
  149. <!-- 开始 -->
  150. @if(isNotEmpty(pojo.alone)&&pojo.alone){
  151. <div id="content" class="form-group">
  152. @}else{
  153. <div id="content" class="form-group hidden">
  154. @}
  155. <textarea id="contents" data-toggle="wangEditor" style="height:450px;max-height:550px;" name="content">${pojo.content!,xss="escape"}
  156. </textarea>
  157. </div>
  158. <!--结束 -->
  159. <hr>
  160. <div class="form-group">
  161. <label for="index_tpl" class="control-label x85">栏目首页:</label>
  162. <input type="text" id="index_tpl" name="indexTpl" size="30"
  163. value="${pojo.indexTpl!,xss}" placeholder="首页模板,默认:default/channel">.html &nbsp;( 留空则继承父类!)
  164. </div>
  165. <hr>
  166. <div class="form-group">
  167. <label for="list_tpl" class="control-label x85">栏目列表:</label>
  168. <input type="text" id="list_tpl" name="listTpl" size="30"
  169. value="${pojo.listTpl!,xss}" placeholder="列表页模板,默认:default/list">.html &nbsp; ( 同上.)
  170. </div>
  171. <hr>
  172. <div class="form-group">
  173. <label for="content_tpl" class="control-label x85">内容页面:</label>
  174. <input type="text" id="content_tpl" name="contentTpl" size="30"
  175. value="${pojo.contentTpl!,xss}" placeholder="内容页模板,默认:default/content">.html &nbsp; ( 同上.)
  176. </div>
  177. <hr>
  178. <div class="form-group">
  179. <label for="sortId" class="control-label x85">排序:</label>
  180. <input type="text" id="sortId" name="sortId" size="30"
  181. value="${pojo.sortId!}" data-rule="integer;" placeholder="排序">
  182. </div>
  183. </div>
  184. </form>
  185. </div>
  186. <div class="bjui-pageFooter">
  187. <ul>
  188. @if(isEmpty(pojo.categoryId)){
  189. <li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
  190. @}else{
  191. <li><button onclick="del(this)" type="button" class="btn-close" data-icon="close">删除</button></li>
  192. <li><button type="submit" class="btn-default" data-icon="save">更新</button></li>
  193. @}
  194. </ul>
  195. </div>