|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head runat="server">
|
|
|
|
|
<title>CCForm 表单设计器 For Html5 </title>
|
|
|
|
|
<!-- 引用配置文件.-->
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=9" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../Scripts/easyUI/themes/default/easyui.css" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../Scripts/easyUI/themes/icon.css" />
|
|
|
|
|
<link rel="stylesheet" media="screen" type="text/css" href="./assets/css/style.css" />
|
|
|
|
|
<link rel="stylesheet" media="screen" type="text/css" href="./assets/css/minimap.css" />
|
|
|
|
|
<script type="text/javascript" src="./assets/javascript/json2.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./assets/javascript/jquery-1.11.0.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="../../Scripts/easyUI/jquery.easyui.min.js"></script>
|
|
|
|
|
<!-- 基本控件 -->
|
|
|
|
|
<script src="../../Scripts/config.js" type="text/javascript"> </script>
|
|
|
|
|
<script src="../../Scripts/QueryString.js" type="text/javascript"> </script>
|
|
|
|
|
<script src="../../Comm/Gener.js" type="text/javascript"> </script>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="./lib/dashed.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/canvasprops.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/style.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/primitives.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/ImageFrame.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/matrix.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/util.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/key.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/groups.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/stack.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/connections.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/connectionManagers.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/handles.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/builder.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/text.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/log.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/browserReady.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/containers.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/importer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/FigureCreateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/main.js" charset="UTF-8"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/minimap.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/History.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/FigureCloneCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/FigureTranslateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/FigureRotateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/FigureScaleCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/FigureZOrderCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/FigureDeleteCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/GroupRotateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/GroupScaleCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/GroupCreateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/GroupCloneCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/GroupDestroyCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/GroupDeleteCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/GroupTranslateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ContainerCreateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ContainerDeleteCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ContainerTranslateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ContainerScaleCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ConnectorCreateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ConnectorDeleteCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ConnectorAlterCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ConnectorCloneCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/ShapeChangePropertyCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/CanvasChangeColorCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/CanvasChangeSizeCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/CanvasFitCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./lib/commands/InsertedImageFigureCreateCommand.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/Controls.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./js/ControlsPropertys.js"></script>
|
|
|
|
|
<script type="text/javascript" src="./assets/javascript/colorPicker_new.js"></script>
|
|
|
|
|
<link rel="stylesheet" media="screen" type="text/css" href="./assets/css/colorPicker_new.css" />
|
|
|
|
|
<script src="../../Scripts/CommonUnite.js" type="text/javascript"></script>
|
|
|
|
|
<script src="../../Scripts/EasyUIUtility.js" type="text/javascript"></script>
|
|
|
|
|
<script src="js/FormDesignerService.js" type="text/javascript"></script>
|
|
|
|
|
<script src="js/FormDesigner.js" type="text/javascript"></script>
|
|
|
|
|
<!--[if IE]>
|
|
|
|
|
<script src="./assets/javascript/excanvas.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
<link href="./Img/Menu/icon.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
ToolbarIcon
|
|
|
|
|
{
|
|
|
|
|
text-align: left;
|
|
|
|
|
width: 9px;
|
|
|
|
|
height: 9px;
|
|
|
|
|
border: 0px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
font-size: 19px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
|
|
|
|
var mapData = null;
|
|
|
|
|
|
|
|
|
|
//页面启动函数.
|
|
|
|
|
$(function () {
|
|
|
|
|
|
|
|
|
|
var frmID = GetQueryString("FK_MapData");
|
|
|
|
|
|
|
|
|
|
mapData = new Entity("BP.Sys.MapData", frmID);
|
|
|
|
|
//清空mapData的缓存
|
|
|
|
|
mapData.DoMethodReturnString("ClearCash");
|
|
|
|
|
|
|
|
|
|
document.title = mapData.Name + " - CCForm H5表单设计.";
|
|
|
|
|
|
|
|
|
|
$("#Msg").html("");
|
|
|
|
|
var fromDtl = Application.common.getArgsFromHref("FromDtl");
|
|
|
|
|
if (fromDtl && fromDtl == "1") {
|
|
|
|
|
ResizeWindow();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function closeDlg() {
|
|
|
|
|
$("#eudlg").dialog("close");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function Exp() {
|
|
|
|
|
var url = "../../Admin/FoolFormDesigner/ImpExp/Exp.htm?FK_MapData=" + CCForm_FK_MapData;
|
|
|
|
|
window.open(url, 'exp');
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function Imp() {
|
|
|
|
|
var url = "../../Admin/FoolFormDesigner/ImpExp/Imp.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&IsShowTitle=0&FK_Flow=" + GetQueryString("FK_Flow") + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
|
|
CCForm_ShowDialog(url, '导入表单', 600, 400);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function FoolFormDesigner() {
|
|
|
|
|
|
|
|
|
|
var url = "../../Admin/FoolFormDesigner/ImpExp/Imp/Default.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&IsShowTitle=0";
|
|
|
|
|
CCForm_ShowDialog(url, '傻瓜表单设计器');
|
|
|
|
|
Save(true);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function Mobile() {
|
|
|
|
|
var url = "../../Admin/AttrNode/SortingMapAttrs.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&FK_Flow=" + GetDateString();
|
|
|
|
|
CCForm_ShowDialog(url, '手机表单设计器', 900, 600);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
//然浏览器最大化.
|
|
|
|
|
function ResizeWindow() {
|
|
|
|
|
if (window.screen) { //判断浏览器是否支持window.screen判断浏览器是否支持screen
|
|
|
|
|
var myw = screen.availWidth; //定义一个myw,接受到当前全屏的宽
|
|
|
|
|
var myh = screen.availHeight - 5; //定义一个myw,接受到当前全屏的高
|
|
|
|
|
window.moveTo(0, 0); //把window放在左上角
|
|
|
|
|
window.resizeTo(myw, myh); //把当前窗体的长宽跳转为myw和myh
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function Srcipt() {
|
|
|
|
|
|
|
|
|
|
var url = "../../Admin/FoolFormDesigner/MapExt/InitScript.htm?s=34&FK_MapData=" + CCForm_FK_MapData + "&IsShowTitle=0";
|
|
|
|
|
|
|
|
|
|
CCForm_ShowDialog(url, 'JavaScript编程');
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body id="body">
|
|
|
|
|
<div id="actions" class="actions" style="font-size: 12px;">
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:CCForm_Attr();" title="表单属性">
|
|
|
|
|
<img src="Img/toolbar/property.png" id="Img2" border="0" width="16" height="16" alt="" />
|
|
|
|
|
<label for="Img2" class="toolbarText">
|
|
|
|
|
表单属性</label>
|
|
|
|
|
</a>
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" alt='保存表单.' />
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:Save(true);" title="保存(Ctrl-S)">
|
|
|
|
|
<img src="assets/images/icon_save.jpg" id="SaveImg" alt="保存表单" border="0" width="16"
|
|
|
|
|
height="16" />
|
|
|
|
|
<label for="SaveImg" id="SaveText" class="toolbarText">
|
|
|
|
|
保存</label>
|
|
|
|
|
</a>
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" alt='预览表单工作模式.' />
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:CCForm_BrowserView();" title="预览">
|
|
|
|
|
<img src="Img/toolbar/View.png" id="BrowserView" border="0" width="16" height="16"
|
|
|
|
|
alt="" />
|
|
|
|
|
<label for="BrowserView" class="toolbarText">
|
|
|
|
|
预览</label>
|
|
|
|
|
</a>
|
|
|
|
|
<!-- <a style="text-decoration: none;" href="javascript:Srcipt();" title="JS编程">
|
|
|
|
|
<img src="../../Img/Script.png" id="Img3" border="0" width="16" height="16" alt="" />
|
|
|
|
|
<label for="ExpFrmXml" class="toolbarText">JS编程</label>
|
|
|
|
|
</a>-->
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:Exp();" title="导出表单模版">
|
|
|
|
|
<img src="Img/toolbar/Exp.png" id="ExpFrmXml" border="0" width="16" height="16" alt="" />
|
|
|
|
|
<label for="ExpFrmXml" class="toolbarText">
|
|
|
|
|
导出</label>
|
|
|
|
|
</a>
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:Imp();" title="导入表单模版">
|
|
|
|
|
<img src="Img/toolbar/Imp.png" id="ImpFrmXml" border="0" width="16" height="16" alt="" />
|
|
|
|
|
<label for="ImpFrmXml" class="toolbarText">
|
|
|
|
|
导入</label>
|
|
|
|
|
</a>
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:Show_HidenField_Panel();" title="显示隐藏字段">
|
|
|
|
|
<img src="Img/toolbar/hidenF.png" id="HField" border="0" width="16" height="16" alt="" />
|
|
|
|
|
<label for="HField" class="toolbarText">
|
|
|
|
|
隐藏字段</label>
|
|
|
|
|
</a>
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:Show_ModleField_Panel();" title="显示模板字段">
|
|
|
|
|
<img src="Img/Form.png" id="ModleField" border="0" width="16" height="16" alt="" />
|
|
|
|
|
<label for="ModleField" class="toolbarText">
|
|
|
|
|
模板字段</label>
|
|
|
|
|
</a>
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<input type="checkbox" onclick="ShowGrid();" checked="checked" id="gridCheckbox"
|
|
|
|
|
title="显示网格" style="vertical-align: middle;" />
|
|
|
|
|
<label for="gridCheckbox" class="toolbarText">
|
|
|
|
|
显示网格</label>
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<input type="checkbox" onclick="snapToGrid();" id="snapCheckbox" title="粘合网格线" style="vertical-align: middle;" />
|
|
|
|
|
<label for="snapCheckbox" class="toolbarText">
|
|
|
|
|
粘合网格线</label>
|
|
|
|
|
<!--<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1" height="18" />
|
|
|
|
|
<a style="text-decoration: none; display:inline;" href="javascript:FoolFormDesigner()" target=_blank title="手机表单." >
|
|
|
|
|
<img src="Img/Home.png" id="Img4" border="0" alt="" />
|
|
|
|
|
<label class="toolbarText">傻瓜</label>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1" height="18" />
|
|
|
|
|
<a style="text-decoration: none; display:inline;" href="javascript:Mobile()" target=_blank title="手机表单." >
|
|
|
|
|
<img src="Img/Home.png" id="Img3" border="0" alt="" />
|
|
|
|
|
<label class="toolbarText">手机</label>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1" height="18" />
|
|
|
|
|
<input type="checkbox" onclick="propertyForm();" id="propertyCheckbox" title="属性窗口" style="vertical-align: middle;" />
|
|
|
|
|
<label for="propertyCheckbox" class="toolbarText">属性窗口</label>-->
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:Mobile();" title="手机表单">
|
|
|
|
|
<img src="Img/toolbar/mobile.png" id="Img4" border="0" width="16" height="16" alt="" />
|
|
|
|
|
<label class="toolbarText">
|
|
|
|
|
手机</label>
|
|
|
|
|
</a>
|
|
|
|
|
<!--<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<a style="text-decoration: none;" href="javascript:ResetFrm();" title="重置表单">
|
|
|
|
|
<img src="../../Img/reset.png" id="Img3" border="0" width="16" height="16" alt="" />
|
|
|
|
|
<label class="toolbarText">
|
|
|
|
|
重置表单</label>
|
|
|
|
|
</a>-->
|
|
|
|
|
<img class="separator" src="assets/images/toolbar_separator.gif" border="0" width="1"
|
|
|
|
|
height="18" />
|
|
|
|
|
<a style="text-decoration: none; display: inline;" href="http://www.ccflow.org" target="_blank"
|
|
|
|
|
title="打开官方网站在线帮助.">
|
|
|
|
|
<img src="Img/Home.png" id="Img1" border="0" alt="" />
|
|
|
|
|
<label class="toolbarText">
|
|
|
|
|
驰骋官网</label>
|
|
|
|
|
</a>
|
|
|
|
|
<script type="text/javascript" language="javascript">
|
|
|
|
|
if (!isBrowserReady()) {
|
|
|
|
|
document.write('<span style="background-color: red;" >');
|
|
|
|
|
document.write("您的浏览器不支持HTML5。请升级您的浏览器到高级版本,或者使用火狐、谷歌浏览器。");
|
|
|
|
|
document.write("</span>");
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="editor">
|
|
|
|
|
<div id="figures" style="height: 100%; overflow: auto; position: relative;">
|
|
|
|
|
</div>
|
|
|
|
|
<!--THE canvas-->
|
|
|
|
|
<div style="width: 100%">
|
|
|
|
|
<div id="container">
|
|
|
|
|
<canvas id="a" width="800" height="500" style="overflow: auto;">
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>提示</legend>
|
|
|
|
|
您的浏览器不支持HTML5,请升级您的浏览器到高级版本IE10+,或者使用火狐、谷歌浏览器。
|
|
|
|
|
</fieldset>
|
|
|
|
|
</canvas>
|
|
|
|
|
<div id="text-editor">
|
|
|
|
|
</div>
|
|
|
|
|
<div id="text-editor-tools">
|
|
|
|
|
</div>
|
|
|
|
|
<span id="figureTip" style="display: none;"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--Right panel-->
|
|
|
|
|
<div id="right" style="display: none;">
|
|
|
|
|
<div style="background-color: #eae9e9; padding: 3px; background-image: url(Img/Form.png);
|
|
|
|
|
background-repeat: no-repeat; background-position: left; background-size: 16px 16px;">
|
|
|
|
|
<span style="margin-left: 15px; font-size: small;">属性设置</span>
|
|
|
|
|
</div>
|
|
|
|
|
<center>
|
|
|
|
|
<div style="overflow: auto;" id="edit">
|
|
|
|
|
</div>
|
|
|
|
|
</center>
|
|
|
|
|
<div style="overflow: auto;" id="editCaption">
|
|
|
|
|
</div>
|
|
|
|
|
<div id="minimap" style="position: absolute; bottom: 18px; display: none;">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<br />
|
|
|
|
|
<div id="mFormSheet" class="easyui-menu" style="width: 120px;">
|
|
|
|
|
<div onclick="CCForm_BrowserView()" data-options="iconCls:'icon-CheckFlow'">
|
|
|
|
|
预览</div>
|
|
|
|
|
<div class="menu-sep">
|
|
|
|
|
</div>
|
|
|
|
|
<div onclick="GridLineVisible()" data-options="iconCls:'icon-new'">
|
|
|
|
|
<span id="div_gridvisible">隐藏网格</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="figureMenu" class="easyui-menu" style="width: 180px;">
|
|
|
|
|
<input type="hidden" id="HD_FigureID" />
|
|
|
|
|
<div data-options="iconCls:'icon-property',name:'figure_property'">
|
|
|
|
|
属性</div>
|
|
|
|
|
<div data-options="iconCls:'icon-delete',name:'figure_delete'">
|
|
|
|
|
删除</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|