templetVue.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. templetVM = 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.pageTempletList + "",
  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. $("#iTempletAdd").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.pageTempletAdd,
  63. type:"POST",
  64. data:$("#iTempletAddForm").serialize(),
  65. dataType:"json",
  66. success:function (data) {
  67. if (data.status == 'SUCCESS') {
  68. alert("信息已经成功保存");
  69. $("#iTempletAdd").dialog("close");
  70. templetVM.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.pageTempletUpdate,
  84. type:"POST",
  85. data:$("#iTempletAddForm").serialize(),
  86. dataType:"json",
  87. success:function (data) {
  88. if (data.status == 'SUCCESS') {
  89. alert("信息已经成功修改");
  90. $("#iTempletAdd").dialog("close");
  91. templetVM.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<=0) objPage=1;
  117. if(objPage>templetVM.pageCount) templetVM.pageNumber=templetVM.pageCount;
  118. else templetVM.pageNumber=objPage;
  119. $("#pageShowNumber").val(templetVM.pageNumber);
  120. templetVM.getDataList();
  121. }
  122. function toAdd(){
  123. $("#iTempletAddName").val('');
  124. $('.ui-dialog-buttonpane').find('button:contains("保存修改信息")').hide();
  125. $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').show();
  126. $("#iTempletAdd").dialog("open");
  127. }
  128. function toUpDate(objid){
  129. $("#iTempletAddName").val('');
  130. $.ajax({
  131. url: baseConfig.URL.pageTempletOne + "",
  132. type: "get",
  133. data:{id:objid},
  134. cache: false,
  135. success:function (res) {
  136. console.log(res);
  137. if (res.status == 'SUCCESS') {
  138. $("#iTempletAddId").val(res.info.id);
  139. $('.ui-dialog-buttonpane').find('button:contains("保存修改信息")').show();
  140. $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').hide();
  141. $("#iTempletAdd").dialog("open");
  142. }
  143. },
  144. complete:function (XHR, TS) {
  145. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  146. },
  147. error:function (XMLHttpRequest, textStatus, errorThrown) {
  148. alert(textStatus);
  149. }
  150. });
  151. }
  152. function toDelete(objid){
  153. if(confirm("是否确认删除?"))
  154. $.ajax({
  155. url: baseConfig.URL.pageTempletDelete + "",
  156. type: "get",
  157. data:{id:objid},
  158. cache: false,
  159. success:function (res) {
  160. console.log(res);
  161. templetVM.getDataList();
  162. },
  163. complete:function (XHR, TS) {
  164. // $('.ui-dialog-buttonpane').find('button:contains("保存添加信息")').removeAttr("disabled");
  165. },
  166. error:function (XMLHttpRequest, textStatus, errorThrown) {
  167. alert(textStatus);
  168. }
  169. });
  170. }