index.php 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title><?=$form->getTitle()?></title>
  6. <link href="/system/frame/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
  7. <link href="/system/css/layui-admin.css" rel="stylesheet">
  8. <link href="/system/frame/css/style.min.css?v=3.0.0" rel="stylesheet">
  9. <link href="{__FRAME_PATH}css/font-awesome.min.css?v=4.3.0" rel="stylesheet">
  10. <script src="{__PLUG_PATH}vue/dist/vue.min.js"></script>
  11. <link href="{__PLUG_PATH}iview/dist/styles/iview.css" rel="stylesheet">
  12. <script src="{__PLUG_PATH}iview/dist/iview.min.js"></script>
  13. <script src="{__PLUG_PATH}jquery/jquery.min.js"></script>
  14. <script src="{__PLUG_PATH}form-create/province_city.js"></script>
  15. <script src="{__PLUG_PATH}form-create/form-create.min.js"></script>
  16. <link href="{__PLUG_PATH}layui/css/layui.css" rel="stylesheet">
  17. <script src="{__PLUG_PATH}layui/layui.all.js"></script>
  18. <style>
  19. /*弹框样式修改*/
  20. .ivu-modal{top: 20px;}
  21. .ivu-modal .ivu-modal-body{padding: 10px;}
  22. .ivu-modal .ivu-modal-body .ivu-modal-confirm-head{padding:0 0 10px 0;}
  23. .ivu-modal .ivu-modal-body .ivu-modal-confirm-footer{display: none;padding-bottom: 10px;}
  24. .ivu-date-picker {display: inline-block;line-height: normal;width: 280px;}
  25. .ivu-modal-footer{display: none;}
  26. .ivu-poptip-popper{text-align: left;}
  27. .ivu-icon{padding-left: 5px;}
  28. .ivu-btn-long{width: 10%;min-width:100px;margin-left: 18%;}
  29. </style>
  30. </head>
  31. <body class="gray-bg">
  32. <div class="wrapper wrapper-content">
  33. <div class="row">
  34. <div class="col-sm-12">
  35. <div class="ibox float-e-margins">
  36. {if condition="$config_tab eq null"}
  37. <div class="ibox-title">
  38. <h5>系统配置</h5>
  39. </div>
  40. {else/}
  41. <div class="tabs-container ibox-title">
  42. <ul class="nav nav-tabs">
  43. {volist name="config_tab" id="vo"}
  44. {if condition="$vo['value'] eq $tab_id"}
  45. <li class="active"><a href="{:Url('index',array('tab_id'=>$vo['value'],'type'=>$vo['type']))}"><i class="fa fa-{$vo.icon}"></i>{$vo.label}</a></li>
  46. {else/}
  47. <li><a href="{:Url('index',array('tab_id'=>$vo['value'],'type'=>$vo['type']))}"><i class="fa fa-{$vo.icon}"></i>{$vo.label}</a></li>
  48. {/if}
  49. {/volist}
  50. </ul>
  51. {/if}
  52. <div class="ibox-content">
  53. <div class="p-m m-t-sm" id="configboay">
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </body>
  61. <script>
  62. formCreate.formSuccess = function(form,$r){
  63. <?=$form->getSuccessScript()?>
  64. $f.btn.loading(false)();
  65. };
  66. (function () {
  67. var create = (function () {
  68. var getRule = function () {
  69. var rule = <?=json_encode($form->getRules())?>;
  70. rule.forEach(function (c) {
  71. if ((c.type == 'cascader' || c.type == 'tree') && Object.prototype.toString.call(c.props.data) == '[object String]') {
  72. if (c.props.data.indexOf('js.') === 0) {
  73. c.props.data = window[c.props.data.replace('js.', '')];
  74. }
  75. }
  76. });
  77. return rule;
  78. }, vm = new Vue,name = 'formBuilderExec<?= !$form->getId() ? '' : '_'.$form->getId() ?>';
  79. var _b = false;
  80. window[name] = function create(el, callback) {
  81. if(_b) return ;
  82. _b = true;
  83. if (!el) el = document.getElementById('configboay');
  84. var $f = formCreate.create(getRule(), {
  85. el: el,
  86. form:<?=json_encode($form->getConfig('form'))?>,
  87. row:<?=json_encode($form->getConfig('row'))?>,
  88. submitBtn:<?=$form->isSubmitBtn() ? '{}' : 'false'?>,
  89. resetBtn:<?=$form->isResetBtn() ? 'true' : '{}'?>,
  90. iframeHelper:true,
  91. global:{
  92. upload: {
  93. props:{
  94. onExceededSize: function (file) {
  95. vm.$Message.error(file.name + '超出指定大小限制');
  96. },
  97. onFormatError: function () {
  98. vm.$Message.error(file.name + '格式验证失败');
  99. },
  100. onError: function (error) {
  101. vm.$Message.error(file.name + '上传失败,(' + error + ')');
  102. },
  103. onSuccess: function (res, file) {
  104. if (res.code == 200) {
  105. file.url = res.data.filePath;
  106. } else {
  107. vm.$Message.error(res.msg);
  108. }
  109. },
  110. },
  111. },
  112. },
  113. //表单提交事件
  114. onSubmit: function (formData) {
  115. $f.btn.loading(true);
  116. $.ajax({
  117. url: '<?=$form->getAction()?>',
  118. type: '<?=$form->getMethod()?>',
  119. dataType: 'json',
  120. data: formData,
  121. success: function (res) {
  122. if (res.code == 200) {
  123. vm.$Message.success(res.msg);
  124. $f.btn.loading(false);
  125. formCreate.formSuccess && formCreate.formSuccess(res, $f, formData);
  126. callback && callback(0, res, $f, formData);
  127. //TODO 表单提交成功!
  128. } else {
  129. vm.$Message.error(res.msg || '表单提交失败');
  130. $f.btn.loading(false);
  131. callback && callback(1, res, $f, formData);
  132. //TODO 表单提交失败
  133. }
  134. },
  135. error: function () {
  136. vm.$Message.error('表单提交失败');
  137. $f.btn.loading(false);
  138. }
  139. });
  140. }
  141. });
  142. return $f;
  143. };
  144. return window[name];
  145. }());
  146. window.$f = create();
  147. })();
  148. </script>
  149. </html>