index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <{include file='../public/admin_header.html'}>
  2. <{include file='../public/admin_navi.html'}>
  3. <!-- Right side column. Contains the navbar and content of the page -->
  4. <link rel="stylesheet" type="text/css"
  5. href="https://www.jq22.com/demo/jqueryMobiscroll201803142314/css/mobiscroll.custom.min.css" />
  6. <script src="https://www.jq22.com/demo/jqueryMobiscroll201803142314/js/mobiscroll.custom.min.js"
  7. type="text/javascript" charset="utf-8"></script>
  8. <style>
  9. .mbsc-ios .dw {
  10. top: 0 !important;
  11. left: 0 !important;
  12. right: 0 !important;
  13. bottom: 0 !important;
  14. width: 600px !important;
  15. height: 300px;
  16. margin: auto;
  17. }
  18. .mbsc-ios {
  19. transition: .3s;
  20. }
  21. .mbsc-ios .dw-persp .dwcc {
  22. padding: 30px 0;
  23. }
  24. .mbsc-ios .dwb {
  25. color: transparent;
  26. position: relative;
  27. }
  28. .mbsc-ios .dwbc {
  29. border-bottom: 1px solid #cdcdcd;
  30. background: #ebebeb;
  31. }
  32. .dwb-s::before,
  33. .dwb-c::before {
  34. position: absolute;
  35. top: 6px;
  36. color: #333;
  37. font-size: 18px;
  38. font-weight: 600;
  39. }
  40. .dwb-s::before {
  41. content: "确定";
  42. right: 10px;
  43. }
  44. .dwb-c::before {
  45. content: "取消";
  46. left: 10px;
  47. }
  48. </style>
  49. <aside class="right-side">
  50. <!-- Content Header (Page header) -->
  51. <section class="content-header">
  52. <h1>
  53. 短信发送-模板发送
  54. <!--<small>待发送邮件 <span style="color:red;"><{$email_counts}></span> 封</small>-->
  55. </h1>
  56. <ol class="breadcrumb">
  57. <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  58. <li class="active">Blank page</li>
  59. </ol>
  60. </section>
  61. <!-- Main content -->
  62. <section class="content">
  63. <div class="span9">
  64. <{if $info}>
  65. <div class="alert alert-success nodisplay"><{$info}></div>
  66. <{/if}>
  67. <div id='main' class="form-actions">
  68. <form method="post" action="" id="form1">
  69. <table class="table table-bordered" style="margin-top:15px;">
  70. <tr>
  71. <td>收件人</td>
  72. <td>
  73. <select name="group_name" id="group_name">
  74. <option value="0">请选择</option>
  75. <option value="all">所有客户</option>
  76. <{foreach from=$group_list item=item}>
  77. <option value="<{$item.name}>"><{$item.name}></option>
  78. <{/foreach}>
  79. </select>
  80. </td>
  81. </tr>
  82. <tr>
  83. <td>请选择短信模板</td>
  84. <td>
  85. <select name="template_id" id="template_id">
  86. <option value="0">请选择</option>
  87. <{foreach from=$template_list item=item}>
  88. <option value="<{$item.id}>"><{$item.msg_title}></option>
  89. <{/foreach}>
  90. </select>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td>日期时间</td>
  95. <td>
  96. <input type="text" id="demo_datetime" name="demo_datetime" />
  97. </td>
  98. </tr>
  99. <tr>
  100. <td>&nbsp;</td>
  101. <td >
  102. <input type="button" onclick="to_submit();" value="提交" class="btn btn-info" style="width:120px;" />
  103. </td>
  104. </tr>
  105. </table>
  106. </form>
  107. </div>
  108. </div>
  109. </section><!-- /.content -->
  110. </aside><!-- /.right-side -->
  111. </div><!-- ./wrapper -->
  112. <style>
  113. select{height:30px;}
  114. .form-actions li{list-style:none;width:25px;float:left;padding-bottom:8px;padding-right:5px;}
  115. </style>
  116. <script>
  117. function to_submit(){
  118. var template_ids = $('#template_id').val();
  119. var group_name = $('#group_name').val();
  120. var demo_datetime = $('#demo_datetime').val();
  121. $('#form1').submit();
  122. }
  123. var theme = "ios";
  124. var mode = "scroller";
  125. var display = "bottom";
  126. var lang = "zh";
  127. $('#demo_datetime').mobiscroll().datetime({
  128. theme: theme,
  129. mode: mode,
  130. display: display,
  131. lang: lang,
  132. dateFormat: "yyyy-mm-dd",
  133. minDate: new Date(2000, 3, 10, 9, 22),
  134. maxDate: new Date(2030, 7, 30, 15, 44),
  135. stepMinute: 1
  136. });
  137. </script>
  138. <script>
  139. $('#treeview11').addClass('active');
  140. $(".send_sms_admin").addClass('active');
  141. </script>
  142. </body>
  143. </html>