惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

aimingoo的专栏
aimingoo的专栏
S
Securelist
博客园 - Franky
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
IT之家
IT之家
GbyAI
GbyAI
Microsoft Azure Blog
Microsoft Azure Blog
The Cloudflare Blog
云风的 BLOG
云风的 BLOG
N
News and Events Feed by Topic
AI
AI
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Schneier on Security
Schneier on Security
Attack and Defense Labs
Attack and Defense Labs
Vercel News
Vercel News
腾讯CDC
Google DeepMind News
Google DeepMind News
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
M
MIT News - Artificial intelligence
WordPress大学
WordPress大学
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
N
Netflix TechBlog - Medium
量子位
S
Schneier on Security
Hacker News: Ask HN
Hacker News: Ask HN
Cyberwarzone
Cyberwarzone
S
Security Affairs
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
N
News and Events Feed by Topic
T
Tenable Blog
PCI Perspectives
PCI Perspectives
MyScale Blog
MyScale Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Cyber Attacks, Cyber Crime and Cyber Security
W
WeLiveSecurity
N
News | PayPal Newsroom
P
Proofpoint News Feed
O
OpenAI News
C
CERT Recently Published Vulnerability Notes
B
Blog
Cisco Talos Blog
Cisco Talos Blog
Microsoft Security Blog
Microsoft Security Blog
V
Visual Studio Blog
MongoDB | Blog
MongoDB | Blog
大猫的无限游戏
大猫的无限游戏
A
Arctic Wolf
Y
Y Combinator Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Spread Privacy
Spread Privacy

博客园 - 克隆

SVN快速入门(TSVN) C# HttpWebRequest提交数据方式浅析 简单的3个SQL视图搞定所有SqlServer数据库字典 简单统计SQLSERVER用户数据表大小(包括记录总数和空间占用情况) 敏捷开发Scrum 学习笔记,适于移动开发 团队的职责和任务之间的关系 精心收集的jQuery常用的插件1000 24款超实用的Web 2.0风格翻页代码 【转】使用 Entity Framework + ListView + DataPager 实现数据分页 (转)ASP.NET页面打印技术的总结 [转]数据库设计 Step by Step (5) [转]jquery插件弹出div SQLServer2008/2005 生成数据字典SQL语句 SQL HierarchyID 数据类型 OSWorkflow表结构分析 javascript动态创建VML [转]由于项目原因看了一下vml,写了一个Web工作流的设计器雏形! 启用IIS的Gzip压缩 IIS压缩
VML流程图
克隆 · 2011-03-05 · via 博客园 - 克隆

VML教程 

VML Editor

