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

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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>