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.

588 lines
21 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>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>傻瓜表单</title>
<script type="text/javascript" src="../Scripts/bootstrap/js/jquery.min.js"></script>
<script src="../../DataUser/JSLibData/MyFlowPublic.js" type="text/javascript"></script>
<script src="../Comm/JS/Calendar/WdatePicker.js" type="text/javascript"></script>
<link href="../Comm/JS/Calendar/skin/WdatePicker.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../Scripts/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../Scripts/bootstrap/js/jquery.cokie.min.js"></script>
<script type="text/javascript" src="../Scripts/Cookie.js"></script>
<script type="text/javascript" src="../Scripts/QueryString.js"></script>
<link rel="stylesheet" type="text/css" href="../Scripts/easyUI145/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../Scripts/easyUI145/themes/icon.css" />
<script type="text/javascript" src="../Scripts/easyUI145/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../Scripts/easyUI145/locale/easyui-lang-zh_CN.js"></script>
<link href="../Scripts/bootstrap/css/bootstrap.css" rel="Stylesheet" />
<link href="../Scripts/bootstrap/css/font-awesome.css" rel="Stylesheet" />
<link rel="stylesheet" href="../Scripts/bootstrap/css/css.css" type="text/css" media="all" />
<!-- 该文件可以被集成厂商自己定义风格,可以自己修改,以达到流程设计器与自己的系统风格统一. -->
<link href="../../DataUser/Style/ccbpm.css" rel="Stylesheet" />
<!--UEditor-->
<link href="../Comm/umeditor1.2.3-utf8/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<!--<script type="text/javascript" src="Comm/umeditor1.2.3-utf8/third-party/jquery.min.js"></script>-->
<script type="text/javascript" src="../Comm/umeditor1.2.3-utf8/third-party/template.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../Comm/umeditor1.2.3-utf8/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../Comm/umeditor1.2.3-utf8/umeditor.min.js"></script>
<script type="text/javascript" src="../Comm/umeditor1.2.3-utf8/lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
h1{
font-family: "微软雅黑";
font-weight: normal;
}
.btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc9;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover,
.btn:focus
{
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
</style>
<!--JS 加载-->
<script type="text/javascript">
var load = {};
/*JS 动态加载js 文件*/
load.LoadJs = function (jsPath, chartset, callbackfun) {
try {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.src = jsPath + "?Version=" + Math.random();
script.type = 'text/javascript';
if (chartset != undefined) {
script.chartset = chartset;
}
if (script.readyState) {
script.onreadystatechange = function () {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
if (callbackfun != undefined && typeof (callbackfun) == 'function') {
callbackfun();
}
}
}
} else {
script.onload = function () {
if (callbackfun != undefined && typeof (callbackfun) == 'function') {
callbackfun();
}
}
}
head.appendChild(script);
}
catch (err) {
alert(err)
}
//$.getScript(jsPath, callbackfun);
}
/*js 和CSS 的版本号*/
load.Version = '0412145201';
//使用随机数作为版本号保证每次加载的config.js 都是最新的,其余的通过公共函数加载,带入版本号,更新版本号即更新文件
$.getScript("../Scripts/config.js?Version=" + Math.random(), function () {
load.LoadJs("../Scripts/commonYangYH.js", undefined, function () {
load.LoadJs('MapExt2016.js', undefined, function () {
load.LoadJs('../Comm/Gener.js', undefined, function () {
load.LoadJs('FrmFoolReadonly.js', undefined, function () {
})
})
})
})
});
</script>
<style type="text/css">
body
{
padding: 0px;
margin: 0px;
}
.nav > li > a
{
padding: 6px 13px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav > li > a:hover, .nav > li > a:focus
{
border-radius: 10px 10px 0px 0px;
}
.errorInput
{
border: 1px red solid !important;
}
li.scrollNav.active a
{
background: url(Scripts/bootstrap/css/img/back.png) no-repeat;
}
#nav li
{
height: 110px;
}
#nav li a > div
{
width: 25px;
height: 25px;
border-radius: 50%;
background: #CDD2D8;
line-height: 25px !important;
text-align: center;
color: #fff;
font: bold 15px "微软雅黑";
margin: 0px auto;
margin-bottom: 10px;
}
#nav li > a
{
color: #333;
height: 110px;
overflow: hidden;
text-align: center;
background: none;
font: bold 14px "微软雅黑";
}
#nav li > a p
{
color: #2884fa;
font: normal 12px '微软雅黑';
}
#nav .current a
{
margin: 0px;
color: #333;
background: none;
box-shadow: none;
}
#nav .current a > div
{
width: 30px;
height: 30px;
line-height: 30px !important;
background: #7E8DF9;
font: bold 18px "微软雅黑";
}
body iframe
{
border: none;
}
#header > b, .returnTackHeader b
{
width: 25px;
height: 25px;
border-radius: 50%;
background: #fff;
margin: 12px;
float: left;
text-align: center;
color: rgb(192, 193, 204);
line-height: 25px;
}
#topContentDiv i
{
display: block;
width: 33px;
height: 22px;
background: url("Scripts/bootstrap/css/img/sanjiao_03.png") no-repeat;
background-size: 80%;
position: absolute;
top: 56px;
left: 50px;
margin-left: auto !important;
margin-right: auto !important;
}
.navbars
{
position: fixed;
float: left;
width: 18%;
height: 500px;
overflow: hidden;
}
.navbars .s
{
overflow-y: auto;
scrollbar-face-color: #fff;
}
.navbars i
{
display: block;
width: 64px;
height: 30px;
background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat -75px 4px;
margin: 0px auto;
}
.navbars i:hover
{
background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat 0px 4px;
}
.navbars i.bottom, .navbars i.bottom_disabled
{
background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat -75px -42px;
}
.navbars i.bottom:hover, .navbars i.bottom_disabled:hover
{
background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat 0px -42px;
}
::-webkit-scrollbar-thumb
{
background-color: #fff;
border: none;
}
::-webkit-scrollbar
{
width: 0px;
height: 0px;
}
#divCurrentForm
{
float: none;
width: auto;
}
input[type=text], select, textarea, iframe[src*="AttachmentUpload.aspx"]
{
/* margin:4px 0px !important;*/
}
#Message
{
text-align: left;
word-wrap: break-word;
color: red;
}
#lastOptMsg
{
text-align: left;
margin: 10px auto 0px auto;
padding-left: 10px;
background: white;
}
.titleAlertSpan
{
font-weight: bold;
}
body
{
background: #E3E7F4;
}
fieldset
{
border: 1px solid silver;
}
legend
{
padding: .2em;
border: 0;
width: auto;
}
</style>
<script type="text/javascript">
// window.onbeforeunload = function close() {
// temp = 0;
// var n = window.event.screenX - window.screenLeft;
// var b = n > document.documentElement.scrollWidth - 20;
// if (b && window.event.clientY < 0 || window.event.altKey) {
// window.event.returnValue = "退出登录?"; //这里可以放置你想做的操作代码
// temp = 1;
// }
// }
//让IE8 兼容 forEach
// if (typeof Array.prototype.forEach != 'function') {
// Array.prototype.forEach = function (callback) {
// for (var i = 0; i < this.length; i++) {
// callback.apply(this, [this[i], i, this]);
// }
// };
// }
</script>
</head>
<body >
<div id="divCurrentForm" style="position: relative;">
<!--底部功能按钮 发送、移交-->
<div id="topToolBar" style="padding: 3px 3px; margin: 0px auto; text-align: left;"
class="Bar">
</div>
<!--上半部分表单-->
<div id="topContentDiv" class="row" style="padding: 20px 5px; margin: 0px auto;">
<i style="display: none;"></i>
<div id="contentDiv">
<form id="divCCForm" method="post">
<!--头部功能按钮 发送、移交-->
<div class="topBar" id="topBar">
</div>
<!--flowInfo-->
<div class="flowInfo" id="flowInfo">
</div>
<!--childThread-->
<div class="childThread" id='childThread'>
</div>
<!--主表单-->
<div id="CCForm">
<br />
<img src='./Img/loading.gif' />
正在初始化表单模板及数据,请耐心等待。。。
<br />
<br />
</div>
<!--Pub2 -->
<div class="pub2Class" id="pub2Class">
<!-- <uc1:Pub ID="Pub2" runat="server"/>-->
</div>
<!--DIVINFO-->
<div id='divinfo' style='width: 155px; position: absolute; display: none; cursor: pointer;
align: left; border-left: 1px solid #336699; border-top: 1px solid #336699; border-right: 1px solid #336699;'>
</div>
</form>
</div>
</div>
<!--底部功能按钮 发送、移交-->
<div id="bottomToolBar" style="display: none; height: 50px; width: 100%; background: rgb(157, 159, 175);
padding-top: 5px;" class="Bar">
</div>
</div>
<!--杨玉慧加 暂时解决POP窗不好用的问题-->
<div class="modal fade" id="returnPopValModal">
<div class="modal-dialog" style="margin-left: auto; margin-right: auto;">
<div class="modal-content" style="border-radius: 0px;">
<div class="modal-header">
<button type="button" data-dismiss="modal" aria-hidden="true" style="background: none;
border: none; float: right;">
×</button>
<h4 class="modal-title">
选择提出人</h4>
</div>
<div class="modal-body">
<iframe style="width: 100%; border: 0px; height: 400px;" id="iframePopModalForm"
name="iframePopModalForm"></iframe>
<div style="text-align: right;">
<button type="button" id="btnPopValCancel" class="btn" data-dismiss="modal">
取消</button>
<button type="button" id="btnPopValOK" class="btn" data-dismiss="modal">
确定</button>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!--下拉框选项提示信息-->
<div class="popover fade top in" role="tooltip" id="div_NoticeInfo" style="top: 24.01042366027832px;
left: 304.98961639404297px; display: none;">
<div class="arrow" style="left: 50.22522522522522%;">
</div>
<h3 class="popover-title">
<span>title</span><span style="color: white; opacity: 1; float: right; cursor: pointer;"
id="span_CloseNoticeInfo">×</span></h3>
<div class="popover-content">
顶部的 Popover 中的一些内容</div>
</div>
<!--杨玉慧加 附件弹出窗口-->
<div class="modal fade" id="athModal">
<div class="modal-dialog">
<div class="modal-content" style="border-radius: 0px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: white;
opacity: 1; display: none;">
×</button>
<h4 class="modal-title">
选择附件</h4>
</div>
<div class="modal-body">
<iframe style="width: 100%; border: 0px; height: 400px;" id="iframeAthForm" name="iframeAthForm">
</iframe>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!--杨玉慧加 中间导航-->
<iframe id="navIframe" style="display: none;"></iframe>
<div>
<iframe id="hisIframe" style="width: 100%; display: none;"></iframe>
</div>
<!--杨玉慧加 提示信息弹出窗口-->
<div class="modal fade" id="msgModal" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content" style="border-radius: 0px;">
<div class="modal-header">
<button type="button" class="close" id="btnMsgModalOK1" aria-hidden="true" style="color: white;
opacity: 1; display: none;">
×</button>
<h4 class="modal-title">
提示信息</h4>
</div>
<div class="modal-body" style="text-align: left; word-wrap: break-word;">
<div style="width: 100%; border: 0px; height: 400px;" id="msgModalContent" name="iframePopModalForm">
</div>
<div style="text-align: right;">
<button type="button" id="btnMsgModalOK" class="btn" data-dismiss="modal">
确定</button>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<div id="ShowPFlow" style="display: none;">
<button id="btnShowPFlow" value="查看父流程信息" style="float: left;">查看父流程信息</button>
</div>
<!--之前返回的信息-->
<div id="lastOptMsg">
</div>
<div class="modal fade" id="MessageDiv">
<div class="modal-dialog" style="margin-left: auto; margin-right: auto; width: 800px;">
<div class="modal-content" style="border-radius: 0px;">
<div class="modal-header">
<button type="button" data-dismiss="modal" aria-hidden="true" style="background: none;
border: none; float: right;">
×</button>
<h4 class="modal-title">
提示</h4>
</div>
<div class="modal-body">
<div id='Message'>
</div>
<div style="text-align: right;">
<button type="button" class="btn" data-dismiss="modal">
确定</button>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</body>
</html>