BaoFengSZCG_Web 宝丰县数字城管

shiTiManger.js 7.1KB

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