messageAdd.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <html xmlns:th="http://www.thymeleaf.org">
  2. <head>
  3. <title>私塾家</title>
  4. <script th:include="sys/common/metaCSS" th:remove="tag"></script>
  5. <script th:include="sys/common/metaJS" th:remove="tag"></script>
  6. <script src="sys/js/jquery.validate.min.js" th:src="@{/static/sys/js/jquery.validate.min.js}"></script>
  7. <script src="sys/js/jquery-validation/messages_zh.js" th:src="@{/static/sys/js/jquery-validation/messages_zh.js}"></script>
  8. <script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/sys/js/My97DatePicker/WdatePicker.js}"></script>
  9. <style>
  10. .clearfix:after {
  11. visibility: hidden;
  12. display: block;
  13. font-size: 0;
  14. content: " ";
  15. clear: both;
  16. height: 0;
  17. }
  18. .clearfix { display: inline-table; }
  19. * html .clearfix { height: 1%; }
  20. .clearfix { display: block; }
  21. .fl{display:inline;float:left}
  22. clearfix >control-label-error{display:inline;float:left;marign-left:10px}
  23. label.control-label-error {
  24. color: Red;
  25. }
  26. .lispan {line-height: 34px;}
  27. .select1{
  28. width:100%;
  29. height: 32px;
  30. line-height: 32px;
  31. border-top: solid 1px #a7b5bc;
  32. border-left: solid 1px #a7b5bc;
  33. border-right: solid 1px #ced9df;
  34. border-bottom: solid 1px #ced9df;
  35. opacity:1;
  36. margin-bottom: 10px;
  37. }
  38. textarea{
  39. width: 382px;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div class="place">
  45. <span>位置:</span>
  46. <ul class="placeul">
  47. <li><a href="#">微信管理</a></li>
  48. <li><a th:href="@{/sys/wx/messsageReply.html}">关键词设置</a></li>
  49. </ul>
  50. </div>
  51. <div class="formbody">
  52. <div class="formtitle"><span th:text="${ws.id} ? '修改关键词' :'新增关键词'">新增关键词</span></div>
  53. <form id="submitFrom" method="post" class="form-horizontal form-validate">
  54. <input type="hidden" name="id" th:if="${ws.id}" th:value="${ws.id}"/>
  55. <input type="hidden" name="mediaId" th:value="${ws.mediaId}"/>
  56. <input type="hidden" name="created" th:value="${ws.created}"/>
  57. <input type="hidden" name="type" th:value="normal"/>
  58. <ul class="forminfo">
  59. <li class="clearfix">
  60. <label>关键词:<b>*</b></label>
  61. <input type="text" id="keyword" name="keyword" class="dfinput fl" th:value="${ws.keyword}">
  62. </li>
  63. <li class="clearfix">
  64. <label>文字:</label>
  65. <textarea rows="10" id="text" name="text" class="textinput" cols="10">[[${ws.text}]]</textarea>
  66. </li>
  67. <li class="clearfix">
  68. <input type="hidden" name="imgUrl" id="imgUrl" th:value="${ws.imgUrl}"/>
  69. <label class="upload-file">图片:</label>
  70. <img id="imgImg" th:src=" ${ws.imgUrl} !=null ? (${ws.imgUrl} !='' ? ${imgUrl}+''+${ws.imgUrl}+'?x-oss-process=image/resize,m_lfit,h_100,w_120' : '' ) :'' " style="width:200px;height:140px; margin-left: 109px;" />
  71. <input type="file" id="upfile">
  72. </li>
  73. <li>
  74. <label>&nbsp;</label>
  75. <button type="submit" class="btn">保存</button>
  76. <button type="button" class="btn" onclick="window.history.go(-1);">取消</button>
  77. </li>
  78. </ul>
  79. </form>
  80. </div>
  81. </body>
  82. <script th:include="sys/common/fileUpload" th:remove="tag"></script>
  83. <script type="text/javascript">
  84. $(function(){
  85. $("#submitFrom").validate({
  86. ignore:"",
  87. rules : {
  88. keyword : {
  89. required : true,
  90. maxlength: 100
  91. }
  92. },
  93. messages: {
  94. keyword : {
  95. required : "关键词不能为空",
  96. maxlength : "最多100个字符"
  97. }
  98. },
  99. errorPlacement : function(error, element) {
  100. error.appendTo(element.parent());
  101. },
  102. submitHandler : function(form) {
  103. roleFrom();
  104. }
  105. });
  106. });
  107. function roleFrom(){
  108. var url="[[${sysUrl}]]/sys/wx/messageSave";
  109. var params = $("#submitFrom").serialize();
  110. $.post(url,params,function(data){
  111. if(data != null){
  112. if(data.meta.success){
  113. parent.layer.msg("操作成功!",{icon:1});
  114. setTimeout(function(){
  115. window.location.href ='[[${sysUrl}]]/sys/wx/messageReply.html';
  116. },1000);
  117. }else{
  118. parent.layer.msg(data.meta.message,{icon:11});
  119. }
  120. }
  121. });
  122. }
  123. $(function(){
  124. initUpload(uploadOptions("upfile","上传图片"),"imgUrl","imgImg");
  125. });
  126. //附件上传
  127. function uploadFile(){
  128. $("#upfile").uploadify("upload", "*");
  129. }
  130. </script>
  131. </html>