MsgAdd.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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, maximum-scale=1">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="format-detection" content="telephone=no">
  12. <link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
  13. <link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
  14. <style type="text/css">
  15. .tag{
  16. width:100%;
  17. height:200px;
  18. border:1px solid #c3c2c2;
  19. position:relative;
  20. background-color:#FFF;
  21. border-radius:5px;
  22. }
  23. .tag em,.tag span{
  24. content:"";display:block;
  25. border-width:14px;
  26. position:absolute; top:-28px;
  27. border-style:dashed solid dashed ;
  28. border-color: transparent transparent #c3c2c2 transparent;
  29. font-size:0;
  30. line-height:0;
  31. }
  32. .tag span{
  33. top:-27px;
  34. border-color: transparent transparent #FFF transparent;
  35. }
  36. .location0 {
  37. display:none;
  38. }
  39. .location1 em, .location1 span {
  40. left:120px;
  41. }
  42. .location2 em, .location2 span {
  43. left:240px;
  44. }
  45. </style>
  46. </head>
  47. <body class="childrenBody">
  48. <form class="layui-form" style="width:80%;">
  49. <div class="layui-form-item">
  50. <label class="layui-form-label">目标平台</label>
  51. <div class="layui-input-block">
  52. <input type="checkbox" id="IOS" name="IOS" class="IOS" title="IOS" value="IOS" lay-filter="select_checkboxType" lay-verify="chkrequired" checked>
  53. <input type="checkbox" id="Android" name="Android" class="Android" title="Android" value="Android" lay-filter="select_checkboxType" lay-verify="chkrequired" checked>
  54. </div>
  55. </div>
  56. <div class="layui-form-item">
  57. <label class="layui-form-label">消息标题</label>
  58. <div class="layui-input-block">
  59. <input type="tel" name="title" class="layui-input linksUrl" lay-verify="required" placeholder="请输入消息标题">
  60. </div>
  61. </div>
  62. <div class="layui-form-item">
  63. <label class="layui-form-label">消息描述</label>
  64. <div class="layui-input-block">
  65. <input type="text" name="description" class="layui-input masterEmail" lay-verify="required" placeholder="请输入消息描述">
  66. </div>
  67. </div>
  68. <div class="layui-form-item">
  69. <label class="layui-form-label">消息内容</label>
  70. <div class="layui-input-block">
  71. <textarea placeholder="请输入消息内容" name="msgData" class="layui-textarea linksDesc" lay-verify="required"></textarea>
  72. </div>
  73. </div>
  74. <div class="layui-form-item">
  75. <label class="layui-form-label" id="parentIframe">目标选择</label>
  76. <div class="layui-input-block">
  77. <input lay-filter="select_RadioType" type="radio" name="TargetUser" value="0" title="全部用户" checked>
  78. <input lay-filter="select_RadioType" id="rdoTeiDing" type="radio" name="TargetUser" value="1" title="特定用户">
  79. </div>
  80. </div>
  81. <div class="layui-form-item">
  82. <div class="layui-input-block">
  83. <div id="DrumBedLayer" class="tag location0">
  84. <em></em>
  85. <span></span>
  86. <div style="width:100%;height:27px; margin-top:5px; color:gray;">
  87. &nbsp;<button type="button" class="layui-btn layui-btn-normal layui-btn-small" id="addTargetID"><i class="layui-icon">&#xe608;</i>&nbsp;&nbsp;添加推送目标</button>&nbsp;按添加的目标集合推送消息
  88. </div>
  89. <hr class="layui-bg-gray">
  90. <textarea id="TargetIDValue" name="targetList" placeholder="请输入目标ID" class="layui-textarea linksDesc" style="min-height:145px; border-width:0px;"></textarea>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="layui-form-item">
  95. <div class="layui-input-block">
  96. <button class="layui-btn" lay-submit="" lay-filter="addLinks">提交推送</button>
  97. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  98. </div>
  99. </div>
  100. </form>
  101. <script type="text/javascript" src="../../layui/layui.js"></script>
  102. <script type="text/javascript" src="MsgAdd.js"></script>
  103. </body>
  104. </html>