github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2025-12-27 14:10:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

修改表单公共模版加城市筛选js

Browse Source
This commit is contained in:
sugar1569 2018-12-27 11:09:47 +08:00
parent 6015ba9ad7
commit f52420fd30
1 changed files with 86 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
application/admin/view/public/form-builder.php
View File

@ -3,7 +3,12 @@
<head>
<meta charset="UTF-8">
<title><?=$form->getTitle()?></title>
<?=implode("\r\n",$form->getScript())?>
<script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/iview@2.14.3/dist/styles/iview.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/iview@2.14.3/dist/iview.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/form-create/district/province_city.js"></script>
<script src="https://cdn.jsdelivr.net/npm/form-create@1.5.1/dist/form-create.min.js"></script>
<style>
/*弹框样式修改*/
.ivu-modal-body{padding: 5;}
@ -23,9 +28,86 @@
//提交成功后按钮恢复
$r.btn.finish();
};
(function () {
var create = <?=$form->formScript()?>
create();
(function () {
var create = (function () {
var getRule = function () {
var rule = <?=json_encode($form->getRules())?>;
rule.forEach(function (c) {
if ((c.type == 'cascader' || c.type == 'tree') && Object.prototype.toString.call(c.props.data) == '[object String]') {
if (c.props.data.indexOf('js.') === 0) {
c.props.data = window[c.props.data.replace('js.', '')];
}
}
});
return rule;
}, vm = new Vue,name = 'formBuilderExec<?= !$form->getId() ? '' : '_'.$form->getId() ?>';
var _b = false;
window[name] = function create(el, callback) {
if(_b) return ;
_b = true;
if (!el) el = document.body;
var $f = formCreate.create(getRule(), {
el: el,
form:<?=json_encode($form->getConfig('form'))?>,
row:<?=json_encode($form->getConfig('row'))?>,
submitBtn:<?=$form->isSubmitBtn() ? '{}' : 'false'?>,
resetBtn:<?=$form->isResetBtn() ? 'true' : '{}'?>,
iframeHelper:true,
upload: {
onExceededSize: function (file) {
vm.$Message.error(file.name + '超出指定大小限制');
},
onFormatError: function () {
vm.$Message.error(file.name + '格式验证失败');
},
onError: function (error) {
vm.$Message.error(file.name + '上传失败,(' + error + ')');
},
onSuccess: function (res) {
if (res.code == 200) {
return res.data.filePath;
} else {
vm.$Message.error(res.msg);
}
}
},
//表单提交事件
onSubmit: function (formData) {
$f.submitStatus({loading: true});
$.ajax({
url: '<?=$form->getAction()?>',
type: '<?=$form->getMethod()?>',
dataType: 'json',
data: formData,
success: function (res) {
if (res.code == 200) {
vm.$Message.success(res.msg);
$f.submitStatus({loading: false});
formCreate.formSuccess && formCreate.formSuccess(res, $f, formData);
callback && callback(0, res, $f, formData);
//TODO 表单提交成功!
} else {
vm.$Message.error(res.msg || '表单提交失败');
$f.btn.finish();
callback && callback(1, res, $f, formData);
//TODO 表单提交失败
}
},
error: function () {
vm.$Message.error('表单提交失败');
$f.btn.finish();
}
});
}
});
return $f;
};
return window[name];
}());
window.$f = create();
// create();
})();
</script>
</body>