form.js 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. /*
  2. * 版 本 Learun-ADMS V7.0.0 力软敏捷开发框架(http://www.learun.cn)
  3. * Copyright (c) 2013-2017 上海力软信息技术有限公司
  4. * 创建人:力软-前端开发组
  5. * 日 期:2018.7.12
  6. * 描 述:力软移动端框架(ADMS) 自定义表单发布功能-表单页
  7. */
  8. (function () {
  9. var keyValue = '';
  10. var formSchemeId = '';
  11. var $header = null;
  12. var titleText = '';
  13. var page = {
  14. init: function ($page, param) {
  15. keyValue = param.keyValue;
  16. formSchemeId = param.formSchemeId;
  17. // 添加头部按钮列表
  18. var _html = '\
  19. <div class="lr-form-header-cancel" >取消</div>\
  20. <div class="lr-form-header-btnlist" >\
  21. <div class="lr-form-header-more" ><i class="iconfont icon-more" ></i></div>\
  22. <div class="lr-form-header-edit" ><i class="iconfont icon-edit" ></i></div>\
  23. </div>\
  24. <div class="lr-form-header-submit" >提交</div>';
  25. $header = $page.parents('.f-page').find('.f-page-header');
  26. $header.append(_html);
  27. // 添加头部按钮事件
  28. // 取消
  29. $header.find('.lr-form-header-cancel').on('tap', function () {
  30. learun.layer.confirm('确定要退出当前编辑?', function (_index) {
  31. if (_index === '1') {
  32. if (keyValue) {// 如果是编辑状态
  33. learun.formblur();
  34. $header.find('.lr-form-header-cancel').hide();
  35. $header.find('.lr-form-header-submit').hide();
  36. $header.find('.lr-form-header-btnlist').show();
  37. $header.find('.f-page-title').text(titleText);
  38. $('#custmerpage_container').setFormRead();
  39. }
  40. else {// 如果是新增状态 关闭当前页面
  41. learun.nav.closeCurrent();
  42. }
  43. }
  44. }, '力软提示', ['取消', '确定']);
  45. });
  46. // 编辑
  47. $header.find('.lr-form-header-edit').on('tap', function () {
  48. $header.find('.lr-form-header-btnlist').hide();
  49. $header.find('.lr-form-header-cancel').show();
  50. $header.find('.lr-form-header-submit').show();
  51. titleText = $header.find('.f-page-title').text();
  52. $header.find('.f-page-title').text('编辑');
  53. $('#custmerpage_container').setFormWrite();
  54. });
  55. // 更多
  56. $header.find('.lr-form-header-more').on('tap', function () {
  57. learun.actionsheet({
  58. id: 'more',
  59. data: [
  60. {
  61. text: '删除',
  62. mark: true,
  63. event: function () {// 删除当前条信息
  64. learun.layer.confirm('确定要删除该笔数据吗?', function (_index) {
  65. if (_index === '1') {
  66. learun.layer.loading(true, "正在删除该笔数据");
  67. learun.httppost(config.webapi + "learun/adms/form/delete", { schemeInfoId: formSchemeId, keyValue: keyValue }, (data) => {
  68. if (data) {// 删除数据成功
  69. learun.nav.closeCurrent();
  70. var prepage = learun.nav.getpage('custmerform');
  71. prepage.gird.reload();
  72. }
  73. learun.layer.loading(false);
  74. });
  75. }
  76. }, '力软提示', ['取消', '确定']);
  77. }
  78. }
  79. ],
  80. cancel: function () {
  81. }
  82. });
  83. });
  84. // 提交
  85. $header.find('.lr-form-header-submit').on('tap', function () {
  86. // 保存数据到后台
  87. var formData = $('#custmerpage_container').custmerformGet();
  88. if (formData == null) {
  89. return false;
  90. }
  91. learun.layer.loading(true, "正在提交数据");
  92. var formreq = [];
  93. var point = {
  94. schemeInfoId: formSchemeId,
  95. keyValue: keyValue,
  96. formData: JSON.stringify(formData[formSchemeId])
  97. }
  98. formreq.push(point);
  99. learun.httppost(config.webapi + "learun/adms/form/save", formreq, (data) => {
  100. if (data) {// 表单数据保存成功
  101. if (keyValue) {
  102. learun.layer.toast('保存数据成功!');
  103. learun.formblur();
  104. $header.find('.lr-form-header-cancel').hide();
  105. $header.find('.lr-form-header-submit').hide();
  106. $header.find('.lr-form-header-btnlist').show();
  107. $header.find('.f-page-title').text(titleText);
  108. $('#custmerpage_container').setFormRead();
  109. }
  110. else {// 如果是
  111. learun.nav.closeCurrent();
  112. }
  113. var prepage = learun.nav.getpage('custmerform');
  114. prepage.gird.reload();
  115. }
  116. learun.layer.loading(false);
  117. });
  118. });
  119. // 初始化表单
  120. var data = {};
  121. data[formSchemeId] = param.formScheme;
  122. $('#custmerpage_container').custmerform(data);
  123. // 判断是详情还是新增
  124. if (keyValue) {// 详情
  125. $('#custmerpage_container').setFormRead();
  126. $header.find('.lr-form-header-btnlist').show();
  127. // 获取表单数据
  128. learun.layer.loading(true, '获取表单数据');
  129. learun.httpget(config.webapi + "learun/adms/form/data", [{ schemeInfoId: formSchemeId, keyValue: keyValue }], (data) => {
  130. if (data) {
  131. setTimeout(function () {
  132. $('#custmerpage_container').custmerformSet(data);
  133. },100);
  134. }
  135. learun.layer.loading(false);
  136. });
  137. }
  138. else {
  139. $header.find('.lr-form-header-cancel').show();
  140. $header.find('.lr-form-header-submit').show();
  141. }
  142. },
  143. destroy: function (pageinfo) {
  144. $header = null;
  145. }
  146. };
  147. return page;
  148. })();