dictVue.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. dictVM = 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.dictList + "",
  23. type: "get",
  24. data:{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. $("#iDictAdd").dialog({
  45. modal: true,
  46. autoOpen:false,
  47. closeable:false,
  48. bgiframe:true,
  49. height:250,
  50. width:800,
  51. closeOnEscape:false,
  52. draggable:false,
  53. resizable:false,
  54. title:"部门信息",
  55. open:function (event, ui) {
  56. $(".ui-dialog-titlebar-close").hide();
  57. },
  58. buttons:{
  59. "保存添加信息":function () {
  60. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').attr("disabled", "disabled");
  61. $.ajax({
  62. url:""+baseConfig.URL.dictAdd,
  63. type:"POST",
  64. data:$("#iDictAddForm").serialize(),
  65. dataType:"json",
  66. success:function (data) {
  67. if (data.status == 'SUCCESS') {
  68. alert("信息已经成功保存");
  69. $("#iDictAdd").dialog("close");
  70. dictVM.getDataList();
  71. }
  72. },
  73. complete:function (XHR, TS) {
  74. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  75. },
  76. error:function (XMLHttpRequest, textStatus, errorThrown) {
  77. alert(textStatus);
  78. }
  79. });
  80. },
  81. "保存修改信息":function () {
  82. $.ajax({
  83. url:""+baseConfig.URL.dictUpdate,
  84. type:"POST",
  85. data:$("#iDictAddForm").serialize(),
  86. dataType:"json",
  87. success:function (data) {
  88. if (data.status == 'SUCCESS') {
  89. alert("信息已经成功修改");
  90. $("#iDictAdd").dialog("close");
  91. dictVM.getDataList();
  92. }
  93. },
  94. complete:function (XHR, TS) {
  95. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  96. },
  97. error:function (XMLHttpRequest, textStatus, errorThrown) {
  98. alert(textStatus);
  99. }
  100. });
  101. },
  102. "关闭":function () {
  103. $(this).dialog("close");
  104. }
  105. }
  106. })
  107. });
  108. function pageOnKeydown(obj,event){
  109. $(obj).val($(obj).val().replace(/\D/g,''));
  110. if(event.keyCode == "13")
  111. {
  112. pageList($(obj).val());
  113. }
  114. }
  115. function pageList(objPage){
  116. if(objPage>dictVM.pageCount) dictVM.pageNumber=dictVM.pageCount;
  117. else dictVM.pageNumber=objPage;
  118. $("#pageShowNumber").val(dictVM.pageNumber);
  119. dictVM.getDataList();
  120. }
  121. function toAdd(){
  122. $("#iDictAddName").val('');
  123. $('.ui-dialog-buttonpane').find('button:contains("保存修改信息")').hide();
  124. $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').show();
  125. doSelectList("0","iDictAddFId","0");
  126. $("#iDictAdd").dialog("open");
  127. }
  128. function toUpDate(objid){
  129. $("#iDictAddId").val('');
  130. $("#iDictAddFId").val('');
  131. $("#iDictAddName").val('');
  132. $.ajax({
  133. url: baseConfig.URL.dictOne + "",
  134. type: "get",
  135. data:{id:objid},
  136. cache: false,
  137. success:function (res) {
  138. console.log(res);
  139. if (res.status == 'SUCCESS') {
  140. $("#iDictAddId").val(res.info.id);
  141. $("#iDictAddFId").val(res.info.fid);
  142. $("#iDictAddName").val(res.info.name);
  143. $('.ui-dialog-buttonpane').find('button:contains("保存修改信息")').show();
  144. $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').hide();
  145. doSelectList(res.info.fid,"iDictAddFId",res.info.fid);
  146. $("#iDictAdd").dialog("open");
  147. }
  148. },
  149. complete:function (XHR, TS) {
  150. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  151. },
  152. error:function (XMLHttpRequest, textStatus, errorThrown) {
  153. alert(textStatus);
  154. }
  155. });
  156. }
  157. function toDelete(objid){
  158. if(confirm("是否确认删除?"))
  159. $.ajax({
  160. url: baseConfig.URL.dictDelete + "",
  161. type: "get",
  162. data:{id:objid},
  163. cache: false,
  164. success:function (res) {
  165. console.log(res);
  166. dictVM.getDataList();
  167. },
  168. complete:function (XHR, TS) {
  169. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  170. },
  171. error:function (XMLHttpRequest, textStatus, errorThrown) {
  172. alert(textStatus);
  173. }
  174. });
  175. }
  176. function onChangeSelect(){
  177. doSelectList($("#iDictAddFId").val(),"iDictAddFId",-1);
  178. }
  179. function doSelectList(fid,objid,objval){
  180. $.ajax({
  181. url: baseConfig.URL.dictSelectList + "",
  182. type: "get",
  183. data:{fid:fid},
  184. cache: false,
  185. success:function (res) {
  186. console.log(res);
  187. var options = "";
  188. $.each(res.selectList, function (i, value) {
  189. options += "<option value=\"" + value.id + "\">" +value.name + "</option>";
  190. });
  191. $("#"+objid).html(options);
  192. if(objval!=-1){
  193. $("#"+objid).val(objval);
  194. }
  195. delete options;
  196. },
  197. complete:function (XHR, TS) {
  198. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  199. },
  200. error:function (XMLHttpRequest, textStatus, errorThrown) {
  201. alert(textStatus);
  202. }
  203. });
  204. }