Нет описания

MessageType.html 7.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>短信类型管理</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../css/Table/table1.css" rel="stylesheet" />
  10. <link href="../css/init.css" rel="stylesheet" />
  11. <script src="../css/laydate/laydate.js"></script>
  12. </head>
  13. <body>
  14. <div class="wrapper wrapper-content animated fadeInRight">
  15. <div class="daoHang clearfix">
  16. <div class="dhLeft">
  17. <sapn><i class="syIcon"></i>位置:
  18. <a href="javaScript:;" class="indexreturn">首页</a>&gt;
  19. <a href="javaScript:;">短信管理</a>&gt;
  20. <a href="" style="color: #000;">短信类型管理</a>
  21. </sapn>
  22. </div>
  23. </div>
  24. <div class="th-box">
  25. <div class="th-bar">
  26. <a class="sc_btn add max-right">添加</a>
  27. <a class="sc_btn xg max-right">修改</a>
  28. <a class="sc_btn remove">删除</a>
  29. <div class="seach-box fr">
  30. <ul>
  31. <li>短信类型:<input class="photo x-color" type="text" id="Message_type" /></li>
  32. <li>
  33. <a class="sc_btn Block" id="sc_btns">搜索</a>
  34. </li>
  35. </ul>
  36. </div>
  37. </div>
  38. </div>
  39. <div style="width: 100%;padding: 10px;">
  40. <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  41. <thead>
  42. <tr>
  43. <th data-field="state" data-checkbox="true" data-align="center"></th>
  44. <th data-align="center" data-formatter="Code">编号</th>
  45. <th data-field="F_Name" data-align="center">短信类型</th>
  46. <th data-field="F_Describe" data-align="center">帮助说明</th>
  47. </tr>
  48. </thead>
  49. <tbody id="tbody"></tbody>
  50. </table>
  51. </div>
  52. </div>
  53. <script>
  54. var token = $.cookie("token");
  55. initTable();
  56. var html = '<div >' +
  57. '<ul class="nav nav-tabs">' +
  58. '<li class="active">' +
  59. '<a href="#">参数信息</a>' +
  60. '<input type="hidden" id="ID" />' +
  61. '</li>' +
  62. '</ul>' +
  63. '<div class="add_time">' +
  64. '<label for="">类型名称:</label>' +
  65. '<input type="text" id="TypeName" class="photo" />' +
  66. '</div>' +
  67. '<div class="add_time">' +
  68. '<label for="">类型描述:</label>' +
  69. '<input type="text" class="photo " id="TypeDisction" />' +
  70. '</div>' +
  71. '<div class="add_time tc">' +
  72. '<button type="button" class="btn sc_btn " id="tc" onclick="addedit()">保&nbsp;&nbsp;存</button>' +
  73. '</div>' +
  74. '</div>';
  75. var tc;
  76. function initTable(Name_) {
  77. //先销毁表格
  78. $('#list').bootstrapTable('destroy');
  79. //初始化表格,动态从服务器加载数据
  80. $("#list").bootstrapTable({
  81. method: "get", //使用get请求到服务器获取数据
  82. url: huayi.config.callcenter_url + "Dictionary/GetDicValueList", //获取数据的Servlet地址
  83. contentType: 'application/x-www-form-urlencoded',
  84. striped: true, //表格显示条纹
  85. pagination: true, //启动分页
  86. pageSize: 10, //每页显示的记录数
  87. pageNumber: 1, //当前第几页
  88. pageList: [5, 20, 50, 100], //记录数可选列表
  89. search: false, //是否启用查询
  90. showColumns: false, //显示下拉框勾选要显示的列
  91. showRefresh: false, //显示刷新按钮
  92. sidePagination: "server", //表示服务端请求
  93. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  94. //设置为limit可以获取limit, offset, search, sort, order
  95. queryParamsType: "undefined",
  96. queryParams: function queryParams(params) { //设置查询参数
  97. var param = {
  98. page: params.pageNumber,
  99. pagesize: params.pageSize,
  100. token: $.cookie("token"),
  101. Id: "DXLX",
  102. Name: $("#Message_type").val()
  103. };
  104. return param;
  105. },
  106. onLoadSuccess: function(data) { //加载成功时执行
  107. //layer.msg("加载成功");
  108. //console.log(data);
  109. },
  110. onLoadError: function() { //加载失败时执行
  111. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  112. }
  113. });
  114. }
  115. //编号
  116. function Code(val, row, index) {
  117. return index + 1;
  118. }
  119. //搜索
  120. $("#sc_btns").click(function() {
  121. Name_ = $("#Message_type").val();
  122. initTable(Name_);
  123. });
  124. /*增加弹框*/
  125. $(".add").click(function() {
  126. tc = layer.open({
  127. type: 1,
  128. content: html, //iframe的url,no代表不显示滚动条
  129. title: '添加短信类型',
  130. area: ['30%', '35%'], //宽高
  131. });
  132. });
  133. //新增
  134. function addedit() {
  135. if(!$("#TypeName").val()) {
  136. layer.confirm('请输入类型名称', {
  137. btn: ['确定'] //按钮
  138. });
  139. return;
  140. }
  141. if(!$("#TypeDisction").val()) {
  142. layer.confirm('请输入类型描述', {
  143. btn: ['确定'] //按钮
  144. });
  145. return;
  146. }
  147. if($("#ID").val()) {
  148. /*发送请求*/
  149. $.post(huayi.config.callcenter_url + "Dictionary/EditDicValue", {
  150. DicVid: $("#ID").val(),
  151. DicvName: $("#TypeName").val(),
  152. DicDes: $("#TypeDisction").val(),
  153. DicFlag: "DXLX ",
  154. token: $.cookie("token")
  155. }, function(result) {
  156. result = JSON.parse(result);
  157. if(result.state.toLowerCase() == "success") {
  158. layer.msg("修改成功");
  159. layer.close(tc); //关闭弹层
  160. initTable();
  161. }
  162. })
  163. } else {
  164. /*发送请求*/
  165. $.post(huayi.config.callcenter_url + "Dictionary/AddDicValue", {
  166. DicvName: $("#TypeName").val(),
  167. DicDes: $("#TypeDisction").val(),
  168. DicFlag: "DXLX ",
  169. token: $.cookie("token")
  170. }, function(result) {
  171. result = JSON.parse(result);
  172. if(result.state.toLowerCase() == "success") {
  173. layer.msg("新增成功");
  174. layer.close(tc); //关闭弹层
  175. initTable();
  176. }
  177. })
  178. }
  179. }
  180. /*修改弹窗*/
  181. $(".xg").click(function() {
  182. var ValueId = $.map($('#list').bootstrapTable('getSelections'),
  183. function(row) {
  184. return row.F_DictionaryValueId;
  185. });
  186. if(ValueId.length != 1) {
  187. layer.confirm('请选择一行进行修改?', {
  188. btn: ['确定'] //按钮
  189. });
  190. return;
  191. } else {
  192. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValue", {
  193. dicValueId: ValueId[0],
  194. token: $.cookie("token")
  195. }, function(result) {
  196. if(result.state.toLowerCase() == "success") {
  197. tc = layer.open({
  198. type: 1,
  199. title: '修改类型',
  200. area: ['30%', '35%'], //宽高
  201. content: html
  202. });
  203. $("#ID").val(result.data.id);
  204. $("#TypeName").val(result.data.name);
  205. $("#TypeDisction").val(result.data.remark);
  206. }
  207. })
  208. }
  209. });
  210. //删除类型
  211. $(".remove").click(function() {
  212. var ids = $.map($('#list').bootstrapTable('getSelections'),
  213. function(row) {
  214. return row.F_DictionaryValueId;
  215. });
  216. /*判断长度*/
  217. if(ids.length <= 0) {
  218. layer.confirm('没有可删除的选项?', {
  219. btn: ['确定'] //按钮
  220. });
  221. return;
  222. }
  223. remove();
  224. });
  225. /*删除提示*/
  226. function remove() {
  227. layer.confirm('确定删除当前记录?', {
  228. btn: ['是', '否'] //按钮
  229. }, function() {
  230. /*执行删除*/
  231. var ids = $.map($('#list').bootstrapTable('getSelections'),
  232. function(row) {
  233. return row.F_DictionaryValueId;
  234. });
  235. /*发送请求*/
  236. $.post(huayi.config.callcenter_url + "Dictionary/DelDicValue", {
  237. ids: ids,
  238. token: $.cookie("token")
  239. }, function(result) {
  240. result = JSON.parse(result);
  241. if(result.state.toLowerCase() == "success") {
  242. layer.msg("删除成功");
  243. initTable();
  244. }
  245. })
  246. });
  247. }
  248. //搜索
  249. $("#sc_btns").click(function() {
  250. initTable();
  251. });
  252. </script>
  253. </body>
  254. </html>