开封利通水务前端

shiTiManger.js 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. var data=[
  2. {
  3. 'id':'1',
  4. 'name':'套餐升级'
  5. },{
  6. 'id':'2',
  7. 'name':'产品调查'
  8. },{
  9. 'id':'3',
  10. 'name':'满意度调查'
  11. },{
  12. 'id':'4',
  13. 'name':'回访调查'
  14. }
  15. ]
  16. var rightCon=[{
  17. 'id':'1',
  18. 'fenlei':'满意度调查',
  19. 'type':'单选题',
  20. 'title':'吊查对我们是否满意',
  21. 'content':'A满意B不满意C基本满意D很满意'
  22. },{
  23. 'id':'2',
  24. 'fenlei':'产品调查',
  25. 'type':'多选题',
  26. 'title':'我们是否满意',
  27. 'content':'A满意B不满意C基本满意D很满意'
  28. },{
  29. 'id':'3',
  30. 'fenlei':'回访调查',
  31. 'type':'多选题',
  32. 'title':'我们是否满意',
  33. 'content':'1满意2不满意3基本满意4很满意'
  34. }
  35. ]
  36. //左边表格
  37. var $tableLeft=$('#tbl');
  38. var $tableRight=$('#tbr');
  39. $tableLeft.bootstrapTable({
  40. data: data, //请求后台的URL(*)
  41. contentType: 'application/x-www-form-urlencoded',
  42. method: 'get',
  43. pagination: true,
  44. pageNumber: 1, //初始化加载第一页,默认第一页
  45. pageSize: 10, //每页的记录行数(*)
  46. pageList: [10, 25, 50, 100] //可供选择的每页的行数(*)
  47. //showRefresh: true //刷新按钮
  48. });
  49. function setCode(val,row,index){
  50. return ''+index+'';
  51. }
  52. var leftAdd=$('.leftAdd');
  53. var leftDelete=$('.leftDelete');
  54. //左侧删除事件
  55. leftDelete.click(function () {
  56. var ids = $.map($tableLeft.bootstrapTable('getSelections'), function (row) {
  57. return row.id;
  58. });
  59. if (ids.length <=0 ) {
  60. alert("请选择要删除元素!");
  61. return;
  62. }
  63. $tableLeft.bootstrapTable('remove', {
  64. field: 'id',
  65. values: ids
  66. });
  67. });
  68. //左侧修改
  69. var leftChange=$('.leftChange');
  70. leftChange.click(function(){
  71. var oldNames; //旧名字
  72. var newName; //新名字
  73. var names=$.map($tableLeft.bootstrapTable('getSelections'), function (row) {
  74. return row.name;
  75. });
  76. oldNames = names.toString();
  77. console.log(oldNames);
  78. if(names.length <= 0) {
  79. alert("请选择一行修改!");
  80. return;
  81. }
  82. $('.lchan').css('display', 'block');
  83. $("#leftOld").val(oldNames);
  84. $('.changeCun').click(function(){
  85. if($('#leftNew').val()==''){
  86. alert('请输入修改后的信息!')
  87. }else{
  88. //向后台发送请求
  89. newName= $('#leftNew').val();
  90. $.ajax({
  91. type: "",
  92. url: "",
  93. dataType: 'json',
  94. // contentType: "application/json",
  95. async: true,
  96. data:{
  97. oldname: oldNames,
  98. newname: newName
  99. },
  100. success: function(data) {
  101. /*验证请求*/
  102. if(成功) {
  103. alert("修改成功");
  104. $('.lchan').css('display', 'none');
  105. $("#leftNew").val('');
  106. window.location.reload();
  107. } else {
  108. alert("修改失败");
  109. }
  110. }
  111. })
  112. }
  113. })
  114. })
  115. //左侧添加按钮
  116. leftAdd.click(function(){
  117. $('.lad').css('display','block');
  118. })
  119. var addCun=$('.box .addCun');
  120. addCun.click(function () {
  121. var nam=$('.lad .box input').val();
  122. if($('.lad .box input').val()==''){
  123. alert('请输入试题类型');
  124. }else{
  125. var index = $tableLeft.bootstrapTable('getData').length;
  126. $tableLeft.bootstrapTable('insertRow', {
  127. index: index[0],
  128. row: {
  129. id: '',
  130. name: nam
  131. }
  132. });
  133. $('.lad').css('display','none');
  134. $('.lad .box input').val('');
  135. }
  136. });
  137. /*获取选中左边行对象*/
  138. $tableLeft.on("click-row.bs.table", function(e, row, ele) {
  139. var Name;
  140. Name = row.name;
  141. console.log(Name);
  142. });
  143. //=======================右边表格开始=========================================
  144. var rightAdd=$('.rightAdd');//添加按钮
  145. var rightDelete=$('.rightDelete');//删除按钮
  146. //右边表格
  147. $tableRight.bootstrapTable({
  148. data: rightCon, //请求后台的URL(*)
  149. contentType: 'application/x-www-form-urlencoded',
  150. method: 'get',
  151. pagination: true,
  152. pageNumber: 1, //初始化加载第一页,默认第一页
  153. pageSize: 10, //每页的记录行数(*)
  154. pageList: [10, 25, 50, 100] //可供选择的每页的行数(*)
  155. //showRefresh: true //刷新按钮
  156. });
  157. //右侧删除
  158. rightDelete.click(function () {
  159. var ids = $.map($tableRight.bootstrapTable('getSelections'), function (row) {
  160. return row.id;
  161. });
  162. if (ids.length <=0 ) {
  163. alert("请选择要删除元素!");
  164. return;
  165. }
  166. $tableRight.bootstrapTable('remove', {
  167. field: 'id',
  168. values: ids
  169. });
  170. });
  171. //右侧添加按钮
  172. $('.rightAdd').click(function(){
  173. $('.rad').css('display','block');
  174. })
  175. //关闭弹框按钮
  176. $('.rbtr').click(function(){
  177. $('.rad').css('display','none');
  178. })
  179. //试题分类下拉框
  180. var stfl=$('#flsel option:selected').text();
  181. $('.rbtl .tps').html(stfl);
  182. $('#flsel').change(function(){
  183. var stfl=$('#flsel option:selected').text();
  184. $('.rbtl .tps').html(stfl);
  185. console.log(stfl);
  186. })
  187. //增加弹出框里的表格
  188. var aaa=[
  189. {
  190. 'id':'1',
  191. 'name':'不满意',
  192. 'sort':'升降'
  193. },
  194. {
  195. 'id':'2',
  196. 'name':'不满意',
  197. 'sort':'升降'
  198. },
  199. {
  200. 'id':'3',
  201. 'name':'不满意',
  202. 'sort':'升降'
  203. },
  204. {
  205. 'id':'4',
  206. 'name':'不满意',
  207. 'sort':'升降'
  208. },
  209. {
  210. 'id':'5',
  211. 'name':'不满意',
  212. 'sort':'升降'
  213. },
  214. ]
  215. var rzTable=$('#rzTable');
  216. rzTable.bootstrapTable({
  217. data: aaa, //请求后台的URL(*)
  218. method: 'get',
  219. contentType: 'application/x-www-form-urlencoded',
  220. pagination: true,
  221. pageNumber: 1, //初始化加载第一页,默认第一页
  222. pageSize: 5,//每页的记录行数(*)
  223. // pageList: [5, 25, 50, 100] //可供选择的每页的行数(*)
  224. });
  225. $('#lxsel').change(function(){
  226. var lxsel=$('#lxsel option:selected').text();//试题类型
  227. if(lxsel!='问答题'){
  228. $('.stxx').css('display','block');
  229. }else{
  230. $('.stxx').css('display','none');
  231. }
  232. })
  233. // window.operateEvents = {
  234. //
  235. // 'click #remove': function (e, value, row, index) {
  236. // rzTable.bootstrapTable('remove', {
  237. // field: 'id',
  238. // values: [row.id]
  239. // });
  240. // }
  241. // };
  242. $('.scsc').click(function(e, value, row, index){
  243. // rzTable.bootstrapTable('remove', {
  244. // field: 'id',
  245. // values: [row.id]
  246. // });
  247. alert(2)
  248. })
  249. function ope(val) {
  250. return '<div>'+
  251. '<a class="scsc" title="删除">删除</a>'+
  252. // '<i class="glyphicon glyphicon-remove"></i>'+
  253. '</div>'
  254. // [
  255. // ].join('');
  256. }
  257. //id="remove" href="javascript:void(0)"