新表单数据库

This commit is contained in:
yubaolee 2018-03-01 13:00:03 +08:00
parent 1763bd7bad
commit 413e8d9b87
4 changed files with 83 additions and 89 deletions

View File

@ -620,7 +620,6 @@
<Content Include="Views\Home\Index.cshtml" /> <Content Include="Views\Home\Index.cshtml" />
<Content Include="Areas\FlowManage\Views\FlowInstances\Index.cshtml" /> <Content Include="Areas\FlowManage\Views\FlowInstances\Index.cshtml" />
<Content Include="Views\Shared\_FlowForm.cshtml" /> <Content Include="Views\Shared\_FlowForm.cshtml" />
<Content Include="Views\Shared\_Form.cshtml" />
<Content Include="Views\Home\Main.cshtml" /> <Content Include="Views\Home\Main.cshtml" />
<Content Include="Views\Shared\_Layout.cshtml" /> <Content Include="Views\Shared\_Layout.cshtml" />
<Content Include="Views\Home\MenuHeader.cshtml" /> <Content Include="Views\Home\MenuHeader.cshtml" />

View File

@ -44,101 +44,86 @@
<div id="divEdit" style="display: none"> <div id="divEdit" style="display: none">
<form class="layui-form" action="" id="formEdit"> <form class="layui-form" action="" id="formEdit">
<input type="hidden" name="Id" v-model="Id" /> <input type="hidden" name="Id" v-model="Id" />
<input type="hidden" name="Fields" id="Fields" value="0">
<div class="layui-tab layui-tab-brief" lay-filter="tab"> <div class="layui-row">
<ul class="layui-tab-title"> <div class="layui-tab layui-tab-brief" lay-filter="tab">
<li class="layui-this">基本信息</li> <ul class="layui-tab-title">
<li>表单设计</li> <li class="layui-this">基本信息</li>
</ul> <li>表单设计</li>
<div class="layui-tab-content" style="height: 100px;"> </ul>
<div class="layui-tab-item layui-show"> <div class="layui-tab-content" style="height: 100px;">
<div class="layui-form-item"> <div class="layui-tab-item layui-show">
<label class="layui-form-label">表单名称</label> <div class="layui-form-item">
<div class="layui-input-block"> <label class="layui-form-label">表单名称</label>
<input type="text" name="Name" v-model="Name" required lay-verify="required" <div class="layui-input-block">
placeholder="表单名称" autocomplete="off" class="layui-input"> <input type="text" name="Name" v-model="Name" required lay-verify="required"
placeholder="表单名称" autocomplete="off" class="layui-input">
</div>
</div> </div>
</div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">排序码</label> <label class="layui-form-label">排序码</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="SortCode" value="1" title="value1" checked> <input type="radio" name="SortCode" value="1" title="value1" checked>
<input type="radio" name="SortCode" value="0" title="value2"> <input type="radio" name="SortCode" value="0" title="value2">
</div>
</div> </div>
</div> <div class="layui-form-item">
<div class="layui-form-item"> <label class="layui-form-label">删除标记</label>
<label class="layui-form-label">删除标记</label> <div class="layui-input-block">
<div class="layui-input-block"> <input type="radio" name="Delete" value="1" title="value1" checked>
<input type="radio" name="Delete" value="1" title="value1" checked> <input type="radio" name="Delete" value="0" title="value2">
<input type="radio" name="Delete" value="0" title="value2"> </div>
</div> </div>
</div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">有效</label> <label class="layui-form-label">有效</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="Enabled" value="1" title="value1" checked> <input type="radio" name="Enabled" value="1" title="value1" checked>
<input type="radio" name="Enabled" value="0" title="value2"> <input type="radio" name="Enabled" value="0" title="value2">
</div>
</div> </div>
</div> <div class="layui-form-item">
<div class="layui-form-item"> <label class="layui-form-label">备注</label>
<label class="layui-form-label">备注</label> <div class="layui-input-block">
<div class="layui-input-block"> <input type="text" name="Description" v-model="Description" required lay-verify="required"
<input type="text" name="Description" v-model="Description" required lay-verify="required" placeholder="备注" autocomplete="off" class="layui-input">
placeholder="备注" autocomplete="off" class="layui-input"> </div>
</div> </div>
</div> </div>
<div class="layui-tab-item">
</div> <div class="layui-col-xs3">
<div class="layui-tab-item"> <ul class="layui-nav" style="margin-right: 5px;">
<input type="hidden" name="fields" id="fields" value="0"> <li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('text');">文本框</a></li>
<li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('textarea');">多行文本</a></li>
<div class="alert"> <li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('select');">下拉菜单</a></li>
<button type="button" class="close" data-dismiss="alert">&times;</button> <li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('radios');">单选框</a></li>
<strong>提醒:</strong>单选框和复选框,如:<code>{|-</code>选项<code>-|}</code>两边边界是防止误删除控件,程序会把它们替换为空,请不要手动删除! <li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('checkboxs');" class="btn btn-link">复选框</a></li>
</div> <li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('macros');" class="btn btn-link">宏控件</a></li>
<li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('progressbar');" class="btn btn-link">进度条</a></li>
<div class="layui-row"> <li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('qrcode');" class="btn btn-link">二维码</a></li>
<div class="layui-col-xs2"> <li class="layui-nav-item" style="line-height: 40px"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('listctrl');" class="btn btn-link">列表控件</a></li>
<ul class="layui-nav layui-nav-tree layui-inline" style="margin-right: 5px;">
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('text');">文本框</a></li>
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('textarea');">多行文本</a></li>
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('select');">下拉菜单</a></li>
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('radios');">单选框</a></li>
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('checkboxs');" class="btn btn-link">复选框</a></li>
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('macros');" class="btn btn-link">宏控件</a></li>
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('progressbar');" class="btn btn-link">进度条</a></li>
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('qrcode');" class="btn btn-link">二维码</a></li>
<li class="layui-nav-item"><a href="javascript:void(0);" onclick="leipiFormDesign.exec('listctrl');" class="btn btn-link">列表控件</a></li>
</ul> </ul>
</div> </div>
<div class="layui-col-xs10"> <div class="layui-col-xs9">
<script id="myFormDesign" type="text/plain" style="width:100%;"> <script id="myFormDesign" type="text/plain" style="width:100%;">
<input style="text-align: left; width: 150px;" title="文本框" value="OpenAuth.Net" <input style="text-align: left; width: 150px;" title="文本框" value="OpenAuth.Net"
name="leipiNewField" orgheight="" orgwidth="150" orgalign="left" name="leipiNewField" orgheight="" orgwidth="150" orgalign="left"
orgfontsize="" orghide="0" leipiplugins="text" orgtype="text" /> orgfontsize="" orghide="0" leipiplugins="text" orgtype="text" />
<br />
{|-
<span leipiplugins="radios" title="单选" name="leipiNewField">
<input value="单选1"
type="radio" checked="checked" />单选1&nbsp;<input value="单选2" type="radio" />单选2&nbsp;
</span>-|}
</script> </script>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-row">
<div class="layui-input-block"> <div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button> <button class="layui-btn" lay-submit lay-filter="formSubmit">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<script type="text/javascript" charset="utf-8" src="/js/ueditor/ueditor.config.js?2023"></script> <script type="text/javascript" charset="utf-8" src="/js/ueditor/ueditor.config.js?2023"></script>
<script type="text/javascript" charset="utf-8" src="/js/ueditor/ueditor.all.js?2023"> </script> <script type="text/javascript" charset="utf-8" src="/js/ueditor/ueditor.all.js?2023"> </script>

