edit.html 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('修改系统配置')" />
  5. </head>
  6. <body class="white-bg">
  7. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  8. <form class="form-horizontal m" id="form-config-edit" th:object="${sysInfoConfig}">
  9. <input name="confId" th:field="*{confId}" type="hidden">
  10. <div class="form-group">
  11. <label class="col-sm-3 control-label">配置类型:</label>
  12. <div id="element" class="row">
  13. <div class="col-sm-4">
  14. <select name="typeCd" class="type form-control m-b" th:attr='data-value=*{typeCd}' data-first-title="请选择">
  15. <!-- <select name="typeCd" class="type form-control m-b" data-first-title="请选择">-->
  16. <option value="">请选择</option>
  17. </select>
  18. </div>
  19. <div class="col-sm-4">
  20. <select name="sceneTpCd" class="router form-control m-b" th:attr='data-value=*{sceneTpCd}' data-first-title="请选择">
  21. <option value="">请选择</option>
  22. </select>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="form-group">
  27. <label class="col-sm-3 control-label">内容:</label>
  28. <div class="col-sm-8">
  29. <input name="content" th:field="*{content}" class="form-control" type="text">
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <label class="col-sm-3 control-label">状态:</label>
  34. <div class="col-sm-8">
  35. <select name="status" class="form-control m-b" th:with="type=${@dict.getType('sys_normal_disable')}">
  36. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{status}"></option>
  37. </select>
  38. </div>
  39. </div>
  40. </form>
  41. </div>
  42. <th:block th:include="include :: footer" />
  43. <th:block th:include="include :: jquery-cxselect-js" />
  44. <script th:inline="javascript">
  45. // 直接返回获取
  46. var dictDataList = [[${dictDataList}]];
  47. $('#element').cxSelect({
  48. selects: ['type', 'router'],
  49. jsonValue: 'v',
  50. data: dictDataList
  51. });
  52. var prefix = ctx + "opt/config";
  53. $("#form-config-edit").validate({
  54. rules: {
  55. typeCd: {
  56. required: true
  57. },
  58. sceneTpCd: {
  59. required: true
  60. },
  61. content: {
  62. required: true
  63. }
  64. },
  65. messages: {
  66. typeCd: {
  67. required: "",
  68. },
  69. sceneTpCd: {
  70. required: "",
  71. },
  72. content: {
  73. required: "内容不能为空",
  74. }
  75. }
  76. });
  77. function submitHandler() {
  78. if ($.validate.form()) {
  79. $.operate.save(prefix + "/edit", $('#form-config-edit').serialize());
  80. }
  81. }
  82. </script>
  83. </body>
  84. </html>