<html xmlns:vml="urn:schemas-microsoft-com:vml">
<head runat="server">
    <title>无标题页</title>
    <link rel="stylesheet" type="text/css" href="Css/vmlstyle.css" />

    <script language="javascript" type="text/javascript" src="Js/vmlset.js"></script>

    <object id="vmlRender" classid="CLSID:10072CEC-8CC1-11D1-986E-00A0C955B42E">
    </object>
    <style type="text/css">vml\:* { FONT-SIZE: 12px; BEHAVIOR: url(#VMLRender) }
</style>
</head>
<body>
    <form id="form1" runat="server">
        <vml:roundrect inset='2pt,2pt,2pt,2pt' id='1' table_id='9' flowtype='start' passcount='0'
            flowtitle='<b>1</b><br>签收' flowflag='0' receiverid='' receivername=''
            fillcolor='#00EE00' style='left: 20; top: 50; width: 100; position: absolute;
            height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
            arcsize='4321f' coordsize='21600,21600' title='      ▲签收

·下一步骤:2'>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
            <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>1</b><br />签收</vml:textbox>
        </vml:roundrect>
        <vml:line mfrid='1' title='' source='1' object='2' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:roundrect inset='2pt,2pt,2pt,2pt' id='2' table_id='10' flowtype='' passcount='0'
            flowtitle='<b>2</b><br>收文登记' flowflag='0' receiverid='' receivername=''
            fillcolor='#EEEEEE' style='left: 20; top: 230; width: 100; position: absolute;
            height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
            arcsize='4321f' coordsize='21600,21600' title='      ▲收文登记

·下一步骤:3,4'>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
            <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>2</b><br />收文登记</vml:textbox>
        </vml:roundrect>
        <vml:line mfrid='2' title='' source='2' object='3' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:line mfrid='2' title='' source='2' object='4' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:roundrect inset='2pt,2pt,2pt,2pt' id='3' table_id='11' flowtype='' passcount='0'
            flowtitle='<b>3</b><br>拟办意见' flowflag='0' receiverid='' receivername=''
            fillcolor='#EEEEEE' style='left: 200; top: 50; width: 100; position: absolute;
            height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
            arcsize='4321f' coordsize='21600,21600' title='      ▲拟办意见

·下一步骤:4'>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
            <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>3</b><br />拟办意见</vml:textbox>
        </vml:roundrect>
        <vml:line mfrid='3' title='' source='3' object='4' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:roundrect inset='2pt,2pt,2pt,2pt' id='4' table_id='26' flowtype='' passcount='0'
            flowtitle='<b>4</b><br>分办' flowflag='0' receiverid='' receivername=''
            fillcolor='#EEEEEE' style='left: 200; top: 230; width: 100; position: absolute;
            height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
            arcsize='4321f' coordsize='21600,21600' title='      ▲分办

·下一步骤:5,6,7'>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
            <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>4</b><br />分办</vml:textbox>
        </vml:roundrect>
        <vml:line mfrid='4' title='' source='4' object='5' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:line mfrid='4' title='' source='4' object='6' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:line mfrid='4' title='' source='4' object='7' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:roundrect inset='2pt,2pt,2pt,2pt' id='5' table_id='27' flowtype='' passcount='0'
            flowtitle='<b>5</b><br>批办' flowflag='0' receiverid='' receivername=''
            fillcolor='#EEEEEE' style='left: 380; top: 50; width: 100; position: absolute;
            height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
            arcsize='4321f' coordsize='21600,21600' title='      ▲批办

·下一步骤:6,7,8'>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
            <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>5</b><br />批办</vml:textbox>
        </vml:roundrect>
        <vml:line mfrid='5' title='' source='5' object='6' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:line mfrid='5' title='' source='5' object='7' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:line mfrid='5' title='' source='5' object='8' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:roundrect inset='2pt,2pt,2pt,2pt' id='6' table_id='28' flowtype='' passcount='0'
            flowtitle='<b>6</b><br>传阅' flowflag='0' receiverid='' receivername=''
            fillcolor='#EEEEEE' style='left: 380; top: 230; width: 100; position: absolute;
            height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
            arcsize='4321f' coordsize='21600,21600' title='      ▲传阅

·下一步骤:7,8'>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
            <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>6</b><br />传阅</vml:textbox>
        </vml:roundrect>
        <vml:line mfrid='6' title='' source='6' object='7' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:line mfrid='6' title='' source='6' object='8' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:roundrect inset='2pt,2pt,2pt,2pt' id='7' table_id='29' flowtype='' passcount='0'
            flowtitle='<b>7</b><br>承办' flowflag='0' receiverid='' receivername=''
            fillcolor='#EEEEEE' style='left: 560; top: 50; width: 100; position: absolute;
            height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
            arcsize='4321f' coordsize='21600,21600' title='      ▲承办

·下一步骤:8'>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
            <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>7</b><br />承办</vml:textbox>
        </vml:roundrect>
        <vml:line mfrid='7' title='' source='7' object='8' from='0,0' to='0,0' style='position: absolute;
            display: none; z-index: 2' arcsize='4321f' coordsize='21600,21600'>
            <vml:stroke endarrow='block'>
            </vml:stroke>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='1px,1px' />
        </vml:line>
        <vml:roundrect inset='2pt,2pt,2pt,2pt' id='8' table_id='30' flowtype='end' passcount='0'
            flowtitle='<b>8</b><br>归档、销毁' flowflag='0' receiverid='' receivername=''
            fillcolor='#F4A8BD' style='left: 560; top: 230; width: 100; position: absolute;
            height: 50; vertical-align: middle; cursor: hand; text-align: center; z-index: 1'
            arcsize='4321f' coordsize='21600,21600' title='      ▲归档、销毁

·下一步骤:结束,'>
            <vml:shadow on='T' type='single' color='#b3b3b3' offset='3px,3px' />
            <vml:textbox inset='1pt,2pt,1pt,1pt' onselectstart='return false;'><b>8</b><br />归档、销毁</vml:textbox>
        </vml:roundrect>
    </form>
</body>
</html>

html { overflow-y: scroll; }

a:link{color: #0066cc; text-decoration: none;}
a:visited {color: #0066cc; text-decoration: none}
a:hover {color: #333333; text-decoration: underline}
a:active {color: #333333; text-decoration: underline}

A.A1:link { COLOR: #124164; TEXT-DECORATION: underline;}
A.A1:visited { COLOR: #124164; TEXT-DECORATION: underline}
A.A1:active  { COLOR: #124164; TEXT-DECORATION: underline}
A.A1:hover   { COLOR: #ff0000; TEXT-DECORATION: underline}

body { font-size: 12pt;}
img{border:0px;}
table{border-collapse:collapse;}
.bodycolor { BACKGROUND: #E2E5E6}
.loginbodycolor { BACKGROUND: #6BA2D8}
.topbar {font-size: 9pt;BACKGROUND: #C4D9EF;background-image: url("topbar.gif")}
.topbar2 {font-size: 9pt;BACKGROUND: #C4D9EF; background-image: url("menubg.gif")}

.panel{ BACKGROUND: #C4D9EF; COLOR:#654125;}
.timebar{ BACKGROUND: #CEDFF1;}
.menu_tr1{ font-size: 9pt;COLOR:#000000;background-image:url("topbar.gif");cursor:pointer}
.menu_tr2{ font-size: 9pt;COLOR:#000000;BACKGROUND: #CEDFF1;cursor:pointer}

.small  { font-size: 9pt;}
.small1  { font-size: 9pt;COLOR: #000000;}
.big { font-size: 12pt;}
.big1   { font-size: 12pt;COLOR: #000000;}
.big2   { font-size: 18pt}
.big3   { font-size: 12pt;COLOR: #124164;FONT-WEIGHT: bold;}
.big4   { COLOR: #FF0000;}
.verybig{ font-size: 24pt}
<!--
input.SmallButton, input.ArrowButton {FONT-SIZE: 9pt;height: 20px; text-decoration: none; vertical-align: middle; border: 1px solid #6E91C7; background: #F4FBE1 url('button_bg.gif');}
input.SmallButton:hover, input.ArrowButton:hover  {FONT-SIZE: 9pt;color: #395500; background: #F4FADF url('bg_input_btn_hover.png'); border: 1px solid #80AA00; border-top: 1px solid #99CC00; border-left: 1px solid #99CC00;}

input.BigButton {FONT-SIZE: 12pt; margin: 1px; height: 24px; text-decoration: none; vertical-align: middle; border: 1px solid #6E91C7; background: #F4FBE1 url('button_bg.gif');}
input.BigButton:hover {FONT-SIZE: 12pt;color: #395500; background: #F4FADF url('bg_input_btn_hover.png'); border: 1px solid #80AA00; border-top: 1px solid #99CC00; border-left: 1px solid #99CC00;}
-->

input.SmallButtonAHover{width:50px;height:21px;color:#FFFFFF;background:url("btn_a.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonA{width:50px;height:21px;color:#FFFFFF;background:url("btn_a.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonA:hover{background-position:0 -21px;}

input.SmallButtonBHover{width:74px;height:21px;color:#FFFFFF;background:url("btn_b.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonB{width:74px;height:21px;color:#FFFFFF;background:url("btn_b.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonB:hover{background-position:0 -21px;}

input.SmallButtonCHover{width:105px;height:21px;color:#FFFFFF;background:url("btn_c.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonC{width:105px;height:21px;color:#FFFFFF;background:url("btn_c.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonC:hover{background-position:0 -21px;}

input.SmallButtonDHover{width:160px;height:21px;color:#FFFFFF;background:url("btn_d.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonD{width:160px;height:21px;color:#FFFFFF;background:url("btn_d.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonD:hover{background-position:0 -21px;}

input.SmallButtonEHover{width:245px;height:21px;color:#FFFFFF;background:url("btn_e.png") no-repeat;border:0px;cursor:pointer;background-position:0 -21px;}
input.SmallButtonE{width:245px;height:21px;color:#FFFFFF;background:url("btn_e.png") no-repeat;border:0px;cursor:pointer;}
input.SmallButtonE:hover{background-position:0 -21px;}

input.BigButtonAHover{width:60px;height:24px;color:#FFFFFF;background:url("big_btn_a.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonA{width:60px;height:24px;color:#FFFFFF;background:url("big_btn_a.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonA:hover{background-position:0 -24px;}

input.BigButtonBHover{width:84px;height:24px;color:#FFFFFF;background:url("big_btn_b.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonB{width:84px;height:24px;color:#FFFFFF;background:url("big_btn_b.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonB:hover{background-position:0 -24px;}

input.BigButtonCHover{width:125px;height:24px;color:#FFFFFF;background:url("big_btn_c.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonC{width:125px;height:24px;color:#FFFFFF;background:url("big_btn_c.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonC:hover{background-position:0 -24px;}

input.BigButtonDHover{width:195px;height:24px;color:#FFFFFF;background:url("big_btn_d.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonD{width:195px;height:24px;color:#FFFFFF;background:url("big_btn_d.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonD:hover{background-position:0 -24px;}

input.BigButtonEHover{width:305px;height:24px;color:#FFFFFF;background:url("big_btn_e.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;background-position:0 -24px;}
input.BigButtonE{width:305px;height:24px;color:#FFFFFF;background:url("big_btn_e.png") no-repeat;border:0px;cursor:pointer;font-size:12pt;}
input.BigButtonE:hover{background-position:0 -24px;}

input.BigInput,textarea.BigInput {font-size: 10pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: white url('bg_input_text.png') top left repeat-x;}
input.BigInput:hover,textarea.BigInput:hover {font-size: 10pt;border: 1px solid #99CC00; background: white url('bg_input_text_hover.png') top left repeat-x;}

input.SmallInput,textarea.SmallInput {font-size: 9pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: white url('bg_input_text.png') top left repeat-x;}
input.SmallInput:hover,textarea.SmallInput:hover {font-size: 9pt;border: 1px solid #99CC00; background: white url('bg_input_text_hover.png') top left repeat-x;}

input.BigInputMoney{COLOR:#006; BACKGROUND: #F8F8F8; text-align: RIGHT; border:solid 1px black; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}

input.BigStatic,textarea.BigStatic {font-size: 10pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: #E0E0E0;}

input.SmallStatic,textarea.SmallStatic {font-size: 9pt;padding: 1px 5px; vertical-align: middle; border: 1px solid #C0BBB4; background: #E0E0E0;}

select.BigSelect  { COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('bg_input_text.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}
select.BigSelect:hover  { COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('bg_input_text_hover.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}

select.SmallSelect{ COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('bg_input_text.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
select.SmallSelect:hover{ COLOR: #000066;  border: 1px solid #C0BBB4; background: white url('bg_input_text_hover.png') top left repeat-x; BORDER-BOTTOM:1px double; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}

select.BigStatic  { COLOR: #000066; BACKGROUND: #E0E0E0; border:solid 1px black; BORDER-BOTTOM:1px double; FONT-SIZE: 12pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 22px; LINE-HEIGHT: normal}
select.SmallStatic{ COLOR: #000066; BACKGROUND: #E0E0E0; border:solid 1px black; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}

.TableControl{ background: url("footer_bg.png") bottom left;}
.TableHeader { COLOR:#2E2E5A; FONT-WEIGHT: bold; FONT-SIZE: 9pt; background:url("list_hd_bg.png"); line-height:25px;}
.TableHeader1 { BACKGROUND: #D3E5FA; background-image: url("button_back.gif");  cursor:pointer; COLOR: #000066;}
.TableHeader2 { BACKGROUND: #D3E5FA; background-image: url("menubg.gif");  cursor:pointer; COLOR: #000066;FONT-WEIGHT: bold;}
.TableContent{ BACKGROUND: #F0F0F0;}
.TableData   { BACKGROUND: #FFFFFF;COLOR:#000000;}
.TableLine1  { BACKGROUND: #F3F3F3;}
.TableLine2  { BACKGROUND: #FFFFFF;}
.TextColor1  { COLOR: #FF6600;}
.TextColor2  { COLOR: #FF0000;}
.top{ COLOR: #FF0000;font-weight:bold;}

.percent { height: 12px; border: 1px solid #666666; float: left; padding: 0px;margin-top:3px;}
.percent div {height: 8px;font-size: 0px;margin: 1px;}
.percenttxt {float:left;font-size: 9pt;margin-top:1px;}
.s_on{background:url(/images/topmenubg2.gif);font-size: 9pt;}
.s_of{background:url(/images/topmenubg1.gif);font-size: 9pt;}
.m_on{background:url(/images/topmenubg2.gif);font-size: 9pt;}
.border14-1 {border: solid 1px #2E2E5A;font-size: 14px;}/* 表格外框 */
.border14-2 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #2E2E5A;border-right-width: 1px;border-right-style: solid;border-right-color: #2E2E5A;font-size: 14px;}/* 表格边框右面 */
.border14-3 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #98BBD6;font-size: 14px;border-top-style: none;border-right-style: none;border-left-style: none;}/* 表格边框底面 */
.border14-4 {border-right-width: 1px;border-right-style: solid;border-right-color: #98BBD6;font-size: 14px;}/* 表格边框左面 */
.title_text {  font-size: 14px; font-weight: bold; color: #0A5FA2; }
.table_border {  border-color: #98BBD6 #98BBD6 black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.table_bg {  background-attachment: fixed; background-image: url("bg_header.png"); background-repeat: repeat; background-position: left; border-color: #2E2E5A black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.table_left {  background-attachment: fixed; background-image: url(table_left.gif); background-repeat: no-repeat; background-position: left}

.attach_name:link,.attach_name:hover,.attach_name:active,.attach_name:visited{color:#0D3A73;}
.attach_div{display:none;width:auto;border-top:0;border-left: #124164 1px solid;border-right: #124164 1px solid;border-bottom:#124164 1px solid;position:absolute;padding:0px;z-index:10001;background:#E2E5E6;}
.attach_div a{display:block;line-height:20px;padding:3px 0 0 10px;border-top: #124164 1px dotted;width:100%;margin:3px;margin-top:0;}
.attach_div a:hover{background:#F0F0F0;border: solid 1px #606275;padding:3px 0 0 10px;width:auto}

/*  列表型表格样式  */
.TableList{
   border:1px #9F9F9F solid;
   line-height:25px;
   font-size:9pt;
   border-collapse:collapse;
}
.TableList td{
   padding:3px;
   color:#000000;
}
.TableList .TableHeader td,
.TableList td.TableHeader{
   background:url("list_hd_bg.png");
   border-top:1px #9F9F9F solid;
   border-right:1px #DCDCDC solid;
   font-weight:bold;
   text-align:center;
   padding:0px;
}
.TableList .TableLine1 td,
.TableList td.TableLine1{
   background:#F8F8F8;
   border-top:1px #DCDCDC solid;
}
.TableList .TableLine2 td,
.TableList td.TableLine2{
   background:#FFFFFF;
   border-top:1px #DCDCDC solid;
}
.TableList .TableData td,
.TableList td.TableData{
   background:#FFFFFF;
   border-top:1px #DCDCDC solid;
}
.TableList .TableContent td,
.TableList td.TableContent{
   background:#F0F0F0;
   border-top:1px #DCDCDC solid;
}
.TableList .TableFooter td,
.TableList .TableControl td,
.TableList td.TableFooter,
.TableList td.TableControl{
   background: url("footer_bg.png") bottom left;
   border-top:1px #DCDCDC solid;
}
.TableList .TextColor1 td,
.TableList td.TextColor1
{
   COLOR: #FF6600;
}
.TableList .TextColor2 td,
.TableList td.TextColor2
{
   COLOR: #FF0000;
}

/*  block型表格样式  */
.TableBlock{
   border:1px #124164 solid;
   line-height:20px;
   font-size:9pt;
   border-collapse:collapse;
   padding:3px;
}
.TableBlock td{
   padding:3px;
   color:#000000;
}
.TableBlock .TableHeader td,
.TableBlock td.TableHeader{
   background:url("list_hd_bg.png");
   border-top:1px #9F9F9F solid;
   border-right:1px #606275 solid;
   font-weight:bold;
   color:#124164;
   line-height:25px;
}
.TableBlock .TableLine1 td,
.TableBlock td.TableLine1{
   background:#F8F8F8;
   border-top:1px #606275 solid;
   border-right:1px #606275 solid;
}
.TableBlock .TableLine2 td,
.TableBlock td.TableLine2{
   background:#FFFFFF;
   border-top:1px #606275 solid;
   border-right:1px #606275 solid;
}
.TableBlock .TableData td,
.TableBlock td.TableData{
   background:#FFFFFF;
   border-top:1px #606275 solid;
   border-right:1px #606275 solid;
}
.TableBlock .TableContent td,
.TableBlock td.TableContent{
   background:#F0F0F0;
   border-top:1px #606275 solid;
   border-right:1px #606275 solid;
}
.TableBlock .TableFooter td,
.TableBlock .TableControl td,
.TableBlock td.TableFooter,
.TableBlock td.TableControl{
   background: url("footer_bg.png") bottom left;
   border-top:1px #606275 solid;
}

.Content{
   line-height:normal;
}

.TableControl a{
   color:#124164;
   text-decoration: none;
}

.TableBlock .TableRowHover td,
.TableBlock td.TableRowHover
{
   background:#E2E5E6;
}

.TableBlock .TableRowActive td,
.TableBlock td.TableRowActive
{
   background:#7D95A5;
   color:#FFFFFF;
}
/* 提示框样式 */
.MessageBox{
   border:1px #124164 dotted;
   background:#FFFFFF;
   margin-top:15px;
   margin-bottom:15px;
}
.MessageBox td.msg{
   height:90px;
   padding:5px 20px 10px 90px;
   font-weight:bold;
}
.MessageBox td.msg h4.title{
   color:#124164;
   font-size:18pt;
   border-bottom:1px #124164 dotted;
   margin-bottom:10px;
}
.MessageBox td.msg div.content{
   color:#6BAD42;
   border:none;
}
.MessageBox td.error{
   background:url("/images/icon64_error.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.info{
   background:url("/images/icon64_info.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.warning{
   background:url("/images/icon64_warning.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.forbidden{
   background:url("/images/icon64_forbidden.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.stop{
   background:url("/images/icon64_stop.png") no-repeat top left;
   background-position:10px 10px;
}
.MessageBox td.blank{
   height:40px;
   padding:10px 20px 10px 20px;
   text-align:center;
}

//--- 图形化设计 ---
var dragapproved = false;
var eventsource,x,y;
var popeventsource = "";
var temp1 = 0;
var temp2 = 0;

function nocontextmenu()
{
 event.cancelBubble = true
 event.returnValue = false;

 return false;
}

//-- 初始化移动参数 --
function nodrags()
{
   dragapproved = false;
}

function move()
{
 if (event.button == 1 && dragapproved)
 {
  var newleft = temp1 + event.clientX - x;
  var newtop = temp2 + event.clientY - y;
  eventsource.style.pixelLeft = newleft;
  eventsource.style.pixelTop = newtop;

  drawLine();

  return false;
 }
}

function drags()
{
  if (event.button != 1)
     return;

 var objRect = event.srcElement;
 if (event.srcElement.tagName.toLowerCase() == 'textbox') objRect = event.srcElement.parentElement;

 if ((objRect.tagName == 'roundrect') && (!event.ctrlKey))
 {
  dragapproved = true;
  eventsource = objRect;
  temp1 = eventsource.style.pixelLeft;
  temp2 = eventsource.style.pixelTop;
  x = event.clientX;
  y = event.clientY;
  document.onmousemove = move;
 }
}

//-- 画线 --
function drawLine()
{
  var source;
  var object;
  var sourceObj;
  var objectObj;
  var x0,y0,x1,y1;
  var p0,p1;
  var a = document.getElementsByTagName('line');
  for (var i = 0; i < a.length; i++)
  {
     source = a[i].getAttribute('source');
     object = a[i].getAttribute('object');
     if ((source != null) && (object != null))
     {
        sourceObj = document.getElementById(source);
        objectObj = document.getElementById(object);

        if ((sourceObj == null) || (objectObj == null)) continue;

        if (sourceObj.style.pixelLeft > objectObj.style.pixelLeft)
        {
           if ((sourceObj.style.pixelLeft - objectObj.style.pixelLeft) <= objectObj.style.pixelWidth)
           {
   x0 = sourceObj.style.pixelLeft + sourceObj.style.pixelWidth / 2;
   x1 = objectObj.style.pixelLeft + objectObj.style.pixelWidth / 2;
               if (sourceObj.style.pixelTop >  objectObj.style.pixelTop)
               {
       y0 = sourceObj.style.pixelTop;
       y1 = objectObj.style.pixelTop  + objectObj.style.pixelHeight;
               }
               else
               {
       y0 = sourceObj.style.pixelTop + sourceObj.style.pixelHeight;
       y1 = objectObj.style.pixelTop;
     }
           }
           else
           {
               x0 = sourceObj.style.pixelLeft;
               x1 = objectObj.style.pixelLeft + objectObj.style.pixelWidth;
     y0 = sourceObj.style.pixelTop + sourceObj.style.pixelHeight / 2;
     y1 = objectObj.style.pixelTop + objectObj.style.pixelHeight / 2;
           }
        }
        else
        {
           if ((objectObj.style.pixelLeft - sourceObj.style.pixelLeft) <= objectObj.style.pixelWidth)
           {
   x0 = sourceObj.style.pixelLeft + sourceObj.style.pixelWidth / 2;
   x1 = objectObj.style.pixelLeft + objectObj.style.pixelWidth / 2;
               if (sourceObj.style.pixelTop >  objectObj.style.pixelTop)
               {
       y0 = sourceObj.style.pixelTop;
       y1 = objectObj.style.pixelTop  + objectObj.style.pixelHeight;
               }
               else
               {
       y0 = sourceObj.style.pixelTop + sourceObj.style.pixelHeight;
       y1 = objectObj.style.pixelTop;
     }
           }
           else
           {
  x0 = sourceObj.style.pixelLeft + sourceObj.style.pixelWidth;
  x1 = objectObj.style.pixelLeft;
  y0 = sourceObj.style.pixelTop + sourceObj.style.pixelHeight / 2;
  y1 = objectObj.style.pixelTop + objectObj.style.pixelHeight / 2;
             }
        }

        a[i].from = String(x0) + ',' + String(y0);
        a[i].to = String(x1) + ',' + String(y1);

        a[i].style.pixelLeft = x0 + 'px';
        a[i].style.pixelTop = y0 + 'px';

        //条件
        strIF = a[i].getAttribute('title');
        if ((strIF != null) && (strIF != ''))
        {
 var id = 'if_' + source + '_' + object;
 var obj = document.getElementById(id);

 var left = (x0 + (x1 - x0) / 2 - 30);
 var top = (y0 + (y1 - y0) / 2 - 15);

 if (obj != null)
 {
  obj.style.pixelLeft = left + 'px';
  obj.style.pixelTop = top + 'px';

  obj.style.left = left + 'px';
  obj.style.top = top + 'px';

  obj.style.display = '';
 }
        }

        a[i].style.display = '';
     }
  }
}

//表单加载完成
function document.onreadystatechange()
{
   if (document.readyState=='complete')
   {
      drawLine();
      document.onmousedown = drags;  //开始移动
      document.onmouseup = nodrags;  //结束移动
   }
}