123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328 |
- @{
- 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: "==请选择==",
- });
- //表单类型
- $("#FrmType").ComboBoxTree({
- description: "==请选择==",
- height: "301px",
- param: { EnCode: "FormSort" },
- url: "../../SystemManage/DataItemDetail/GetDataItemTreeJson",
- allowSearch: true
- });
- //数据库选择
- var _FrmDbId;
- $("#FrmDbId").ComboBoxTree({
- description: "==请选择==",
- height: "242px",
- url: "../../SystemManage/DataBaseLink/GetTreeJson",
- allowSearch: true
- }).bind("change", function () {
- var value = $(this).attr('data-value');
- _FrmDbId = value;
- //数据表
- $("#FrmTable").ComboBox({
- param: { dataBaseLinkId: value },
- url: "../../SystemManage/DataBaseTable/GetTableListJson",
- id: "name",
- text: "name"
- });
- });
- //数据表
- $("#FrmTable").ComboBox({
- description: "==请选择==",
- height: "205px",
- allowSearch: true
- }).bind("change", function () {
- var value = $(this).attr('data-value');
- $.ajax({
- url: "../../SystemManage/DataBaseTable/GetTableFiledListJson",
- data: { dataBaseLinkId: _FrmDbId, tableName: value },
- type: "GET",
- dataType: "json",
- async: false,
- success: function (data) {
- $.each(data, function (id, item) {
- item.remark = item.column + "【" + item.remark + "】";
- });
- frmdatabase = data;
- //数据表
- $("#FrmTableId").ComboBox({
- data: frmdatabase,
- id: "column",
- text: "remark"
- });
- },
- error: function (XMLHttpRequest, textStatus, errorThrown) {
- dialogMsg(errorThrown, -1);
- }
- });
-
- });;
- //主键
- $("#FrmTableId").ComboBox({
- description: "==请选择==",
- height: "185px",
- allowSearch: true
- });
- }
- 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 id="FrmType" type="selectTree" class="ui-select" isvalid="yes" checkexpession="NotNull"></div>
- </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>
|