menuVue.js 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  1. menuVM = new Vue({
  2. el: "html",
  3. data: {
  4. loading: true,
  5. dataList:"",
  6. pageSize:"",
  7. pageNumber:"",
  8. pageCount:"",
  9. rowCount:""
  10. },
  11. computed: {
  12. },
  13. ready: function () {
  14. this.pageNumber=1;
  15. this.pageSize=10;
  16. this.getDataList();
  17. },
  18. methods: {
  19. getDataList: function () {
  20. var _self = this;
  21. $.ajax({
  22. url: baseConfig.URL.menuList + "",
  23. type: "get",
  24. data:{fid:-1,pageSize:_self.pageSize,pageNo:_self.pageNumber},
  25. cache: false,
  26. success:function (res) {
  27. console.log(res);
  28. _self.dataList = res.list;
  29. _self.pageNumber = res.pageNumber;
  30. _self.pageCount = res.pageCount;
  31. _self.rowCount = res.rowCount;
  32. },
  33. complete:function (XHR, TS) {
  34. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  35. },
  36. error:function (XMLHttpRequest, textStatus, errorThrown) {
  37. alert(textStatus);
  38. }
  39. });
  40. }
  41. }
  42. });
  43. $(document).ready(function(){
  44. $(":input[name=mtype]").bind("click",function () {
  45. var id=$(this).attr("id");
  46. if($("#"+id).get(0).checked)
  47. $(":input[name=mtype]").removeAttr("checked");
  48. $("#"+id).get(0).checked=true;
  49. });
  50. $("#iMenuAdd").dialog({
  51. modal: true,
  52. autoOpen:false,
  53. closeable:false,
  54. bgiframe:true,
  55. height:400,
  56. width:800,
  57. closeOnEscape:false,
  58. draggable:false,
  59. resizable:false,
  60. title:"菜单信息",
  61. open:function (event, ui) {
  62. $(".ui-dialog-titlebar-close").hide();
  63. },
  64. buttons:{
  65. "保存添加信息":function () {
  66. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').attr("disabled", "disabled");
  67. if($("#iMenuAddClassname").val()==""){
  68. alert("请填写类名!!");
  69. $("#iMenuAddClassname").focus();
  70. return;
  71. }
  72. if($("#iMenuAddMethodName").val()==""){
  73. alert("请填写方法名!!");
  74. $("#iMenuAddMethodName").focus();
  75. return;
  76. }
  77. $.ajax({
  78. url:""+baseConfig.URL.menuAdd,
  79. type:"POST",
  80. data:$("#iMenuAddForm").serialize(),
  81. dataType:"json",
  82. success:function (data) {
  83. if (data.status == 'SUCCESS') {
  84. alert("信息已经成功保存");
  85. $("#iMenuAdd").dialog("close");
  86. menuVM.getDataList();
  87. }
  88. if (data.status == 'REPEAT') {
  89. alert("信息保存失败,方法名或类名冲突!");
  90. }
  91. },
  92. complete:function (XHR, TS) {
  93. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  94. },
  95. error:function (XMLHttpRequest, textStatus, errorThrown) {
  96. alert(textStatus);
  97. }
  98. });
  99. },
  100. "保存修改信息":function () {
  101. if($("#iMenuAddClassname").val()==""){
  102. alert("请填写类名!!");
  103. $("#iMenuAddClassname").focus();
  104. return;
  105. }
  106. if($("#iMenuAddMethodName").val()==""){
  107. alert("请填写方法名!!");
  108. $("#iMenuAddMethodName").focus();
  109. return;
  110. }
  111. $.ajax({
  112. url:""+baseConfig.URL.menuUpdate,
  113. type:"POST",
  114. data:$("#iMenuAddForm").serialize(),
  115. dataType:"json",
  116. success:function (data) {
  117. if (data.status == 'SUCCESS') {
  118. alert("信息已经成功修改");
  119. $("#iMenuAdd").dialog("close");
  120. menuVM.getDataList();
  121. }
  122. },
  123. complete:function (XHR, TS) {
  124. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  125. },
  126. error:function (XMLHttpRequest, textStatus, errorThrown) {
  127. alert(textStatus);
  128. }
  129. });
  130. },
  131. "关闭":function () {
  132. $(this).dialog("close");
  133. }
  134. }
  135. })
  136. });
  137. function pageOnKeydown(obj,event){
  138. $(obj).val($(obj).val().replace(/\D/g,''));
  139. if(event.keyCode == "13")
  140. {
  141. pageList($(obj).val());
  142. }
  143. }
  144. function pageList(objPage){
  145. if(objPage>menuVM.pageCount) menuVM.pageNumber=menuVM.pageCount;
  146. else menuVM.pageNumber=objPage;
  147. $("#pageShowNumber").val(menuVM.pageNumber);
  148. menuVM.getDataList();
  149. }
  150. function toAdd(){
  151. $("#iMenuAddName").val('');
  152. $("#iMenuAddAddress").val('');
  153. $("#iMenuAddMethodName").val('');
  154. $("#iMenuAddClassname").val('');
  155. doSelectList("0","iMenuAddFId","0");
  156. $(":input[name=mtype]").removeAttr("disabled");
  157. $('.ui-dialog-buttonpane').find('button:contains("保存修改信息")').hide();
  158. $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').show();
  159. $("#iMenuAdd").dialog("open");
  160. }
  161. function toUpDate(objid){
  162. $("#iMenuAddId").val('');
  163. $("#iMenuAddFId").val('');
  164. $("#iMenuAddName").val('');
  165. $("#iMenuAddAddress").val('');
  166. $("#iMenuAddMethodName").val('');
  167. $("#iMenuAddClassname").val('');
  168. $(":input[name=mtype]").attr("disabled", true);
  169. $.ajax({
  170. url: baseConfig.URL.menuOne + "",
  171. type: "get",
  172. data:{id:objid},
  173. cache: false,
  174. success:function (res) {
  175. console.log(res);
  176. if (res.status == 'SUCCESS') {
  177. $("#iMenuAddId").val(res.info.id);
  178. $("#iMenuAddFId").val(res.info.fid);
  179. $("#iMenuAddName").val(res.info.name);
  180. $("#iMenuAddAddress").val(res.info.address);
  181. $("#iMenuAddMethodName").val(res.info.methodname);
  182. $("#iMenuAddClassname").val(res.info.classname);
  183. $(":input[name=mtype]").removeAttr("checked");
  184. if(res.info.mtype==1) $("#checkbox-1-2").get(0).checked=true;
  185. else $("#checkbox-1-1").get(0).checked=true;
  186. $('.ui-dialog-buttonpane').find('button:contains("保存修改信息")').show();
  187. $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').hide();
  188. doSelectList(res.info.fid,"iMenuAddFId",res.info.fid);
  189. $("#iMenuAdd").dialog("open");
  190. }
  191. },
  192. complete:function (XHR, TS) {
  193. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  194. },
  195. error:function (XMLHttpRequest, textStatus, errorThrown) {
  196. alert(textStatus);
  197. }
  198. });
  199. }
  200. function toDelete(objid){
  201. if(confirm("是否确认删除?"))
  202. $.ajax({
  203. url: baseConfig.URL.menuDelete + "",
  204. type: "get",
  205. data:{id:objid},
  206. cache: false,
  207. success:function (res) {
  208. console.log(res);
  209. menuVM.getDataList();
  210. },
  211. complete:function (XHR, TS) {
  212. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  213. },
  214. error:function (XMLHttpRequest, textStatus, errorThrown) {
  215. alert(textStatus);
  216. }
  217. });
  218. }
  219. function onChangeSelect(){
  220. doSelectList($("#iMenuAddFId").val(),"iMenuAddFId",-1);
  221. }
  222. function doSelectList(fid,objid,objval){
  223. $.ajax({
  224. url: baseConfig.URL.menuSelectList + "",
  225. type: "get",
  226. data:{fid:fid},
  227. cache: false,
  228. success:function (res) {
  229. console.log(res);
  230. var options = "";
  231. $.each(res.selectList, function (i, value) {
  232. options += "<option value=\"" + value.id + "\">" +value.name + "</option>";
  233. });
  234. $("#"+objid).html(options);
  235. if(objval!=-1){
  236. $("#"+objid).val(objval);
  237. }
  238. delete options;
  239. },
  240. complete:function (XHR, TS) {
  241. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  242. },
  243. error:function (XMLHttpRequest, textStatus, errorThrown) {
  244. alert(textStatus);
  245. }
  246. });
  247. }