View File

@ -21,7 +21,16 @@
textarea: 'design_content', textarea: 'design_content',
//这里可以选择自己需要的工具按钮名称,此处仅选择如下五个 //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
toolbars: [[ toolbars: [[
'fullscreen', 'source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'removeformat', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', '|', 'fontfamily', 'fontsize', '|', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'link', 'unlink', '|', 'horizontal', 'spechars', 'wordimage', '|', 'inserttable', 'deletetable', 'mergecells', 'splittocells']], 'fullscreen', 'source'
, '|', 'undo', 'redo'
, '|', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'removeformat'
, '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist'
, '|', 'fontfamily', 'fontsize'
, '|', 'indent'
, '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify'
, '|', 'link', 'unlink'
, '|', 'horizontal', 'spechars', 'wordimage'
, '|', 'inserttable', 'deletetable', 'mergecells', 'splittocells']],
//focus时自动清空初始化时的内容 //focus时自动清空初始化时的内容
//autoClearinitialContent:true, //autoClearinitialContent:true,
//关闭字数统计 //关闭字数统计
@ -221,21 +230,22 @@
fnReview: function () { fnReview: function () {
if (leipiEditor.queryCommandState('source')) if (leipiEditor.queryCommandState('source'))
leipiEditor.execCommand('source');/*切换到编辑模式才提交否则部分浏览器有bug*/ leipiEditor.execCommand('source');/*切换到编辑模式才提交否则部分浏览器有bug*/
if (leipiEditor.hasContents()) { if (leipiEditor.hasContents()) {
leipiEditor.sync(); /*同步内容*/ leipiEditor.sync(); /*同步内容*/
//--------------以下仅参考-------------------------------------------------------------------
alert("你点击了预览,请自行处理....");
return false;
//--------------以下仅参考-------------------------------------------------------------------
/*设计form的target 然后提交至一个新的窗口进行预览*/ /*设计form的target 然后提交至一个新的窗口进行预览*/
document.saveform.target = "mywin"; var fields = $("#Fields").val(), formeditor = '';
window.open('', 'mywin', "menubar=0,toolbar=0,status=0,resizable=1,left=0,top=0,scrollbars=1,width=" + (screen.availWidth - 10) + ",height=" + (screen.availHeight - 50) + "\"");
//获取表单设计器里的内容
formeditor = leipiEditor.getContent();
//解析表单设计器控件
var parse_form = this.parse_form(formeditor, fields);
document.saveform.action = "/index.php?s=/index/preview.html"; var forms1 = parse_form.Content;
document.saveform.submit(); //提交表单 win_parse = window.open('', '', 'width=800,height=400,alwaysRaised=yes,top=100,left=200');
var str = '<div style="width:500px;height:300px;border:1px solid grey">' + forms1 + '</div>';
win_parse.document.write(forms1);
win_parse.focus();
} else { } else {
alert('表单内容不能为空!'); alert('表单内容不能为空!');
return false; return false;
@ -306,7 +316,8 @@
var title = update ? "编辑信息" : "添加"; var title = update ? "编辑信息" : "添加";
layer.open({ layer.open({
title: title, title: title,
area: ["500px", "400px"], zIndex: 888,
area: ["800px", "700px"],
type: 1, type: 1,
content: $('#divEdit'), content: $('#divEdit'),
success: function() { success: function() {
@ -322,9 +333,8 @@
form.on('submit(formSubmit)', form.on('submit(formSubmit)',
function (data) { function (data) {
//解析表单数据 //解析表单数据
var formid = 0, fields = $("#fields").val(), formeditor = ''; var fields = $("#Fields").val(), formeditor = '';
//获取表单设计器里的内容 //获取表单设计器里的内容
formeditor = leipiEditor.getContent(); formeditor = leipiEditor.getContent();
//解析表单设计器控件 //解析表单设计器控件

Binary file not shown.