You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

327 lines
18 KiB
Plaintext

11 months ago
<!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>