mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-05-15 20:49:35 +08:00
260 lines
11 KiB
Plaintext
260 lines
11 KiB
Plaintext
|
@{
|
|||
|
|
ViewBag.Title = "表单创建";
|
|||
|
|
Layout = "~/Views/Shared/_FlowForm.cshtml";
|
|||
|
|
}
|
|||
|
|
<script>
|
|||
|
|
var keyValue = request('keyValue');
|
|||
|
|
var postData = {};//提交数据
|
|||
|
|
var frmdatabase = "";
|
|||
|
|
var frmapp = "";
|
|||
|
|
$(function () {
|
|||
|
|
initialPage();
|
|||
|
|
})
|
|||
|
|
//初始化页面
|
|||
|
|
function initialPage() {
|
|||
|
|
$('#step-1 .panel-body').height($(window).height() - 228);
|
|||
|
|
$('#Description').height($(window).height() - 380);
|
|||
|
|
$('#step-2 .tab-content').height($(window).height() - 87);
|
|||
|
|
initBaseInfo();
|
|||
|
|
//加载导向
|
|||
|
|
$('#wizard').wizard().on('change', function (e, data) {
|
|||
|
|
var $finish = $("#btn_finish");
|
|||
|
|
var $next = $("#btn_next");
|
|||
|
|
if (data.direction == "next") {
|
|||
|
|
switch (data.step) {
|
|||
|
|
case 1:
|
|||
|
|
return bindingBase();
|
|||
|
|
break;
|
|||
|
|
case 2://绑定表单
|
|||
|
|
if (!bindingFrm()) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
$finish.removeAttr('disabled');
|
|||
|
|
$next.attr('disabled', 'disabled');
|
|||
|
|
$('#btn_caogao').attr('disabled', 'disabled');
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
$finish.attr('disabled', 'disabled');
|
|||
|
|
$next.removeAttr('disabled');
|
|||
|
|
$('#btn_caogao').removeAttr('disabled');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$('input[name="isSystemTable"]').click(function () {
|
|||
|
|
var value = $(this).val();
|
|||
|
|
if (value == 0) {
|
|||
|
|
$('.Systemtable').hide();
|
|||
|
|
$('.Systemtable').find('.ui-select').removeAttr('isvalid');
|
|||
|
|
$('.Systemtable').find('.ui-select').removeAttr('checkexpession');
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$('.Systemtable').show();
|
|||
|
|
$('.Systemtable').find('.ui-select').attr('isvalid', 'yes');
|
|||
|
|
$('.Systemtable').find('.ui-select').attr('checkexpession', 'NotNull');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
//获取表单
|
|||
|
|
if (!!keyValue) {
|
|||
|
|
//获取表单
|
|||
|
|
$.SetForm({
|
|||
|
|
url: "../../FlowManage/FormDesign/GetFormJson",
|
|||
|
|
param: { keyValue: keyValue },
|
|||
|
|
success: function (data) {
|
|||
|
|
$("#step-1").SetWebControls(data);
|
|||
|
|
$('#isSystemTable' + data.isSystemTable).trigger('click');
|
|||
|
|
if (data.isSystemTable == 1)
|
|||
|
|
{
|
|||
|
|
$("#step-1").find("#FrmDbId").trigger("change");
|
|||
|
|
$("#step-1").find("#FrmTable").ComboBoxSetValue(data.FrmTable);
|
|||
|
|
$("#step-1").find("#FrmTable").trigger("change");
|
|||
|
|
$("#step-1").find("#FrmTableId").ComboBoxSetValue(data.FrmTableId);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setFrmInfo(data);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//保存为草稿
|
|||
|
|
$('#btn_caogao').click(function () {
|
|||
|
|
if (!$('#step-1').Validform()) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
var _data = $("#step-1").GetWebControls(keyValue);
|
|||
|
|
postData = $.extend(postData, _data);
|
|||
|
|
postData["EnabledMark"] = 3;
|
|||
|
|
var frmcotentls = frmapp.getData(true);
|
|||
|
|
postData.FrmContent = JSON.stringify(frmcotentls);
|
|||
|
|
$.SaveForm({
|
|||
|
|
url: "../../FlowManage/FormDesign/SaveForm?keyValue=" + keyValue,
|
|||
|
|
param: postData,
|
|||
|
|
loading: "正在保存数据...",
|
|||
|
|
success: function () {
|
|||
|
|
$.currentIframe().$("#gridTable").trigger("reloadGrid");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/*=========基本配置（begin）==================================================================*/
|
|||
|
|
function initBaseInfo()
|
|||
|
|
{
|
|||
|
|
//性别
|
|||
|
|
$("#Gender").ComboBox({
|
|||
|
|
description: "==请选择==",
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function bindingBase()
|
|||
|
|
{
|
|||
|
|
if (!$('#step-1').Validform()) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
var _postData = $("#step-1").GetWebControls(keyValue);
|
|||
|
|
postData.isSystemTable = $('input[name="isSystemTable"]:checked').val();
|
|||
|
|
postData = $.extend(postData, _postData);
|
|||
|
|
setFrmInfo(postData);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
/*=========基本配置（end）====================================================================*/
|
|||
|
|
|
|||
|
|
/*=========表单选择（begin）==================================================================*/
|
|||
|
|
function setFrmInfo(data)
|
|||
|
|
{
|
|||
|
|
var _height = $(window).height() - 87 < 410 ? 410 : $(window).height() - 87;
|
|||
|
|
postData.FrmContent = data.FrmContent;
|
|||
|
|
if (data.isSystemTable == "0") {
|
|||
|
|
frmapp = $('#frmdesign').frmDesign({
|
|||
|
|
Height: _height,
|
|||
|
|
frmContent: postData.FrmContent
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
var _frmdatabase = [];
|
|||
|
|
for (var i in frmdatabase)
|
|||
|
|
{
|
|||
|
|
if (frmdatabase[i].column != postData.FrmTableId)
|
|||
|
|
{
|
|||
|
|
_frmdatabase.push(frmdatabase[i]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
frmapp = $('#frmdesign').frmDesign({
|
|||
|
|
Height: _height,
|
|||
|
|
tablefiledJsonData: _frmdatabase,
|
|||
|
|
isSystemTable: postData.isSystemTable,
|
|||
|
|
frmContent: postData.FrmContent
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function bindingFrm() {
|
|||
|
|
var frmcotentls = frmapp.getData();
|
|||
|
|
if (!frmcotentls) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
postData.FrmContent = JSON.stringify(frmcotentls);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
/*=========表单选择（end）====================================================================*/
|
|||
|
|
|
|||
|
|
/*=========创建完成（begin）==================================================================*/
|
|||
|
|
function finishbtn() {
|
|||
|
|
postData["EnabledMark"] = 1;
|
|||
|
|
$.SaveForm({
|
|||
|
|
url: "../../FlowManage/FormDesign/SaveForm?keyValue=" + keyValue,
|
|||
|
|
param: postData,
|
|||
|
|
loading: "正在保存数据...",
|
|||
|
|
success: function () {
|
|||
|
|
$.currentIframe().$("#gridTable").trigger("reloadGrid");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
/*=========创建完成（end）====================================================================*/
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<div class="widget-body">
|
|||
|
|
<div id="wizard" class="wizard" data-target="#wizard-steps" >
|
|||
|
|
<ul class="steps">
|
|||
|
|
<li data-target="#step-1" class="active"><span class="step">1</span>基本配置<span class="chevron"></span></li>
|
|||
|
|
<li data-target="#step-2"><span class="step">2</span>表单设计<span class="chevron"></span></li>
|
|||
|
|
<li data-target="#step-4"><span class="step">3</span>创建完成<span class="chevron"></span></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-content wizard-step-content" id="wizard-steps">
|
|||
|
|
<div class="step-pane wizard-step-pane active" id="step-1">
|
|||
|
|
<div class="alert alert-danger" style="text-align: left; margin-bottom: 10px;">
|
|||
|
|
<i class="fa fa-warning alert-dismissible" style="position: relative; top: 1px; font-size: 15px; padding-right: 5px;"></i>
|
|||
|
|
请你填写表单信息，用于创建或修改表单！
|
|||
|
|
</div>
|
|||
|
|
<div class="panel panel-default">
|
|||
|
|
<div class="panel-heading">
|
|||
|
|
<h3 class="panel-title">表单基本信息配置</h3>
|
|||
|
|
</div>
|
|||
|
|
<div class="panel-body">
|
|||
|
|
<table class="form">
|
|||
|
|
<tr>
|
|||
|
|
<td class="formTitle">表单编号<font face="宋体">*</font></td>
|
|||
|
|
<td class="formValue">
|
|||
|
|
<input id="FrmCode" type="text" class="form-control" placeholder="请输入编号" isvalid="yes" checkexpession="NotNull" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td class="formTitle">表单名称<font face="宋体">*</font></td>
|
|||
|
|
<td class="formValue">
|
|||
|
|
<input id="FrmName" type="text" class="form-control" placeholder="请输入名称" isvalid="yes" checkexpession="NotNull" />
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<td class="formTitle">是否建表<font face="宋体">*</font></td>
|
|||
|
|
<td class="formValue">
|
|||
|
|
<div class="rdio rdio-color_a"><input type="radio" name="isSystemTable" id="isSystemTable0" value="0" checked /><label for="isSystemTable0">否</label></div>
|
|||
|
|
<div class="rdio rdio-color_c"><input type="radio" name="isSystemTable" id="isSystemTable1" value="1" /><label for="isSystemTable1">是</label></div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="Systemtable" style="display:none">
|
|||
|
|
<td class="formTitle">数据库<font face="宋体">*</font></td>
|
|||
|
|
<td class="formValue">
|
|||
|
|
<div id="FrmDbId" type="selectTree" class="ui-select"></div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="Systemtable" style="display:none">
|
|||
|
|
<td class="formTitle">数据表<font face="宋体">*</font></td>
|
|||
|
|
<td class="formValue">
|
|||
|
|
<div id="FrmTable" type="select" class="ui-select"></div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="Systemtable" style="display:none">
|
|||
|
|
<td class="formTitle">绑定主键<font face="宋体">*</font></td>
|
|||
|
|
<td class="formValue">
|
|||
|
|
<div id="FrmTableId" type="select" class="ui-select"></div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="formTitle formTitle-top">
|
|||
|
|
备注
|
|||
|
|
</th>
|
|||
|
|
<td class="formValue">
|
|||
|
|
<textarea id="Description" class="form-control" style="height: 180px;"></textarea>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-pane flowapp" id="step-2">
|
|||
|
|
<div id="frmdesign"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-pane" id="step-4">
|
|||
|
|
<div class="drag-tip">
|
|||
|
|
<i class="fa fa-check-circle"></i>
|
|||
|
|
<p >设计完成,请点击保存</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-button" id="wizard-actions">
|
|||
|
|
<a id="btn_last" disabled class="btn btn-default btn-prev">上一步</a>
|
|||
|
|
<a id="btn_next" class="btn btn-default btn-next">下一步</a>
|
|||
|
|
<a id="btn_caogao" class="btn btn-info">保存草稿</a>
|
|||
|
|
<a id="btn_finish" disabled class="btn btn-success" onclick="finishbtn();">保存</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|