addText.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="../../static/css/font.css">
  10. <link rel="stylesheet" href="../../static/css/weadmin.css">
  11. <link rel="stylesheet" href="../../static/css/style.css">
  12. <link rel="stylesheet" href="../../static/skin/jedate.css">
  13. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  14. <!--[if lt IE 9]>
  15. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  16. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  17. <![endif]-->
  18. <style>
  19. html{
  20. overflow-y: auto;
  21. }
  22. .layui-form-label{
  23. width: 100px;
  24. }
  25. .layui-input-block{
  26. margin-left: 138px;
  27. }
  28. .showOrhide{
  29. display: none;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div class="weadmin-body">
  35. <form class="layui-form">
  36. <div class="layui-form-item">
  37. <label class="layui-form-label">
  38. 二维码名称:
  39. </label>
  40. <div class="layui-input-block steta_grouds">
  41. <input type="text" placeholder="请输入二维码名称" lay-verify="required" class="layui-input QRcodeName">
  42. </div>
  43. </div>
  44. <div class="layui-form-item">
  45. <label class="layui-form-label">二维码颜色:</label>
  46. <div class="layui-input-block">
  47. <select name="interest" lay-filter="color" lay-verify="required" class="colorType">
  48. <option value=""></option>
  49. <option value="蓝色">蓝色</option>
  50. <option value="黑色">黑色</option>
  51. <option value="绿色">绿色</option>
  52. </select>
  53. </div>
  54. </div>
  55. <div class="layui-form-item">
  56. <label class="layui-form-label">提醒开关:</label>
  57. <div class="layui-input-block">
  58. <input type="checkbox" name="close" lay-skin="switch" lay-text="开|关" lay-filter="switch">
  59. </div>
  60. </div>
  61. <div class="showOrhide">
  62. <div class="layui-form-item">
  63. <label class="layui-form-label">提醒日期:</label>
  64. <div class="layui-input-block">
  65. <input type="text" name="date" id="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
  66. </div>
  67. </div>
  68. <div class="layui-form-item">
  69. <label class="layui-form-label">提醒周期:</label>
  70. <div class="layui-input-block">
  71. <select name="interest" lay-filter="aihao">
  72. <option value=""></option>
  73. <option value="0">周一</option>
  74. <option value="1">一个月</option>
  75. <option value="2">两周</option>
  76. <option value="2">三周</option>
  77. <option value="2">三个月</option>
  78. <option value="2">一年</option>
  79. </select>
  80. </div>
  81. </div>
  82. <div class="layui-form-item">
  83. <label class="layui-form-label">提醒内容:</label>
  84. <div class="layui-input-block">
  85. <textarea class="layui-textarea" placeholder="提醒内容" name="content" id="LAY_demo_editor" style="resize: none"></textarea>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="layui-form-item">
  90. <label class="layui-form-label">备注:</label>
  91. <div class="layui-input-block">
  92. <textarea class="layui-textarea" placeholder="备注" name="content" lay-verify="required" id="LAY_editor" style="resize: none"></textarea>
  93. </div>
  94. </div>
  95. <div class="layui-form-item" style="text-align: center;padding-top: 50px">
  96. <button class="layui-btn a_stetaBtn" lay-submit lay-filter="formQRcode">提交</button>
  97. </div>
  98. </form>
  99. <span class="text" style="display: none"></span>
  100. </div>
  101. <script src="../../lib/layui/layui.js" charset="utf-8"></script>
  102. <script src="../../static/js/jedate.min.js"></script>
  103. <script>
  104. layui.use(['form','layer','jquery'], function(){
  105. var form = layui.form,
  106. $ = layui.jquery,
  107. layer = layui.layer;
  108. QRcodeDetaile();
  109. form.render();
  110. jeDate("#date",{
  111. format: "YYYY-MM-DD",
  112. theme:{bgcolor:"#00A1CB",pnColor:"#00CCFF"},
  113. });
  114. form.on("switch(switch)",function (data) {
  115. if (data.elem.checked === true) {
  116. $(".showOrhide").show();
  117. }else {
  118. $(".showOrhide").hide();
  119. }
  120. });
  121. var id = '';
  122. form.on('submit(formQRcode)', function(){
  123. var QRcodeInfo = {
  124. colorType:$(".colorType").val(),
  125. departmentId:sessionStorage.getItem("depID") == ""?"root" : sessionStorage.getItem("depID"),
  126. remark:$('#LAY_editor').val(),
  127. title:$('.QRcodeName').val(),
  128. id:id,
  129. _method:'put'
  130. };
  131. $.ajax({
  132. url:'http://apptest.jieweizhineng.com/api/swagger/api/page/v1/updatePage',
  133. type:'post',
  134. data:QRcodeInfo,
  135. dataType:'json',
  136. success:function (res) {
  137. if (res.code === '200'){
  138. sessionStorage.setItem("QRcodeID",res.data);
  139. layer.msg('修改成功');
  140. parent.QRcodeName($('.QRcodeName').val())
  141. }else if(res.code === '439'){
  142. layer.msg($('.QRcodeName').val()+'已经存在二维码列表');
  143. }else {
  144. layer.msg('修改失败,请检查信息');
  145. }
  146. },
  147. error:function () {
  148. layer.msg('网络错误,请检查网络');
  149. }
  150. });
  151. return false;
  152. });
  153. function QRcodeDetaile() {
  154. $.ajax({
  155. url: 'http://apptest.jieweizhineng.com/api/swagger/api/page/v1/getPageEdit/'+sessionStorage.getItem('QRcodeDetaileID'),
  156. type: 'get',
  157. dataType: 'json',
  158. success: function (res) {
  159. $('.QRcodeName').val(res.data.page.title);
  160. $('.colorType').val(res.data.page.colorType);
  161. $('#LAY_editor').val(res.data.page.remark);
  162. id = res.data.page.id;
  163. form.render();
  164. },
  165. error:function () {
  166. layer.msg('请检查网络', {icon: 2});
  167. }
  168. });
  169. }
  170. });
  171. </script>
  172. </body>
  173. </html>