12345市长热线标准版-前端

AnnDatil.html 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link href="../css/layer/need/layer.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <title>详情</title>
  10. <style>
  11. .BiaoTi{
  12. width: 100%;
  13. border-color:#ccc ;
  14. border:1px solid #ccc;
  15. }
  16. textarea{
  17. border-color:#ccc ;
  18. border:1px solid #ccc;
  19. height: 100px;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <div class="Common">
  25. <table >
  26. <tr>
  27. <th>标题:</th>
  28. <td>
  29. <input class="BiaoTi" id="title" type="text" style="" />
  30. </td>
  31. </tr>
  32. <tr>
  33. <th >有效期:</th>
  34. <td >
  35. <input type="text" id="startTime" class="laydate-icon" style="height: 32px;">-
  36. <input type="text" id="endTime" class="laydate-icon" style="height: 32px;">
  37. </td>
  38. </tr>
  39. <tr>
  40. <th>角色:</th>
  41. <td>
  42. <select name="" id="role" class="select_"></select>
  43. <select name="" id="zx" class="select_"></select>
  44. </td>
  45. </tr>
  46. <tr>
  47. <th >内容:</th>
  48. <td colspan="2">
  49. <textarea data-adaptheight id="content" name="" rows="" cols=""></textarea>
  50. </td>
  51. </tr>
  52. </table>
  53. <div class="btn_box">
  54. <button class="btns">保存</button>
  55. </div>
  56. </div>
  57. <script src="../js/adjustHeight.js"></script>
  58. <script src="../css/laydate/laydate.js"></script>
  59. <script >
  60. laydate.skin('blue');
  61. laydate({
  62. elem: '#startTime',
  63. event: 'focus'
  64. });
  65. laydate({
  66. elem: '#endTime',
  67. event: 'focus'
  68. });
  69. var wid = helper.request.queryString("wid");
  70. $(document).ready(function(){
  71. $(".btns").click(function(){
  72. if(!$("#title").val()){
  73. layer.msg("输入标题");
  74. }
  75. else if(!$("#startTime").val()){
  76. layer.msg("输入选择日期");
  77. }else if(!$("#endTime").val()){
  78. layer.msg("输入选择日期");
  79. }else{
  80. var user=$("#zx").val();
  81. var role=$('#role').val();
  82. Add(user,role)
  83. }
  84. })
  85. if(wid){
  86. $.getJSON(huayi.config.callcenter_url + 'Notice/GetNotice', {
  87. noticeid: wid,
  88. "token": $.cookie("token")
  89. },function(result){
  90. if(result.state.toLowerCase() == "success"){
  91. $("#title").val(result.data.F_Title);
  92. $("#content").val(result.data.F_Content);
  93. $('#startTime').val(result.data.F_StartDate);
  94. $('#endTime').val(result.data.F_EndDate);
  95. $('#role').val(result.data.F_RoleId);
  96. $("#zx").val(result.data.F_UserId);
  97. console.log(result.data);
  98. }
  99. });
  100. }
  101. })
  102. //获取下拉框
  103. $.getJSON(huayi.config.callcenter_url + "Notice/GetRoleList", {
  104. "token": $.cookie("token")
  105. }, function(result) {
  106. if(result.state.toLowerCase() == "success") {
  107. goodslist = result.data;
  108. bindseat($("#role"));
  109. }
  110. });
  111. //下拉框
  112. function bindseat(obj) {
  113. obj.empty();
  114. obj.append('<option value="0" selected="selected">所有角色</option>');
  115. $(goodslist).each(function(i, n) {
  116. obj.append('<option value="' + n.F_RoleId + '">' + n.F_RoleName + '</option>');
  117. })
  118. }
  119. $.getJSON(huayi.config.callcenter_url + "Notice/GetUserListByRoleId", {
  120. "token":$.cookie("token"),"roleid":0
  121. }, function(result) {
  122. if(result.state.toLowerCase() == "success") {
  123. goodslist = result.data;
  124. bindZX($("#zx"));
  125. }
  126. });
  127. function bindZX(obj) {
  128. obj.empty();
  129. obj.append('<option value="0" selected="selected">所有人</option>');
  130. $(goodslist).each(function(i, n) {
  131. obj.append('<option value="' + n.F_UserId + '">' + n.F_UserCode + '</option>');
  132. })
  133. }
  134. $("#role").change(function(){
  135. var pid=$(this).val();
  136. $.getJSON(huayi.config.callcenter_url + "Notice/GetUserListByRoleId", {
  137. "token":$.cookie("token"),"roleid":pid
  138. }, function(result) {
  139. if(result.state.toLowerCase() == "success") {
  140. goodslist = result.data;
  141. bindZX($("#zx"));
  142. }
  143. });
  144. })
  145. function Add(user,role){
  146. $.post(huayi.config.callcenter_url + "Notice/EditNotice", {
  147. title:$("#title").val(),
  148. content:$("#content").val(),
  149. stime:$("#startTime").val(),
  150. etime:$('#endTime').val(),
  151. nid:wid,
  152. userid:user,
  153. roleid:role,
  154. token: $.cookie("token")
  155. }, function(result) {
  156. result = JSON.parse(result);
  157. if(result.state.toLowerCase() == "success") {
  158. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  159. parent.layer.close(index); //再执行关闭
  160. parent.initTable();
  161. parent.layer.msg("修改成功");
  162. }
  163. })
  164. }
  165. </script>
  166. </body>
  167. </html>