diff --git a/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.htm b/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.htm
index a5c5675a..3f5297b0 100755
--- a/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.htm
+++ b/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.htm
@@ -10,158 +10,158 @@
     <link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/themes/default/diagraming/ui.css' />
     <link rel="stylesheet" href="../commons/css/awsui.css">
     <style>
-    .button.blue {
-        background-color: #2375BE;
-        color: #FFFFFF;
-        line-height: 18px;
-        padding: 4px 21px;
-    }
-    .button, .button:visited {
-        background-image: none !important;
-    }
-    .showPainting{
-    float:left !important;
-    }
-    thead.fixedHeader tr {
-        position: relative;
-        top: expression(document.getElementById("tableContainer").scrollTop)
-    }
-    thead.fixedHeader th {
-        background: #C96;
-        border-left: 1px solid #EB8;
-        border-right: 1px solid #B74;
-        border-top: 1px solid #EB8;
-        font-weight: normal;
-        padding: 4px 3px;
-        text-align: center
-    }
-    tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
-        background: #FFF;
-        border-bottom: 1px solid #EEE;
-        border-left: 1px solid #EEE;
-        border-right: 1px solid #AAA;
-        border-top: 1px solid #AAA;
-        padding: 2px 3px
-    }
-    .clearfix:after {
-        clear: both;
-        content:".";
-        display: block;
-        height: 0;
-        visibility: hidden;
-    }
-    ul.clearfix li{
-    	float: right;
-    }
-    .cssToolbar{
-	  clear:left !important;
-	  display:block !important;
-    }
-    
-	.toolbar {
-	    background-color: #f3f3f3;
-	    border-top: 1px solid #cbcccc;
-	    font-size: 12px;
-	    min-width: 975px;
-	    padding-left: 5px;
-	    padding-right: 5px;
-	}
-    .heightCssToolbar{
-   height:70px !important;
-    }
-    .toolbarExtend{
-     height: 36px !important;
-    }
+        .button.blue {
+            background-color: #2375BE;
+            color: #FFFFFF;
+            line-height: 18px;
+            padding: 4px 21px;
+        }
+        .button, .button:visited {
+            background-image: none !important;
+        }
+        .showPainting{
+            float:left !important;
+        }
+        thead.fixedHeader tr {
+            position: relative;
+            top: expression(document.getElementById("tableContainer").scrollTop)
+        }
+        thead.fixedHeader th {
+            background: #C96;
+            border-left: 1px solid #EB8;
+            border-right: 1px solid #B74;
+            border-top: 1px solid #EB8;
+            font-weight: normal;
+            padding: 4px 3px;
+            text-align: center
+        }
+        tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
+            background: #FFF;
+            border-bottom: 1px solid #EEE;
+            border-left: 1px solid #EEE;
+            border-right: 1px solid #AAA;
+            border-top: 1px solid #AAA;
+            padding: 2px 3px
+        }
+        .clearfix:after {
+            clear: both;
+            content:".";
+            display: block;
+            height: 0;
+            visibility: hidden;
+        }
+        ul.clearfix li{
+            float: right;
+        }
+        .cssToolbar{
+            clear:left !important;
+            display:block !important;
+        }
 
-    /* 1. 样式重置 */
-    * {
-        margin: 0;
-        padding: 0;
-    }
-    li {
-        list-style: none;
-    }
+        .toolbar {
+            background-color: #f3f3f3;
+            border-top: 1px solid #cbcccc;
+            font-size: 12px;
+            min-width: 975px;
+            padding-left: 5px;
+            padding-right: 5px;
+        }
+        .heightCssToolbar{
+            height:70px !important;
+        }
+        .toolbarExtend{
+            height: 36px !important;
+        }
 
-    /* 外层盒子样式,左右箭头和小圆点都要采用绝对定位，所以其父盒子要采用相对定位*/
-    .banners {
-        position: relative;
-        overflow: hidden;
-        width: 520px;
-        height: 280px;
-        margin: 100px auto;
-    }
-    /*滚动区 包裹所有图片的盒子 宽度要足够宽可以放下所有的图片*/
-    .images {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 700%;
-    }
-    /* 对图片使用浮动 使其排列在一行*/
-    .images li{
-        float: left;
-    }
-    /* 图片大小会撑大盒子,设置图片大小 */
-    .banners img {
-        width: 520px;
-        height: 280px;
-    }
-    /*左右箭头相同样式*/
-    .prev,
-    .next {
-        display: none;
-        position: absolute;
-        /* 绝对定位的盒子垂直居中 */
-        top: 50%;
-        margin-top: -15px;
-        width: 20px;
-        height: 30px;
-        background: rgba(0,0,0, .3);
-        text-align: center;
-        line-height: 30px;
-        color: #fff;
-        text-decoration: none;
-    }
-    /*左箭头靠左定位*/
-    .prev {
-        left: 0;
-        /* 设置圆角 */
-        border-top-right-radius: 15px;
-        border-bottom-right-radius: 15px;
-    }
-    /*右箭头靠右定位*/
-    .next {
-        right: 0;
-        /* 设置圆角 */
-        border-top-left-radius: 15px;
-        border-bottom-left-radius: 15px;
-    }
-    /* 小圆点外层盒子的样式 */
-    .dots {
-        position: absolute;
-        bottom: 10px;
-        left: 50%;
-        margin-left: -35px;
-        height: 13px;
-        background:rgba(255,255,255, .3);
-        border-radius:7px;
-    }
-    /* 小圆点样式*/
-    .dots li {
-        float: left;
-        width: 8px;
-        height: 8px;
-        background-color: #fff;
-        border-radius: 50%;
-        margin: 3px;
-    }
-    .driver-popover-title{
-        color: #00b800;
-    }
-    /* 小圆点被点击的样式 */
-    .dots .active {
-        background-color: #ff5000;
-    }
+        /* 1. 样式重置 */
+        * {
+            margin: 0;
+            padding: 0;
+        }
+        li {
+            list-style: none;
+        }
+
+        /* 外层盒子样式,左右箭头和小圆点都要采用绝对定位，所以其父盒子要采用相对定位*/
+        .banners {
+            position: relative;
+            overflow: hidden;
+            width: 520px;
+            height: 280px;
+            margin: 100px auto;
+        }
+        /*滚动区 包裹所有图片的盒子 宽度要足够宽可以放下所有的图片*/
+        .images {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 700%;
+        }
+        /* 对图片使用浮动 使其排列在一行*/
+        .images li{
+            float: left;
+        }
+        /* 图片大小会撑大盒子,设置图片大小 */
+        .banners img {
+            width: 520px;
+            height: 280px;
+        }
+        /*左右箭头相同样式*/
+        .prev,
+        .next {
+            display: none;
+            position: absolute;
+            /* 绝对定位的盒子垂直居中 */
+            top: 50%;
+            margin-top: -15px;
+            width: 20px;
+            height: 30px;
+            background: rgba(0,0,0, .3);
+            text-align: center;
+            line-height: 30px;
+            color: #fff;
+            text-decoration: none;
+        }
+        /*左箭头靠左定位*/
+        .prev {
+            left: 0;
+            /* 设置圆角 */
+            border-top-right-radius: 15px;
+            border-bottom-right-radius: 15px;
+        }
+        /*右箭头靠右定位*/
+        .next {
+            right: 0;
+            /* 设置圆角 */
+            border-top-left-radius: 15px;
+            border-bottom-left-radius: 15px;
+        }
+        /* 小圆点外层盒子的样式 */
+        .dots {
+            position: absolute;
+            bottom: 10px;
+            left: 50%;
+            margin-left: -35px;
+            height: 13px;
+            background:rgba(255,255,255, .3);
+            border-radius:7px;
+        }
+        /* 小圆点样式*/
+        .dots li {
+            float: left;
+            width: 8px;
+            height: 8px;
+            background-color: #fff;
+            border-radius: 50%;
+            margin: 3px;
+        }
+        .driver-popover-title{
+            color: #00b800;
+        }
+        /* 小圆点被点击的样式 */
+        .dots .active {
+            background-color: #ff5000;
+        }
     </style>
     <link rel="stylesheet" href="../commons/css/awsui.css">
     <link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/subprocess/iconfont.css">
@@ -173,7 +173,7 @@
     <link type='text/css' rel='stylesheet' href='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/designer.extend.css' />
     <!--针对设计器进行颜色扩展，以及文字扩充-->
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.userdefined.js'></script>
-   <!-- <script type='text/javascript' charset='UTF-8' src='../apps/_bpm.platform/js/designer/extend/js/designer.extend.userdefined.js'></script>-->
+    <!-- <script type='text/javascript' charset='UTF-8' src='../apps/_bpm.platform/js/designer/extend/js/designer.extend.userdefined.js'></script>-->
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/schema/schema.js'></script>
     <script type="text/javascript" src="../commons/js/awsui.js"></script>
     <script type="text/javascript" charset='UTF-8'  src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/json.js"></script>
@@ -182,175 +182,175 @@
     <link href="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/css/driver.min.css" rel="stylesheet">
     <script src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/driver.min.js"></script>
     <script type="text/javascript">
-    //公共信息
-    var appId = "<#appId>";
-    var sessionId = "<#sid>";
-    var sid = "<#sid>";
-    var time = "";
-    var user = "<#uid>";
-    var ver = "<#ver>";
-    var type = "<#type>";
-    var chartId = "<#charId>";
-    var ruuid = "<#uuid>";
-    var definition = <#define> ;
-    var userId = "<#uid>";
-    var userName = "<#userName>";
-    var methodId = "<#methodId>";
-    var isPalManage = <#isPalManage>;
-	var isExistCopy=<#isExistCopy>;
-	var isAppearCopy=<#isAppearCopy>;
-	var isAdmin	= <#isAdmin>;
-	var isCustomDefine = "<#isCustomDefine>";
-    var isLaneAttrConfig = <#isLaneAttrConfig>;
-    var isLaneForceRefreshShapeAttr = <#isLaneForceRefreshShapeAttr>;
-    //检查用户所需参数
-    var checkoutstate = "<#checkoutstate>";
-    var checkoutuser = "<#checkoutuser>";
-    var user = "<#uid>";
-    var currentUserName = "<#userName>";
-    //三员管理
-    var isHighSecurity = "<#isHighSecurity>";
+        //公共信息
+        var appId = "<#appId>";
+        var sessionId = "<#sid>";
+        var sid = "<#sid>";
+        var time = "";
+        var user = "<#uid>";
+        var ver = "<#ver>";
+        var type = "<#type>";
+        var chartId = "<#charId>";
+        var ruuid = "<#uuid>";
+        var definition = <#define> ;
+        var userId = "<#uid>";
+        var userName = "<#userName>";
+        var methodId = "<#methodId>";
+        var isPalManage = <#isPalManage>;
+        var isExistCopy=<#isExistCopy>;
+        var isAppearCopy=<#isAppearCopy>;
+        var isAdmin	= <#isAdmin>;
+        var isCustomDefine = "<#isCustomDefine>";
+        var isLaneAttrConfig = <#isLaneAttrConfig>;
+        var isLaneForceRefreshShapeAttr = <#isLaneForceRefreshShapeAttr>;
+        //检查用户所需参数
+        var checkoutstate = "<#checkoutstate>";
+        var checkoutuser = "<#checkoutuser>";
+        var user = "<#uid>";
+        var currentUserName = "<#userName>";
+        //三员管理
+        var isHighSecurity = "<#isHighSecurity>";
 
-    // BPMN所需参数
-    var BPMN_TYPE_START_EVENT = "<#BPMN_TYPE_START_EVENT>";
-    var AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION>";
-    var AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION>";
-    var AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION>";
-    var BPMN_TYPE_END_EVENT = "<#BPMN_TYPE_END_EVENT>";
-    var AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION>";
-    var AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION>";
-    var AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION>";
-    var AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION>";
-    var BPMN_TYPE_SEQUENCE_FLOW = "<#BPMN_TYPE_SEQUENCE_FLOW>";
-    var BPMN_TYPE_TASK = "<#BPMN_TYPE_TASK>";
-    var BPMN_TYPE_USER_TASK = "<#BPMN_TYPE_USER_TASK>";
-    var BPMN_TYPE_SERVICE_TASK = "<#BPMN_TYPE_SERVICE_TASK>";
-    var BPMN_TYPE_SCRIPT_TASK = "<#BPMN_TYPE_SCRIPT_TASK>";
-    var BPMN_TYPE_MANUAL_TASK = "<#BPMN_TYPE_MANUAL_TASK>";
-    var BPMN_TYPE_BUSINESSRULE_TASK = "<#BPMN_TYPE_BUSINESSRULE_TASK>";
-    var BPMN_TYPE_SEND_TASK = "<#BPMN_TYPE_SEND_TASK>";
-    var BPMN_TYPE_RECEIVE_TASK = "<#BPMN_TYPE_RECEIVE_TASK>";
-    var BPMN_TYPE_GATEWAY = "<#BPMN_TYPE_GATEWAY>";
-    var BPMN_TYPE_INTERMEDIATE_CATCH_EVENT = "<#BPMN_TYPE_INTERMEDIATE_CATCH_EVENT>";
-    var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION>";
-    var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION>";
-    var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION>";
-    var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION>";
-    var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION>";
-    var BPMN_TYPE_INTERMEDIATE_THROW_EVENT = "<#BPMN_TYPE_INTERMEDIATE_THROW_EVENT>";
-    var BPMN_TYPE_BOUNDARY_EVENT = "<#BPMN_TYPE_BOUNDARY_EVENT>";
-    var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION>";
-    var AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION>";
-    var AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION>";
-    var BPMN_TYPE_PARALLEL_GATEWAY = "<#BPMN_TYPE_PARALLEL_GATEWAY>";
-    var BPMN_TYPE_INCLUSIVE_GATEWAY = "<#BPMN_TYPE_INCLUSIVE_GATEWAY>";
-    var BPMN_TYPE_EXCLUSIVE_GATEWAY = "<#BPMN_TYPE_EXCLUSIVE_GATEWAY>";
-    var BPMN_TYPE_EVENTBASED_GATEWAY = "<#BPMN_TYPE_EVENTBASED_GATEWAY>";
-    var BPMN_TYPE_COMPLEX_GATEWAY = "<#BPMN_TYPE_COMPLEX_GATEWAY>";
-    var BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS = "<#BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS>";
-    var BPMN_TYPE_SUB_PROCESS = "<#BPMN_TYPE_SUB_PROCESS>";
-    var BPMN_TYPE_TEXT_ANNOTATION = "<#BPMN_TYPE_TEXT_ANNOTATION>";
-    var BPMN_TYPE_HORIZONTAL_POOL = "<#BPMN_TYPE_HORIZONTAL_POOL>";
-    var BPMN_TYPE_VERTICAL_POOL = "<#BPMN_TYPE_VERTICAL_POOL>";
-    var BPMN_TYPE_HORIZONTAL_LANE = "<#BPMN_TYPE_HORIZONTAL_LANE>";
-    var BPMN_TYPE_VERTICAL_LANE = "<#BPMN_TYPE_VERTICAL_LANE>";
-    //
-    var AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION>";
-    var AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION>";
-    var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION>";
-    var AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION>";
-    var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION>";
+        // BPMN所需参数
+        var BPMN_TYPE_START_EVENT = "<#BPMN_TYPE_START_EVENT>";
+        var AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_MESSAGE_EVENT_DEFINITION>";
+        var AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_TIMER_EVENT_DEFINITION>";
+        var AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_START_EVENT_SIGNAL_EVENT_DEFINITION>";
+        var BPMN_TYPE_END_EVENT = "<#BPMN_TYPE_END_EVENT>";
+        var AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_TERMINATE_EVENT_DEFINITION>";
+        var AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_MESSAGE_EVENT_DEFINITION>";
+        var AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_SIGNAL_EVENT_DEFINITION>";
+        var AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_ERROR_EVENT_DEFINITION>";
+        var BPMN_TYPE_SEQUENCE_FLOW = "<#BPMN_TYPE_SEQUENCE_FLOW>";
+        var BPMN_TYPE_TASK = "<#BPMN_TYPE_TASK>";
+        var BPMN_TYPE_USER_TASK = "<#BPMN_TYPE_USER_TASK>";
+        var BPMN_TYPE_SERVICE_TASK = "<#BPMN_TYPE_SERVICE_TASK>";
+        var BPMN_TYPE_SCRIPT_TASK = "<#BPMN_TYPE_SCRIPT_TASK>";
+        var BPMN_TYPE_MANUAL_TASK = "<#BPMN_TYPE_MANUAL_TASK>";
+        var BPMN_TYPE_BUSINESSRULE_TASK = "<#BPMN_TYPE_BUSINESSRULE_TASK>";
+        var BPMN_TYPE_SEND_TASK = "<#BPMN_TYPE_SEND_TASK>";
+        var BPMN_TYPE_RECEIVE_TASK = "<#BPMN_TYPE_RECEIVE_TASK>";
+        var BPMN_TYPE_GATEWAY = "<#BPMN_TYPE_GATEWAY>";
+        var BPMN_TYPE_INTERMEDIATE_CATCH_EVENT = "<#BPMN_TYPE_INTERMEDIATE_CATCH_EVENT>";
+        var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_TIMER_EVENT_DEFINITION>";
+        var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_MESSAGE_EVENT_DEFINITION>";
+        var AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_CATCH_EVENT_SIGNAL_EVENT_DEFINITION>";
+        var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_MESSAGE_EVENT_DEFINITION>";
+        var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_SIGNAL_EVENT_DEFINITION>";
+        var BPMN_TYPE_INTERMEDIATE_THROW_EVENT = "<#BPMN_TYPE_INTERMEDIATE_THROW_EVENT>";
+        var BPMN_TYPE_BOUNDARY_EVENT = "<#BPMN_TYPE_BOUNDARY_EVENT>";
+        var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATION_EVENT_DEFINITION>";
+        var AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_ERROR_EVENT_DEFINITION>";
+        var AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_MESSAGE_EVENT_DEFINITION>";
+        var BPMN_TYPE_PARALLEL_GATEWAY = "<#BPMN_TYPE_PARALLEL_GATEWAY>";
+        var BPMN_TYPE_INCLUSIVE_GATEWAY = "<#BPMN_TYPE_INCLUSIVE_GATEWAY>";
+        var BPMN_TYPE_EXCLUSIVE_GATEWAY = "<#BPMN_TYPE_EXCLUSIVE_GATEWAY>";
+        var BPMN_TYPE_EVENTBASED_GATEWAY = "<#BPMN_TYPE_EVENTBASED_GATEWAY>";
+        var BPMN_TYPE_COMPLEX_GATEWAY = "<#BPMN_TYPE_COMPLEX_GATEWAY>";
+        var BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS = "<#BPMN_TYPE_CALL_ACTIVITY_CALLING_PROCESS>";
+        var BPMN_TYPE_SUB_PROCESS = "<#BPMN_TYPE_SUB_PROCESS>";
+        var BPMN_TYPE_TEXT_ANNOTATION = "<#BPMN_TYPE_TEXT_ANNOTATION>";
+        var BPMN_TYPE_HORIZONTAL_POOL = "<#BPMN_TYPE_HORIZONTAL_POOL>";
+        var BPMN_TYPE_VERTICAL_POOL = "<#BPMN_TYPE_VERTICAL_POOL>";
+        var BPMN_TYPE_HORIZONTAL_LANE = "<#BPMN_TYPE_HORIZONTAL_LANE>";
+        var BPMN_TYPE_VERTICAL_LANE = "<#BPMN_TYPE_VERTICAL_LANE>";
+        //
+        var AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_SIGNAL_EVENT_DEFINITION>";
+        var AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_TIMER_EVENT_DEFINITION>";
+        var AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_BOUNDARY_EVENT_COMPENSATE_EVENT_DEFINITION>";
+        var AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_END_EVENT_COMPENSATE_EVENT_DEFINITION>";
+        var AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION = "<#AWS_ELEMENT_INTERMEDIATE_THROW_EVENT_COMPENSATE_EVENT_DEFINITION>";
 
-    var schemeId = "<#schemeId>";
-    var frmFileName = "<#processName>";  //平台的流程名称
-    var fileName = "<#fileName>";  //模型名称
-    var BPMInstanceName = "<#BPMInstanceName>"; // 节点名称
-    var isView = <#isView>;	//是否只读模式打开
-    var isPublish = <#isPublish>;	//是否是已发布流程（已发布流程不允许修改）
-    var isStop = <#isStop>;	//是否是已停用流程（已停用流程不允许修改）
-    var isApproval = <#isApproval>;// 是否是审核中流程（审核中流程不允许修改）
-    var isAutoSave = "<#isAutoSave>"; //是否允许实时保存
-    var isMarked = <#isMarked>;// // PAL推送至BPMS，但BPMS端未分配
-    var isCorrelateBpms = <#isCorrelateBpms>;// 是否与BPM有关系的流程
-    var perms = "<#perms>";	//该流程权限
-    var filePerms = "<#filePerms>";	//所有有权限的文件
-    //角色类型，owner-编辑，viewer-只读
-    var role = (isView == true || isPublish == true || isStop == true || isApproval == true) ? "viewer" : "owner";
-    var editable = (isView == true || isPublish == true || isStop == true || isApproval == true) ? false : true;
-    
-    // 扩展属性
-    var ext1 = "<#ext1>";
-    var ext2 = "<#ext2>";
-    var ext3 = "<#ext3>";
-    var ext4 = "<#ext4>";
+        var schemeId = "<#schemeId>";
+        var frmFileName = "<#processName>";  //平台的流程名称
+        var fileName = "<#fileName>";  //模型名称
+        var BPMInstanceName = "<#BPMInstanceName>"; // 节点名称
+        var isView = <#isView>;	//是否只读模式打开
+        var isPublish = <#isPublish>;	//是否是已发布流程（已发布流程不允许修改）
+        var isStop = <#isStop>;	//是否是已停用流程（已停用流程不允许修改）
+        var isApproval = <#isApproval>;// 是否是审核中流程（审核中流程不允许修改）
+        var isAutoSave = "<#isAutoSave>"; //是否允许实时保存
+        var isMarked = <#isMarked>;// // PAL推送至BPMS，但BPMS端未分配
+        var isCorrelateBpms = <#isCorrelateBpms>;// 是否与BPM有关系的流程
+        var perms = "<#perms>";	//该流程权限
+        var filePerms = "<#filePerms>";	//所有有权限的文件
+        //角色类型，owner-编辑，viewer-只读
+        var role = (isView == true || isPublish == true || isStop == true || isApproval == true) ? "viewer" : "owner";
+        var editable = (isView == true || isPublish == true || isStop == true || isApproval == true) ? false : true;
 
-    // 帮助工具栏扩展url
-    var customHelpToolExtMenuUrl = <#customHelpToolExtMenuUrl>;
-    // 图形定义
-    var methodObjectDesc = <#methodObjectDesc>;
-    //是否需要保存提示
-    var isSave = true;
-    var isNeedPutMessage = true;
+        // 扩展属性
+        var ext1 = "<#ext1>";
+        var ext2 = "<#ext2>";
+        var ext3 = "<#ext3>";
+        var ext4 = "<#ext4>";
 
-    var isCollaboration = <#isCollaborationSwitch> ? ((isView == true || isPublish == true) ? false : true) : false; //是否进行协作
-    var sameNameCheck = <#sameNameCheck>;
-    var processOutput = <#processOutput>;
-    var openAppType = "<#openAppType>"; //打开设计器的app类型, 暂时用于判断留言
-    
-    var operateType = "<#operateType>";
-    var process = {
-        processDefId: "<#processDefId>",
-       // title: "<#processName>",
-        version: "<#processVersion>",
-        versionStatus: "<#versionStatus>",
-        title: frmFileName, //"<#fileName>"
-    };
-    var processGroupName = "<#processGroupName>";
-    var categoryName = "<#categoryName>";
-    var processDefVersionId = "<#processDefVersionId>";
-    var processVersion = "<#processVersion>";
-	var selectedElementId="<#selectedElementId>"
-    <#schema>
-	
-    //图形之间的关系定义json数组
-    var linkerRelationship = <#linkerRelationship> ;
-    var isParentShow = true;
-    /* var relationObj = <#relationObj>; */
-    //visio 导入相关
-    var processOnIsInstall = "<#processOnIsInstall>";
-    var processOnIsActive = "<#processOnIsActive>";
-    //保存手动保存时对设计器的操作
-    var messageArrayForSave = {};
-    var saveAttributesJson = [];
-    var removeAttributeJson = [];
-    var BPMNSupport = "<#BPMNSupport>";
-    var BPMNLevel0 = "<#BPMNLevel0>";
-    var BPMNLevel1 = "<#BPMNLevel1>";
-    var BPMNLevel2 = "<#BPMNLevel2>";
-    var relationShapesObject = <#relationShapes>;
-    var relationShapeModelObject = <#relationShapeModels>;
-    var moreShapeButton = "<#btnShapeStyle>";
-    var installBatch = <#installBatch>;
+        // 帮助工具栏扩展url
+        var customHelpToolExtMenuUrl = <#customHelpToolExtMenuUrl>;
+        // 图形定义
+        var methodObjectDesc = <#methodObjectDesc>;
+        //是否需要保存提示
+        var isSave = true;
+        var isNeedPutMessage = true;
 
-    var attrDefineObj = <#attrDefineObj>;
+        var isCollaboration = <#isCollaborationSwitch> ? ((isView == true || isPublish == true) ? false : true) : false; //是否进行协作
+        var sameNameCheck = <#sameNameCheck>;
+        var processOutput = <#processOutput>;
+        var openAppType = "<#openAppType>"; //打开设计器的app类型, 暂时用于判断留言
 
-    var pid = "<#parentChartId>";
-    var teamId = "<#teamId>";
+        var operateType = "<#operateType>";
+        var process = {
+            processDefId: "<#processDefId>",
+                // title: "<#processName>",
+                version: "<#processVersion>",
+                versionStatus: "<#versionStatus>",
+                title: frmFileName, //"<#fileName>"
+        };
+        var processGroupName = "<#processGroupName>";
+        var categoryName = "<#categoryName>";
+        var processDefVersionId = "<#processDefVersionId>";
+        var processVersion = "<#processVersion>";
+        var selectedElementId="<#selectedElementId>"
+        <#schema>
+
+        //图形之间的关系定义json数组
+        var linkerRelationship = <#linkerRelationship> ;
+        var isParentShow = true;
+        /* var relationObj = <#relationObj>; */
+        //visio 导入相关
+        var processOnIsInstall = "<#processOnIsInstall>";
+        var processOnIsActive = "<#processOnIsActive>";
+        //保存手动保存时对设计器的操作
+        var messageArrayForSave = {};
+        var saveAttributesJson = [];
+        var removeAttributeJson = [];
+        var BPMNSupport = "<#BPMNSupport>";
+        var BPMNLevel0 = "<#BPMNLevel0>";
+        var BPMNLevel1 = "<#BPMNLevel1>";
+        var BPMNLevel2 = "<#BPMNLevel2>";
+        var relationShapesObject = <#relationShapes>;
+        var relationShapeModelObject = <#relationShapeModels>;
+        var moreShapeButton = "<#btnShapeStyle>";
+        var installBatch = <#installBatch>;
+
+        var attrDefineObj = <#attrDefineObj>;
+
+        var pid = "<#parentChartId>";
+        var teamId = "<#teamId>";
     </script>
     <!--工具js-->
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/map.js'></script>
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/uuid.js'></script>
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/js/coe.commons.js'></script>
-   	<!-- AWSGrid工具 -->
-	<script type="text/javascript" src="../commons/js/jquery/scripts/ui/reference/jquery-ui.js"></script>
-	<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.grid.js"></script>
-	<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.grid-localize-zh.js"></script>
+    <!-- AWSGrid工具 -->
+    <script type="text/javascript" src="../commons/js/jquery/scripts/ui/reference/jquery-ui.js"></script>
+    <script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.grid.js"></script>
+    <script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.grid-localize-zh.js"></script>
     <!--HTML5设计器核心js-->
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/collaboration.js'></script>
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.plugs.js'></script>
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.js'></script>
     <!--测试-->
-     <!--<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.debug.js'></script>-->
+    <!--<script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.debug.js'></script>-->
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.js'></script>
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.method.subprocess.js'></script>
     <!--测试-->
@@ -366,30 +366,30 @@
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.methods.js'></script>
     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.schema.customdefine.js'></script>
     <#js>
-     <!-- <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.events.js'></script> -->
-     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.ui.js'></script>
-     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.link.js'></script>
-     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/coe.designer.extend.events.js'></script>
-<!--     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/js/coe.pal.processlevel.create.js'></script>-->
+    <!-- <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.events.js'></script> -->
+    <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.ui.js'></script>
+    <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.link.js'></script>
+    <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/coe.designer.extend.events.js'></script>
+    <!--     <script type='text/javascript' charset='UTF-8' src='../apps/com.actionsoft.apps.coe.pal/js/coe.pal.processlevel.create.js'></script>-->
     <script type="text/javascript" src="../<I18N#COEPATH>/js/jquery.tablednd_0_5.js"></script>
     <script type="text/javascript" src="../<I18N#COEPATH>/js/coe.pal.processlevel.create.js"></script>
 
     <!-- util -->
-     <script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/js/jquery.base64.js"></script>
+    <script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/js/jquery.base64.js"></script>
 
-     <script type="text/javascript" src="../commons/js/awsui.js"></script>
+    <script type="text/javascript" src="../commons/js/awsui.js"></script>
 
-     <script type="text/javascript" charset='UTF-8'  src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/Base64.js"></script>
-     <!-- biz -->
-     <script type="text/javascript" charset='UTF-8'  src="../apps/com.actionsoft.apps.coe.pal/js/coe.team.pal.designer.js"></script>
+    <script type="text/javascript" charset='UTF-8'  src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/util/Base64.js"></script>
+    <!-- biz -->
+    <script type="text/javascript" charset='UTF-8'  src="../apps/com.actionsoft.apps.coe.pal/js/coe.team.pal.designer.js"></script>
 
-     <script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.biz.js"></script>
-     <!-- 不支持HTML5的浏览器 -->
-     <link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/css/pal.pl.repository.designer.view.css">
-	 <script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/pal.pl.repository.designer.view.js"></script>
+    <script type="text/javascript" charset='UTF-8' src="../apps/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.biz.js"></script>
+    <!-- 不支持HTML5的浏览器 -->
+    <link rel="stylesheet" href="../apps/com.actionsoft.apps.coe.pal/css/pal.pl.repository.designer.view.css">
+    <script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/pal.pl.repository.designer.view.js"></script>
 
-     <#processlink_ete_js>
-     <#batch-js>
+    <#processlink_ete_js>
+    <#batch-js>
     <style>
         .highlight{
             background-color: #cccccc;
@@ -478,803 +478,821 @@
                 $('#bar_importPolicyFile').css('display','none')
             }
 
-
+            isGetHidden();
             if (!installBatch) {// 未安装批处理应用，删除功能入口
                 $('li[ac=batchreplace]').remove();
             }
             $("#upfile").on('click',openUpFile);//附件上传页面
-			if(processOutput) { // 导出流程手册菜单控制
-			    // debugger;
+            if(processOutput) { // 导出流程手册菜单控制
+                // debugger;
                 if (methodId == 'data.form') {
                     $('#export_report').text('导出表单手册');
                 } else if (methodId == 'control.policy') {
                     $('#export_report').text('导出制度手册');
                 }
-				outputProcess();
-			}
-			if (moreShapeButton == '') {// 显示按钮
-				$(window).resize(function(){
-					updateShapePanel();
-				});	
-			}
-			//流程版本对比
-			var verArray = <#verArray>;
-			var verHtml = "";
-			for (var i = 0; i < verArray.length; i++) {
-			    var tmp = verArray[i];
-			    verHtml += "<input class='awsui-checkbox' name='version' value='" + tmp.uuid + "' type='checkbox' data-name='" + tmp.nameVersion +"'>";
-			    verHtml += "<label class='awsui-checkbox-label'>" + tmp.nameVersion +"</label></br>";
-			}
-			$("#versionGroup").html(verHtml);
-			$("#dialog_version_compare .awsui-checkbox").check();
-			//三员管理，密级回显
-            if (isHighSecurity == "true") {
+                outputProcess();
+            }
+            if (moreShapeButton == '') {// 显示按钮
+                $(window).resize(function(){
+                    updateShapePanel();
+                });
+            }
+            //流程版本对比
+            var verArray = <#verArray>;
+        var verHtml = "";
+        for (var i = 0; i < verArray.length; i++) {
+                var tmp = verArray[i];
+                verHtml += "<input class='awsui-checkbox' name='version' value='" + tmp.uuid + "' type='checkbox' data-name='" + tmp.nameVersion +"'>";
+                verHtml += "<label class='awsui-checkbox-label'>" + tmp.nameVersion +"</label></br>";
+            }
+        $("#versionGroup").html(verHtml);
+        $("#dialog_version_compare .awsui-checkbox").check();
+        //三员管理，密级回显
+        if (isHighSecurity == "true") {
                 $("#securityLevelName").show()
             }
-            //by bzp 默认不会选中形状所以隐藏~~
-            $("#dock_btn_richtext").hide();
-            checkUserFirstCreateModel();
+        //by bzp 默认不会选中形状所以隐藏~~
+        $("#dock_btn_richtext").hide();
+        checkUserFirstCreateModel();
 
-		});
+        });
 
         //检查用户是否第一次创建对应类型的模型
         function checkUserFirstCreateModel(){
                 var data_type = window.performance.navigation.type;
                 $.ajax({
-                url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_guide_check_create&methodId=" + methodId+"&type="+data_type,
-                type: 'GET',
-                success: function(data) {
-                    if(data.data.isFirst){
-                        //初始化建模导引
-                        initGuide();
+                    url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_guide_check_create&methodId=" + methodId+"&type="+data_type,
+                    type: 'GET',
+                    success: function(data) {
+                        if(data.data.isFirst){
+                            //初始化建模导引
+                            initGuide();
+                        }
                     }
-                }
-            });
-        }
+                });
+            }
+
+
+        function isGetHidden(){
+            debugger;
+                $.ajax({
+                    url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.bpa.IsHidden_Modeling_Guidance",
+                    type: 'GET',
+                    success: function(data) {
+                        if(data==true){
+                            //初始化建模导引
+                            //initGuide();
+                            $('#modelingGuide').css('display','')
+                        }else{
+                            $('#modelingGuide').css('display','none')
+                        }
+                    }
+                });
+            }
 
         //建模导引
         function initGuide(){
-            $.ajax({
-                url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_modeling_guide&methodId=" + methodId,
-                type: 'GET',
-                success: function(data) {
-                    if(data.data.steps != undefined && data.data.steps != null) {
-                        const driver = new Driver({
-                            animate: true,                    // 是否开启动画
-                            opacity: 0.65,                    // 遮罩透明度
-                            padding: 10,                      // padding
-                            allowClose: true,                 // 点击遮罩是否可以关闭
-                            overlayClickNext: false,          // 点击遮罩进行下一步
-                            doneBtnText: '结束',              // 最后一共按钮的文本
-                            closeBtnText: '关闭',            // 关闭按钮的文本
-                            //stageBackground: '#ffffff',       // 突出元素的背景色
-                            nextBtnText: '下一步',              // 下一步按钮的文本
-                            prevBtnText: '上一步',          // 上一步按钮的文本
-                            //showButtons: false,               // 不显示控制按钮
-                            //keyboardControl: true,            // 是否允许通过键盘的左右键来控制
-                            //scrollIntoViewOptions: {},        // 滚动视图配置，暂时不知道如何使用
-                            onHighlightStarted: (Element) => {
-                            }, // 元素高亮开始事件
-                            onHighlighted: (Element) => {
-                            },      // 元素高亮事件
-                            onDeselected: (Element) => {
-                            },       // 取消选定事件
-                            onReset: (Element) => {
-                            },            //重置事件
-                            onNext: (Element) => {
-                            },                    // 下一步
-                            onPrevious: (Element) => {
-                            },                //上一步
-                        });
-                        driver.defineSteps(data.data.steps);
-                        driver.start();
+                $.ajax({
+                    url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal_modeling_guide&methodId=" + methodId,
+                    type: 'GET',
+                    success: function(data) {
+                        if(data.data.steps != undefined && data.data.steps != null) {
+                            const driver = new Driver({
+                                animate: true,                    // 是否开启动画
+                                opacity: 0.65,                    // 遮罩透明度
+                                padding: 10,                      // padding
+                                allowClose: true,                 // 点击遮罩是否可以关闭
+                                overlayClickNext: false,          // 点击遮罩进行下一步
+                                doneBtnText: '结束',              // 最后一共按钮的文本
+                                closeBtnText: '关闭',            // 关闭按钮的文本
+                                //stageBackground: '#ffffff',       // 突出元素的背景色
+                                nextBtnText: '下一步',              // 下一步按钮的文本
+                                prevBtnText: '上一步',          // 上一步按钮的文本
+                                //showButtons: false,               // 不显示控制按钮
+                                //keyboardControl: true,            // 是否允许通过键盘的左右键来控制
+                                //scrollIntoViewOptions: {},        // 滚动视图配置，暂时不知道如何使用
+                                onHighlightStarted: (Element) => {
+                                }, // 元素高亮开始事件
+                                onHighlighted: (Element) => {
+                                },      // 元素高亮事件
+                                onDeselected: (Element) => {
+                                },       // 取消选定事件
+                                onReset: (Element) => {
+                                },            //重置事件
+                                onNext: (Element) => {
+                                },                    // 下一步
+                                onPrevious: (Element) => {
+                                },                //上一步
+                            });
+                            driver.defineSteps(data.data.steps);
+                            driver.start();
+                        }
+                    }
+                });
+
+            }
+        function openUpFile() {
+                var linkerIds = Utils.getSelectedLinkerIds();
+                var linkerCount = linkerIds.length;
+                var shapeIds = Utils.getSelectedShapeIds();
+                var shapeCount = shapeIds.length;
+                var type = "file";
+                var shapeId = "";
+                if (shapeCount > 1) {
+                    return;
+                }
+                if (linkerCount > 0) {
+                    return;
+                }
+                if (shapeCount == 0) {
+                    type = "file";
+                } else {
+                    type = "shape";
+                    var shape = Utils.getSelected()[0];
+                    shapeId = shape.id;
+                }
+
+                var upfileUrl = "./w?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_portal_page";
+                var upfileDlg=FrmDialog.open({
+                    title: "附件管理",
+                    width: 570,
+                    height: 380,
+                    url: upfileUrl,
+                    data:{"pl_uuid": ruuid, "shape_uuid": shapeId, "type": type},
+                    id:"upfileDlg"
+                });
+
+                setTimeout(function(){
+                    if (editable == false) {
+                        window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".button").attr("disabled", "true").addClass("disable");
+                        window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".del").hide();
+                    }
+                }, 1000);
+
+            }
+        //by bzp 打开富文本页面
+        function openrichtext(){
+                var shapeIds = Utils.getSelectedShapeIds()[0];
+                var dlgtmp = FrmDialog.open({
+                    title : "富文本制度录入",
+                    height: 600,
+                    width:830,
+                    url : "./w",
+                    data : {
+                        sid : sid,
+                        cmd : 'com.actionsoft.apps.coe.pal.getRichtext',
+                        pluuid: ruuid,
+                        shapId: shapeIds
+                    },
+                    id : "richTextConfig",
+                    buttons : [{
+                        text : '确定',
+                        cls : "blue",
+                        handler : function() {
+                            $("#bar_save").click();
+                            $.simpleAlert("正在解析中，稍后将自动刷新界面","info", 20000);
+                            $("#id-awsui-win-frm-2013richTextConfig").hide();
+                            var result = dlgtmp.win().save();
+                            $.ajax({
+                                url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal.saveRichtext",
+                                type: 'POST',
+                                data: {
+                                    content:result,
+                                    pluuid: ruuid,
+                                    shapId: shapeIds
+                                },
+                                success: function(msg) {
+                                    dlgtmp.close();
+                                    window.location.reload();
+                                }
+                            });
+                        }
+                    }, {
+                        text : '取消',
+                        handler : function() {
+                            dlgtmp.close();
+                        }
+                    }]
+                });
+            }
+        //by bzp end
+        // 导出流程手册
+        function outputProcess() {
+                $('li[data-name="processOutput"]').show();
+            }
+
+        // 控制更多图形按钮
+        function updateShapePanel() {
+                if (moreShapeButton == '') {// 显示按钮
+                    $('#shape_panel_more_shape').show();
+                    var panelHeight=$('#designer_viewport').height();
+                    $('#shape_panel').height(panelHeight - 40);
+                    $('#shape_panel_more_shape').css('margin-top',panelHeight - 40);
+                }
+                //计算页面渲染效率
+                //var t = window.performance.timing;
+                //var completeTime = t.domComplete - t.domLoading;
+                //console.log("打开流程页面的渲染时间：", completeTime/1000 + "秒");
+            }
+
+        //形状的特殊配置
+        function showShapeConfig() {
+                var shape = Utils.getSelected()[0];
+                if (shape == undefined) {
+                    return;
+                } else if(shape == undefined || shape.name == "linker") {
+                    $.simpleAlert("不可选择连线"); //提示被designer.ui.debug.js中的update方法覆盖--“请选择形状”
+                    return;
+                }
+                var commonShapeConfig = Model.define.commonShapeConfig;
+                var specialShapeConfig;
+                var dataAttributes = shape.dataAttributes;
+                var temp;
+                for (var i = 0; i < dataAttributes.length; i++) {
+                    temp = dataAttributes[i];
+                    if (temp.hasOwnProperty("attributesJsonArray")) {
+                        if (!temp.dataShowConfig) {
+                            temp.dataShowConfig = {};
+                        }
+                        specialShapeConfig = temp.dataShowConfig.config;
+                        break;
                     }
                 }
-            });
-
-        }
-    	function openUpFile() {
-    		var linkerIds = Utils.getSelectedLinkerIds();
-			var linkerCount = linkerIds.length;
-    		var shapeIds = Utils.getSelectedShapeIds();
-			var shapeCount = shapeIds.length;
-			var type = "file";
-			var shapeId = "";
-			if (shapeCount > 1) {
-				return;
-			}
-			if (linkerCount > 0) {
-				return;
-			}
-			if (shapeCount == 0) {
-				type = "file";
-			} else {
-				type = "shape";
-				var shape = Utils.getSelected()[0];
-				shapeId = shape.id;
-			}
-			
-		    var upfileUrl = "./w?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_portal_page";
-		    var upfileDlg=FrmDialog.open({
-		    	title: "附件管理",
-			    width: 570,
-			    height: 380,
-			    url: upfileUrl,
-			    data:{"pl_uuid": ruuid, "shape_uuid": shapeId, "type": type},
-			    id:"upfileDlg"
-			});
-			
-			setTimeout(function(){
-				if (editable == false) {
-					window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".button").attr("disabled", "true").addClass("disable");
-					window.frames["id-awsui-win-frm-2013-frmupfileDlg"].$(".del").hide();
-				}
-			}, 1000);
-		    
-		}
-    	//by bzp 打开富文本页面
-		function openrichtext(){
-		    var shapeIds = Utils.getSelectedShapeIds()[0];
-		    var dlgtmp = FrmDialog.open({
-            	    title : "富文本制度录入",
-            	    height: 600,
-            	    width:830,
-            	    url : "./w",
-            	    data : {
-            	    	sid : sid,
-            	    	cmd : 'com.actionsoft.apps.coe.pal.getRichtext',
-            	    	pluuid: ruuid,
-                        shapId: shapeIds
-            	    },
-            	    id : "richTextConfig",
-            	    buttons : [{
-            				text : '确定',
-            				cls : "blue",
-            				handler : function() {
-            				        $("#bar_save").click();
-            				        $.simpleAlert("正在解析中，稍后将自动刷新界面","info", 20000);
-            				        $("#id-awsui-win-frm-2013richTextConfig").hide();
-            				        var result = dlgtmp.win().save();
-            				        $.ajax({
-                                        url: "./jd?sid=" + sid + "&cmd=com.actionsoft.apps.coe.pal.saveRichtext",
-                                        type: 'POST',
-                                        data: {
-                                            content:result,
-                                            pluuid: ruuid,
-                                            shapId: shapeIds
-                                        },
-                                        success: function(msg) {
-                                            dlgtmp.close();
-                                            window.location.reload();
-                                        }
-                                   });
-            			        }
-            			    }, {
-            				text : '取消',
-            				handler : function() {
-            					dlgtmp.close();
-            				}
-            			}]
-            });
-		}
-		//by bzp end
-    	// 导出流程手册
-    	function outputProcess() {
-    		$('li[data-name="processOutput"]').show();
-    	}
-    	
-    	// 控制更多图形按钮
-    	function updateShapePanel() {
-    		if (moreShapeButton == '') {// 显示按钮
-    			$('#shape_panel_more_shape').show();
-    			var panelHeight=$('#designer_viewport').height();
-				$('#shape_panel').height(panelHeight - 40);
-				$('#shape_panel_more_shape').css('margin-top',panelHeight - 40);
-    		}
-    		//计算页面渲染效率
-    		//var t = window.performance.timing;
-    		//var completeTime = t.domComplete - t.domLoading;
-    		//console.log("打开流程页面的渲染时间：", completeTime/1000 + "秒");
-    	}
-
-    	//形状的特殊配置
-    	function showShapeConfig() {
-    	    var shape = Utils.getSelected()[0];
-    	    if (shape == undefined) {
-    	        return;
-    	    } else if(shape == undefined || shape.name == "linker") {
-    	    	$.simpleAlert("不可选择连线"); //提示被designer.ui.debug.js中的update方法覆盖--“请选择形状”
-    	    	return;
-    	    }
-    	    var commonShapeConfig = Model.define.commonShapeConfig;
-    	    var specialShapeConfig;
-    	    var dataAttributes = shape.dataAttributes;
-    	    var temp;
-    	    for (var i = 0; i < dataAttributes.length; i++) {
-    	        temp = dataAttributes[i];
-    	        if (temp.hasOwnProperty("attributesJsonArray")) {
-    	            if (!temp.dataShowConfig) {
-    	                temp.dataShowConfig = {};
-    	            }
-    	            specialShapeConfig = temp.dataShowConfig.config;
-    	            break;
-    	        }
-    	    }
-    	    var sid = $("#sid").val();
-    	    var wsId = "<#wsId>";
-    	    var shapeId = shape.name;
-    	    var shapeKey = shape.id;
-    	    var category = shape.category;
-    	    var defaultCategory = '<#methodId>';
-    	    if (commonShapeConfig != undefined) {
-    	        //复制commonShapeConfig
-    	        commonShapeConfig = JSON.stringify(commonShapeConfig);
-    	        commonShapeConfig = JSON.parse(commonShapeConfig);
-    	        commonShapeConfig = commonShapeConfig[shapeId];
-    	        if (commonShapeConfig != undefined) {
-    	            for (var i = 0; i < commonShapeConfig.length; i++) {
-                        var config = commonShapeConfig[i];
+                var sid = $("#sid").val();
+                var wsId = "<#wsId>";
+                var shapeId = shape.name;
+                var shapeKey = shape.id;
+                var category = shape.category;
+                var defaultCategory = '<#methodId>';
+                if (commonShapeConfig != undefined) {
+                    //复制commonShapeConfig
+                    commonShapeConfig = JSON.stringify(commonShapeConfig);
+                    commonShapeConfig = JSON.parse(commonShapeConfig);
+                    commonShapeConfig = commonShapeConfig[shapeId];
+                    if (commonShapeConfig != undefined) {
+                        for (var i = 0; i < commonShapeConfig.length; i++) {
+                            var config = commonShapeConfig[i];
+                            if (config.showType === "icon" && config.iconContent.indexOf("=") < 0) {
+                                config.iconContent = config.iconContent.replace("&", "&=");
+                            }
+                        }
+                    }
+                }
+                //处理传给后端iconfont的问题
+                if (specialShapeConfig != undefined) {
+                    //复制specialShapeConfig
+                    specialShapeConfig = JSON.stringify(specialShapeConfig);
+                    specialShapeConfig = JSON.parse(specialShapeConfig);
+                    for (var i = 0; i < specialShapeConfig.length; i++) {
+                        var config = specialShapeConfig[i];
                         if (config.showType === "icon" && config.iconContent.indexOf("=") < 0) {
                             config.iconContent = config.iconContent.replace("&", "&=");
                         }
-    	            }
-    	        }
-    	    }
-    	    //处理传给后端iconfont的问题
-    	    if (specialShapeConfig != undefined) {
-    	        //复制specialShapeConfig
-    	        specialShapeConfig = JSON.stringify(specialShapeConfig);
-    	        specialShapeConfig = JSON.parse(specialShapeConfig);
-    	        for (var i = 0; i < specialShapeConfig.length; i++) {
-                    var config = specialShapeConfig[i];
-                    if (config.showType === "icon" && config.iconContent.indexOf("=") < 0) {
-                        config.iconContent = config.iconContent.replace("&", "&=");
                     }
-    	        }
-    	    }
+                }
 
-    	    var dlg = FrmDialog.open({
-            	    title : "形状数据显示规则",
-            	    width : 810,
-            	    height : 487.6,
-            	    url : "./w",
-            	    data : {
-            	    	sid : sid,
-            	    	cmd : 'com.actionsoft.apps.coe.pal_pl_manage_shape_config_dialog_page',
-            	    	wsId : wsId,
-            	    	type : "specialShapeConfig",
-            	    	shapeId : shapeId,
-            	    	shapeKey : shapeKey,
-            	    	category : category,
-            	    	defaultCategory : defaultCategory,
-            	    	commonShapeConfig : JSON.stringify(commonShapeConfig),
-            	    	specialShapeConfig : JSON.stringify(specialShapeConfig),
-            	    	attributesJsonArray : JSON.stringify(temp.attributesJsonArray),
-            	    	relationData : JSON.stringify(relationShapeModelObject)
-            	    },
-            	    id : "specialShapeConfig",
-            	    buttons : [{
-            				text : '确定',
-            				cls : "blue",
-            				handler : function() {
-                                    var dataArray = dlg.win().getConfigData();
-                                    if (dataArray.length < 0) {
-                                        dlg.close();
-                                        return;
-                                    }
-                                    //保存特殊配置
-                                    temp["dataShowConfig"].config = dataArray;
-                                    //渲染配置信息
-                                    Designer.painter.renderShape(shape);
-                                    dlg.close();
-            			        }
-            			    }, {
-            				text : '取消',
-            				handler : function() {
-            					dlg.close();
-            				}
-            			}]
-            });
-    	}
+                var dlg = FrmDialog.open({
+                    title : "形状数据显示规则",
+                    width : 810,
+                    height : 487.6,
+                    url : "./w",
+                    data : {
+                        sid : sid,
+                        cmd : 'com.actionsoft.apps.coe.pal_pl_manage_shape_config_dialog_page',
+                        wsId : wsId,
+                        type : "specialShapeConfig",
+                        shapeId : shapeId,
+                        shapeKey : shapeKey,
+                        category : category,
+                        defaultCategory : defaultCategory,
+                        commonShapeConfig : JSON.stringify(commonShapeConfig),
+                        specialShapeConfig : JSON.stringify(specialShapeConfig),
+                        attributesJsonArray : JSON.stringify(temp.attributesJsonArray),
+                        relationData : JSON.stringify(relationShapeModelObject)
+                    },
+                    id : "specialShapeConfig",
+                    buttons : [{
+                        text : '确定',
+                        cls : "blue",
+                        handler : function() {
+                            var dataArray = dlg.win().getConfigData();
+                            if (dataArray.length < 0) {
+                                dlg.close();
+                                return;
+                            }
+                            //保存特殊配置
+                            temp["dataShowConfig"].config = dataArray;
+                            //渲染配置信息
+                            Designer.painter.renderShape(shape);
+                            dlg.close();
+                        }
+                    }, {
+                        text : '取消',
+                        handler : function() {
+                            dlg.close();
+                        }
+                    }]
+                });
+            }
         function getDocHeight(doc) {
-            doc = doc || document;
-            var body = doc.body;
-            var html = doc.documentElement;
-            var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-            return height;
-        }
+                doc = doc || document;
+                var body = doc.body;
+                var html = doc.documentElement;
+                var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
+                return height;
+            }
         function setIframeHeight(id) {
-            var ifrm = document.getElementById(id);
-            var doc = ifrm.contentDocument ? ifrm.contentDocument : ifrm.contentWindow.document;
-            ifrm.style.visibility = 'hidden';
-            ifrm.style.height = "10px";     // reset to minimal height ...
-            ifrm.style.height = getDocHeight(doc) + 4 + "px";
-            ifrm.style.visibility = 'visible';
-        }
-    	//渲染形状配置信息
-    	/*function painterShapeConfig(dataArray, shapeId, key) {
-    	    for (var i = 0; i < dataArray.length; i++) {
-    	        var temp = dataArray[i];
-    	        var showType = temp.showType;
-    	        var horizontal = temp.horizontal;
-    	        horizontal = horizontal.toLowerCase();
-    	        var verity = temp.verity;
-    	        verity = verity.toLowerCase();
-    	        if (verity == "center") {verity = "middle";}
-    	        if (showType == "text") {
-    	            var cfgContent = temp.cfgContent;
-                    var params = {
-                           "w":30,
-                           "h":30,
-                           "textw": 20,
-                           "texth": 17,
-                           "imgT": 0,
-                           "category":"custom",
-                           "icon":"",
-                           "name":key, //it系统区分其他属性的角标的标识
-                           "showName":false,
-                           "showType":"text", //text  icon
-                           "type":"string",
-                           "value":cfgContent,
-                           "horizontal":horizontal,
-                           "vertical":verity,
-                           "radius":5,
-                           "title":""
-                    };
-                    var shape = Model.getShapeById(shapeId);
-	                if(!shape.dataAttributes){
-	                	shape.dataAttributes = [];
-	                }
-	                params.id = Utils.newId();
-	                params.category = "custom";
-	                shape.dataAttributes.push(params);
-	                Model.update(shape);
-	                Designer.painter.renderShape(shape);
-    	        }
-    	    }
-    	}*/
+                var ifrm = document.getElementById(id);
+                var doc = ifrm.contentDocument ? ifrm.contentDocument : ifrm.contentWindow.document;
+                ifrm.style.visibility = 'hidden';
+                ifrm.style.height = "10px";     // reset to minimal height ...
+                ifrm.style.height = getDocHeight(doc) + 4 + "px";
+                ifrm.style.visibility = 'visible';
+            }
+        //渲染形状配置信息
+        /*function painterShapeConfig(dataArray, shapeId, key) {
+                for (var i = 0; i < dataArray.length; i++) {
+                    var temp = dataArray[i];
+                    var showType = temp.showType;
+                    var horizontal = temp.horizontal;
+                    horizontal = horizontal.toLowerCase();
+                    var verity = temp.verity;
+                    verity = verity.toLowerCase();
+                    if (verity == "center") {verity = "middle";}
+                    if (showType == "text") {
+                        var cfgContent = temp.cfgContent;
+                        var params = {
+                            "w":30,
+                            "h":30,
+                            "textw": 20,
+                            "texth": 17,
+                            "imgT": 0,
+                            "category":"custom",
+                            "icon":"",
+                            "name":key, //it系统区分其他属性的角标的标识
+                            "showName":false,
+                            "showType":"text", //text  icon
+                            "type":"string",
+                            "value":cfgContent,
+                            "horizontal":horizontal,
+                            "vertical":verity,
+                            "radius":5,
+                            "title":""
+                        };
+                        var shape = Model.getShapeById(shapeId);
+                        if(!shape.dataAttributes){
+                            shape.dataAttributes = [];
+                        }
+                        params.id = Utils.newId();
+                        params.category = "custom";
+                        shape.dataAttributes.push(params);
+                        Model.update(shape);
+                        Designer.painter.renderShape(shape);
+                    }
+                }
+            }*/
     </script>
 </head>
 
 <body style="overflow:hidden;" onload="updateShapePanel();">
-    <canvas id="support_canvas" style="display: none;"></canvas>
-    <div id="designer_header">
+<canvas id="support_canvas" style="display: none;"></canvas>
+<div id="designer_header">
 
-        <div class="row row1">
-            <div id="title_container" style="width: 100%;">
-                <span class="diagram_title"><#fileName></span>
-                <span id="securityLevelName" style="display: none;"><#securityLevelName></span>
-                <div id="toolbar_wfversion_info" class="toolbar_info">
-                    <div id="toolbar_designer_version_no" class="info version" awsui-qtip="版本管理">
-                        <#versionNum>
-                    </div>
-                    <div id="toolbar_wfversion_info_status" style="display:none;" class="versioninfo version0" awsui-qtip="<#state>"><#state></div>
+    <div class="row row1">
+        <div id="title_container" style="width: 100%;">
+            <span class="diagram_title"><#fileName></span>
+            <span id="securityLevelName" style="display: none;"><#securityLevelName></span>
+            <div id="toolbar_wfversion_info" class="toolbar_info">
+                <div id="toolbar_designer_version_no" class="info version" awsui-qtip="版本管理">
+                    <#versionNum>
                 </div>
+                <div id="toolbar_wfversion_info_status" style="display:none;" class="versioninfo version0" awsui-qtip="<#state>"><#state></div>
             </div>
         </div>
-        <div class="row row2 menubar">
-            <ul id="menu_bar">
-                <li id="menu_bar_file" menu="bar_list_file">文件</li>
-                <li id="menu_bar_edit" menu="bar_list_edit">编辑</li>
-                <li id="menu_bar_view" menu="bar_list_view">视图</li>
-                <li id="menu_bar_insert" menu="bar_list_insert">插入</li>
-                <li id="menu_bar_page" menu="bar_list_page">页面</li>
-                <li id="menu_bar_arrange" menu="bar_list_arrange">排列</li>
-                <li id="menu_bar_help" menu="bar_list_help">帮助</li>
-                <!--
-			<li id="menu_bar_help" menu="bar_list_help" onclick="showShapeRelationTab();">获取所有链接</li>
-			-->
-            </ul>
-            <div id="saving_tip"></div>
-        </div>
-        <div class="toolbar" >
-            <#saveUI>
-                <!-- Clipboard -->
-                <div id="bar_undo" class="toolbar_button" awsui-qtip='撤销 (Ctrl+Z)'>
-                    <div class="ico undo"></div>
-                </div>
-                <div id="bar_redo" class="toolbar_button" awsui-qtip='恢复 (Ctrl+Y)'>
-                    <div class="ico redo"></div>
-                </div>
-                <div id="bar_sort" class="toolbar_button" awsui-qtip='编号刷'>
-                    <div class="ico sort"></div>
-                </div>
-                <div id="bar_resize" class="toolbar_button" awsui-qtip='调整画布大小'>
-                    <div class="ico resize"></div>
-                </div>
-                <div id="bar_brush" class="toolbar_button" awsui-qtip='格式刷 (Ctrl+Shift+B)'>
-                    <div class="ico brush"></div>
-                </div>
-                <div class="toolbar_devider"></div>
-
-                <!-- Font -->
-                <div id="bar_font_family" awsui-qtip='字体' class="toolbar_button" style="width: 80px;">
-                    <div class="text_content">Arial</div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div class="toolbar_small_devider"></div>
-                <div id="bar_font_size" awsui-qtip='字号' class="spinner" style="width: 50px;"></div>
-                <div class="toolbar_small_devider"></div>
-                <div id="bar_font_bold" awsui-qtip='粗体 (Ctrl+B)' class="toolbar_button">
-                    <div class="ico bold"></div>
-                </div>
-                <div id="bar_font_italic" awsui-qtip='斜体 (Ctrl+I)' class="toolbar_button">
-                    <div class="ico italic"></div>
-                </div>
-                <div id="bar_font_underline" awsui-qtip='下划线 (Ctrl+U)' class="toolbar_button">
-                    <div class="ico underline"></div>
-                </div>
-                <div id="bar_font_color" awsui-qtip='文本颜色' class="toolbar_button drop_button">
-                    <div class="ico fontcolor"></div>
-                    <div class="btn_color" style="background-color: rgb(50,50,50)"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div id="bar_font_align" awsui-qtip='对齐' class="toolbar_button drop_button">
-                    <div class="ico alignleft"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div class="toolbar_devider"></div>
-
-                <!-- Style -->
-                <div id="bar_fill" awsui-qtip='填充样式' class="toolbar_button drop_button">
-                    <div class="ico fillcolor"></div>
-                    <div class="btn_color" style="background-color: rgb(255,255,255)"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div id="bar_line_color" awsui-qtip='线条颜色' class="toolbar_button drop_button">
-                    <div class="ico linecolor"></div>
-                    <div class="btn_color" style="background-color: rgb(50,50,50)"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div id="bar_line_width" awsui-qtip='线宽' class="toolbar_button drop_button">
-                    <div class="ico linewidth"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div id="bar_line_style" awsui-qtip='线条样式' class="toolbar_button drop_button">
-                    <div class="ico linedash"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div class="toolbar_devider"></div>
-
-                <!-- Linker Style -->
-                <div id="bar_linkertype" awsui-qtip='连线类型' class="toolbar_button drop_button">
-                    <div class="ico linkertype_broken"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div id="bar_beginarrow" awsui-qtip='起点' class="toolbar_button drop_button">
-                    <div class="ico ico_arrow larrow_none"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div id="bar_endarrow" awsui-qtip='终点' class="toolbar_button drop_button">
-                    <div class="ico ico_arrow rarrow_none"></div>
-                    <div class="ico ico_dropdown"></div>
-                </div>
-                <div class="toolbar_devider"></div>
-                <div id="bar_front" awsui-qtip='置于顶层 (Ctrl+] )' class="toolbar_button">
-                    <div class="ico ico_front"></div>
-                </div>
-                <div id="bar_back" awsui-qtip='置于底层 (Ctrl+[ )' class="toolbar_button" >
-                    <div class="ico ico_back"></div>
-                </div>
-                <div class="toolbar_devider"></div>
-                <div id="bar_verticalSpace" class="toolbar_button" onclick="adjustVerticalSpace()" awsui-qtip='调整垂直间距'>
-                    <div class="ico verticalSpace"></div>
-                </div>
-                <div id="bar_horizontalSpace" class="toolbar_button" onclick="adjustHorizontalSpace()" awsui-qtip='调整水平间距'>
-                    <div class="ico horizontalSpace"></div>
-                </div>
-                <div class="toolbar_devider"></div>
-                <div id="bar_lock" awsui-qtip='锁定 (Ctrl+L)' class="toolbar_button">
-                    <div class="ico ico_lock"></div>
-                </div>
-                <div id="bar_unlock" awsui-qtip='解锁 (Ctrl+Shift+L)' class="toolbar_button">
-                    <div class="ico ico_unlock"></div>
-                </div>
-                <div class="toolbar_small_devider"></div>
-                <div id="bar_link" awsui-qtip='插入链接' class="toolbar_button">
-                    <div class="ico ico_link"></div>
-                </div>
-                <div id="bar_risk" awsui-qtip='风险' class="toolbar_button" style="<#riskStyle>">
-                    <div class="ico ico_risk"></div>
-                </div>
-                <div class="toolbar_devider"></div>
-              <!--  <div id="bar_activityNo" awsui-qtip='节点编号排序' class="toolbar_button">
-                    <div class="ico extend_activityNo"></div>
-                </div>-->
-               <!-- <div id="bar_importShape" awsui-qtip='上传附件并创建相应节点' class="toolbar_button" style="<#importShapeStyle>">
-                    <div class="ico ico_importShape"></div>
-                </div>-->
-
-                <div id="QualityInspection" awsui-qtip='质量检测' class="toolbar_button">
-                    <div class="ico QualityInspection"></div>
-                </div>
-                <div id="bar_importPolicyFile" awsui-qtip='上传正文生成条款' class="toolbar_button" style="<#importShapeStyle>">
-                    <div class="ico ico_importShape"></div>
-                </div>
-                <div id="QuickPublishing" awsui-qtip='快捷发布' class="toolbar_button">
-                    <div class="ico quickPublish"></div>
-                </div>
-                <div id="processManifest" awsui-qtip='查看活动清单' class="toolbar_button" style="display: none">
-                    <!--<i class="ico awsui-iconfont">&#xe682;</i>-->
-                    <div class="ico processManifest"></div>
-                </div>
-                <div id="modelingGuide" awsui-qtip='导引回放' class="toolbar_button" style="display: none">
-                <!--<i class="ico awsui-iconfont">&#xe682;</i>-->
-                <div class="ico modelingGuide"></div>
-                </div>
-                <!-- <div id="bar_import" awsui-qtip='导入' class="toolbar_button" style="<#importStyle>">
-                    <div class="ico ico_import"></div>
-                </div> -->
-        </div>
     </div>
-    <div id="designer">
-	    <div id="shape_panel" class="layout"></div>
-		<div id="shape_panel_more_shape" style="display:none;">
-			<!--<input id="moreShapes" type='button' style='height: 24px;width: 80px;margin-top: 4px;line-height: 24px;' class="designer_button" onclick="UI.showShapesManage()" value="更多图形" />-->
-		</div>        	
-        <div id="designer_viewport">
+    <div class="row row2 menubar">
+        <ul id="menu_bar">
+            <li id="menu_bar_file" menu="bar_list_file">文件</li>
+            <li id="menu_bar_edit" menu="bar_list_edit">编辑</li>
+            <li id="menu_bar_view" menu="bar_list_view">视图</li>
+            <li id="menu_bar_insert" menu="bar_list_insert">插入</li>
+            <li id="menu_bar_page" menu="bar_list_page">页面</li>
+            <li id="menu_bar_arrange" menu="bar_list_arrange">排列</li>
+            <li id="menu_bar_help" menu="bar_list_help">帮助</li>
+            <!--
+        <li id="menu_bar_help" menu="bar_list_help" onclick="showShapeRelationTab();">获取所有链接</li>
+        -->
+        </ul>
+        <div id="saving_tip"></div>
+    </div>
+    <div class="toolbar" >
+        <#saveUI>
+        <!-- Clipboard -->
+        <div id="bar_undo" class="toolbar_button" awsui-qtip='撤销 (Ctrl+Z)'>
+            <div class="ico undo"></div>
+        </div>
+        <div id="bar_redo" class="toolbar_button" awsui-qtip='恢复 (Ctrl+Y)'>
+            <div class="ico redo"></div>
+        </div>
+        <div id="bar_sort" class="toolbar_button" awsui-qtip='编号刷'>
+            <div class="ico sort"></div>
+        </div>
+        <div id="bar_resize" class="toolbar_button" awsui-qtip='调整画布大小'>
+            <div class="ico resize"></div>
+        </div>
+        <div id="bar_brush" class="toolbar_button" awsui-qtip='格式刷 (Ctrl+Shift+B)'>
+            <div class="ico brush"></div>
+        </div>
+        <div class="toolbar_devider"></div>
 
-            <div id="designer_layout" class="layout">
-                <div id="canvas_container">
-                    <div id="designer_canvas" class="designer_canvas">
-                        <canvas id="designer_grids">您的浏览器不支持HTML5，请使用IE9及以上版本，或Chrome、Firefox等浏览器</canvas>
-                        <!-- 链接图层 -->
-                        <ul id="link-dialog-normal_contextmenu" class="menu list options_menu">
-                        </ul>
-                        <!-- 附件图层 -->
-                        <ul id="attachment-dialog-normal_contextmenu" class="menu list options_menu" style="max-height:200px;overflow:hidden auto;">
-                        </ul>
-                        <!-- 端到端串接图层 -->
-                        <div id="ete-cascade-normal_contextmenu" style="display:none;">
-                        	<div id="ete-cascade-img">
-                        		<img width="400px" height="250px" src="" />
-                        	</div>
-                        	<div class="ete-cascade-waiting">
-                        		<div align="center">
-                        			<img src="../commons/img/waiting.gif"  />
-                        		</div>
-                        	</div>
-                        	<div class="ete-cascade-nopic" style="display:none;">
-                        		<div align="center">
-                        			<span class="ete-cascade-nopic-tip">文件无内容</span>
-                        		</div>
-                        	</div>
-                        	<div id="ete-cascade-name" class="ete-word">
-                        		<span class="ete-word-1" style="cursor:pointer;font-size:18px;">&lt;</span>
-                        		<span class="ete-word-2"></span>
-                        		<span class="ete-word-3">/</span>
-                        		<span class="ete-word-4"></span>
-                        		<span class="ete-word-5" style="cursor:pointer;font-size:18px;">&gt;</span>
-                        		<span class="ete-word-showname">
+        <!-- Font -->
+        <div id="bar_font_family" awsui-qtip='字体' class="toolbar_button" style="width: 80px;">
+            <div class="text_content">Arial</div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div class="toolbar_small_devider"></div>
+        <div id="bar_font_size" awsui-qtip='字号' class="spinner" style="width: 50px;"></div>
+        <div class="toolbar_small_devider"></div>
+        <div id="bar_font_bold" awsui-qtip='粗体 (Ctrl+B)' class="toolbar_button">
+            <div class="ico bold"></div>
+        </div>
+        <div id="bar_font_italic" awsui-qtip='斜体 (Ctrl+I)' class="toolbar_button">
+            <div class="ico italic"></div>
+        </div>
+        <div id="bar_font_underline" awsui-qtip='下划线 (Ctrl+U)' class="toolbar_button">
+            <div class="ico underline"></div>
+        </div>
+        <div id="bar_font_color" awsui-qtip='文本颜色' class="toolbar_button drop_button">
+            <div class="ico fontcolor"></div>
+            <div class="btn_color" style="background-color: rgb(50,50,50)"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div id="bar_font_align" awsui-qtip='对齐' class="toolbar_button drop_button">
+            <div class="ico alignleft"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div class="toolbar_devider"></div>
+
+        <!-- Style -->
+        <div id="bar_fill" awsui-qtip='填充样式' class="toolbar_button drop_button">
+            <div class="ico fillcolor"></div>
+            <div class="btn_color" style="background-color: rgb(255,255,255)"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div id="bar_line_color" awsui-qtip='线条颜色' class="toolbar_button drop_button">
+            <div class="ico linecolor"></div>
+            <div class="btn_color" style="background-color: rgb(50,50,50)"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div id="bar_line_width" awsui-qtip='线宽' class="toolbar_button drop_button">
+            <div class="ico linewidth"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div id="bar_line_style" awsui-qtip='线条样式' class="toolbar_button drop_button">
+            <div class="ico linedash"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div class="toolbar_devider"></div>
+
+        <!-- Linker Style -->
+        <div id="bar_linkertype" awsui-qtip='连线类型' class="toolbar_button drop_button">
+            <div class="ico linkertype_broken"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div id="bar_beginarrow" awsui-qtip='起点' class="toolbar_button drop_button">
+            <div class="ico ico_arrow larrow_none"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div id="bar_endarrow" awsui-qtip='终点' class="toolbar_button drop_button">
+            <div class="ico ico_arrow rarrow_none"></div>
+            <div class="ico ico_dropdown"></div>
+        </div>
+        <div class="toolbar_devider"></div>
+        <div id="bar_front" awsui-qtip='置于顶层 (Ctrl+] )' class="toolbar_button">
+            <div class="ico ico_front"></div>
+        </div>
+        <div id="bar_back" awsui-qtip='置于底层 (Ctrl+[ )' class="toolbar_button" >
+            <div class="ico ico_back"></div>
+        </div>
+        <div class="toolbar_devider"></div>
+        <div id="bar_verticalSpace" class="toolbar_button" onclick="adjustVerticalSpace()" awsui-qtip='调整垂直间距'>
+            <div class="ico verticalSpace"></div>
+        </div>
+        <div id="bar_horizontalSpace" class="toolbar_button" onclick="adjustHorizontalSpace()" awsui-qtip='调整水平间距'>
+            <div class="ico horizontalSpace"></div>
+        </div>
+        <div class="toolbar_devider"></div>
+        <div id="bar_lock" awsui-qtip='锁定 (Ctrl+L)' class="toolbar_button">
+            <div class="ico ico_lock"></div>
+        </div>
+        <div id="bar_unlock" awsui-qtip='解锁 (Ctrl+Shift+L)' class="toolbar_button">
+            <div class="ico ico_unlock"></div>
+        </div>
+        <div class="toolbar_small_devider"></div>
+        <div id="bar_link" awsui-qtip='插入链接' class="toolbar_button">
+            <div class="ico ico_link"></div>
+        </div>
+        <div id="bar_risk" awsui-qtip='风险' class="toolbar_button" style="<#riskStyle>">
+            <div class="ico ico_risk"></div>
+        </div>
+        <div class="toolbar_devider"></div>
+        <!--  <div id="bar_activityNo" awsui-qtip='节点编号排序' class="toolbar_button">
+              <div class="ico extend_activityNo"></div>
+          </div>-->
+        <!-- <div id="bar_importShape" awsui-qtip='上传附件并创建相应节点' class="toolbar_button" style="<#importShapeStyle>">
+             <div class="ico ico_importShape"></div>
+         </div>-->
+
+        <div id="QualityInspection" awsui-qtip='质量检测' class="toolbar_button">
+            <div class="ico QualityInspection"></div>
+        </div>
+        <div id="bar_importPolicyFile" awsui-qtip='上传正文生成条款' class="toolbar_button" style="<#importShapeStyle>">
+            <div class="ico ico_importShape"></div>
+        </div>
+        <div id="QuickPublishing" awsui-qtip='快捷发布' class="toolbar_button">
+            <div class="ico quickPublish"></div>
+        </div>
+        <div id="processManifest" awsui-qtip='查看活动清单' class="toolbar_button" style="display: none">
+            <!--<i class="ico awsui-iconfont">&#xe682;</i>-->
+            <div class="ico processManifest"></div>
+        </div>
+        <div id="modelingGuide" awsui-qtip='导引回放' class="toolbar_button" style="display: none">
+            <!--<i class="ico awsui-iconfont">&#xe682;</i>-->
+            <div class="ico modelingGuide"></div>
+        </div>
+        <!-- <div id="bar_import" awsui-qtip='导入' class="toolbar_button" style="<#importStyle>">
+            <div class="ico ico_import"></div>
+        </div> -->
+    </div>
+</div>
+<div id="designer">
+    <div id="shape_panel" class="layout"></div>
+    <div id="shape_panel_more_shape" style="display:none;">
+        <!--<input id="moreShapes" type='button' style='height: 24px;width: 80px;margin-top: 4px;line-height: 24px;' class="designer_button" onclick="UI.showShapesManage()" value="更多图形" />-->
+    </div>
+    <div id="designer_viewport">
+
+        <div id="designer_layout" class="layout">
+            <div id="canvas_container">
+                <div id="designer_canvas" class="designer_canvas">
+                    <canvas id="designer_grids">您的浏览器不支持HTML5，请使用IE9及以上版本，或Chrome、Firefox等浏览器</canvas>
+                    <!-- 链接图层 -->
+                    <ul id="link-dialog-normal_contextmenu" class="menu list options_menu">
+                    </ul>
+                    <!-- 附件图层 -->
+                    <ul id="attachment-dialog-normal_contextmenu" class="menu list options_menu" style="max-height:200px;overflow:hidden auto;">
+                    </ul>
+                    <!-- 端到端串接图层 -->
+                    <div id="ete-cascade-normal_contextmenu" style="display:none;">
+                        <div id="ete-cascade-img">
+                            <img width="400px" height="250px" src="" />
+                        </div>
+                        <div class="ete-cascade-waiting">
+                            <div align="center">
+                                <img src="../commons/img/waiting.gif"  />
+                            </div>
+                        </div>
+                        <div class="ete-cascade-nopic" style="display:none;">
+                            <div align="center">
+                                <span class="ete-cascade-nopic-tip">文件无内容</span>
+                            </div>
+                        </div>
+                        <div id="ete-cascade-name" class="ete-word">
+                            <span class="ete-word-1" style="cursor:pointer;font-size:18px;">&lt;</span>
+                            <span class="ete-word-2"></span>
+                            <span class="ete-word-3">/</span>
+                            <span class="ete-word-4"></span>
+                            <span class="ete-word-5" style="cursor:pointer;font-size:18px;">&gt;</span>
+                            <span class="ete-word-showname">
 	                        		<span class="ete-word-6">(</span>
 	                        		<span class="ete-word-7"></span>
 	                        		<span class="ete-word-8">)</span>
 	                        		<span class="ete-word-9"></span>
 	                        	</span>
-                        	</div>
-                        	<div id="ete-cascade-open" class="ete-word" awsui-qtip="打开模型"><i class="awsui-iconfont" style="color:#707070;font-size:19px;">&#xe800;</i></div>
-                        	<div id="ete-cascade-slider" class="ausui-slider-vertical">
-								<div class="awsui-slider" style="height:188px;" id="verticalSlide2">
-									<input class="slider-input" id="verticalSlide2_input" />
-								</div>
-							</div>
-                        	<div id="ete-cascade-analysis" class="ete-word"  awsui-qtip="串联分析"><i class="awsui-iconfont" style="color:#108ee9;font-size:22px;">&#xec57;</i></div>
-							<form id="eteCascadeAnalysisForm" name="eteCascadeAnalysisForm" method="post" action="./w" target="_blank">
-		                       	<input type="hidden" name="appId" value="com.actionsoft.apps.coe.pal.processlink">
-		                       	<input type="hidden" name="cmd" value="com.actionsoft.apps.coe.pal.processlink_ete_analysis_home">
-							    <input type="hidden" name="sid" value="<#sid>">
-							    <input type="hidden" name="wsId" value="<#wsId>">
-							    <input type="hidden" name="teamId" value="<#teamId>">
-							    <input type="hidden" name="uuid" value="<#uuid>">
-						    </form>
-                        </div>   
-                        <ul id="designer_contextmenu" class="menu list options_menu">
-                            <li ac="cut">
-                                <div class="ico cut"></div>剪切
-                                <div class="extend">Ctrl+X</div>
-                            </li>
-                            <li ac="copy">
-                                <div class="ico copy"></div>复制
-                                <div class="extend">Ctrl+C</div>
-                            </li>
-                           <!--  <li ac="appearCopy">
-                                <div class="ico copy"></div>出现复制
-                                <div class="extend">Ctrl+C</div>
-                            </li> -->
-                            <li ac="paste">
-                                <div class="ico paste"></div>粘贴
-                                <div class="extend">Ctrl+V</div>
-                            </li>
-                            <li ac="duplicate">复用
-                                <div class="extend">Ctrl+D</div>
-                            </li>
-                            <li ac="addLeadProcess">
-                                添加到前置流程
-                                <div class="extend"></div>
-                            </li>
-                            <li ac="addRearProcess">
-                                添加到后置流程
-                                <div class="extend"></div>
-                            </li>
-                            <li class="devider devi_clip"></li>
-                            <li ac="front">
-                                <div class="ico ico_front"></div>置于顶层
-                                <div class="extend">Ctrl+]</div>
-                            </li>
-                            <li ac="back">
-                                <div class="ico ico_back"></div>置于底层
-                                <div class="extend">Ctrl+[</div>
-                            </li>
-                            <li ac="lock">
-                                <div class="ico ico_lock"></div>锁定
-                                <div class="extend">Ctrl+L</div>
-                            </li>
-                            <li ac="unlock">
-                                <div class="ico ico_unlock"></div>解锁
-                                <div class="extend">Ctrl+Shift+L</div>
-                            </li>
-                            <li ac="group">组合
-                                <div class="extend">Ctrl+G</div>
-                            </li>
-                            <li ac="ungroup">取消组合
-                                <div class="extend">Ctrl+Shift+G</div>
-                            </li>
-                            <li id="ctxmenu_align">
-                                图形对齐
-                                <div class="extend ex_arrow">►</div>
-                                <ul class="menu list extend_menu">
-                                    <li ac="align_shape" al="left">左对齐</li>
-                                    <li ac="align_shape" al="center">居中对齐</li>
-                                    <li ac="align_shape" al="right">右对齐</li>
-                                    <li class="devider"></li>
-                                    <li ac="align_shape" al="top">顶端对齐</li>
-                                    <li ac="align_shape" al="middle">垂直居中对齐</li>
-                                    <li ac="align_shape" al="bottom">底端对齐</li>
-                                </ul>
-                            </li>
-                            <li class="devider devi_shape"></li>
-                            <li ac="changelink">
-                                <div class="ico ico_link"></div>修改链接</li>
-                            <li ac="edit">
-                                <div class="ico edittext"></div>编辑文本
-                                <div class="extend">空格</div>
-                            </li>
-                            <li ac="dataconfig" onclick="showShapeConfig();">
-                                <div class="ico" style="margin-top: -3px;"><i class="awsui-iconfont" style="font-size:19px; color:black;">&#58956;</i></div>数据配置
-                                <div class="extend">Ctrl+R</div>
-                            </li>
-                            <li ac="delete">
-                                <div class="ico remove"></div>删除
-                                <div class="extend">Delete/Backspace</div>
-                            </li>
-                            <li class="devider devi_del"></li>
-                            <li ac="selectall">全选
-                                <div class="extend">Ctrl+A</div>
-                            </li>
-                            <li ac="selectVertical">调整垂直间距
-                                <div class="extend"></div>
-                            </li>
-                            <li ac="selectHorizontal">调整水平间距
-                                <div class="extend"></div>
-                            </li>
-                            <li class="devider devi_selectall"></li>
-                            <li ac="drawline">
-                                <div class="ico linkertype_normal"></div>创建连线
-                                <div class="extend">L</div>
-                            </li>
-                            <li class="devider devi_selectall"></li>
-                            <li ac="oneClickExpand">一键展开
-                                <div class="extend"></div>
-                            </li>
-                            <li ac="oneClickClose">一键闭合
-                                <div class="extend"></div>
-                            </li>
-                            <li class="devider devi_custom"></li>
-                            <li ac="customdefine">自定义模板
-                                <div class="extend"></div>
-                            </li>
-                        </ul>
-                        <div id="designer_subline1" style="position:absolute;"></div>
-                        <div id="designer_subline2" style="position:absolute;"></div>
+                        </div>
+                        <div id="ete-cascade-open" class="ete-word" awsui-qtip="打开模型"><i class="awsui-iconfont" style="color:#707070;font-size:19px;">&#xe800;</i></div>
+                        <div id="ete-cascade-slider" class="ausui-slider-vertical">
+                            <div class="awsui-slider" style="height:188px;" id="verticalSlide2">
+                                <input class="slider-input" id="verticalSlide2_input" />
+                            </div>
+                        </div>
+                        <div id="ete-cascade-analysis" class="ete-word"  awsui-qtip="串联分析"><i class="awsui-iconfont" style="color:#108ee9;font-size:22px;">&#xec57;</i></div>
+                        <form id="eteCascadeAnalysisForm" name="eteCascadeAnalysisForm" method="post" action="./w" target="_blank">
+                            <input type="hidden" name="appId" value="com.actionsoft.apps.coe.pal.processlink">
+                            <input type="hidden" name="cmd" value="com.actionsoft.apps.coe.pal.processlink_ete_analysis_home">
+                            <input type="hidden" name="sid" value="<#sid>">
+                            <input type="hidden" name="wsId" value="<#wsId>">
+                            <input type="hidden" name="teamId" value="<#teamId>">
+                            <input type="hidden" name="uuid" value="<#uuid>">
+                        </form>
                     </div>
+                    <ul id="designer_contextmenu" class="menu list options_menu">
+                        <li ac="cut">
+                            <div class="ico cut"></div>剪切
+                            <div class="extend">Ctrl+X</div>
+                        </li>
+                        <li ac="copy">
+                            <div class="ico copy"></div>复制
+                            <div class="extend">Ctrl+C</div>
+                        </li>
+                        <!--  <li ac="appearCopy">
+                             <div class="ico copy"></div>出现复制
+                             <div class="extend">Ctrl+C</div>
+                         </li> -->
+                        <li ac="paste">
+                            <div class="ico paste"></div>粘贴
+                            <div class="extend">Ctrl+V</div>
+                        </li>
+                        <li ac="duplicate">复用
+                            <div class="extend">Ctrl+D</div>
+                        </li>
+                        <li ac="addLeadProcess">
+                            添加到前置流程
+                            <div class="extend"></div>
+                        </li>
+                        <li ac="addRearProcess">
+                            添加到后置流程
+                            <div class="extend"></div>
+                        </li>
+                        <li class="devider devi_clip"></li>
+                        <li ac="front">
+                            <div class="ico ico_front"></div>置于顶层
+                            <div class="extend">Ctrl+]</div>
+                        </li>
+                        <li ac="back">
+                            <div class="ico ico_back"></div>置于底层
+                            <div class="extend">Ctrl+[</div>
+                        </li>
+                        <li ac="lock">
+                            <div class="ico ico_lock"></div>锁定
+                            <div class="extend">Ctrl+L</div>
+                        </li>
+                        <li ac="unlock">
+                            <div class="ico ico_unlock"></div>解锁
+                            <div class="extend">Ctrl+Shift+L</div>
+                        </li>
+                        <li ac="group">组合
+                            <div class="extend">Ctrl+G</div>
+                        </li>
+                        <li ac="ungroup">取消组合
+                            <div class="extend">Ctrl+Shift+G</div>
+                        </li>
+                        <li id="ctxmenu_align">
+                            图形对齐
+                            <div class="extend ex_arrow">►</div>
+                            <ul class="menu list extend_menu">
+                                <li ac="align_shape" al="left">左对齐</li>
+                                <li ac="align_shape" al="center">居中对齐</li>
+                                <li ac="align_shape" al="right">右对齐</li>
+                                <li class="devider"></li>
+                                <li ac="align_shape" al="top">顶端对齐</li>
+                                <li ac="align_shape" al="middle">垂直居中对齐</li>
+                                <li ac="align_shape" al="bottom">底端对齐</li>
+                            </ul>
+                        </li>
+                        <li class="devider devi_shape"></li>
+                        <li ac="changelink">
+                            <div class="ico ico_link"></div>修改链接</li>
+                        <li ac="edit">
+                            <div class="ico edittext"></div>编辑文本
+                            <div class="extend">空格</div>
+                        </li>
+                        <li ac="dataconfig" onclick="showShapeConfig();">
+                            <div class="ico" style="margin-top: -3px;"><i class="awsui-iconfont" style="font-size:19px; color:black;">&#58956;</i></div>数据配置
+                            <div class="extend">Ctrl+R</div>
+                        </li>
+                        <li ac="delete">
+                            <div class="ico remove"></div>删除
+                            <div class="extend">Delete/Backspace</div>
+                        </li>
+                        <li class="devider devi_del"></li>
+                        <li ac="selectall">全选
+                            <div class="extend">Ctrl+A</div>
+                        </li>
+                        <li ac="selectVertical">调整垂直间距
+                            <div class="extend"></div>
+                        </li>
+                        <li ac="selectHorizontal">调整水平间距
+                            <div class="extend"></div>
+                        </li>
+                        <li class="devider devi_selectall"></li>
+                        <li ac="drawline">
+                            <div class="ico linkertype_normal"></div>创建连线
+                            <div class="extend">L</div>
+                        </li>
+                        <li class="devider devi_selectall"></li>
+                        <li ac="oneClickExpand">一键展开
+                            <div class="extend"></div>
+                        </li>
+                        <li ac="oneClickClose">一键闭合
+                            <div class="extend"></div>
+                        </li>
+                        <li class="devider devi_custom"></li>
+                        <li ac="customdefine">自定义模板
+                            <div class="extend"></div>
+                        </li>
+                    </ul>
+                    <div id="designer_subline1" style="position:absolute;"></div>
+                    <div id="designer_subline2" style="position:absolute;"></div>
                 </div>
-                <div id="shape_img_container"></div>
-                <div id="layout_block"></div>
             </div>
-            <div id="shape_thumb" class="menu">
-                <canvas width="160px"></canvas>
-                <div style="width: 180px;"></div>
-            </div>
-            <div id="dock">
-                <div class="dock_header"></div>
-                <div class="dock_buttons">
-                    <div id="dock_btn_attribute" class="toolbar_button selected" style="<#attributeView>" onclick="Dock.showView('attribute');setCookie('<#uuid>', 'attribute,true');" awsui-qtip="数据属性">
-                        <div class="ico ico_dock_attribute"></div>
-                    </div>
-                    <div id="dock_btn_shapeConfig" class="toolbar_button disabled" onclick="showShapeConfig();">
-                        <div class="ico" awsui-qtip="形状数据配置"><i class="awsui-iconfont" style="font-size:20px; color:black;">&#58956;</i></div>
-                    </div>
-                    <div id="dock_btn_navigator" class="toolbar_button" onclick="Dock.showView('navigator');setCookie('<#uuid>', 'navigator,true');" awsui-qtip="导航">
-                        <div class="ico ico_dock_nav"></div>
-                    </div>
-                    <div id="dock_btn_graphic" class="toolbar_button owner" onclick="Dock.showView('graphic');setCookie('<#uuid>', 'graphic,true');" awsui-qtip="图形">
-                        <div class="ico ico_dock_styles"></div>
-                    </div>
-                    <div id="dock_btn_metric" class="toolbar_button owner" onclick="Dock.showView('metric');setCookie('<#uuid>', 'metric,true');" awsui-qtip="度量">
-                        <div class="ico ico_dock_metric"></div>
-                    </div>
+            <div id="shape_img_container"></div>
+            <div id="layout_block"></div>
+        </div>
+        <div id="shape_thumb" class="menu">
+            <canvas width="160px"></canvas>
+            <div style="width: 180px;"></div>
+        </div>
+        <div id="dock">
+            <div class="dock_header"></div>
+            <div class="dock_buttons">
+                <div id="dock_btn_attribute" class="toolbar_button selected" style="<#attributeView>" onclick="Dock.showView('attribute');setCookie('<#uuid>', 'attribute,true');" awsui-qtip="数据属性">
+                    <div class="ico ico_dock_attribute"></div>
+                </div>
+                <div id="dock_btn_shapeConfig" class="toolbar_button disabled" onclick="showShapeConfig();">
+                    <div class="ico" awsui-qtip="形状数据配置"><i class="awsui-iconfont" style="font-size:20px; color:black;">&#58956;</i></div>
+                </div>
+                <div id="dock_btn_navigator" class="toolbar_button" onclick="Dock.showView('navigator');setCookie('<#uuid>', 'navigator,true');" awsui-qtip="导航">
+                    <div class="ico ico_dock_nav"></div>
+                </div>
+                <div id="dock_btn_graphic" class="toolbar_button owner" onclick="Dock.showView('graphic');setCookie('<#uuid>', 'graphic,true');" awsui-qtip="图形">
+                    <div class="ico ico_dock_styles"></div>
+                </div>
+                <div id="dock_btn_metric" class="toolbar_button owner" onclick="Dock.showView('metric');setCookie('<#uuid>', 'metric,true');" awsui-qtip="度量">
+                    <div class="ico ico_dock_metric"></div>
+                </div>
 
-                    <!-- 
-                    <div id="dock_btn_page" class="toolbar_button owner" onclick="Dock.showView('page');setCookie('<#uuid>', 'page,true');" awsui-qtip="页面设置">
-                        <div class="ico ico_dock_page"></div>
-                    </div>
-                     -->
-                    <#dock_btn_validate>
-                       <!--  <div id="dock_btn_history" class="toolbar_button" onclick="Dock.showView('history');setCookie('<#uuid>', 'history,true');" awsui-qtip="历史版本">
-                            <div class="ico ico_history"></div>
-                        </div>-->
-                    <div id="dock_btn_message" class="toolbar_button" style="<#messageView>" onclick="Dock.showView('message');setCookie('<#uuid>', 'page,true');" awsui-qtip="留言">
-                        <div class="ico ico_dock_message"></div>
-                    </div>
-                    <div id="dock_btn_publish" class="toolbar_button" style="<#publishView>" onclick="Dock.showView('publish');setCookie('<#uuid>', 'page,true');" awsui-qtip="发布历史">
-                        <div class="ico ico_dock_publish"></div>
-                    </div>
-                    <div id="dock_btn_enlarge" class="toolbar_button" onclick="resizeMax()" awsui-qtip="放大">
-                        <div class="ico ico_dock_enlarge"></div>
-                    </div>
-                    <div id="dock_btn_narrow" class="toolbar_button" onclick="resizeMin()" awsui-qtip="缩小">
-                        <div class="ico ico_dock_narrow"></div>
-                    </div>
-                    <div id="dock_btn_print" class="toolbar_button" style="<#printView>" onclick="printProcess()" awsui-qtip="打印">
-                        <div class="ico ico_dock_print"></div>
-                    </div>
-                    <div id="dock_btn_fullscreen" class="toolbar_button" onclick="Dock.enterFullScreen()" awsui-qtip="全屏">
-                        <div class="ico ico_dock_fullscreen"></div>
-                    </div>
-                    <div id="dock_btn_upfile" class="toolbar_button" onclick="openUpFile()" awsui-qtip="附件">
-                        <div class="ico ico_dock_upfile"></div>
-                    </div>
-                    <div id="dock_btn_link" class="toolbar_button" onclick="Dock.showView('link');setCookie('<#uuid>', 'page,true');" awsui-qtip="链接">
-                        <div class="ico ico_link"></div>
-                    </div>
-                    <div id="dock_btn_diff" class="toolbar_button" onclick="Dock.showView('diff');setCookie('<#uuid>', 'page,true');" awsui-qtip="版本差异">
-                        <div class="ico ico_dock_diff"></div>
-                    </div>
-                    <!--by bzp-->
-                    <div id="dock_btn_richtext" class="toolbar_button" onclick="openrichtext()" awsui-qtip="富文本">
-                        <div class="ico ico_link"></div>
-                    </div>
-                    <!--by bzp end-->
-                    <#processlink_ete_analysis>
+                <!--
+                <div id="dock_btn_page" class="toolbar_button owner" onclick="Dock.showView('page');setCookie('<#uuid>', 'page,true');" awsui-qtip="页面设置">
+                    <div class="ico ico_dock_page"></div>
+                </div>
+                 -->
+                <#dock_btn_validate>
+                <!--  <div id="dock_btn_history" class="toolbar_button" onclick="Dock.showView('history');setCookie('<#uuid>', 'history,true');" awsui-qtip="历史版本">
+                     <div class="ico ico_history"></div>
+                 </div>-->
+                <div id="dock_btn_message" class="toolbar_button" style="<#messageView>" onclick="Dock.showView('message');setCookie('<#uuid>', 'page,true');" awsui-qtip="留言">
+                    <div class="ico ico_dock_message"></div>
+                </div>
+                <div id="dock_btn_publish" class="toolbar_button" style="<#publishView>" onclick="Dock.showView('publish');setCookie('<#uuid>', 'page,true');" awsui-qtip="发布历史">
+                    <div class="ico ico_dock_publish"></div>
+                </div>
+                <div id="dock_btn_enlarge" class="toolbar_button" onclick="resizeMax()" awsui-qtip="放大">
+                    <div class="ico ico_dock_enlarge"></div>
+                </div>
+                <div id="dock_btn_narrow" class="toolbar_button" onclick="resizeMin()" awsui-qtip="缩小">
+                    <div class="ico ico_dock_narrow"></div>
+                </div>
+                <div id="dock_btn_print" class="toolbar_button" style="<#printView>" onclick="printProcess()" awsui-qtip="打印">
+                    <div class="ico ico_dock_print"></div>
+                </div>
+                <div id="dock_btn_fullscreen" class="toolbar_button" onclick="Dock.enterFullScreen()" awsui-qtip="全屏">
+                    <div class="ico ico_dock_fullscreen"></div>
+                </div>
+                <div id="dock_btn_upfile" class="toolbar_button" onclick="openUpFile()" awsui-qtip="附件">
+                    <div class="ico ico_dock_upfile"></div>
+                </div>
+                <div id="dock_btn_link" class="toolbar_button" onclick="Dock.showView('link');setCookie('<#uuid>', 'page,true');" awsui-qtip="链接">
+                    <div class="ico ico_link"></div>
+                </div>
+                <div id="dock_btn_diff" class="toolbar_button" onclick="Dock.showView('diff');setCookie('<#uuid>', 'page,true');" awsui-qtip="版本差异">
+                    <div class="ico ico_dock_diff"></div>
+                </div>
+                <!--by bzp-->
+                <div id="dock_btn_richtext" class="toolbar_button" onclick="openrichtext()" awsui-qtip="富文本">
+                    <div class="ico ico_link"></div>
+                </div>
+                <!--by bzp end-->
+                <#processlink_ete_analysis>
+            </div>
+        </div>
+        <div id="navigation_view" class="dock_view dock_view_navigator">
+            <div class="dock_view_header">
+                导航
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div class="navigation_bounding">
+                <div class="navigation_view_container">
+                    <canvas id="navigation_canvas" width="120px" height="160px"></canvas>
+                    <div id="navigation_eye"></div>
                 </div>
             </div>
-            <div id="navigation_view" class="dock_view dock_view_navigator">
-                <div class="dock_view_header">
-                    导航
-                    <div class="ico ico_dock_collapse"></div>
+            <div class="dock_devider" style="margin: 0px 10px"></div>
+            <div class="navigation_view_bar">
+                <div id="dock_zoom" class="spinner active"></div>
+                <div id="dock_btn_fullscreen" class="toolbar_button active" onclick="Dock.enterFullScreen()" awsui-qtip='全屏视图' title_pos="top">
+                    <div class="ico ico_fullscreen"></div>
                 </div>
-                <div class="navigation_bounding">
-                    <div class="navigation_view_container">
-                        <canvas id="navigation_canvas" width="120px" height="160px"></canvas>
-                        <div id="navigation_eye"></div>
-                    </div>
-                </div>
-                <div class="dock_devider" style="margin: 0px 10px"></div>
-                <div class="navigation_view_bar">
-                    <div id="dock_zoom" class="spinner active"></div>
-                    <div id="dock_btn_fullscreen" class="toolbar_button active" onclick="Dock.enterFullScreen()" awsui-qtip='全屏视图' title_pos="top">
-                        <div class="ico ico_fullscreen"></div>
-                    </div>
-                 <!--    <div id="dock_btn_presentation" class="toolbar_button active" onclick="Dock.enterPresentation()" awsui-qtip="演示视图" title_pos="top">
-                        <div class="ico ico_presentation"></div>
-                    </div>-->
-                </div>
-                <div id="fullscreen_tip" class="alert error">
-                    <div class="ico dlg_close" onclick="$('#fullscreen_tip').hide();"></div>
-                    <div class="t"></div>
-                    <div class="full_suggest">
-                        <span style="float: left;">我们推荐使用以下浏览器：</span>
-                        <span style="float: left;">
+                <!--    <div id="dock_btn_presentation" class="toolbar_button active" onclick="Dock.enterPresentation()" awsui-qtip="演示视图" title_pos="top">
+                       <div class="ico ico_presentation"></div>
+                   </div>-->
+            </div>
+            <div id="fullscreen_tip" class="alert error">
+                <div class="ico dlg_close" onclick="$('#fullscreen_tip').hide();"></div>
+                <div class="t"></div>
+                <div class="full_suggest">
+                    <span style="float: left;">我们推荐使用以下浏览器：</span>
+                    <span style="float: left;">
                             <a href="http://www.google.com/chrome" target="_blank">
                                 <span class="ico chrome"></span>
                             </a>
@@ -1282,2002 +1300,2002 @@
                                 <span class="ico firefox"></span>
                             </a>
                         </span>
-                    </div>
                 </div>
             </div>
-            <!-- Graphic Dock Window -->
-            <div class="dock_view dock_view_graphic">
-                <div class="dock_view_header">
-                    图形
-                    <div class="ico ico_dock_collapse"></div>
+        </div>
+        <!-- Graphic Dock Window -->
+        <div class="dock_view dock_view_graphic">
+            <div class="dock_view_header">
+                图形
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div class="dock_content">
+                <div class="dock_content_title">连线</div>
+                <div id="dock_line_color" class="picker_btn btn_inline"></div>
+                <div id="dock_line_style" class="toolbar_button drop_button active btn_inline" style="margin: 0px 0px 0px 10px">
+                    <div class="ico linestyle linesolid"></div>
+                    <div class="ico ico_dropdown"></div>
                 </div>
-                <div class="dock_content">
-                    <div class="dock_content_title">连线</div>
-                    <div id="dock_line_color" class="picker_btn btn_inline"></div>
-                    <div id="dock_line_style" class="toolbar_button drop_button active btn_inline" style="margin: 0px 0px 0px 10px">
-                        <div class="ico linestyle linesolid"></div>
-                        <div class="ico ico_dropdown"></div>
+                <div id="dock_line_width" class="spinner active btn_inline" style="width: 82px; margin-left: 10px;"></div>
+                <div style="clear: both"></div>
+                <div class="dock_devider"></div>
+                <div class="dock_content_title">填充样式</div>
+                <div id="dock_fill_type" class="toolbar_button active">
+                    <div class="text_content"></div>
+                    <div class="ico ico_dropdown"></div>
+                </div>
+                <div class="fill_detail fill_detail_solid">
+                    <div id="fill_solid_btn" class="picker_btn"></div>
+                </div>
+                <div class="fill_detail fill_detail_gradient">
+                    <div id="fill_gradient_begin" c="255,255,255" class="picker_btn btn_inline"></div>
+                    <div id="gradient_swap" class="toolbar_button btn_normal btn_inline">
+                        <div class="ico gradient_swap"></div>
                     </div>
-                    <div id="dock_line_width" class="spinner active btn_inline" style="width: 82px; margin-left: 10px;"></div>
-                    <div style="clear: both"></div>
-                    <div class="dock_devider"></div>
-                    <div class="dock_content_title">填充样式</div>
-                    <div id="dock_fill_type" class="toolbar_button active">
+                    <div id="fill_gradient_end" c="255,255,255" class="picker_btn btn_inline"></div>
+                    <div id="gradient_type" class="toolbar_button active btn_normal btn_inline" style="width: 100px;margin: 0px 0px 0px 10px;">
                         <div class="text_content"></div>
                         <div class="ico ico_dropdown"></div>
                     </div>
-                    <div class="fill_detail fill_detail_solid">
-                        <div id="fill_solid_btn" class="picker_btn"></div>
-                    </div>
-                    <div class="fill_detail fill_detail_gradient">
-                        <div id="fill_gradient_begin" c="255,255,255" class="picker_btn btn_inline"></div>
-                        <div id="gradient_swap" class="toolbar_button btn_normal btn_inline">
-                            <div class="ico gradient_swap"></div>
-                        </div>
-                        <div id="fill_gradient_end" c="255,255,255" class="picker_btn btn_inline"></div>
-                        <div id="gradient_type" class="toolbar_button active btn_normal btn_inline" style="width: 100px;margin: 0px 0px 0px 10px;">
-                            <div class="text_content"></div>
-                            <div class="ico ico_dropdown"></div>
-                        </div>
-                        <div style="clear: both"></div>
-                        <div id="gradient_type_linear" class="gradient_details">
-                            角度：
-                            <div id="gradient_angle" class="spinner active" style="width: 100px; display: inline-block;"></div>
-                        </div>
-                        <div id="gradient_type_radial" class="gradient_details">
-                            半径：
-                            <div id="gradient_radius" class="spinner active" style="width: 100px; display: inline-block;"></div>
-                        </div>
-                        <div style="clear: both"></div>
-                    </div>
-                    <div class="fill_detail fill_detail_image">
-                        <div id="fill_change_img" class="toolbar_button active" style="width: 95px;">更改图片</div>
-                        <div style="height: 10px;"></div>
-                        显示方式：
-                        <div id="fill_img_display" class="toolbar_button active" style="width: 100px; display: inline-block;">
-                            <div class="text_content"></div>
-                            <div class="ico ico_dropdown"></div>
-                        </div>
-                    </div>
-                    <div class="dock_devider"></div>
-                    <div class="dock_content_title">透明度</div>
-                    <div id="spinner_opacity" class="spinner active" style="width: 90px;"></div>
-                </div>
-            </div>
-            <div class="dock_view dock_view_metric">
-                <div class="dock_view_header">
-                    度量
-                    <div class="ico ico_dock_collapse"></div>
-                </div>
-                <div class="dock_content">
-                    <div class="dock_content_title">位置和大小</div>
-                    <div class="dock_label">X:</div>
-                    <div id="dock_metric_x" class="spinner active btn_inline" style="width: 65px;"></div>
-                    <div class="dock_label">宽:</div>
-                    <div id="dock_metric_w" class="spinner active btn_inline" style="width: 65px;"></div>
-                    <div style="clear: both; height: 10px;"></div>
-                    <div class="dock_label">Y:</div>
-                    <div id="dock_metric_y" class="spinner active btn_inline" style="width: 65px;"></div>
-                    <div class="dock_label">高:</div>
-                    <div id="dock_metric_h" class="spinner active btn_inline" style="width: 65px;"></div>
                     <div style="clear: both"></div>
-                    <div class="dock_devider"></div>
-                    <div class="dock_content_title">旋转方向</div>
-                    <div id="dock_metric_angle" class="spinner active" style="width: 95px; display: inline-block;"></div>
+                    <div id="gradient_type_linear" class="gradient_details">
+                        角度：
+                        <div id="gradient_angle" class="spinner active" style="width: 100px; display: inline-block;"></div>
+                    </div>
+                    <div id="gradient_type_radial" class="gradient_details">
+                        半径：
+                        <div id="gradient_radius" class="spinner active" style="width: 100px; display: inline-block;"></div>
+                    </div>
+                    <div style="clear: both"></div>
                 </div>
-            </div>
-            <div class="dock_view dock_view_page">
-                <div class="dock_view_header">
-                    页面设置
-                    <div class="ico ico_dock_collapse"></div>
-                </div>
-                <div class="dock_content">
-                    <div class="dock_content_title">页面</div>
-                    <div class="dock_label" style="width: 80px;">页面大小:</div>
-                    <div id="dock_page_size" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
+                <div class="fill_detail fill_detail_image">
+                    <div id="fill_change_img" class="toolbar_button active" style="width: 95px;">更改图片</div>
+                    <div style="height: 10px;"></div>
+                    显示方式：
+                    <div id="fill_img_display" class="toolbar_button active" style="width: 100px; display: inline-block;">
                         <div class="text_content"></div>
                         <div class="ico ico_dropdown"></div>
                     </div>
-                    <div style="height: 10px; clear: both"></div>
-                    <div class="dock_label" style="width: 80px;">内边距:</div>
-                    <div id="dock_page_padding" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
+                </div>
+                <div class="dock_devider"></div>
+                <div class="dock_content_title">透明度</div>
+                <div id="spinner_opacity" class="spinner active" style="width: 90px;"></div>
+            </div>
+        </div>
+        <div class="dock_view dock_view_metric">
+            <div class="dock_view_header">
+                度量
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div class="dock_content">
+                <div class="dock_content_title">位置和大小</div>
+                <div class="dock_label">X:</div>
+                <div id="dock_metric_x" class="spinner active btn_inline" style="width: 65px;"></div>
+                <div class="dock_label">宽:</div>
+                <div id="dock_metric_w" class="spinner active btn_inline" style="width: 65px;"></div>
+                <div style="clear: both; height: 10px;"></div>
+                <div class="dock_label">Y:</div>
+                <div id="dock_metric_y" class="spinner active btn_inline" style="width: 65px;"></div>
+                <div class="dock_label">高:</div>
+                <div id="dock_metric_h" class="spinner active btn_inline" style="width: 65px;"></div>
+                <div style="clear: both"></div>
+                <div class="dock_devider"></div>
+                <div class="dock_content_title">旋转方向</div>
+                <div id="dock_metric_angle" class="spinner active" style="width: 95px; display: inline-block;"></div>
+            </div>
+        </div>
+        <div class="dock_view dock_view_page">
+            <div class="dock_view_header">
+                页面设置
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div class="dock_content">
+                <div class="dock_content_title">页面</div>
+                <div class="dock_label" style="width: 80px;">页面大小:</div>
+                <div id="dock_page_size" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
+                    <div class="text_content"></div>
+                    <div class="ico ico_dropdown"></div>
+                </div>
+                <div style="height: 10px; clear: both"></div>
+                <div class="dock_label" style="width: 80px;">内边距:</div>
+                <div id="dock_page_padding" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
+                    <div class="text_content"></div>
+                    <div class="ico ico_dropdown"></div>
+                </div>
+                <div style="height: 10px; clear: both"></div>
+                <div class="dock_label" style="width: 80px;">背景颜色:</div>
+                <div id="dock_page_color" class="picker_btn btn_inline"></div>
+                <div style="clear: both"></div>
+                <div class="dock_devider"></div>
+                <div class="dock_content_title">网格</div>
+                <input id="dock_page_showgrid" type="checkbox" />
+                <label for="dock_page_showgrid">显示网格</label>
+                <div id="dock_gridsize_box" style="margin-top: 10px;">
+                    <div class="dock_label">网格大小:</div>
+                    <div id="dock_page_gridsize" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
                         <div class="text_content"></div>
                         <div class="ico ico_dropdown"></div>
                     </div>
-                    <div style="height: 10px; clear: both"></div>
-                    <div class="dock_label" style="width: 80px;">背景颜色:</div>
-                    <div id="dock_page_color" class="picker_btn btn_inline"></div>
                     <div style="clear: both"></div>
-                    <div class="dock_devider"></div>
-                    <div class="dock_content_title">网格</div>
-                    <input id="dock_page_showgrid" type="checkbox" />
-                    <label for="dock_page_showgrid">显示网格</label>
-                    <div id="dock_gridsize_box" style="margin-top: 10px;">
-                        <div class="dock_label">网格大小:</div>
-                        <div id="dock_page_gridsize" class="toolbar_button active btn_inline" style="width: 110px;display: inline-block;">
-                            <div class="text_content"></div>
-                            <div class="ico ico_dropdown"></div>
-                        </div>
-                        <div style="clear: both"></div>
-                    </div>
                 </div>
             </div>
-            <div class="dock_view dock_view_attribute" style="width: 350px;overflow: auto">
-                <div class="dock_view_header">
-                    <font id='dock_view_header_title'>文件属性</font>
-                    <div class="ico ico_dock_collapse"></div>
+        </div>
+        <div class="dock_view dock_view_attribute" style="width: 350px;overflow: auto">
+            <div class="dock_view_header">
+                <font id='dock_view_header_title'>文件属性</font>
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div class="dock_content" style="padding: 5px 0px 5px;">
+                <!-- 	<div class="attr_add">
+                <div id="attr_add_btn" class="toolbar_button active" style="width: 120px;display: inline-block;" onclick="Dock.showAttrAdd()">添加数据属性</div>
+                <div class="attr_add_items">
+                    <div class="dock_label" style="width: 50px;">名字:</div>
+                    <input id="attr_add_name" type="text" class="input_text" style="float: left; width: 260px;"/>
+                    <div style="height: 5px; clear: both"></div>
+                    <div class="dock_label" style="width: 50px;">类型:</div>
+                    <select id="attr_add_type" class="input_select" style="float: left; width: 120pxs;">
+                        <option value="string">文本</option>
+                        <option value="link">链接</option>
+                        <option value="number">数值</option>
+                        <option value="date">日期</option>
+                        <option value="boolean">布尔</option>
+                        <option value="list" style="display:none;">列表</option>
+                    </select>
+                    <div style="height: 5px; clear: both"></div>
+                    <div class="dock_label" style="width: 50px;">值:</div>
+                    <div id="attr_add_value_arera" style="float: left;"></div>
+                    <div style="height: 5px; clear: both"></div>
+                    <div class="toolbar_button active" style="width: 70px;display: inline-block;" onclick="Dock.saveAttrAdd()">确定</div>
+                    <div class="toolbar_button active" style="width: 70px;display: inline-block;" onclick="Dock.cancelAttrAdd()">取消</div>
                 </div>
-                <div class="dock_content" style="padding: 5px 0px 5px;">
-                    <!-- 	<div class="attr_add">
-					<div id="attr_add_btn" class="toolbar_button active" style="width: 120px;display: inline-block;" onclick="Dock.showAttrAdd()">添加数据属性</div>
-					<div class="attr_add_items">
-						<div class="dock_label" style="width: 50px;">名字:</div>
-						<input id="attr_add_name" type="text" class="input_text" style="float: left; width: 260px;"/>
-						<div style="height: 5px; clear: both"></div>
-						<div class="dock_label" style="width: 50px;">类型:</div>
-						<select id="attr_add_type" class="input_select" style="float: left; width: 120pxs;">
-							<option value="string">文本</option>
-							<option value="link">链接</option>
-							<option value="number">数值</option>
-							<option value="date">日期</option>
-							<option value="boolean">布尔</option>
-							<option value="list" style="display:none;">列表</option>
-						</select>
-						<div style="height: 5px; clear: both"></div>
-						<div class="dock_label" style="width: 50px;">值:</div>
-						<div id="attr_add_value_arera" style="float: left;"></div>
-						<div style="height: 5px; clear: both"></div>
-						<div class="toolbar_button active" style="width: 70px;display: inline-block;" onclick="Dock.saveAttrAdd()">确定</div>
-						<div class="toolbar_button active" style="width: 70px;display: inline-block;" onclick="Dock.cancelAttrAdd()">取消</div>
-					</div>
-					<div class="dock_devider"></div>
-				</div>-->
-                    <ul style="overflow-x: hidden;overflow-y: hidden;">
-                        <!-- 	<ul id="tabUlContainer">  <li id="tab1"><span class="on" onclick="switchTab('tab1','con1');this.blur();return false;">
-			                特性</span></li>
-			            <li id="tab2"><span onclick="switchTab('tab2','con2');this.blur();return false;">
-			                关系</span></li>
-			            </ul>-->
-                        <div id="dock_content_attribute">
-                            <ul id="tabUlContainer">
-                                <li id="tabLiContainnerAttribute" class="selectTag">
-                                    <a onClick="selectAttrTabTag2('tagContent1',this)" href="javascript:void(0)">属性</a>
-                                </li>
-                                <li>
-                                    <a onClick="selectAttrTabTag2('tagContent0',this)" href="javascript:void(0)">关系</a>
-                                </li>
-                                <li><a onClick="selectAttrTabTag2('tagContent2',this)"   href="javascript:void(0)">出现</a> </li>
-                                <li><a onClick="selectAttrTabTag2('tagContent3',this)"   href="javascript:void(0)">关联</a> </li>
-                            </ul>
-                            <!-- 数据属性表格 -->
-                            <div id="tagContent">
-                                <div class="tagContent" id="tagContent0" style="overflow:auto; padding: 10px 0px;">
-                                    <table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
-                                        <tbody class="tagContentTableTbody" id="tagContentTableTitle">
-                                            <tr class="tagContentTableTrFirst">
-                                                <td width="50%">关系类型</td>
-                                                <td width="50%">对象名称</td>
-                                            </tr>
-                                        </tbody>
-                                        <tbody class="tagContentTableTbody" id="tagContentTable1">
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <div class="tagContent selectTag" id="tagContent1" style="overflow-y:auto; overflow-x:hidden; padding: 10px 0px;">
-                                    <table style="margin-top: -10px;border-collapse:collapse;">
-                                        <tbody class="tagContentTableTbody">
-                                            <tr class="tagContentTableTrFirst">
-                                                <td width="30%">属性名称</td>
-                                                <td width="70%" style="width: 235px;">属性值</td>
-                                            </tr>
-                                            <tr class="tagContentTableTr">
-                                                <td width="30%">名称</td>
-                                                <td width="70%" class="tagContentTableTrTd">
-                                                    <span awsui-qtip="" style="overflow:hidden; height:100%;" class="attribute_input_css" name="attribute_desc_input" readonly="readonly" ></span>
-                                                </td>
-                                            </tr>
-                                            <tr class="tagContentTableTr">
-                                                <td width="30%">类型</td>
-                                                <td  width="70%" id="attribute_name_td_content"></td>
-                                            </tr>
-                                        </tbody>
-                                        <tbody class="tagContentTableTbody" id="tagContentTable0">
-
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <!-- 出现复制 -->
-								<div class="tagContent" id="tagContent2" style="overflow:auto; padding: 10px 0px;">
-									<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
-										<tbody class="tagContentTableTbody" id="tagContentTableTitle2">
-											<tr class="tagContentTableTrFirst"><td width="50%">模型名称</td><td width="50%">类型</td></tr>
-										</tbody> 
-										<tbody class="tagContentTableTbody" id="tagContentTableTitleContent2">
-										</tbody> 
-										<tbody class="tagContentTableTbody" id="tagContentTable2">
-										</tbody> 
-									</table>
-								</div>
-									
-								<!-- 形状关联 -->
-								<div class="tagContent" id="tagContent3" style="overflow:auto; padding: 10px 0px;">
-									<table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
-										<tbody class="tagContentTableTbody" id="tagContentTableTitle3">
-											<tr class="tagContentTableTrFirst"><td width="50%">文件名称</td><td width="50%">图形名称</td></tr>
-										</tbody> 
-										<tbody class="tagContentTableTbody" id="tagContentTableTitleContent3">
-										</tbody> 
-										<tbody class="tagContentTableTbody" id="tagContentTable3">
-										</tbody> 
-									</table>
-								</div>
-									
+                <div class="dock_devider"></div>
+            </div>-->
+                <ul style="overflow-x: hidden;overflow-y: hidden;">
+                    <!-- 	<ul id="tabUlContainer">  <li id="tab1"><span class="on" onclick="switchTab('tab1','con1');this.blur();return false;">
+                        特性</span></li>
+                    <li id="tab2"><span onclick="switchTab('tab2','con2');this.blur();return false;">
+                        关系</span></li>
+                    </ul>-->
+                    <div id="dock_content_attribute">
+                        <ul id="tabUlContainer">
+                            <li id="tabLiContainnerAttribute" class="selectTag">
+                                <a onClick="selectAttrTabTag2('tagContent1',this)" href="javascript:void(0)">属性</a>
+                            </li>
+                            <li>
+                                <a onClick="selectAttrTabTag2('tagContent0',this)" href="javascript:void(0)">关系</a>
+                            </li>
+                            <li><a onClick="selectAttrTabTag2('tagContent2',this)"   href="javascript:void(0)">出现</a> </li>
+                            <li><a onClick="selectAttrTabTag2('tagContent3',this)"   href="javascript:void(0)">关联</a> </li>
+                        </ul>
+                        <!-- 数据属性表格 -->
+                        <div id="tagContent">
+                            <div class="tagContent" id="tagContent0" style="overflow:auto; padding: 10px 0px;">
+                                <table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
+                                    <tbody class="tagContentTableTbody" id="tagContentTableTitle">
+                                    <tr class="tagContentTableTrFirst">
+                                        <td width="50%">关系类型</td>
+                                        <td width="50%">对象名称</td>
+                                    </tr>
+                                    </tbody>
+                                    <tbody class="tagContentTableTbody" id="tagContentTable1">
+                                    </tbody>
+                                </table>
                             </div>
-                            <ul style="margin-top:10px;" class="clearfix">
-                                <li class="attr_more">
-                                </li>
-                              	<li>
-                                    <span awsui-qtip="点击打开附件管理" id="upfile"  class="button">附件</span>
-                                </li>
-                                <!-- 
-                                <li>
-                                    <span awsui-qtip="点击添加关联形状" id="relevanceShapes" style="display:none;"  class="button" onclick="addRelevanceShapes('<#sid>','<#wsId>')">添加关联</span>
-                                </li>
-                                 -->
-                            </ul>
-                    </ul>
-                    </div>
-                <ul id="attr_no_more_attribute_id">
-                    <li class="attr_no_more_attribute">
-<!--                        <iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_processlevel_create&wsid=<#wsId>&pid=<#parentChartId>&id=<#uuid>&editable=<#editable>"></iframe>-->
-                        <iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src=""></iframe>
-                    </li>
+                            <div class="tagContent selectTag" id="tagContent1" style="overflow-y:auto; overflow-x:hidden; padding: 10px 0px;">
+                                <table style="margin-top: -10px;border-collapse:collapse;">
+                                    <tbody class="tagContentTableTbody">
+                                    <tr class="tagContentTableTrFirst">
+                                        <td width="30%">属性名称</td>
+                                        <td width="70%" style="width: 235px;">属性值</td>
+                                    </tr>
+                                    <tr class="tagContentTableTr">
+                                        <td width="30%">名称</td>
+                                        <td width="70%" class="tagContentTableTrTd">
+                                            <span awsui-qtip="" style="overflow:hidden; height:100%;" class="attribute_input_css" name="attribute_desc_input" readonly="readonly" ></span>
+                                        </td>
+                                    </tr>
+                                    <tr class="tagContentTableTr">
+                                        <td width="30%">类型</td>
+                                        <td  width="70%" id="attribute_name_td_content"></td>
+                                    </tr>
+                                    </tbody>
+                                    <tbody class="tagContentTableTbody" id="tagContentTable0">
+
+                                    </tbody>
+                                </table>
+                            </div>
+                            <!-- 出现复制 -->
+                            <div class="tagContent" id="tagContent2" style="overflow:auto; padding: 10px 0px;">
+                                <table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
+                                    <tbody class="tagContentTableTbody" id="tagContentTableTitle2">
+                                    <tr class="tagContentTableTrFirst"><td width="50%">模型名称</td><td width="50%">类型</td></tr>
+                                    </tbody>
+                                    <tbody class="tagContentTableTbody" id="tagContentTableTitleContent2">
+                                    </tbody>
+                                    <tbody class="tagContentTableTbody" id="tagContentTable2">
+                                    </tbody>
+                                </table>
+                            </div>
+
+                            <!-- 形状关联 -->
+                            <div class="tagContent" id="tagContent3" style="overflow:auto; padding: 10px 0px;">
+                                <table style="margin-top: -10px;border-collapse:collapse; width: 100%;">
+                                    <tbody class="tagContentTableTbody" id="tagContentTableTitle3">
+                                    <tr class="tagContentTableTrFirst"><td width="50%">文件名称</td><td width="50%">图形名称</td></tr>
+                                    </tbody>
+                                    <tbody class="tagContentTableTbody" id="tagContentTableTitleContent3">
+                                    </tbody>
+                                    <tbody class="tagContentTableTbody" id="tagContentTable3">
+                                    </tbody>
+                                </table>
+                            </div>
+
+                        </div>
+                        <ul style="margin-top:10px;" class="clearfix">
+                            <li class="attr_more">
+                            </li>
+                            <li>
+                                <span awsui-qtip="点击打开附件管理" id="upfile"  class="button">附件</span>
+                            </li>
+                            <!--
+                            <li>
+                                <span awsui-qtip="点击添加关联形状" id="relevanceShapes" style="display:none;"  class="button" onclick="addRelevanceShapes('<#sid>','<#wsId>')">添加关联</span>
+                            </li>
+                             -->
+                        </ul>
                 </ul>
-			</div>
-            <div class="dock_view dock_view_history">
-                <div class="dock_view_header">
-                    历史版本
-                    <div class="ico ico_dock_collapse"></div>
-                </div>
-                <div class="dock_content" style="padding: 0px;">
-                    <div id="history_container" style="min-height: 120px;"></div>
-                    <div class="history_bar">
-                        <div id="btn_history_restore" class="toolbar_button active disabled" awsui-qtip='恢复到此版本'>
-                            <div class="ico ico_restore"></div>
-                        </div>
-                        <div id="spinner_play_speed" class="spinner active disabled" style="width: 50px;"></div>
-                        <div id="btn_history_play" class="toolbar_button active disabled" awsui-qtip='从此版本播放'>
-                            <div class="ico ico_play"></div>
-                        </div>
+            </div>
+            <ul id="attr_no_more_attribute_id">
+                <li class="attr_no_more_attribute">
+                    <!--                        <iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src="./w?sid=<#sid>&cmd=com.actionsoft.apps.coe.pal_processlevel_create&wsid=<#wsId>&pid=<#parentChartId>&id=<#uuid>&editable=<#editable>"></iframe>-->
+                    <iframe id="file_attribute" frameborder="0" width="100%" style="width:100%;height:380px" src=""></iframe>
+                </li>
+            </ul>
+        </div>
+        <div class="dock_view dock_view_history">
+            <div class="dock_view_header">
+                历史版本
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div class="dock_content" style="padding: 0px;">
+                <div id="history_container" style="min-height: 120px;"></div>
+                <div class="history_bar">
+                    <div id="btn_history_restore" class="toolbar_button active disabled" awsui-qtip='恢复到此版本'>
+                        <div class="ico ico_restore"></div>
+                    </div>
+                    <div id="spinner_play_speed" class="spinner active disabled" style="width: 50px;"></div>
+                    <div id="btn_history_play" class="toolbar_button active disabled" awsui-qtip='从此版本播放'>
+                        <div class="ico ico_play"></div>
                     </div>
                 </div>
             </div>
-            <div class="dock_view dock_view_validate">
-                <div class="dock_view_header">
-                    校验信息
-                    <span id="validate_count"></span>
-                    <div class="ico ico_dock_collapse"></div>
-                </div>
-                <div class="dock_content" style="padding: 0px;">
-                    <div id="validate_container" style="min-height: 200px;margin-bottom: 5px;">正在校验...</div>
-                    <div style="float: right"><a id="" href="#" class="button default small" onclick="validateBPMN(false);return false;" style="margin: 0 5px 5px 0;">再次检查</a>
-                    </div>
+        </div>
+        <div class="dock_view dock_view_validate">
+            <div class="dock_view_header">
+                校验信息
+                <span id="validate_count"></span>
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div class="dock_content" style="padding: 0px;">
+                <div id="validate_container" style="min-height: 200px;margin-bottom: 5px;">正在校验...</div>
+                <div style="float: right"><a id="" href="#" class="button default small" onclick="validateBPMN(false);return false;" style="margin: 0 5px 5px 0;">再次检查</a>
                 </div>
             </div>
-        	<div class="dock_view dock_view_message" style="width: 300px;">
-        		<div class="dock_view_header">
-                    留言
-                    <span id="validate_count"></span>
-                    <div class="ico ico_dock_collapse"></div>
+        </div>
+        <div class="dock_view dock_view_message" style="width: 300px;">
+            <div class="dock_view_header">
+                留言
+                <span id="validate_count"></span>
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div id="sideMessageListDiv" class="dock_content" style="padding: 0px;">
+                <div style="width:280px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
+                    <textarea id="publishMessage" style="width:272px;height:80px; border: none;" class="awsui-input awsui-textarea"></textarea>
+                    <div style="border-top: solid 1px #999; padding: 5px; text-align: right;">
+                        <span id="messageSize">1000字</span>
+                        <button id="publishMessageButton" type="button" class="button blue" onclick="saveMessage()">发布</button>
+                    </div>
                 </div>
-                <div id="sideMessageListDiv" class="dock_content" style="padding: 0px;">
-                    <div style="width:280px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
-						<textarea id="publishMessage" style="width:272px;height:80px; border: none;" class="awsui-input awsui-textarea"></textarea>
-						<div style="border-top: solid 1px #999; padding: 5px; text-align: right;">
-							<span id="messageSize">1000字</span>
-							<button id="publishMessageButton" type="button" class="button blue" onclick="saveMessage()">发布</button>
-						</div>
-					</div>
-					<div id="messageContent">
-					</div>
+                <div id="messageContent">
                 </div>
-        	</div>
-        	<div class="dock_view dock_view_publish" style="width: 300px;">
-        		<div class="dock_view_header">
-                    发布历史
-                    <span id="validate_count"></span>
-                    <div class="ico ico_dock_collapse"></div>
-                </div>
-                <div id="sidePublishListDiv" class="dock_content sidelist_div content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
-                    <article>
+            </div>
+        </div>
+        <div class="dock_view dock_view_publish" style="width: 300px;">
+            <div class="dock_view_header">
+                发布历史
+                <span id="validate_count"></span>
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div id="sidePublishListDiv" class="dock_content sidelist_div content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
+                <article>
                     </artical>
+            </div>
+        </div>
+        <div class="dock_view dock_view_link" style="width: 270px;">
+            <div class="dock_view_header">
+                链接
+                <span id="validate_count"></span>
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div id="sideLinkListDiv" class="dock_content" style="padding: 0px; max-height: 380px;">
+                <div id="linkContent" style="width:250px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
                 </div>
-        	</div>
-        	<div class="dock_view dock_view_link" style="width: 270px;">
-        		<div class="dock_view_header">
-                    链接
-                    <span id="validate_count"></span>
-                    <div class="ico ico_dock_collapse"></div>
+            </div>
+        </div>
+        <div class="dock_view dock_view_diff" style="width: 300px;">
+            <div class="dock_view_header">
+                版本差异
+                <span id="validate_count"></span>
+                <div class="ico ico_dock_collapse"></div>
+            </div>
+            <div id="sideDiffDiv" class="dock_content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
+                <table style="border-collapse:collapse;background-color: white;margin: 10px">
+                    <tbody class="diffTableTbody" id="diffTable"></tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+<!--
+<div id="designer_footer">
+    <div class="footer_content">
+        <div class="left_box">
+            <input id="moreShapes" type='button' style='height: 24px;width: 80px;margin-top: 4px;line-height: 24px;<#btnShapeStyle>' class="designer_button" onclick="UI.showShapesManage()" value="更多图形" />
+        </div>
+        <div class="content_box">
+            <div class="footer_left">
+                <div id="collaborators">
+                    <img id="chat_user_<#uid>" src="<#userUrl>" awsui-qtip="<#userName>" title_pos="top" userNum="<#userNum>" style="margin-left:10px;" />
+                    <#usersPhoto>
                 </div>
-                <div id="sideLinkListDiv" class="dock_content" style="padding: 0px; max-height: 380px;">
-                    <div id="linkContent" style="width:250px; margin: 10px auto; text-align: center; border: solid 1px #c5c5c5;">
-					</div>
+                <div id="collaborators_message" style="position:relative; right:5px; float:right; color:#ff0000; display:inline-block;"></div>
+            </div>
+            <ul class="footer_right" style="display:none;">
+                <li class="footer_chrome">
+                    <a href="https://chrome.google.com/webstore/detail/processon-online-diagramm/pnggaliohjcaboolkcpjhfondbjlehkm" target="_blank">
+                        <span class="ico chrome"></span>安装到Chrome</a>
+                </li>
+
+                <li>
+                    <a href="http://weibo.com/u/2711044785" target="_blank">
+                        <span class="ico weibo"></span>关注我们</a>
+                </li>
+
+                <li><a href="/support" target="_blank">获取帮助</a>
+                </li>
+                <li class="footer_fb" onclick="UI.showFeedBack()">提交反馈</li>
+            </ul>
+        </div>
+    </div>
+</div>
+ -->
+<div id="ui_container">
+    <div id='color_picker' class="menu color_picker" style="display: none;">
+        <div class="color_items">
+            <div style="background-color:rgb(255,255,255);"></div>
+            <div style="background-color:rgb(229,229,229);"></div>
+            <div style="background-color:rgb(207,207,207);"></div>
+            <div style="background-color:rgb(184,184,184);"></div>
+            <div style="background-color:rgb(161,161,161);"></div>
+            <div style="background-color:rgb(138,138,138);"></div>
+            <div style="background-color:rgb(115,115,115);"></div>
+            <div style="background-color:rgb(92,92,92);"></div>
+            <div style="background-color:rgb(69,69,69);"></div>
+            <div style="background-color:rgb(50,50,50);"></div>
+            <div style="background-color:rgb(23,23,23);"></div>
+            <div style="background-color:rgb(0,0,0);"></div>
+            <div class="clear"></div>
+        </div>
+        <div class="color_items">
+            <div style="background-color:rgb(255,204,204);"></div>
+            <div style="background-color:rgb(255,230,204);"></div>
+            <div style="background-color:rgb(255,255,204);"></div>
+            <div style="background-color:rgb(230,255,204);"></div>
+            <div style="background-color:rgb(204,255,204);"></div>
+            <div style="background-color:rgb(204,255,230);"></div>
+            <div style="background-color:rgb(204,255,255);"></div>
+            <div style="background-color:rgb(204,229,255);"></div>
+            <div style="background-color:rgb(204,204,255);"></div>
+            <div style="background-color:rgb(229,204,255);"></div>
+            <div style="background-color:rgb(255,204,255);"></div>
+            <div style="background-color:rgb(255,204,230);"></div>
+            <div style="background-color:rgb(255,153,153);"></div>
+            <div style="background-color:rgb(255,204,153);"></div>
+            <div style="background-color:rgb(255,255,153);"></div>
+            <div style="background-color:rgb(204,255,153);"></div>
+            <div style="background-color:rgb(153,255,153);"></div>
+            <div style="background-color:rgb(153,255,204);"></div>
+            <div style="background-color:rgb(153,255,255);"></div>
+            <div style="background-color:rgb(153,204,255);"></div>
+            <div style="background-color:rgb(153,153,255);"></div>
+            <div style="background-color:rgb(204,153,255);"></div>
+            <div style="background-color:rgb(255,153,255);"></div>
+            <div style="background-color:rgb(255,153,204);"></div>
+            <div style="background-color:rgb(255,102,102);"></div>
+            <div style="background-color:rgb(255,179,102);"></div>
+            <div style="background-color:rgb(255,255,102);"></div>
+            <div style="background-color:rgb(179,255,102);"></div>
+            <div style="background-color:rgb(102,255,102);"></div>
+            <div style="background-color:rgb(102,255,179);"></div>
+            <div style="background-color:rgb(102,255,255);"></div>
+            <div style="background-color:rgb(102,178,255);"></div>
+            <div style="background-color:rgb(102,102,255);"></div>
+            <div style="background-color:rgb(178,102,255);"></div>
+            <div style="background-color:rgb(255,102,255);"></div>
+            <div style="background-color:rgb(255,102,179);"></div>
+            <div style="background-color:rgb(255,51,51);"></div>
+            <div style="background-color:rgb(255,153,51);"></div>
+            <div style="background-color:rgb(255,255,51);"></div>
+            <div style="background-color:rgb(153,255,51);"></div>
+            <div style="background-color:rgb(51,255,51);"></div>
+            <div style="background-color:rgb(51,255,153);"></div>
+            <div style="background-color:rgb(51,255,255);"></div>
+            <div style="background-color:rgb(51,153,255);"></div>
+            <div style="background-color:rgb(51,51,255);"></div>
+            <div style="background-color:rgb(153,51,255);"></div>
+            <div style="background-color:rgb(255,51,255);"></div>
+            <div style="background-color:rgb(255,51,153);"></div>
+            <div style="background-color:rgb(255,0,0);"></div>
+            <div style="background-color:rgb(255,128,0);"></div>
+            <div style="background-color:rgb(255,255,0);"></div>
+            <div style="background-color:rgb(128,255,0);"></div>
+            <div style="background-color:rgb(0,255,0);"></div>
+            <div style="background-color:rgb(0,255,128);"></div>
+            <div style="background-color:rgb(0,255,255);"></div>
+            <div style="background-color:rgb(0,127,255);"></div>
+            <div style="background-color:rgb(0,0,255);"></div>
+            <div style="background-color:rgb(127,0,255);"></div>
+            <div style="background-color:rgb(255,0,255);"></div>
+            <div style="background-color:rgb(255,0,128);"></div>
+            <div style="background-color:rgb(204,0,0);"></div>
+            <div style="background-color:rgb(204,102,0);"></div>
+            <div style="background-color:rgb(204,204,0);"></div>
+            <div style="background-color:rgb(102,204,0);"></div>
+            <div style="background-color:rgb(0,204,0);"></div>
+            <div style="background-color:rgb(0,204,102);"></div>
+            <div style="background-color:rgb(0,204,204);"></div>
+            <div style="background-color:rgb(0,102,204);"></div>
+            <div style="background-color:rgb(0,0,204);"></div>
+            <div style="background-color:rgb(102,0,204);"></div>
+            <div style="background-color:rgb(204,0,204);"></div>
+            <div style="background-color:rgb(204,0,102);"></div>
+            <div style="background-color:rgb(153,0,0);"></div>
+            <div style="background-color:rgb(153,76,0);"></div>
+            <div style="background-color:rgb(153,153,0);"></div>
+            <div style="background-color:rgb(77,153,0);"></div>
+            <div style="background-color:rgb(0,153,0);"></div>
+            <div style="background-color:rgb(0,153,77);"></div>
+            <div style="background-color:rgb(0,153,153);"></div>
+            <div style="background-color:rgb(0,76,153);"></div>
+            <div style="background-color:rgb(0,0,153);"></div>
+            <div style="background-color:rgb(76,0,153);"></div>
+            <div style="background-color:rgb(153,0,153);"></div>
+            <div style="background-color:rgb(153,0,77);"></div>
+            <div style="background-color:rgb(102,0,0);"></div>
+            <div style="background-color:rgb(102,51,0);"></div>
+            <div style="background-color:rgb(102,102,0);"></div>
+            <div style="background-color:rgb(51,102,0);"></div>
+            <div style="background-color:rgb(0,102,0);"></div>
+            <div style="background-color:rgb(0,102,51);"></div>
+            <div style="background-color:rgb(0,102,102);"></div>
+            <div style="background-color:rgb(0,51,102);"></div>
+            <div style="background-color:rgb(0,0,102);"></div>
+            <div style="background-color:rgb(51,0,102);"></div>
+            <div style="background-color:rgb(102,0,102);"></div>
+            <div style="background-color:rgb(102,0,51);"></div>
+            <div style="background-color:rgb(51,0,0);"></div>
+            <div style="background-color:rgb(51,26,0);"></div>
+            <div style="background-color:rgb(51,51,0);"></div>
+            <div style="background-color:rgb(26,51,0);"></div>
+            <div style="background-color:rgb(0,51,0);"></div>
+            <div style="background-color:rgb(0,51,26);"></div>
+            <div style="background-color:rgb(0,51,51);"></div>
+            <div style="background-color:rgb(0,25,51);"></div>
+            <div style="background-color:rgb(0,0,51);"></div>
+            <div style="background-color:rgb(25,0,51);"></div>
+            <div style="background-color:rgb(51,0,51);"></div>
+            <div style="background-color:rgb(51,0,26);"></div>
+            <div class="clear"></div>
+        </div>
+    </div>
+    <ul id="bar_list_file" class="menu list options_menu noico">
+        <li ac="rename">重命名文件</li>
+        <li class="devider"></li>
+        <!--
+    <li ac="saveAs">另存...</li>
+    -->
+        <li ac="preview">预览</li>
+        <li class="devider"></li>
+        <li ac="export">下载为...</li>
+        <!--<li class="devider"></li>
+        <li ac="processExport">导出</li>-->
+        <li class="devider" data-name="processOutput" style="display:none;"></li>
+        <li id="export_report" ac="output" data-name="processOutput" style="display:none;">预览流程手册</li>
+        <li class="devider"></li>
+        <li ac="saveImage">生成图片和缩略图</li>
+        <!--<li class="devider"></li>
+        <li ac="versionCompare">流程版本对比</li>-->
+        <!-- <li class="devider"></li>
+        <li ac="close">关闭</li> -->
+    </ul>
+    <ul id="bar_list_edit" class="menu list options_menu">
+        <li ac="undo">
+            <div class="ico undo"></div>撤销
+            <div class="extend">Ctrl+Z</div>
+        </li>
+        <li ac="redo">
+            <div class="ico redo"></div>恢复
+            <div class="extend">Ctrl+Y</div>
+        </li>
+        <li class="devider"></li>
+        <li ac="cut">
+            <div class="ico cut"></div>剪切
+            <div class="extend">Ctrl+X</div>
+        </li>
+        <li ac="copy">
+            <div class="ico copy"></div>复制
+            <div class="extend">Ctrl+C</div>
+        </li>
+        <li ac="paste">
+            <div class="ico paste"></div>粘贴
+            <div class="extend">Ctrl+V</div>
+        </li>
+        <li ac="duplicate">复用
+            <div class="extend">Ctrl+D</div>
+        </li>
+        <li ac="brush">
+            <div class="ico brush"></div>格式刷
+            <div class="extend">Ctrl+Shift+B</div>
+        </li>
+        <li class="devider"></li>
+        <li ac="selectall">全选
+            <div class="extend">Ctrl+A</div>
+        </li>
+        <li ac="batchreplace">批量替换
+            <div class="extend">Ctrl+Shift+H</div>
+        </li>
+        <li ac="delete">
+            <div class="ico remove"></div>删除
+            <div class="extend">Delete/Backspace</div>
+        </li>
+    </ul>
+    <ul id="bar_list_view" class="menu list options_menu">
+        <li ac="zoom" zoom="in">
+            <div class="ico zoomin"></div>放大
+            <div class="extend">Ctrl+(&gt;)</div>
+        </li>
+        <li ac="zoom" zoom="out">
+            <div class="ico zoomout"></div>缩小
+            <div class="extend">Ctrl+(&lt;)</div>
+        </li>
+        <li class="devider"></li>
+        <li ac="zoom" zoom="0.5" class="static">50%</li>
+        <li ac="zoom" zoom="0.75" class="static">75%</li>
+        <li ac="zoom" zoom="1" class="static">100%</li>
+        <li ac="zoom" zoom="1.5" class="static">150%</li>
+        <li ac="zoom" zoom="2" class="static">200%</li>
+        <li class="devider"></li>
+        <li ac="zoom" zoom="1">重置缩放</li>
+        <li class="devider"></li>
+        <li ac="openNewPage">新页面打开</li>
+    </ul>
+    <ul id="bar_list_insert" class="menu list options_menu">
+        <li ac="insert" in="text">
+            <div class="ico text"></div>文本
+            <div class="extend">T</div>
+        </li>
+        <!-- <li ac="insert" in="image"><div class="ico ico_img"></div>图片<div class="extend">I</div></li> -->
+        <li ac="insert" in="line">
+            <div class="ico linkertype_normal"></div>连线
+            <div class="extend">L</div>
+        </li>
+    </ul>
+    <ul id="bar_list_page" class="menu list options_menu">
+        <li id="bar_page_color">
+            <div class="ico fillcolor"></div>
+            背景颜色
+            <div class="extend ex_arrow">►</div>
+        </li>
+        <li>
+            页面大小
+            <div class="extend ex_arrow">►</div>
+            <ul id="bar_list_pagesize" class="menu list extend_menu menu_ico">
+                <li ac="set_page_size" w="1500" h="2100">A3(1500x2100)</li>
+                <li ac="set_page_size" w="1050" h="1500">A4(1050x1500)</li>
+                <li ac="set_page_size" w="750" h="1050">A5(750x1050)</li>
+                <li class="devider"></li>
+                <li class="menu_text" id="page_size_custom">自定义</li>
+                <li class="menu_text" style="line-height: 30px;">
+                    <span class='lbl'>W:</span>
+                    <div id="page_size_w" class="spinner active" style="width: 74px;"></div>
+                </li>
+                <li class="menu_text" style="line-height: 30px;">
+                    <span class='lbl'>H:</span>
+                    <div id="page_size_h" class="spinner active" style="width: 74px;"></div>
+                </li>
+            </ul>
+        </li>
+        <li>
+            <div class="ico padding"></div>
+            内边距
+            <div class="extend ex_arrow">►</div>
+            <ul id="bar_list_padding" class="menu list extend_menu menu_ico">
+                <li ac="set_page_padding" p="0">0px</li>
+                <li ac="set_page_padding" p="20">20px</li>
+                <li ac="set_page_padding" p="40">40px</li>
+                <li ac="set_page_padding" p="60">60px</li>
+                <li ac="set_page_padding" p="80">80px</li>
+                <li ac="set_page_padding" p="100">100px</li>
+            </ul>
+        </li>
+        <li class="devider"></li>
+        <li ac="set_page_showgrid">
+            <div class="ico ico_selected"></div>显示网格</li>
+        <li>
+            <div class="ico gridsize"></div>
+            网格大小
+            <div class="extend ex_arrow">►</div>
+            <ul id="bar_list_gridsize" class="menu list extend_menu menu_ico">
+                <li ac="set_page_gridsize" s="10">小</li>
+                <li ac="set_page_gridsize" s="15">正常</li>
+                <li ac="set_page_gridsize" s="20">大</li>
+                <li ac="set_page_gridsize" s="30">很大</li>
+            </ul>
+        </li>
+    </ul>
+    <ul id="bar_list_arrange" class="menu list options_menu">
+        <li ac="front">
+            <div class="ico ico_front"></div>置于顶层
+            <div class="extend">Ctrl+]</div>
+        </li>
+        <li ac="back">
+            <div class="ico ico_back"></div>置于底层
+            <div class="extend">Ctrl+[</div>
+        </li>
+        <li ac="forward">上移一层
+            <div class="extend">Ctrl+Shift+]</div>
+        </li>
+        <li ac="backward">下移一层
+            <div class="extend">Ctrl+Shift+[</div>
+        </li>
+        <li class="devider"></li>
+        <li id="bar_arrange_align">
+            图形对齐
+            <div class="extend ex_arrow">►</div>
+            <ul class="menu list extend_menu">
+                <li ac="align_shape" al="left">左对齐</li>
+                <li ac="align_shape" al="center">居中对齐</li>
+                <li ac="align_shape" al="right">右对齐</li>
+                <li class="devider"></li>
+                <li ac="align_shape" al="top">顶端对齐</li>
+                <li ac="align_shape" al="middle">垂直居中对齐</li>
+                <li ac="align_shape" al="bottom">底端对齐</li>
+            </ul>
+        </li>
+        <li id="bar_arrange_dist">
+            图形分布
+            <div class="extend ex_arrow">►</div>
+            <ul class="menu list extend_menu">
+                <li ac="distribute_shape" dis="h">水平平均分布</li>
+                <li ac="distribute_shape" dis="v">垂直平均分布</li>
+            </ul>
+        </li>
+        <li id="bar_arrange_match">
+            匹配大小
+            <div class="extend ex_arrow">►</div>
+            <ul class="menu list extend_menu">
+                <li ac="match_size" w="auto" h="">宽度</li>
+                <li ac="match_size" w="" h="auto">高度</li>
+                <li ac="match_size" w="auto" h="auto">宽度和高度</li>
+                <li ac="match_size" custom="true">自定义</li>
+            </ul>
+        </li>
+        <li class="devider"></li>
+        <li ac="lock">
+            <div class="ico ico_lock"></div>锁定
+            <div class="extend">Ctrl+L</div>
+        </li>
+        <li ac="unlock">
+            <div class="ico ico_unlock"></div>解锁
+            <div class="extend">Ctrl+Shift+L</div>
+        </li>
+        <li class="devider"></li>
+        <li ac="group">组合
+            <div class="extend">Ctrl+G</div>
+        </li>
+        <li ac="ungroup">取消组合
+            <div class="extend">Ctrl+Shift+G</div>
+        </li>
+    </ul>
+    <ul id="bar_list_help" class="menu list options_menu noico">
+        <li ac="hotkey">快捷键列表</li>
+        <!-- <li ac="getting_started">开始向导</li> -->
+        <!-- <li ac="feedback">发送反馈</li> -->
+    </ul>
+    <ul id="font_list" class="menu list menu_ico" style="display: none;">
+        <li style="font-family: Arial">Arial</li>
+        <li style="font-family: Verdana">Verdana</li>
+        <li style="font-family: Georgia">Georgia</li>
+        <li style="font-family: Times New Roman">Times New Roman</li>
+        <li style="font-family: Courier New">Courier New</li>
+        <li style="font-family: Impact">Impact</li>
+        <li style="font-family: Comic Sans MS">Comic Sans MS</li>
+        <li style="font-family: Tahoma">Tahoma</li>
+        <li style="font-family: Garamond">Garamond</li>
+        <li style="font-family: Lucida Console">Lucida Console</li>
+
+        <li class="devider"></li>
+        <li style="font-family: 宋体">宋体</li>
+        <li style="font-family: 楷体">楷体</li>
+        <li style="font-family: 黑体">黑体</li>
+
+    </ul>
+    <ul id="font_size_list" class="menu list" style="display: none;">
+        <li>6</li>
+        <li>7</li>
+        <li>8</li>
+        <li>9</li>
+        <li>10</li>
+        <li>11</li>
+        <li>12</li>
+        <li>14</li>
+        <li>18</li>
+        <li>24</li>
+        <li>30</li>
+        <li>36</li>
+        <li>48</li>
+        <li>60</li>
+        <li>72</li>
+    </ul>
+    <ul id="font_align_list" class="menu list" style="display: none;">
+        <li cate="textAlign" al="left">
+            <div class="ico alignleft"></div>
+        </li>
+        <li cate="textAlign" al="center">
+            <div class="ico aligncenter"></div>
+        </li>
+        <li cate="textAlign" al="right">
+            <div class="ico alignright"></div>
+        </li>
+        <li cate="vAlign" al="top">
+            <div class="ico aligntop"></div>
+        </li>
+        <li cate="vAlign" al="middle">
+            <div class="ico alignmiddle"></div>
+        </li>
+        <li cate="vAlign" al="bottom">
+            <div class="ico alignbottom"></div>
+        </li>
+    </ul>
+    <ul id="line_width_list" class="menu list menu_ico" style="display: none;">
+        <li>0px</li>
+        <li>1px</li>
+        <li>2px</li>
+        <li>3px</li>
+        <li>4px</li>
+        <li>5px</li>
+        <li>6px</li>
+        <li>8px</li>
+        <li>10px</li>
+    </ul>
+    <ul id="line_style_list" class="menu list menu_ico" style="display: none;">
+        <li line="solid">
+            <div class="ico linestyle linesolid"></div>
+        </li>
+        <li line="dashed">
+            <div class="ico linestyle linedashed"></div>
+        </li>
+        <li line="dot">
+            <div class="ico linestyle linedot"></div>
+        </li>
+        <li line="dashdot">
+            <div class="ico linestyle linedashdot"></div>
+        </li>
+    </ul>
+    <ul id="line_type_list" class="menu list" style="display: none;">
+        <li tp="broken">
+            <div class="ico linkertype_broken"></div>
+        </li>
+        <li tp="curve">
+            <div class="ico linkertype_curve"></div>
+        </li>
+        <li tp="normal">
+            <div class="ico linkertype_normal"></div>
+        </li>
+    </ul>
+    <ul id="beginarrow_list" class="menu list menu_ico" style="display: none;">
+        <li arrow="none">
+            <div class="ico ico_arrow larrow_none"></div>
+        </li>
+        <li arrow="solidArrow">
+            <div class="ico ico_arrow larrow_solidarrow"></div>
+        </li>
+        <li arrow="dashedArrow">
+            <div class="ico ico_arrow larrow_dashedarrow"></div>
+        </li>
+        <li arrow="normal">
+            <div class="ico ico_arrow larrow_normal"></div>
+        </li>
+        <li arrow="solidDiamond">
+            <div class="ico ico_arrow larrow_soliddiamond"></div>
+        </li>
+        <li arrow="dashedDiamond">
+            <div class="ico ico_arrow larrow_dasheddiamond"></div>
+        </li>
+        <li arrow="solidCircle">
+            <div class="ico ico_arrow larrow_solidcircle"></div>
+        </li>
+        <li arrow="dashedCircle">
+            <div class="ico ico_arrow larrow_dashedcircle"></div>
+        </li>
+        <li arrow="cross">
+            <div class="ico ico_arrow larrow_cross"></div>
+        </li>
+    </ul>
+    <ul id="endarrow_list" class="menu list menu_ico" style="display: none;">
+        <li arrow="none">
+            <div class="ico ico_arrow rarrow_none"></div>
+        </li>
+        <li arrow="solidArrow">
+            <div class="ico ico_arrow rarrow_solidarrow"></div>
+        </li>
+        <li arrow="dashedArrow">
+            <div class="ico ico_arrow rarrow_dashedarrow"></div>
+        </li>
+        <li arrow="normal">
+            <div class="ico ico_arrow rarrow_normal"></div>
+        </li>
+        <li arrow="solidDiamond">
+            <div class="ico ico_arrow rarrow_soliddiamond"></div>
+        </li>
+        <li arrow="dashedDiamond">
+            <div class="ico ico_arrow rarrow_dasheddiamond"></div>
+        </li>
+        <li arrow="solidCircle">
+            <div class="ico ico_arrow rarrow_solidcircle"></div>
+        </li>
+        <li arrow="dashedCircle">
+            <div class="ico ico_arrow rarrow_dashedcircle"></div>
+        </li>
+        <li arrow="cross">
+            <div class="ico ico_arrow rarrow_cross"></div>
+        </li>
+    </ul>
+
+    <!-- Dock Drops -->
+    <ul id="dock_fill_list" class="menu list menu_ico" style="display: none; width: 198px;">
+        <li ty="none">无</li>
+        <li ty="solid">颜色</li>
+        <li ty="gradient">渐变</li>
+        <!-- 将作为下个版本考虑 -->
+        <!-- <li ty="image">图片</li> -->
+    </ul>
+
+    <ul id="gradient_type_list" class="menu list menu_ico" style="display: none; z-index: 1;">
+        <li ty="linear" style="width: 60px">线性渐变</li>
+        <li ty="radial" style="width: 60px">径向渐变</li>
+    </ul>
+    <ul id="img_display_list" class="menu list" style="display: none;">
+        <li ty="fill">填充</li>
+        <li ty="fit">自适应</li>
+        <li ty="stretch">按图形伸展</li>
+        <li ty="original">原始尺寸</li>
+        <li ty="tile">平铺</li>
+    </ul>
+    <ul id="page_size_list" class="menu list dock_page_menu menu_ico" style="display: none;">
+        <li ac="set_page_size" w="1500" h="2100">A3(1500x2100)</li>
+        <li ac="set_page_size" w="1050" h="1500">A4(1050x1500)</li>
+        <li ac="set_page_size" w="750" h="1050">A5(750x1050)</li>
+        <li class="devider"></li>
+        <li class="menu_text" id="dock_size_custom">自定义</li>
+        <li class="menu_text" style="line-height: 30px;">
+            <span class='lbl'>W:</span>
+            <div id="dock_size_w" class="spinner active" style="width: 75px;"></div>
+        </li>
+        <li class="menu_text" style="line-height: 30px;">
+            <span class='lbl'>H:</span>
+            <div id="dock_size_h" class="spinner active" style="width: 75px;"></div>
+        </li>
+    </ul>
+    <ul id="page_padding_list" class="menu list dock_page_menu menu_ico" style="display: none;">
+        <li p="0">0px</li>
+        <li p="20">20px</li>
+        <li p="40">40px</li>
+        <li p="60">60px</li>
+        <li p="80">80px</li>
+        <li p="100">100px</li>
+    </ul>
+    <ul id="page_gridsize_list" class="menu list dock_page_menu menu_ico" style="display: none;">
+        <li s="10">小</li>
+        <li s="15">正常</li>
+        <li s="20">大</li>
+        <li s="30">很大</li>
+    </ul>
+    <ul id="attr_display_list" class="menu list dock_page_menu menu_ico" style="display: none;">
+        <li ty="none">无</li>
+        <li ty="text">文本</li>
+        <li ty="icon">图标</li>
+    </ul>
+    <ul id="attr_icon_list" class="menu list dock_page_menu" style="display: none;">
+        <li></li>
+    </ul>
+    <ul id="attr_location_h_list" class="menu list attr_location_menu dock_page_menu" style="display: none;">
+        <li loc="mostleft">
+            <div>
+                <span style="left: -5px"></span>
+            </div>最左边</li>
+        <li loc="leftedge">
+            <div>
+                <span style="left: -3px"></span>
+            </div>左边缘</li>
+        <li loc="left">
+            <div>
+                <span style="left: 0px"></span>
+            </div>左边</li>
+        <li loc="center">
+            <div>
+                <span style="left: 3px"></span>
+            </div>中间</li>
+        <li loc="right">
+            <div>
+                <span style="left: 6px"></span>
+            </div>右边</li>
+        <li loc="rightedge">
+            <div>
+                <span style="left: 9px"></span>
+            </div>右边缘</li>
+        <li loc="mostright">
+            <div>
+                <span style="left: 11px"></span>
+            </div>最右边</li>
+    </ul>
+    <ul id="attr_location_v_list" class="menu list attr_location_menu dock_page_menu" style="display: none;">
+        <li loc="mosttop">
+            <div>
+                <span style="top: -5px"></span>
+            </div>最上边</li>
+        <li loc="topedge">
+            <div>
+                <span style="top: -3px"></span>
+            </div>上边缘</li>
+        <li loc="top">
+            <div>
+                <span style="top: 0px"></span>
+            </div>顶部</li>
+        <li loc="middle">
+            <div>
+                <span style="top: 3px"></span>
+            </div>中间</li>
+        <li loc="bottom">
+            <div>
+                <span style="top: 6px"></span>
+            </div>底部</li>
+        <li loc="bottomedge">
+            <div>
+                <span style="top: 9px"></span>
+            </div>下边缘</li>
+        <li loc="mostbottom">
+            <div>
+                <span style="top: 11px"></span>
+            </div>最下边</li>
+    </ul>
+
+    <div id='hotkey_list' class='dialog'>
+        <div class='dialog_header'>快捷键列表</div>
+        <div class='dialog_content'>
+            <div class="hotkey_content">
+                <span class="hotkey_line hotkey_group">通用</span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Alt</span>
+                        <span class="hotkey_desc">按住Alt，通过鼠标可以对页面进行拖动</span>
+                    </span>
+                <!--<span class="hotkey_line">
+                      <span class="hotkey">Ctrl</span>
+                      <span class="hotkey_desc">按住Ctrl，点击一个图形，将其添加到选择图形中，或者从中移除</span>
+                  </span>-->
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + &lt; , Ctrl + &gt;</span>
+                        <span class="hotkey_desc">缩小，放大画布</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + A</span>
+                        <span class="hotkey_desc">全部选中</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Esc</span>
+                        <span class="hotkey_desc">取消选中，并取消当前操作</span>
+                    </span>
+                <!--  <span class="hotkey_line">
+                     <span class="hotkey">T</span>
+                     <span class="hotkey_desc">插入文本</span>
+                 </span>
+                 <span class="hotkey_line">
+                     <span class="hotkey">I</span>
+                     <span class="hotkey_desc">插入图片</span>
+                 </span>
+                 <span class="hotkey_line">
+                     <span class="hotkey">L</span>
+                     <span class="hotkey_desc">插入连线</span>
+                 </span>-->
+                <span class="hotkey_line null_line">&nbsp;</span>
+                <span class="hotkey_line hotkey_group">图形被选中时</span>
+                <span class="hotkey_line">
+                        <span class="hotkey">箭头 (←↑↓→)</span>
+                        <span class="hotkey_desc">将选中图形向左、向上、向下、向右移动</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + 箭头 (←↑↓→)</span>
+                        <span class="hotkey_desc">每次微移一个像素</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + 调整大小</span>
+                        <span class="hotkey_desc">调整图形大小，并且约束比例</span>
+                    </span>
+                <span class="hotkey_line">&nbsp;</span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + Z</span>
+                        <span class="hotkey_desc">撤销</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + Y</span>
+                        <span class="hotkey_desc">恢复</span>
+                    </span>
+                <span class="hotkey_line">&nbsp;</span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + X</span>
+                        <span class="hotkey_desc">剪切</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + C</span>
+                        <span class="hotkey_desc">复制</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + V</span>
+                        <span class="hotkey_desc">粘贴</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + D</span>
+                        <span class="hotkey_desc">复用</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + R</span>
+                        <span class="hotkey_desc">数据配置</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + Shift + B</span>
+                        <span class="hotkey_desc">格式刷</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Delete, Backspace</span>
+                        <span class="hotkey_desc">删除</span>
+                    </span>
+                <span class="hotkey_line">&nbsp;</span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + ]</span>
+                        <span class="hotkey_desc">将选中的图形置于顶层</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + [</span>
+                        <span class="hotkey_desc">将选中的图形置于底层</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + Shift + ]</span>
+                        <span class="hotkey_desc">将选中的图形上移一层</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + Shift + [</span>
+                        <span class="hotkey_desc">将选中的图形下移一层</span>
+                    </span>
+                <span class="hotkey_line">&nbsp;</span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + L</span>
+                        <span class="hotkey_desc">锁定选中的图形</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + Shift + L</span>
+                        <span class="hotkey_desc">将选中的图形解锁</span>
+                    </span>
+                <span class="hotkey_line">&nbsp;</span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + G</span>
+                        <span class="hotkey_desc">组合选中的图形</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + Shift + G</span>
+                        <span class="hotkey_desc">将选中的图形取消组合</span>
+                    </span>
+                <span class="hotkey_line null_line">&nbsp;</span>
+                <span class="hotkey_line hotkey_group">编辑文本</span>
+                <span class="hotkey_line">
+                        <span class="hotkey">空格</span>
+                        <span class="hotkey_desc">编辑文本</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + B</span>
+                        <span class="hotkey_desc">粗体</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + I</span>
+                        <span class="hotkey_desc">斜体</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + U</span>
+                        <span class="hotkey_desc">下划线</span>
+                    </span>
+                <span class="hotkey_line">
+                        <span class="hotkey">Ctrl + Enter</span>
+                        <span class="hotkey_desc">保存文本编辑</span>
+                    </span>
+            </div>
+        </div>
+        <div class="designer_button normal hotkey_ok" onclick="$('#hotkey_list').dlg('close')">关闭</div>
+    </div>
+    <!-- Feedback -->
+    <div id='send_feedback' class='dialog'>
+        <div class='dialog_header'>发送反馈</div>
+        <div class='dialog_content' style="padding: 20px 40px">
+            <p style="margin-top: 0px;">
+                您可以把使用中遇到的问题、功能的建议、评论等发送给我们。
+                <br/>我们迫切希望得到您有价值的反馈，有您的反馈，我们会做的更好！
+                <br/>
+                <br/>请写下您的邮箱和反馈描述：
+            </p>
+            <span class="feedback_lebal" style="height: 33px;line-height: 33px;">
+                    <span>邮箱：</span>
+                    <span class="feedback_error_email_format">邮箱不正确，请填写一个您常用的邮箱</span>
+                </span>
+            <input id='feedback_email' type="text" value="b@b.com" class='txt' style='width:490px;height:24px;' />
+            <span class="feedback_lebal" style="height: 33px;line-height: 33px;">
+                    <span>姓名：</span>
+                </span>
+            <input id='feedback_name' type="text" value="比尔" class='txt' style='width:490px;height:24px;' />
+            <span class="feedback_lebal" style="height: 33px;line-height: 33px;">
+                    <span>反馈：</span>
+                    <span class="feedback_error_msg">请填写您的反馈信息</span>
+                </span>
+            <textarea id='feedback_message' class='txt' style='width:490px;height:93px;'></textarea>
+        </div>
+        <div class="dialog_buttons" style="padding: 0px 40px 20px;">
+            <span class='send_btn designer_button' onclick='UI.sendFeedBack(this)'>发送</span>
+        </div>
+    </div>
+    <div id="designer-version-manager" style="width:600px; display:none;">
+        <div id='contentDiv' style='margin-top:1px;height:220px;' class="dlg-content">
+            <iframe width="100%" id="designerManager" name="coeCreateUser" frameBorder="0" style="width: 100%; height: 220px;"></iframe>
+        </div>
+    </div>
+
+    <!-- textarea对话框-->
+    <div id="textarea-dialog" title="" style="display:none; width:500px; height:300px;">
+        <textarea style="width:100%; height:215px; border:1px solid rgb(178, 178, 178);" class="awsui-input awsui-textarea"></textarea>
+        <!-- 已经存在 的属性 -->
+        <input type="hidden" id="exitAttributesJsonIds" value="" name="exitAttributesJsonIds" />
+    </div>
+
+    <!--版本对比对话框-->
+    <div title="版本对比" id="dialog_version_compare" style="width:300px; height: 200px">
+        <div id="versionGroup" style="height: 130px;">
+
+        </div>
+    </div>
+    <!--版本对比结果-->
+    <div title="版本对比" id="dialog_version_compare_result" style="width:400px; height: 300px">
+        <div id="versionCompareResult" style="display: none; height: 70%;overflow: auto;">
+            <div>
+                <div>文件属性：</div>
+                <div>--------------------------------------------------------------------</div>
+                <div id="fileAttr"></div>
+            </div>
+            <div style="margin-top: 20px;">
+                <div>节点属性：</div>
+                <div>--------------------------------------------------------------------</div>
+                <div id="shapeAttr"></div>
+            </div>
+        </div>
+    </div>
+
+    <!--WFVersion对话框-->
+    <div id="dialog_wf_version" style="width:900px; display:none;">
+        <div id="dialog_wf_version_area" style="height:250px;" class="dlg-content">
+            <iframe id="wf_version_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
+        </div>
+        <div class="dialog-button-wrap" style="text-align:right">
+            <div class="dlg-button" style="text-align:right;">
+                <div class="dlg-info">
+                        <span style='font-family: Consolas;font-size:16px;'>Version ID:
+                            <input type='text' class='IDInput' readonly='readonly' value='<#processDefVersionId>' />
+                        </span>
                 </div>
-        	</div>
-            <div class="dock_view dock_view_diff" style="width: 300px;">
-                <div class="dock_view_header">
-                    版本差异
-                    <span id="validate_count"></span>
-                    <div class="ico ico_dock_collapse"></div>
+                <button class="button" onclick="$('#dialog_wf_version').dialog('close');return false;">关闭</button>
+            </div>
+        </div>
+    </div>
+    <!-- 添加关联形状 -->
+    <div id="attr_dialog_normal_relevance_shapes_div" style="width:700px;display:none;">
+        <div id='attr_content_relevance_shapes' style='margin:10px;height:410px;'>
+            <iframe width="100%" id="attr_content_iframe_relevance_shapes" name="attr_content_iframe_relevance_shapes" frameBorder="0" style="width: 100%; height: 400px;"></iframe>
+        </div>
+    </div>
+    <!-- 添加AWS PaaS平台组织 -->
+    <div id="attr_dialog_normal_relevance_aws_div" style="width:700px;display:none;">
+        <div id='attr_content_relevance_aws' style='margin:10px;height:400px;'>
+            <iframe width="100%" id="attr_content_iframe_relevance_aws" name="attr_content_iframe_relevance_aws" frameBorder="0" style="width: 100%; height: 400px;"></iframe>
+        </div>
+    </div>
+
+    <div id="attr_dialog-normal_designer" style="width:280px;display:none;height:360px;">
+        <div id='attr_content_designer' style='margin:10px;height:280px;'>
+            <iframe width="100%" id="attr_content_iframe_designer" name="attr_content_iframe" frameBorder="0" style="width: 100%; height: 280px;"></iframe>
+        </div>
+    </div>
+    <div id="designer_shape_copy_paste" style="width:360px;display:none;">
+        <div id='designer_shape_copy_paste_content' style='margin:10px;height:80px;'>
+            <ul>
+                <li>
+                    <input class="awsui-radio" checked="" name="shape_radio" id="rdo1" value="copy" type="radio">
+                    <label class="awsui-radio-label" for="rdo1">定义复制:会保留副本,但不会对形状信息进行同步</label>
+                </li>
+                <!-- <li>
+                    <input class="awsui-radio" name="shape_radio" id="rdo2" value="appearCopy" type="radio">
+                    <label class="awsui-radio-label" for="rdo2">出现复制:会保留副本,同时会对形状信息同步更新</label>
+                </li> -->
+            </ul>
+        </div>
+    </div>
+    <div id="designer_shape_custom_paste" style="width:500px;display:none;">
+        <div id='designer_shape_custom_paste_content' style='margin:10px;height:80px;'>
+            <ul>
+                <li>
+                    <input class="awsui-radio" checked="" name="shape_radio_paste" id="rdo3" value="paste" type="radio">
+                    <label class="awsui-radio-label" for="rdo3">自定义粘贴:作为新的形状出现不会和同一副本下的所有形状进行信息同步</label>
+                </li>
+                <li>
+                    <input class="awsui-radio" name="shape_radio_paste" id="rdo4" value="appearPaste" type="radio">
+                    <label class="awsui-radio-label" for="rdo4">出现粘贴：作为新的形状出现同时会和同一副本下的所有形状进行信息同步</label>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div id="link_dialog" class="ui-draggable awsui-dialog" style="width: 500px; display: none;">
+        <div style="padding:0px 10px;" class="awsui-simple-tab">
+            <a tit="file" class="active">文件链接</a>
+            <a tit="custom">自定义链接</a>
+        </div>
+        <div id="content" class="aws-simple-tab-content" style="height: 210px;">
+            <div tit="file" style="padding-right:20px;padding-left:20px;">
+                <div class="dialog_content" style="padding-top: 15px; text-align: center;">
+                    <table style="width:370px;table-layout:inherit;padding:0" class="awsui-ux">
+                        <tr>
+                            <td align="left">链接名称</td>
+                            <td>
+                                    <span class="required">
+                                        <input id="linkto_file_name" type="text" class="input_text" style="width: 250px;" />
+                                    </span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td align="left">链接文件</td>
+                            <td>
+                                    <span class="required">
+                                        <input type="text" id="linkto_file" uuid="" url="" readonly="readonly" style="width: 320px; height:26px;" class="awsui-input">
+                                    </span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td align="left">目标</td>
+                            <td>
+                                <select id="link_custom_target1" style="height: 24px;width:268px;" class="awsui-select">
+                                    <option value="newTab">新页签</option>
+                                    <option value="_seft">当前窗口</option>
+                                </select>
+                            </td>
+                        </tr>
+                    </table>
                 </div>
-                <div id="sideDiffDiv" class="dock_content" style="padding: 0px; max-height: 400px; overflow-y: auto;">
-                    <table style="border-collapse:collapse;background-color: white;margin: 10px">
-                        <tbody class="diffTableTbody" id="diffTable"></tbody>
+                <div id="linksFileHistoryDiv" class="dialog_content" style="padding-bottom: 0px;max-height:80px; text-align: center; overflow-x: auto; overflow-y: auto; ">
+                    <table style="width:370px;">
+                        <thead>
+                        <tr>
+                            <td style="width:110px;text-align:left;">名称</td>
+                            <td style="width:110px;text-align:left;">链接</td>
+                            <td style="width:75px">目标</td>
+                            <td style="width:75px">操作</td>
+                        </tr>
+                        </thead>
+                        <tbody id="linksFileHistory" style="overflow-y:scroll;overflow-x:hidden;"></tbody>
+                    </table>
+                </div>
+            </div>
+            <div tit="custom" style="padding-right:20px;padding-left:20px; display:none;">
+                <div class="dialog_content" style="padding-top: 15px; text-align: center;">
+                    <table style="width:370px;table-layout:inherit;padding:0" class="awsui-ux">
+                        <tr>
+                            <td align="left">链接名称</td>
+                            <td>
+                                    <span class="required">
+                                        <input id="linkto_addr_name" type="text" class="input_text" style="width: 250px;" />
+                                    </span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td align="left">链接地址</td>
+                            <td>
+                                    <span class="required">
+                                        <input id="linkto_addr" type="text"  style="width: 262px;height:26px;" class="awsui-input" />
+                                    </span>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td align="left">目标</td>
+                            <td>
+                                <select id="link_custom_target2" style="height: 24px; width:266px;" class="awsui-select">
+                                    <!-- <option value="newTab">新页签</option>
+                                    <option value="_seft">当前窗口</option> -->
+                                    <option value="_blank">新窗口</option>
+                                </select>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+                <div id="linksHistoryDiv" class="dialog_content" style="padding-bottom: 0px; text-align: center; overflow-x: auto; overflow-y: auto; max-height:80px;">
+                    <table style="width:370px;">
+                        <thead>
+                        <tr>
+                            <td style="width:110px;text-align:left;">名称</td>
+                            <td style="width:110px;text-align:left;">链接</td>
+                            <td style="width:75px">目标</td>
+                            <td style="width:75px">操作</td>
+                        </tr>
+                        </thead>
+                        <tbody id="linksHistory"  style="overflow-y:scroll;overflow-x:hidden;"></tbody>
                     </table>
                 </div>
             </div>
         </div>
-    </div>
-    <!-- 
-    <div id="designer_footer">
-        <div class="footer_content">
-            <div class="left_box">
-                <input id="moreShapes" type='button' style='height: 24px;width: 80px;margin-top: 4px;line-height: 24px;<#btnShapeStyle>' class="designer_button" onclick="UI.showShapesManage()" value="更多图形" />
-            </div>
-            <div class="content_box">
-                <div class="footer_left">
-                    <div id="collaborators">
-                        <img id="chat_user_<#uid>" src="<#userUrl>" awsui-qtip="<#userName>" title_pos="top" userNum="<#userNum>" style="margin-left:10px;" />
-                        <#usersPhoto>
+        <!--
+                    <div class="dialog-button-wrap" style="text-align:right">
+                        <div class="dlg-button">
+                            <button type="button" class="button blue" onclick="UI.setLink()">新增</button>
+                            <button type="button" class="button last" onclick="$('#link_dialog').dlg('close');">关闭</button>
+                        </div>
                     </div>
-                    <div id="collaborators_message" style="position:relative; right:5px; float:right; color:#ff0000; display:inline-block;"></div>
-                </div>
-                <ul class="footer_right" style="display:none;">
-                    <li class="footer_chrome">
-                        <a href="https://chrome.google.com/webstore/detail/processon-online-diagramm/pnggaliohjcaboolkcpjhfondbjlehkm" target="_blank">
-                            <span class="ico chrome"></span>安装到Chrome</a>
-                    </li>
-
-                    <li>
-                        <a href="http://weibo.com/u/2711044785" target="_blank">
-                            <span class="ico weibo"></span>关注我们</a>
-                    </li>
-
-                    <li><a href="/support" target="_blank">获取帮助</a>
-                    </li>
-                    <li class="footer_fb" onclick="UI.showFeedBack()">提交反馈</li>
-                </ul>
-            </div>
+         -->
+    </div>
+    <div id="link_tree_dialog" style="width:320px;height:380px;display:none;">
+        <div id='link_tree_div' style='margin-top:1px;height:300px;'>
+            <iframe width="100%" id="link_tree_iframe" name="link_tree_iframe" frameBorder="0" style="width: 100%; height: 300px;"></iframe>
         </div>
     </div>
-     -->
-    <div id="ui_container">
-        <div id='color_picker' class="menu color_picker" style="display: none;">
-            <div class="color_items">
-                <div style="background-color:rgb(255,255,255);"></div>
-                <div style="background-color:rgb(229,229,229);"></div>
-                <div style="background-color:rgb(207,207,207);"></div>
-                <div style="background-color:rgb(184,184,184);"></div>
-                <div style="background-color:rgb(161,161,161);"></div>
-                <div style="background-color:rgb(138,138,138);"></div>
-                <div style="background-color:rgb(115,115,115);"></div>
-                <div style="background-color:rgb(92,92,92);"></div>
-                <div style="background-color:rgb(69,69,69);"></div>
-                <div style="background-color:rgb(50,50,50);"></div>
-                <div style="background-color:rgb(23,23,23);"></div>
-                <div style="background-color:rgb(0,0,0);"></div>
-                <div class="clear"></div>
-            </div>
-            <div class="color_items">
-                <div style="background-color:rgb(255,204,204);"></div>
-                <div style="background-color:rgb(255,230,204);"></div>
-                <div style="background-color:rgb(255,255,204);"></div>
-                <div style="background-color:rgb(230,255,204);"></div>
-                <div style="background-color:rgb(204,255,204);"></div>
-                <div style="background-color:rgb(204,255,230);"></div>
-                <div style="background-color:rgb(204,255,255);"></div>
-                <div style="background-color:rgb(204,229,255);"></div>
-                <div style="background-color:rgb(204,204,255);"></div>
-                <div style="background-color:rgb(229,204,255);"></div>
-                <div style="background-color:rgb(255,204,255);"></div>
-                <div style="background-color:rgb(255,204,230);"></div>
-                <div style="background-color:rgb(255,153,153);"></div>
-                <div style="background-color:rgb(255,204,153);"></div>
-                <div style="background-color:rgb(255,255,153);"></div>
-                <div style="background-color:rgb(204,255,153);"></div>
-                <div style="background-color:rgb(153,255,153);"></div>
-                <div style="background-color:rgb(153,255,204);"></div>
-                <div style="background-color:rgb(153,255,255);"></div>
-                <div style="background-color:rgb(153,204,255);"></div>
-                <div style="background-color:rgb(153,153,255);"></div>
-                <div style="background-color:rgb(204,153,255);"></div>
-                <div style="background-color:rgb(255,153,255);"></div>
-                <div style="background-color:rgb(255,153,204);"></div>
-                <div style="background-color:rgb(255,102,102);"></div>
-                <div style="background-color:rgb(255,179,102);"></div>
-                <div style="background-color:rgb(255,255,102);"></div>
-                <div style="background-color:rgb(179,255,102);"></div>
-                <div style="background-color:rgb(102,255,102);"></div>
-                <div style="background-color:rgb(102,255,179);"></div>
-                <div style="background-color:rgb(102,255,255);"></div>
-                <div style="background-color:rgb(102,178,255);"></div>
-                <div style="background-color:rgb(102,102,255);"></div>
-                <div style="background-color:rgb(178,102,255);"></div>
-                <div style="background-color:rgb(255,102,255);"></div>
-                <div style="background-color:rgb(255,102,179);"></div>
-                <div style="background-color:rgb(255,51,51);"></div>
-                <div style="background-color:rgb(255,153,51);"></div>
-                <div style="background-color:rgb(255,255,51);"></div>
-                <div style="background-color:rgb(153,255,51);"></div>
-                <div style="background-color:rgb(51,255,51);"></div>
-                <div style="background-color:rgb(51,255,153);"></div>
-                <div style="background-color:rgb(51,255,255);"></div>
-                <div style="background-color:rgb(51,153,255);"></div>
-                <div style="background-color:rgb(51,51,255);"></div>
-                <div style="background-color:rgb(153,51,255);"></div>
-                <div style="background-color:rgb(255,51,255);"></div>
-                <div style="background-color:rgb(255,51,153);"></div>
-                <div style="background-color:rgb(255,0,0);"></div>
-                <div style="background-color:rgb(255,128,0);"></div>
-                <div style="background-color:rgb(255,255,0);"></div>
-                <div style="background-color:rgb(128,255,0);"></div>
-                <div style="background-color:rgb(0,255,0);"></div>
-                <div style="background-color:rgb(0,255,128);"></div>
-                <div style="background-color:rgb(0,255,255);"></div>
-                <div style="background-color:rgb(0,127,255);"></div>
-                <div style="background-color:rgb(0,0,255);"></div>
-                <div style="background-color:rgb(127,0,255);"></div>
-                <div style="background-color:rgb(255,0,255);"></div>
-                <div style="background-color:rgb(255,0,128);"></div>
-                <div style="background-color:rgb(204,0,0);"></div>
-                <div style="background-color:rgb(204,102,0);"></div>
-                <div style="background-color:rgb(204,204,0);"></div>
-                <div style="background-color:rgb(102,204,0);"></div>
-                <div style="background-color:rgb(0,204,0);"></div>
-                <div style="background-color:rgb(0,204,102);"></div>
-                <div style="background-color:rgb(0,204,204);"></div>
-                <div style="background-color:rgb(0,102,204);"></div>
-                <div style="background-color:rgb(0,0,204);"></div>
-                <div style="background-color:rgb(102,0,204);"></div>
-                <div style="background-color:rgb(204,0,204);"></div>
-                <div style="background-color:rgb(204,0,102);"></div>
-                <div style="background-color:rgb(153,0,0);"></div>
-                <div style="background-color:rgb(153,76,0);"></div>
-                <div style="background-color:rgb(153,153,0);"></div>
-                <div style="background-color:rgb(77,153,0);"></div>
-                <div style="background-color:rgb(0,153,0);"></div>
-                <div style="background-color:rgb(0,153,77);"></div>
-                <div style="background-color:rgb(0,153,153);"></div>
-                <div style="background-color:rgb(0,76,153);"></div>
-                <div style="background-color:rgb(0,0,153);"></div>
-                <div style="background-color:rgb(76,0,153);"></div>
-                <div style="background-color:rgb(153,0,153);"></div>
-                <div style="background-color:rgb(153,0,77);"></div>
-                <div style="background-color:rgb(102,0,0);"></div>
-                <div style="background-color:rgb(102,51,0);"></div>
-                <div style="background-color:rgb(102,102,0);"></div>
-                <div style="background-color:rgb(51,102,0);"></div>
-                <div style="background-color:rgb(0,102,0);"></div>
-                <div style="background-color:rgb(0,102,51);"></div>
-                <div style="background-color:rgb(0,102,102);"></div>
-                <div style="background-color:rgb(0,51,102);"></div>
-                <div style="background-color:rgb(0,0,102);"></div>
-                <div style="background-color:rgb(51,0,102);"></div>
-                <div style="background-color:rgb(102,0,102);"></div>
-                <div style="background-color:rgb(102,0,51);"></div>
-                <div style="background-color:rgb(51,0,0);"></div>
-                <div style="background-color:rgb(51,26,0);"></div>
-                <div style="background-color:rgb(51,51,0);"></div>
-                <div style="background-color:rgb(26,51,0);"></div>
-                <div style="background-color:rgb(0,51,0);"></div>
-                <div style="background-color:rgb(0,51,26);"></div>
-                <div style="background-color:rgb(0,51,51);"></div>
-                <div style="background-color:rgb(0,25,51);"></div>
-                <div style="background-color:rgb(0,0,51);"></div>
-                <div style="background-color:rgb(25,0,51);"></div>
-                <div style="background-color:rgb(51,0,51);"></div>
-                <div style="background-color:rgb(51,0,26);"></div>
-                <div class="clear"></div>
-            </div>
+
+    <div id="saveas_dialog" class="dialog" style="min-width: 450px; display: none;">
+        <div class="dialog_header">另存...</div>
+        <div class="dialog_content" style="padding: 30px 20px; text-align: center;">
+            <form id="saveas_form" action="/diagraming/saveas" method="post">
+                <input id="hid_saveas_id" type="hidden" name="id" />
+                <b>标题：</b>
+                <input name="title" id="saveas_title" type="text" class="input_text" style="width: 300px;" onkeydown="if(event.keyCode == 13) return false;" />
+            </form>
         </div>
-        <ul id="bar_list_file" class="menu list options_menu noico">
-            <li ac="rename">重命名文件</li>
-            <li class="devider"></li>
-            <!--
-		<li ac="saveAs">另存...</li>
-		-->
-			<li ac="preview">预览</li>
-			<li class="devider"></li>
-            <li ac="export">下载为...</li>
-            <!--<li class="devider"></li>
-            <li ac="processExport">导出</li>-->
-            <li class="devider" data-name="processOutput" style="display:none;"></li>
-            <li id="export_report" ac="output" data-name="processOutput" style="display:none;">预览流程手册</li>
-            <li class="devider"></li>
-            <li ac="saveImage">生成图片和缩略图</li>
-            <!--<li class="devider"></li>
-            <li ac="versionCompare">流程版本对比</li>-->
-            <!-- <li class="devider"></li>
-            <li ac="close">关闭</li> -->
-        </ul>
-        <ul id="bar_list_edit" class="menu list options_menu">
-            <li ac="undo">
-                <div class="ico undo"></div>撤销
-                <div class="extend">Ctrl+Z</div>
-            </li>
-            <li ac="redo">
-                <div class="ico redo"></div>恢复
-                <div class="extend">Ctrl+Y</div>
-            </li>
-            <li class="devider"></li>
-            <li ac="cut">
-                <div class="ico cut"></div>剪切
-                <div class="extend">Ctrl+X</div>
-            </li>
-            <li ac="copy">
-                <div class="ico copy"></div>复制
-                <div class="extend">Ctrl+C</div>
-            </li>
-            <li ac="paste">
-                <div class="ico paste"></div>粘贴
-                <div class="extend">Ctrl+V</div>
-            </li>
-            <li ac="duplicate">复用
-                <div class="extend">Ctrl+D</div>
-            </li>
-            <li ac="brush">
-                <div class="ico brush"></div>格式刷
-                <div class="extend">Ctrl+Shift+B</div>
-            </li>
-            <li class="devider"></li>
-            <li ac="selectall">全选
-                <div class="extend">Ctrl+A</div>
-            </li>
-            <li ac="batchreplace">批量替换
-                <div class="extend">Ctrl+Shift+H</div>
-            </li>
-            <li ac="delete">
-                <div class="ico remove"></div>删除
-                <div class="extend">Delete/Backspace</div>
-            </li>
-        </ul>
-        <ul id="bar_list_view" class="menu list options_menu">
-            <li ac="zoom" zoom="in">
-                <div class="ico zoomin"></div>放大
-                <div class="extend">Ctrl+(&gt;)</div>
-            </li>
-            <li ac="zoom" zoom="out">
-                <div class="ico zoomout"></div>缩小
-                <div class="extend">Ctrl+(&lt;)</div>
-            </li>
-            <li class="devider"></li>
-            <li ac="zoom" zoom="0.5" class="static">50%</li>
-            <li ac="zoom" zoom="0.75" class="static">75%</li>
-            <li ac="zoom" zoom="1" class="static">100%</li>
-            <li ac="zoom" zoom="1.5" class="static">150%</li>
-            <li ac="zoom" zoom="2" class="static">200%</li>
-            <li class="devider"></li>
-            <li ac="zoom" zoom="1">重置缩放</li>
-            <li class="devider"></li>
-            <li ac="openNewPage">新页面打开</li>
-        </ul>
-        <ul id="bar_list_insert" class="menu list options_menu">
-            <li ac="insert" in="text">
-                <div class="ico text"></div>文本
-                <div class="extend">T</div>
-            </li>
-            <!-- <li ac="insert" in="image"><div class="ico ico_img"></div>图片<div class="extend">I</div></li> -->
-            <li ac="insert" in="line">
-                <div class="ico linkertype_normal"></div>连线
-                <div class="extend">L</div>
-            </li>
-        </ul>
-        <ul id="bar_list_page" class="menu list options_menu">
-            <li id="bar_page_color">
-                <div class="ico fillcolor"></div>
-                背景颜色
-                <div class="extend ex_arrow">►</div>
-            </li>
-            <li>
-                页面大小
-                <div class="extend ex_arrow">►</div>
-                <ul id="bar_list_pagesize" class="menu list extend_menu menu_ico">
-                    <li ac="set_page_size" w="1500" h="2100">A3(1500x2100)</li>
-                    <li ac="set_page_size" w="1050" h="1500">A4(1050x1500)</li>
-                    <li ac="set_page_size" w="750" h="1050">A5(750x1050)</li>
-                    <li class="devider"></li>
-                    <li class="menu_text" id="page_size_custom">自定义</li>
-                    <li class="menu_text" style="line-height: 30px;">
-                        <span class='lbl'>W:</span>
-                        <div id="page_size_w" class="spinner active" style="width: 74px;"></div>
+        <div class="dialog_buttons">
+            <div class="designer_button" onclick="UI.doSaveAs()" id="btn_dosaveas">确定</div>&nbsp;
+            <div class="designer_button normal" onclick="$('#saveas_dialog').dlg('close');">关闭</div>
+        </div>
+    </div>
+    <div id="export_dialog" class="ui-draggable awsui-dialog" style="min-width:450px; display: none;">
+        <div class="dialog_header">下载格式</div>
+        <div class="dialog_content">
+            <form id="export_form" action="/diagram_export" method="post">
+                <ul class="export-list">
+                    <li class="first">
+                        <input id="export_png" type="radio" name="type" value="image" checked="checked" style="float: left;margin-right: 5px;">
+                        <label for="export_png" class="export-menu" style="float:left;line-height: 18px;">
+                            图片文件
+                            <span class="suffix">(*.png)</span>
+                            <span class="export_des">将文件导出成图片</span>
+                        </label>
+                        <div style="clear: both;"></div>
                     </li>
-                    <li class="menu_text" style="line-height: 30px;">
-                        <span class='lbl'>H:</span>
-                        <div id="page_size_h" class="spinner active" style="width: 74px;"></div>
+
+                    <!--<li class="first">
+                        <input id="export_pdf" type="radio" name="type" value="pdf" style="float: left;margin-right: 5px;">
+                        <label for="export_pdf" class="export-menu" style="float:left;line-height: 18px;">
+                            PDF文件<span class="suffix"> (*.pdf)</span>
+                            <span class="export_des">由图片保存成的PDF文件</span>
+                        </label>
+                        <div style="clear: both;"></div>
                     </li>
+                    <li class="first">
+                        <input id="export_json" type="radio" name="type" value="json" style="float: left;margin-right: 5px;">
+                        <label for="export_json" class="export-menu" style="float:left;line-height: 18px;">
+                            JSON文件<span class="suffix"> (*.json)</span>
+                            <span class="export_des">将文件保存成的JSON文件</span>
+                        </label>
+                        <div style="clear: both;"></div>
+                    </li>
+                    <li class="first">
+                        <input id="export_xml" type="radio" name="type" value="xml" style="float: left;margin-right: 5px;">
+                        <label for="export_xml" class="export-menu" style="float:left;line-height: 18px;">
+                            XML文件<span class="suffix"> (*.xml)</span>
+                            <span class="export_des">将文件保存成的XML文件</span>
+                        </label>
+                        <div style="clear: both;"></div>
+                    </li>
+                    <li class="first">
+                        <input id="export_excel" type="radio" name="type" value="excel" style="float: left;margin-right: 5px;">
+                        <label for="export_excel" class="export-menu" style="float:left;line-height: 18px;">
+                            EXCEL文件<span class="suffix"> (*.xls)</span>
+                            <span class="export_des">将文件保存成的EXCEL文件</span>
+                        </label>
+                        <div style="clear: both;"></div>
+                    </li>-->
+                    <!--<li class="first">
+                        <input id="export_pos" type="radio" name="type" value="pos" style="float: left;margin-right: 5px;">
+                        <label for="export_pos" class="export-menu" style="float:left;line-height: 18px;">
+                            POS文件<span class="suffix"> (*.pos)</span>
+                            <span class="export_des">包含图片与图形结构定义</span>
+                        </label>
+                        <div style="clear: both;"></div>
+                    </li>
+                    -->
                 </ul>
-            </li>
-            <li>
-                <div class="ico padding"></div>
-                内边距
-                <div class="extend ex_arrow">►</div>
-                <ul id="bar_list_padding" class="menu list extend_menu menu_ico">
-                    <li ac="set_page_padding" p="0">0px</li>
-                    <li ac="set_page_padding" p="20">20px</li>
-                    <li ac="set_page_padding" p="40">40px</li>
-                    <li ac="set_page_padding" p="60">60px</li>
-                    <li ac="set_page_padding" p="80">80px</li>
-                    <li ac="set_page_padding" p="100">100px</li>
-                </ul>
-            </li>
-            <li class="devider"></li>
-            <li ac="set_page_showgrid">
-                <div class="ico ico_selected"></div>显示网格</li>
-            <li>
-                <div class="ico gridsize"></div>
-                网格大小
-                <div class="extend ex_arrow">►</div>
-                <ul id="bar_list_gridsize" class="menu list extend_menu menu_ico">
-                    <li ac="set_page_gridsize" s="10">小</li>
-                    <li ac="set_page_gridsize" s="15">正常</li>
-                    <li ac="set_page_gridsize" s="20">大</li>
-                    <li ac="set_page_gridsize" s="30">很大</li>
-                </ul>
-            </li>
-        </ul>
-        <ul id="bar_list_arrange" class="menu list options_menu">
-            <li ac="front">
-                <div class="ico ico_front"></div>置于顶层
-                <div class="extend">Ctrl+]</div>
-            </li>
-            <li ac="back">
-                <div class="ico ico_back"></div>置于底层
-                <div class="extend">Ctrl+[</div>
-            </li>
-            <li ac="forward">上移一层
-                <div class="extend">Ctrl+Shift+]</div>
-            </li>
-            <li ac="backward">下移一层
-                <div class="extend">Ctrl+Shift+[</div>
-            </li>
-            <li class="devider"></li>
-            <li id="bar_arrange_align">
-                图形对齐
-                <div class="extend ex_arrow">►</div>
-                <ul class="menu list extend_menu">
-                    <li ac="align_shape" al="left">左对齐</li>
-                    <li ac="align_shape" al="center">居中对齐</li>
-                    <li ac="align_shape" al="right">右对齐</li>
-                    <li class="devider"></li>
-                    <li ac="align_shape" al="top">顶端对齐</li>
-                    <li ac="align_shape" al="middle">垂直居中对齐</li>
-                    <li ac="align_shape" al="bottom">底端对齐</li>
-                </ul>
-            </li>
-            <li id="bar_arrange_dist">
-                图形分布
-                <div class="extend ex_arrow">►</div>
-                <ul class="menu list extend_menu">
-                    <li ac="distribute_shape" dis="h">水平平均分布</li>
-                    <li ac="distribute_shape" dis="v">垂直平均分布</li>
-                </ul>
-            </li>
-            <li id="bar_arrange_match">
-                匹配大小
-                <div class="extend ex_arrow">►</div>
-                <ul class="menu list extend_menu">
-                    <li ac="match_size" w="auto" h="">宽度</li>
-                    <li ac="match_size" w="" h="auto">高度</li>
-                    <li ac="match_size" w="auto" h="auto">宽度和高度</li>
-                    <li ac="match_size" custom="true">自定义</li>
-                </ul>
-            </li>
-            <li class="devider"></li>
-            <li ac="lock">
-                <div class="ico ico_lock"></div>锁定
-                <div class="extend">Ctrl+L</div>
-            </li>
-            <li ac="unlock">
-                <div class="ico ico_unlock"></div>解锁
-                <div class="extend">Ctrl+Shift+L</div>
-            </li>
-            <li class="devider"></li>
-            <li ac="group">组合
-                <div class="extend">Ctrl+G</div>
-            </li>
-            <li ac="ungroup">取消组合
-                <div class="extend">Ctrl+Shift+G</div>
-            </li>
-        </ul>
-        <ul id="bar_list_help" class="menu list options_menu noico">
-            <li ac="hotkey">快捷键列表</li>
-            <!-- <li ac="getting_started">开始向导</li> -->
-            <!-- <li ac="feedback">发送反馈</li> -->
-        </ul>
-        <ul id="font_list" class="menu list menu_ico" style="display: none;">
-            <li style="font-family: Arial">Arial</li>
-            <li style="font-family: Verdana">Verdana</li>
-            <li style="font-family: Georgia">Georgia</li>
-            <li style="font-family: Times New Roman">Times New Roman</li>
-            <li style="font-family: Courier New">Courier New</li>
-            <li style="font-family: Impact">Impact</li>
-            <li style="font-family: Comic Sans MS">Comic Sans MS</li>
-            <li style="font-family: Tahoma">Tahoma</li>
-            <li style="font-family: Garamond">Garamond</li>
-            <li style="font-family: Lucida Console">Lucida Console</li>
+                <input id="export_definition" type="hidden" name="definition" />
+                <input id="export_title" type="hidden" name="title" />
+                <input type="hidden" name="chartId" value="<#uuid>" />
+                <input type="hidden" name="ignore" value="definition" />
+            </form>
+        </div>
+        <div class="dialog-button-wrap" style="text-align:right">
+            <div class="dlg-button">
+                <button type="button" class="button blue" onclick="UI.doExport()">确定</button>
+                <button type="button" class="button last" onclick="$('#export_dialog').dlg('close');">关闭</button>
+            </div>
+        </div>
+        <iframe id='export_iframe' style='display:none' frameborder="0" width="100%" src=""></iframe>
+    </div>
+    <!-- 预览报告dialog-->
+    <div id="previewDialog" style="width: 80%;padding: 20px 20px 20px 20px;overflow: hidden;">
+        <div id="previewContent" style="width: 100%;height: 100%;overflow:auto;text-align: center;"></div>
+    </div>
 
-            <li class="devider"></li>
-            <li style="font-family: 宋体">宋体</li>
-            <li style="font-family: 楷体">楷体</li>
-            <li style="font-family: 黑体">黑体</li>
+    <!-- Getting Started-->
+    <div class="menu mark_content mark1_content">
+        <div class="dialog_header">开始</div>
+        <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
+        <div class="_content">把您想使用的图形拖到右侧画布上，创建图形就是如此简单。</div>
+        <div class="arr-icon left">
+            <div class="arr-border"></div>
+            <div class="inner-arr"></div>
+        </div>
+        <div class="mark_next">
+            <span class="designer_button normal" onclick="UI.showStartStep(2)">下一步</span>
+        </div>
+    </div>
+    <div class="menu mark_content mark2_content">
+        <div class="dialog_header">菜单栏</div>
+        <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
+        <div class="_content">通过这些菜单，您可以调整和设置图形的属性、样式，也可以管理您的文件。</div>
+        <div class="arr-icon top">
+            <div class="arr-border"></div>
+            <div class="inner-arr"></div>
+        </div>
+        <div class="mark_next">
+            <span class="designer_button normal" onclick="UI.showStartStep(3)">下一步</span>
+        </div>
+    </div>
+    <div class="menu mark_content mark3_content">
+        <div class="dialog_header">属性工具栏</div>
+        <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
+        <div class="_content">对选中的文本、图形、连线进行个性化设置，让他们看起来更漂亮。</div>
+        <div class="arr-icon top">
+            <div class="arr-border"></div>
+            <div class="inner-arr"></div>
+        </div>
+        <div class="mark_next">
+            <span class="designer_button normal" onclick="UI.showStartStep(4)">下一步</span>
+        </div>
+    </div>
+    <div class="menu mark_content mark4_content">
+        <div class="dialog_header">属性面板</div>
+        <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
+        <div class="_content">这些面板让您的绘制过程更方便、简单，使用之后，您一定会喜欢。</div>
+        <div class="arr-icon right">
+            <div class="arr-border"></div>
+            <div class="inner-arr"></div>
+        </div>
+        <div class="mark_next">
+            <span class="designer_button normal" onclick="UI.closeGettingStart()">关闭</span>
+        </div>
+    </div>
+    <div class="menu mark_content markcreated_content">
+        <div class="dialog_header">编辑图形</div>
+        <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
+        <div class="_content">
+            <p>在图形边缘的任何地方点击并拖动，您可以创建出一条漂亮的连线。（小圆点是建议的连接点）</p>
+            <p>通过小的矩形控制点，您可以改变图形大小。（按住CTRL键可约束比例）</p>
+            <p>通过较大的圆点，对图形进行旋转。</p>
+            <p>双击可以编辑文本。（CTRL+ENTER保存文本）</p>
+        </div>
+        <div class="arr-icon left">
+            <div class="arr-border"></div>
+            <div class="inner-arr"></div>
+        </div>
+        <div class="mark_next">
+            <span class="designer_button normal" onclick="UI.closeGettingStart()">关闭</span>
+        </div>
+    </div>
+    <!-- 协作分享 -->
 
-        </ul>
-        <ul id="font_size_list" class="menu list" style="display: none;">
-            <li>6</li>
-            <li>7</li>
-            <li>8</li>
-            <li>9</li>
-            <li>10</li>
-            <li>11</li>
-            <li>12</li>
-            <li>14</li>
-            <li>18</li>
-            <li>24</li>
-            <li>30</li>
-            <li>36</li>
-            <li>48</li>
-            <li>60</li>
-            <li>72</li>
-        </ul>
-        <ul id="font_align_list" class="menu list" style="display: none;">
-            <li cate="textAlign" al="left">
-                <div class="ico alignleft"></div>
-            </li>
-            <li cate="textAlign" al="center">
-                <div class="ico aligncenter"></div>
-            </li>
-            <li cate="textAlign" al="right">
-                <div class="ico alignright"></div>
-            </li>
-            <li cate="vAlign" al="top">
-                <div class="ico aligntop"></div>
-            </li>
-            <li cate="vAlign" al="middle">
-                <div class="ico alignmiddle"></div>
-            </li>
-            <li cate="vAlign" al="bottom">
-                <div class="ico alignbottom"></div>
-            </li>
-        </ul>
-        <ul id="line_width_list" class="menu list menu_ico" style="display: none;">
-            <li>0px</li>
-            <li>1px</li>
-            <li>2px</li>
-            <li>3px</li>
-            <li>4px</li>
-            <li>5px</li>
-            <li>6px</li>
-            <li>8px</li>
-            <li>10px</li>
-        </ul>
-        <ul id="line_style_list" class="menu list menu_ico" style="display: none;">
-            <li line="solid">
-                <div class="ico linestyle linesolid"></div>
-            </li>
-            <li line="dashed">
-                <div class="ico linestyle linedashed"></div>
-            </li>
-            <li line="dot">
-                <div class="ico linestyle linedot"></div>
-            </li>
-            <li line="dashdot">
-                <div class="ico linestyle linedashdot"></div>
-            </li>
-        </ul>
-        <ul id="line_type_list" class="menu list" style="display: none;">
-            <li tp="broken">
-                <div class="ico linkertype_broken"></div>
-            </li>
-            <li tp="curve">
-                <div class="ico linkertype_curve"></div>
-            </li>
-            <li tp="normal">
-                <div class="ico linkertype_normal"></div>
-            </li>
-        </ul>
-        <ul id="beginarrow_list" class="menu list menu_ico" style="display: none;">
-            <li arrow="none">
-                <div class="ico ico_arrow larrow_none"></div>
-            </li>
-            <li arrow="solidArrow">
-                <div class="ico ico_arrow larrow_solidarrow"></div>
-            </li>
-            <li arrow="dashedArrow">
-                <div class="ico ico_arrow larrow_dashedarrow"></div>
-            </li>
-            <li arrow="normal">
-                <div class="ico ico_arrow larrow_normal"></div>
-            </li>
-            <li arrow="solidDiamond">
-                <div class="ico ico_arrow larrow_soliddiamond"></div>
-            </li>
-            <li arrow="dashedDiamond">
-                <div class="ico ico_arrow larrow_dasheddiamond"></div>
-            </li>
-            <li arrow="solidCircle">
-                <div class="ico ico_arrow larrow_solidcircle"></div>
-            </li>
-            <li arrow="dashedCircle">
-                <div class="ico ico_arrow larrow_dashedcircle"></div>
-            </li>
-            <li arrow="cross">
-                <div class="ico ico_arrow larrow_cross"></div>
-            </li>
-        </ul>
-        <ul id="endarrow_list" class="menu list menu_ico" style="display: none;">
-            <li arrow="none">
-                <div class="ico ico_arrow rarrow_none"></div>
-            </li>
-            <li arrow="solidArrow">
-                <div class="ico ico_arrow rarrow_solidarrow"></div>
-            </li>
-            <li arrow="dashedArrow">
-                <div class="ico ico_arrow rarrow_dashedarrow"></div>
-            </li>
-            <li arrow="normal">
-                <div class="ico ico_arrow rarrow_normal"></div>
-            </li>
-            <li arrow="solidDiamond">
-                <div class="ico ico_arrow rarrow_soliddiamond"></div>
-            </li>
-            <li arrow="dashedDiamond">
-                <div class="ico ico_arrow rarrow_dasheddiamond"></div>
-            </li>
-            <li arrow="solidCircle">
-                <div class="ico ico_arrow rarrow_solidcircle"></div>
-            </li>
-            <li arrow="dashedCircle">
-                <div class="ico ico_arrow rarrow_dashedcircle"></div>
-            </li>
-            <li arrow="cross">
-                <div class="ico ico_arrow rarrow_cross"></div>
-            </li>
-        </ul>
-
-        <!-- Dock Drops -->
-        <ul id="dock_fill_list" class="menu list menu_ico" style="display: none; width: 198px;">
-            <li ty="none">无</li>
-            <li ty="solid">颜色</li>
-            <li ty="gradient">渐变</li>
-            <!-- 将作为下个版本考虑 -->
-            <!-- <li ty="image">图片</li> -->
-        </ul>
-
-        <ul id="gradient_type_list" class="menu list menu_ico" style="display: none; z-index: 1;">
-            <li ty="linear" style="width: 60px">线性渐变</li>
-            <li ty="radial" style="width: 60px">径向渐变</li>
-        </ul>
-        <ul id="img_display_list" class="menu list" style="display: none;">
-            <li ty="fill">填充</li>
-            <li ty="fit">自适应</li>
-            <li ty="stretch">按图形伸展</li>
-            <li ty="original">原始尺寸</li>
-            <li ty="tile">平铺</li>
-        </ul>
-        <ul id="page_size_list" class="menu list dock_page_menu menu_ico" style="display: none;">
-            <li ac="set_page_size" w="1500" h="2100">A3(1500x2100)</li>
-            <li ac="set_page_size" w="1050" h="1500">A4(1050x1500)</li>
-            <li ac="set_page_size" w="750" h="1050">A5(750x1050)</li>
-            <li class="devider"></li>
-            <li class="menu_text" id="dock_size_custom">自定义</li>
-            <li class="menu_text" style="line-height: 30px;">
-                <span class='lbl'>W:</span>
-                <div id="dock_size_w" class="spinner active" style="width: 75px;"></div>
-            </li>
-            <li class="menu_text" style="line-height: 30px;">
-                <span class='lbl'>H:</span>
-                <div id="dock_size_h" class="spinner active" style="width: 75px;"></div>
-            </li>
-        </ul>
-        <ul id="page_padding_list" class="menu list dock_page_menu menu_ico" style="display: none;">
-            <li p="0">0px</li>
-            <li p="20">20px</li>
-            <li p="40">40px</li>
-            <li p="60">60px</li>
-            <li p="80">80px</li>
-            <li p="100">100px</li>
-        </ul>
-        <ul id="page_gridsize_list" class="menu list dock_page_menu menu_ico" style="display: none;">
-            <li s="10">小</li>
-            <li s="15">正常</li>
-            <li s="20">大</li>
-            <li s="30">很大</li>
-        </ul>
-        <ul id="attr_display_list" class="menu list dock_page_menu menu_ico" style="display: none;">
-            <li ty="none">无</li>
-            <li ty="text">文本</li>
-            <li ty="icon">图标</li>
-        </ul>
-        <ul id="attr_icon_list" class="menu list dock_page_menu" style="display: none;">
-            <li></li>
-        </ul>
-        <ul id="attr_location_h_list" class="menu list attr_location_menu dock_page_menu" style="display: none;">
-            <li loc="mostleft">
-                <div>
-                    <span style="left: -5px"></span>
-                </div>最左边</li>
-            <li loc="leftedge">
-                <div>
-                    <span style="left: -3px"></span>
-                </div>左边缘</li>
-            <li loc="left">
-                <div>
-                    <span style="left: 0px"></span>
-                </div>左边</li>
-            <li loc="center">
-                <div>
-                    <span style="left: 3px"></span>
-                </div>中间</li>
-            <li loc="right">
-                <div>
-                    <span style="left: 6px"></span>
-                </div>右边</li>
-            <li loc="rightedge">
-                <div>
-                    <span style="left: 9px"></span>
-                </div>右边缘</li>
-            <li loc="mostright">
-                <div>
-                    <span style="left: 11px"></span>
-                </div>最右边</li>
-        </ul>
-        <ul id="attr_location_v_list" class="menu list attr_location_menu dock_page_menu" style="display: none;">
-            <li loc="mosttop">
-                <div>
-                    <span style="top: -5px"></span>
-                </div>最上边</li>
-            <li loc="topedge">
-                <div>
-                    <span style="top: -3px"></span>
-                </div>上边缘</li>
-            <li loc="top">
-                <div>
-                    <span style="top: 0px"></span>
-                </div>顶部</li>
-            <li loc="middle">
-                <div>
-                    <span style="top: 3px"></span>
-                </div>中间</li>
-            <li loc="bottom">
-                <div>
-                    <span style="top: 6px"></span>
-                </div>底部</li>
-            <li loc="bottomedge">
-                <div>
-                    <span style="top: 9px"></span>
-                </div>下边缘</li>
-            <li loc="mostbottom">
-                <div>
-                    <span style="top: 11px"></span>
-                </div>最下边</li>
-        </ul>
-
-        <div id='hotkey_list' class='dialog'>
-            <div class='dialog_header'>快捷键列表</div>
-            <div class='dialog_content'>
-                <div class="hotkey_content">
-                    <span class="hotkey_line hotkey_group">通用</span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Alt</span>
-                        <span class="hotkey_desc">按住Alt，通过鼠标可以对页面进行拖动</span>
-                    </span>
-                  <!--<span class="hotkey_line">
-                        <span class="hotkey">Ctrl</span>
-                        <span class="hotkey_desc">按住Ctrl，点击一个图形，将其添加到选择图形中，或者从中移除</span>
-                    </span>-->
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + &lt; , Ctrl + &gt;</span>
-                        <span class="hotkey_desc">缩小，放大画布</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + A</span>
-                        <span class="hotkey_desc">全部选中</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Esc</span>
-                        <span class="hotkey_desc">取消选中，并取消当前操作</span>
-                    </span>
-                   <!--  <span class="hotkey_line">
-                        <span class="hotkey">T</span>
-                        <span class="hotkey_desc">插入文本</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">I</span>
-                        <span class="hotkey_desc">插入图片</span>
-                    </span> 
-                    <span class="hotkey_line">
-                        <span class="hotkey">L</span>
-                        <span class="hotkey_desc">插入连线</span>
-                    </span>-->
-                    <span class="hotkey_line null_line">&nbsp;</span>
-                    <span class="hotkey_line hotkey_group">图形被选中时</span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">箭头 (←↑↓→)</span>
-                        <span class="hotkey_desc">将选中图形向左、向上、向下、向右移动</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + 箭头 (←↑↓→)</span>
-                        <span class="hotkey_desc">每次微移一个像素</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + 调整大小</span>
-                        <span class="hotkey_desc">调整图形大小，并且约束比例</span>
-                    </span>
-                    <span class="hotkey_line">&nbsp;</span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + Z</span>
-                        <span class="hotkey_desc">撤销</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + Y</span>
-                        <span class="hotkey_desc">恢复</span>
-                    </span>
-                    <span class="hotkey_line">&nbsp;</span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + X</span>
-                        <span class="hotkey_desc">剪切</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + C</span>
-                        <span class="hotkey_desc">复制</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + V</span>
-                        <span class="hotkey_desc">粘贴</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + D</span>
-                        <span class="hotkey_desc">复用</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + R</span>
-                        <span class="hotkey_desc">数据配置</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + Shift + B</span>
-                        <span class="hotkey_desc">格式刷</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Delete, Backspace</span>
-                        <span class="hotkey_desc">删除</span>
-                    </span>
-                    <span class="hotkey_line">&nbsp;</span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + ]</span>
-                        <span class="hotkey_desc">将选中的图形置于顶层</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + [</span>
-                        <span class="hotkey_desc">将选中的图形置于底层</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + Shift + ]</span>
-                        <span class="hotkey_desc">将选中的图形上移一层</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + Shift + [</span>
-                        <span class="hotkey_desc">将选中的图形下移一层</span>
-                    </span>
-                    <span class="hotkey_line">&nbsp;</span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + L</span>
-                        <span class="hotkey_desc">锁定选中的图形</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + Shift + L</span>
-                        <span class="hotkey_desc">将选中的图形解锁</span>
-                    </span>
-                    <span class="hotkey_line">&nbsp;</span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + G</span>
-                        <span class="hotkey_desc">组合选中的图形</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + Shift + G</span>
-                        <span class="hotkey_desc">将选中的图形取消组合</span>
-                    </span>
-                    <span class="hotkey_line null_line">&nbsp;</span>
-                    <span class="hotkey_line hotkey_group">编辑文本</span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">空格</span>
-                        <span class="hotkey_desc">编辑文本</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + B</span>
-                        <span class="hotkey_desc">粗体</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + I</span>
-                        <span class="hotkey_desc">斜体</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + U</span>
-                        <span class="hotkey_desc">下划线</span>
-                    </span>
-                    <span class="hotkey_line">
-                        <span class="hotkey">Ctrl + Enter</span>
-                        <span class="hotkey_desc">保存文本编辑</span>
-                    </span>
-                </div>
+    <div id="colla_dialog" class="dialog">
+        <div class="dialog_header">分享与协作</div>
+        <div class="dialog_content" style="padding: 20px 20px 0px 20px;width: 494px;">
+            <div style="padding: 4px 0px;">
+                <strong>权限列表：</strong>
             </div>
-            <div class="designer_button normal hotkey_ok" onclick="$('#hotkey_list').dlg('close')">关闭</div>
-        </div>
-        <!-- Feedback -->
-        <div id='send_feedback' class='dialog'>
-            <div class='dialog_header'>发送反馈</div>
-            <div class='dialog_content' style="padding: 20px 40px">
-                <p style="margin-top: 0px;">
-                    您可以把使用中遇到的问题、功能的建议、评论等发送给我们。
-                    <br/>我们迫切希望得到您有价值的反馈，有您的反馈，我们会做的更好！
-                    <br/>
-                    <br/>请写下您的邮箱和反馈描述：
-                </p>
-                <span class="feedback_lebal" style="height: 33px;line-height: 33px;">
-                    <span>邮箱：</span>
-                    <span class="feedback_error_email_format">邮箱不正确，请填写一个您常用的邮箱</span>
-                </span>
-                <input id='feedback_email' type="text" value="b@b.com" class='txt' style='width:490px;height:24px;' />
-                <span class="feedback_lebal" style="height: 33px;line-height: 33px;">
-                    <span>姓名：</span>
-                </span>
-                <input id='feedback_name' type="text" value="比尔" class='txt' style='width:490px;height:24px;' />
-                <span class="feedback_lebal" style="height: 33px;line-height: 33px;">
-                    <span>反馈：</span>
-                    <span class="feedback_error_msg">请填写您的反馈信息</span>
-                </span>
-                <textarea id='feedback_message' class='txt' style='width:490px;height:93px;'></textarea>
-            </div>
-            <div class="dialog_buttons" style="padding: 0px 40px 20px;">
-                <span class='send_btn designer_button' onclick='UI.sendFeedBack(this)'>发送</span>
-            </div>
-        </div>
-        <div id="designer-version-manager" style="width:600px; display:none;">
-            <div id='contentDiv' style='margin-top:1px;height:220px;' class="dlg-content">
-                <iframe width="100%" id="designerManager" name="coeCreateUser" frameBorder="0" style="width: 100%; height: 220px;"></iframe>
-            </div>
-        </div>
-        
-       <!-- textarea对话框-->
-        <div id="textarea-dialog" title="" style="display:none; width:500px; height:300px;">
-			<textarea style="width:100%; height:215px; border:1px solid rgb(178, 178, 178);" class="awsui-input awsui-textarea"></textarea>
-            <!-- 已经存在 的属性 -->
-            <input type="hidden" id="exitAttributesJsonIds" value="" name="exitAttributesJsonIds" />
-        </div>
-
-        <!--版本对比对话框-->
-        <div title="版本对比" id="dialog_version_compare" style="width:300px; height: 200px">
-            <div id="versionGroup" style="height: 130px;">
-
-            </div>
-        </div>
-        <!--版本对比结果-->
-        <div title="版本对比" id="dialog_version_compare_result" style="width:400px; height: 300px">
-            <div id="versionCompareResult" style="display: none; height: 70%;overflow: auto;">
-                <div>
-                    <div>文件属性：</div>
-                    <div>--------------------------------------------------------------------</div>
-                    <div id="fileAttr"></div>
-                </div>
-                <div style="margin-top: 20px;">
-                    <div>节点属性：</div>
-                    <div>--------------------------------------------------------------------</div>
-                    <div id="shapeAttr"></div>
-                </div>
-            </div>
-        </div>
-
-        <!--WFVersion对话框-->
-        <div id="dialog_wf_version" style="width:900px; display:none;">
-            <div id="dialog_wf_version_area" style="height:250px;" class="dlg-content">
-                <iframe id="wf_version_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
-            </div>
-            <div class="dialog-button-wrap" style="text-align:right">
-                <div class="dlg-button" style="text-align:right;">
-                    <div class="dlg-info">
-                        <span style='font-family: Consolas;font-size:16px;'>Version ID:
-                            <input type='text' class='IDInput' readonly='readonly' value='<#processDefVersionId>' />
-                        </span>
-                    </div>
-                    <button class="button" onclick="$('#dialog_wf_version').dialog('close');return false;">关闭</button>
-                </div>
-            </div>
-        </div>
-        <!-- 添加关联形状 -->
-        <div id="attr_dialog_normal_relevance_shapes_div" style="width:700px;display:none;">
-            <div id='attr_content_relevance_shapes' style='margin:10px;height:410px;'>
-                <iframe width="100%" id="attr_content_iframe_relevance_shapes" name="attr_content_iframe_relevance_shapes" frameBorder="0" style="width: 100%; height: 400px;"></iframe>
-            </div>
-        </div>
-        <!-- 添加AWS PaaS平台组织 -->
-        <div id="attr_dialog_normal_relevance_aws_div" style="width:700px;display:none;">
-            <div id='attr_content_relevance_aws' style='margin:10px;height:400px;'>
-                <iframe width="100%" id="attr_content_iframe_relevance_aws" name="attr_content_iframe_relevance_aws" frameBorder="0" style="width: 100%; height: 400px;"></iframe>
-            </div>
-        </div>
-
-         <div id="attr_dialog-normal_designer" style="width:280px;display:none;height:360px;">
-            <div id='attr_content_designer' style='margin:10px;height:280px;'>
-                <iframe width="100%" id="attr_content_iframe_designer" name="attr_content_iframe" frameBorder="0" style="width: 100%; height: 280px;"></iframe>
-            </div>
-        </div>
-          <div id="designer_shape_copy_paste" style="width:360px;display:none;">
-            <div id='designer_shape_copy_paste_content' style='margin:10px;height:80px;'>
-			<ul>
-				<li>
-					<input class="awsui-radio" checked="" name="shape_radio" id="rdo1" value="copy" type="radio">
-					<label class="awsui-radio-label" for="rdo1">定义复制:会保留副本,但不会对形状信息进行同步</label>
-				</li>
-				<!-- <li>
-					<input class="awsui-radio" name="shape_radio" id="rdo2" value="appearCopy" type="radio">
-					<label class="awsui-radio-label" for="rdo2">出现复制:会保留副本,同时会对形状信息同步更新</label>
-				</li> -->
-			</ul>
-            </div>
-        </div>
-        <div id="designer_shape_custom_paste" style="width:500px;display:none;">
-            <div id='designer_shape_custom_paste_content' style='margin:10px;height:80px;'>
-			<ul>
-				<li>
-					<input class="awsui-radio" checked="" name="shape_radio_paste" id="rdo3" value="paste" type="radio">
-					<label class="awsui-radio-label" for="rdo3">自定义粘贴:作为新的形状出现不会和同一副本下的所有形状进行信息同步</label>
-				</li>
-				<li>
-					<input class="awsui-radio" name="shape_radio_paste" id="rdo4" value="appearPaste" type="radio">
-					<label class="awsui-radio-label" for="rdo4">出现粘贴：作为新的形状出现同时会和同一副本下的所有形状进行信息同步</label>
-				</li>
-			</ul>
-            </div>
-        </div>
-        <div id="link_dialog" class="ui-draggable awsui-dialog" style="width: 500px; display: none;">
-            <div style="padding:0px 10px;" class="awsui-simple-tab">
-                <a tit="file" class="active">文件链接</a>
-                <a tit="custom">自定义链接</a>
-            </div>
-            <div id="content" class="aws-simple-tab-content" style="height: 210px;">
-                <div tit="file" style="padding-right:20px;padding-left:20px;">
-                    <div class="dialog_content" style="padding-top: 15px; text-align: center;">
-                        <table style="width:370px;table-layout:inherit;padding:0" class="awsui-ux">
-                            <tr>
-                                <td align="left">链接名称</td>
-                                <td>
-                                    <span class="required">
-                                        <input id="linkto_file_name" type="text" class="input_text" style="width: 250px;" />
-                                    </span>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td align="left">链接文件</td>
-                                <td>
-                                    <span class="required">
-                                        <input type="text" id="linkto_file" uuid="" url="" readonly="readonly" style="width: 320px; height:26px;" class="awsui-input">
-                                    </span>
-                                </td>
-                            </tr>
-                              <tr>
-                                <td align="left">目标</td>
-                                <td>
-									<select id="link_custom_target1" style="height: 24px;width:268px;" class="awsui-select">
-									    <option value="newTab">新页签</option>
-									    <option value="_seft">当前窗口</option>
-									</select> 
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-                    <div id="linksFileHistoryDiv" class="dialog_content" style="padding-bottom: 0px;max-height:80px; text-align: center; overflow-x: auto; overflow-y: auto; ">
-                        <table style="width:370px;">
-                            <thead>
-                                <tr>
-                                    <td style="width:110px;text-align:left;">名称</td>
-                                    <td style="width:110px;text-align:left;">链接</td>
-                                    <td style="width:75px">目标</td>
-                                    <td style="width:75px">操作</td>
-                                </tr>
-                            </thead>
-                            <tbody id="linksFileHistory" style="overflow-y:scroll;overflow-x:hidden;"></tbody>
-                        </table>
-                    </div>
-                </div>
-                <div tit="custom" style="padding-right:20px;padding-left:20px; display:none;">
-                    <div class="dialog_content" style="padding-top: 15px; text-align: center;">
-                        <table style="width:370px;table-layout:inherit;padding:0" class="awsui-ux">
-                            <tr>
-                                <td align="left">链接名称</td>
-                                <td>
-                                    <span class="required">
-                                        <input id="linkto_addr_name" type="text" class="input_text" style="width: 250px;" />
-                                    </span>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td align="left">链接地址</td>
-                                <td>
-                                    <span class="required">
-                                        <input id="linkto_addr" type="text"  style="width: 262px;height:26px;" class="awsui-input" />
-                                    </span>
-                                </td>
-                            </tr>
-                             <tr>
-                                <td align="left">目标</td>
-                                <td>
-									<select id="link_custom_target2" style="height: 24px; width:266px;" class="awsui-select">
-									    <!-- <option value="newTab">新页签</option>
-									    <option value="_seft">当前窗口</option> -->
-									    <option value="_blank">新窗口</option>
-									</select>                             
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-                    <div id="linksHistoryDiv" class="dialog_content" style="padding-bottom: 0px; text-align: center; overflow-x: auto; overflow-y: auto; max-height:80px;">
-                        <table style="width:370px;">
-                            <thead>
-                                <tr>
-                                    <td style="width:110px;text-align:left;">名称</td>
-                                    <td style="width:110px;text-align:left;">链接</td>
-                                    <td style="width:75px">目标</td>
-                                    <td style="width:75px">操作</td>
-                                </tr>
-                            </thead>
-                            <tbody id="linksHistory"  style="overflow-y:scroll;overflow-x:hidden;"></tbody>
-                        </table>
-                    </div>
-                </div>
-            </div>
-<!-- 
-            <div class="dialog-button-wrap" style="text-align:right">
-	            <div class="dlg-button">
-	                <button type="button" class="button blue" onclick="UI.setLink()">新增</button>
-					<button type="button" class="button last" onclick="$('#link_dialog').dlg('close');">关闭</button>
-	            </div>
-            </div>
- -->            
-        </div>
-        <div id="link_tree_dialog" style="width:320px;height:380px;display:none;">
-            <div id='link_tree_div' style='margin-top:1px;height:300px;'>
-                <iframe width="100%" id="link_tree_iframe" name="link_tree_iframe" frameBorder="0" style="width: 100%; height: 300px;"></iframe>
-            </div>
-        </div>
-	
-        <div id="saveas_dialog" class="dialog" style="min-width: 450px; display: none;">
-            <div class="dialog_header">另存...</div>
-            <div class="dialog_content" style="padding: 30px 20px; text-align: center;">
-                <form id="saveas_form" action="/diagraming/saveas" method="post">
-                    <input id="hid_saveas_id" type="hidden" name="id" />
-                    <b>标题：</b>
-                    <input name="title" id="saveas_title" type="text" class="input_text" style="width: 300px;" onkeydown="if(event.keyCode == 13) return false;" />
-                </form>
-            </div>
-            <div class="dialog_buttons">
-                <div class="designer_button" onclick="UI.doSaveAs()" id="btn_dosaveas">确定</div>&nbsp;
-                <div class="designer_button normal" onclick="$('#saveas_dialog').dlg('close');">关闭</div>
-            </div>
-        </div>
-        <div id="export_dialog" class="ui-draggable awsui-dialog" style="min-width:450px; display: none;">
-            <div class="dialog_header">下载格式</div>
-            <div class="dialog_content">
-                <form id="export_form" action="/diagram_export" method="post">
-                    <ul class="export-list">
-                        <li class="first">
-                            <input id="export_png" type="radio" name="type" value="image" checked="checked" style="float: left;margin-right: 5px;">
-                            <label for="export_png" class="export-menu" style="float:left;line-height: 18px;">
-                                图片文件
-                                <span class="suffix">(*.png)</span>
-                                <span class="export_des">将文件导出成图片</span>
-                            </label>
-                            <div style="clear: both;"></div>
-                        </li>
-
-					    <!--<li class="first">
-					    	<input id="export_pdf" type="radio" name="type" value="pdf" style="float: left;margin-right: 5px;">
-					    	<label for="export_pdf" class="export-menu" style="float:left;line-height: 18px;">
-					    		PDF文件<span class="suffix"> (*.pdf)</span>
-					    		<span class="export_des">由图片保存成的PDF文件</span>
-					    	</label>
-					    	<div style="clear: both;"></div>
-					    </li>
-                        <li class="first">
-                            <input id="export_json" type="radio" name="type" value="json" style="float: left;margin-right: 5px;">
-                            <label for="export_json" class="export-menu" style="float:left;line-height: 18px;">
-                                JSON文件<span class="suffix"> (*.json)</span>
-                                <span class="export_des">将文件保存成的JSON文件</span>
-                            </label>
-                            <div style="clear: both;"></div>
-                        </li>
-                        <li class="first">
-                            <input id="export_xml" type="radio" name="type" value="xml" style="float: left;margin-right: 5px;">
-                            <label for="export_xml" class="export-menu" style="float:left;line-height: 18px;">
-                                XML文件<span class="suffix"> (*.xml)</span>
-                                <span class="export_des">将文件保存成的XML文件</span>
-                            </label>
-                            <div style="clear: both;"></div>
-                        </li>
-                        <li class="first">
-                            <input id="export_excel" type="radio" name="type" value="excel" style="float: left;margin-right: 5px;">
-                            <label for="export_excel" class="export-menu" style="float:left;line-height: 18px;">
-                                EXCEL文件<span class="suffix"> (*.xls)</span>
-                                <span class="export_des">将文件保存成的EXCEL文件</span>
-                            </label>
-                            <div style="clear: both;"></div>
-                        </li>-->
-                        <!--<li class="first">
-                            <input id="export_pos" type="radio" name="type" value="pos" style="float: left;margin-right: 5px;">
-                            <label for="export_pos" class="export-menu" style="float:left;line-height: 18px;">
-                                POS文件<span class="suffix"> (*.pos)</span>
-                                <span class="export_des">包含图片与图形结构定义</span>
-                            </label>
-                            <div style="clear: both;"></div>
-                        </li>
-                        -->
-                    </ul>
-                    <input id="export_definition" type="hidden" name="definition" />
-                    <input id="export_title" type="hidden" name="title" />
-                    <input type="hidden" name="chartId" value="<#uuid>" />
-                    <input type="hidden" name="ignore" value="definition" />
-                </form>
-            </div>
-            <div class="dialog-button-wrap" style="text-align:right">
-	            <div class="dlg-button">
-	                <button type="button" class="button blue" onclick="UI.doExport()">确定</button>
-					<button type="button" class="button last" onclick="$('#export_dialog').dlg('close');">关闭</button>
-	            </div>
-            </div>
-            <iframe id='export_iframe' style='display:none' frameborder="0" width="100%" src=""></iframe>
-        </div>
-        <!-- 预览报告dialog-->
-		<div id="previewDialog" style="width: 80%;padding: 20px 20px 20px 20px;overflow: hidden;">
-             <div id="previewContent" style="width: 100%;height: 100%;overflow:auto;text-align: center;"></div>
-		</div>
-
-        <!-- Getting Started-->
-        <div class="menu mark_content mark1_content">
-            <div class="dialog_header">开始</div>
-            <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
-            <div class="_content">把您想使用的图形拖到右侧画布上，创建图形就是如此简单。</div>
-            <div class="arr-icon left">
-                <div class="arr-border"></div>
-                <div class="inner-arr"></div>
-            </div>
-            <div class="mark_next">
-                <span class="designer_button normal" onclick="UI.showStartStep(2)">下一步</span>
-            </div>
-        </div>
-        <div class="menu mark_content mark2_content">
-            <div class="dialog_header">菜单栏</div>
-            <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
-            <div class="_content">通过这些菜单，您可以调整和设置图形的属性、样式，也可以管理您的文件。</div>
-            <div class="arr-icon top">
-                <div class="arr-border"></div>
-                <div class="inner-arr"></div>
-            </div>
-            <div class="mark_next">
-                <span class="designer_button normal" onclick="UI.showStartStep(3)">下一步</span>
-            </div>
-        </div>
-        <div class="menu mark_content mark3_content">
-            <div class="dialog_header">属性工具栏</div>
-            <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
-            <div class="_content">对选中的文本、图形、连线进行个性化设置，让他们看起来更漂亮。</div>
-            <div class="arr-icon top">
-                <div class="arr-border"></div>
-                <div class="inner-arr"></div>
-            </div>
-            <div class="mark_next">
-                <span class="designer_button normal" onclick="UI.showStartStep(4)">下一步</span>
-            </div>
-        </div>
-        <div class="menu mark_content mark4_content">
-            <div class="dialog_header">属性面板</div>
-            <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
-            <div class="_content">这些面板让您的绘制过程更方便、简单，使用之后，您一定会喜欢。</div>
-            <div class="arr-icon right">
-                <div class="arr-border"></div>
-                <div class="inner-arr"></div>
-            </div>
-            <div class="mark_next">
-                <span class="designer_button normal" onclick="UI.closeGettingStart()">关闭</span>
-            </div>
-        </div>
-        <div class="menu mark_content markcreated_content">
-            <div class="dialog_header">编辑图形</div>
-            <div class="ico dlg_close" onclick="UI.closeGettingStart()"></div>
-            <div class="_content">
-                <p>在图形边缘的任何地方点击并拖动，您可以创建出一条漂亮的连线。（小圆点是建议的连接点）</p>
-                <p>通过小的矩形控制点，您可以改变图形大小。（按住CTRL键可约束比例）</p>
-                <p>通过较大的圆点，对图形进行旋转。</p>
-                <p>双击可以编辑文本。（CTRL+ENTER保存文本）</p>
-            </div>
-            <div class="arr-icon left">
-                <div class="arr-border"></div>
-                <div class="inner-arr"></div>
-            </div>
-            <div class="mark_next">
-                <span class="designer_button normal" onclick="UI.closeGettingStart()">关闭</span>
-            </div>
-        </div>
-        <!-- 协作分享 -->
-
-        <div id="colla_dialog" class="dialog">
-            <div class="dialog_header">分享与协作</div>
-            <div class="dialog_content" style="padding: 20px 20px 0px 20px;width: 494px;">
+            <div class="role_list"></div>
+            <div class="new_invitation_container" style="margin-bottom: 10px;">
                 <div style="padding: 4px 0px;">
-                    <strong>权限列表：</strong>
-                </div>
-                <div class="role_list"></div>
-                <div class="new_invitation_container" style="margin-bottom: 10px;">
-                    <div style="padding: 4px 0px;">
-                        <strong>新邀请：</strong>
-                        <span id="add_prompt1" style="margin-left: 100px;">
+                    <strong>新邀请：</strong>
+                    <span id="add_prompt1" style="margin-left: 100px;">
                             <span class="badge">1</span>输入受邀请人姓名或者邮箱。</span>
-                        <span id="add_prompt2" style="margin-left: 100px;">
+                    <span id="add_prompt2" style="margin-left: 100px;">
                             <span class="badge">2</span>从以下用户列表中选择一个用户发起邀请。</span>
-                        <span id="add_prompt3" class="_fail alert" style="margin-left: 150px;">已经被邀请！</span>
-                        <span id="add_prompt4" class="alert success" style="margin-left: 150px;">发送成功。</span>
+                    <span id="add_prompt3" class="_fail alert" style="margin-left: 150px;">已经被邀请！</span>
+                    <span id="add_prompt4" class="alert success" style="margin-left: 150px;">发送成功。</span>
+                </div>
+                <div class="add_new_invit" style="margin-bottom: 15px;">
+                    <input id="input_add_colla" type="text" class="awsui-input" placeholder="输入受邀请人姓名或者邮箱。" />
+                    <input id="add_userid" type="hidden" value="" />
+                    <input id="add_type" type="hidden" value="" />
+                    <div class="select_add_role">
+                        <select id="invit_role">
+                            <option value="editor" selected="selected">编辑者</option>
+                            <option value="viewer">浏览者</option>
+                        </select>
+                        <div style="clear:both;"></div>
                     </div>
-                    <div class="add_new_invit" style="margin-bottom: 15px;">
-                        <input id="input_add_colla" type="text" class="awsui-input" placeholder="输入受邀请人姓名或者邮箱。" />
-                        <input id="add_userid" type="hidden" value="" />
-                        <input id="add_type" type="hidden" value="" />
-                        <div class="select_add_role">
-                            <select id="invit_role">
-                                <option value="editor" selected="selected">编辑者</option>
-                                <option value="viewer">浏览者</option>
-                            </select>
-                            <div style="clear:both;"></div>
+
+                    <div style="padding: 4px 0px;margin-top: 15px;">
+                        <strong>从以下用户列表中选择一个用户发起邀请：</strong>
+                    </div>
+                    <div id="colla_suggest_box"></div>
+                </div>
+                <div class="add_new_button" style="text-align:right;">
+                    <span class="designer_button normal" onclick="UI.doAddCollaboration()">发送邀请</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div id='confirm_dlg'>
+        <div class="confirm_header">提示：</div>
+        <div class="confirm_content">
+            <p>请从列表中选择一个用户</p>
+            <div class='designer_button' onclick="$('#confirm_dlg').hide();">确定</div>
+            <div style="clear: both;"></div>
+        </div>
+    </div>
+
+
+    <div id="image_dialog" class="dialog">
+        <div class="dialog_header">选择图片</div>
+        <div class="dialog_content" style="padding: 0px;">
+            <ul class="image_sources">
+                <li ty="upload" class="active">我的图片</li>
+                <li ty="url">网络图片</li>
+                <li ty="search">搜索图片</li>
+            </ul>
+            <div class="image_content">
+                <div id="image_select_upload" class="image_list">
+                    <form id="frm_upload_image" action="/user_image/upload" method=post enctype="multipart/form-data">
+                        <div id="btn_img_upload" class="toolbar_button active">
+                            <div class="ico"></div>上传图片
+                            <input id="input_upload_image" name="image" type="file" />
                         </div>
-
-                        <div style="padding: 4px 0px;margin-top: 15px;">
-                            <strong>从以下用户列表中选择一个用户发起邀请：</strong>
-                        </div>
-                        <div id="colla_suggest_box"></div>
-                    </div>
-                    <div class="add_new_button" style="text-align:right;">
-                        <span class="designer_button normal" onclick="UI.doAddCollaboration()">发送邀请</span>
-                    </div>
+                        <span id="upload_img_res"></span>
+                        <div style="clear: both;"></div>
+                    </form>
+                    <div id="user_image_items" class="image_items"></div>
+                </div>
+                <div id="image_select_url" class="image_list" style="display: none">
+                    粘贴一个图片地址：
+                    <input id="input_img_url" type="text" class="input_text" style="width: 380px;" />
+                    <div id="img_url_area"></div>
+                </div>
+                <div id="image_select_search" class="image_list" style="display: none">
+                    <input id="input_img_search" type="text" class="input_text" style="width: 380px;" />
+                    <div id="btn_img_search" class="toolbar_button active" style="display: inline-block;width: 70px;">搜索</div>
+                    <div style="padding: 15px 0px 0px;">在上面输入搜索关键字，通过Google来搜索图片。</div>
+                    <div id="google_image_items" class="image_items"></div>
+                </div>
+                <div class="image_btns">
+                    <div id="set_image_submit" class='designer_button'>确定</div>
+                    <div id="set_image_cancel" class='designer_button normal'>取消</div>
+                    <span id="set_image_text"></span>
                 </div>
             </div>
+            <div style="clear: both;"></div>
         </div>
-
-        <div id='confirm_dlg'>
-            <div class="confirm_header">提示：</div>
-            <div class="confirm_content">
-                <p>请从列表中选择一个用户</p>
-                <div class='designer_button' onclick="$('#confirm_dlg').hide();">确定</div>
-                <div style="clear: both;"></div>
+    </div>
+    <div id="chattingbox">
+        <div class="dock_view_header">
+            聊天
+            <span class="chatting_icon chatting_close" onclick="CLB.closeChatWin()"></span>
+        </div>
+        <div id="chatting_content">
+            <ul id="chat_messages"></ul>
+            <div class="dock_devider" style="margin-top: 0px;"></div>
+            <div class="chatting_bottom">
+                <textarea id="chatting_edit" class="awsui-input" style="width: 228px;"></textarea>
+                <input type="button" class="designer_button" value="发送" onclick="CLB.sendChatMsg()">
             </div>
         </div>
+    </div>
+    <div id="disconnected" class="dialog">
+        <div class="dialog_content" style="padding: 40px;">
+            您已经和服务器断开连接，请刷新重试。
+        </div>
+        <div class="dialog_buttons">
+            <a class="designer_button" href="/diagraming/52304c3bfb6e6e6765471aee">重试</a>&nbsp;
+            <a class="designer_button normal" href="/diagraming/back?id=52304c3bfb6e6e6765471aee">关闭</a>
+        </div>
+    </div>
+
+    <ul id="user_menu" class="menu list" style="z-index: 1; display: none;">
+        <li ac="dia">我的文件</li>
+        <li ac="net">我的网络</li>
+        <li class="devider"></li>
+        <li ac="out">退出</li>
+    </ul>
+</div>
+
+<!-- <div class="share_container">
 
 
-        <div id="image_dialog" class="dialog">
-            <div class="dialog_header">选择图片</div>
-            <div class="dialog_content" style="padding: 0px;">
-                <ul class="image_sources">
-                    <li ty="upload" class="active">我的图片</li>
-                    <li ty="url">网络图片</li>
-                    <li ty="search">搜索图片</li>
-                </ul>
-                <div class="image_content">
-                    <div id="image_select_upload" class="image_list">
-                        <form id="frm_upload_image" action="/user_image/upload" method=post enctype="multipart/form-data">
-                            <div id="btn_img_upload" class="toolbar_button active">
-                                <div class="ico"></div>上传图片
-                                <input id="input_upload_image" name="image" type="file" />
-                            </div>
-                            <span id="upload_img_res"></span>
-                            <div style="clear: both;"></div>
-                        </form>
-                        <div id="user_image_items" class="image_items"></div>
-                    </div>
-                    <div id="image_select_url" class="image_list" style="display: none">
-                        粘贴一个图片地址：
-                        <input id="input_img_url" type="text" class="input_text" style="width: 380px;" />
-                        <div id="img_url_area"></div>
-                    </div>
-                    <div id="image_select_search" class="image_list" style="display: none">
-                        <input id="input_img_search" type="text" class="input_text" style="width: 380px;" />
-                        <div id="btn_img_search" class="toolbar_button active" style="display: inline-block;width: 70px;">搜索</div>
-                        <div style="padding: 15px 0px 0px;">在上面输入搜索关键字，通过Google来搜索图片。</div>
-                        <div id="google_image_items" class="image_items"></div>
-                    </div>
-                    <div class="image_btns">
-                        <div id="set_image_submit" class='designer_button'>确定</div>
-                        <div id="set_image_cancel" class='designer_button normal'>取消</div>
-                        <span id="set_image_text"></span>
-                    </div>
-                </div>
-                <div style="clear: both;"></div>
-            </div>
-        </div>
-        <div id="chattingbox">
-            <div class="dock_view_header">
-                聊天
-                <span class="chatting_icon chatting_close" onclick="CLB.closeChatWin()"></span>
-            </div>
-            <div id="chatting_content">
-                <ul id="chat_messages"></ul>
-                <div class="dock_devider" style="margin-top: 0px;"></div>
-                <div class="chatting_bottom">
-                    <textarea id="chatting_edit" class="awsui-input" style="width: 228px;"></textarea>
-                    <input type="button" class="designer_button" value="发送" onclick="CLB.sendChatMsg()">
-                </div>
-            </div>
-        </div>
-        <div id="disconnected" class="dialog">
-            <div class="dialog_content" style="padding: 40px;">
-                您已经和服务器断开连接，请刷新重试。
-            </div>
-            <div class="dialog_buttons">
-                <a class="designer_button" href="/diagraming/52304c3bfb6e6e6765471aee">重试</a>&nbsp;
-                <a class="designer_button normal" href="/diagraming/back?id=52304c3bfb6e6e6765471aee">关闭</a>
-            </div>
-        </div>
+      <div class="header_right_btn">
+          <div class="toolbar_button" onclick="UI.showAddColla()" awsui-qtip="分享与协作">
+              <div class="ico ico_header_share"></div>
+          </div>
+      </div>
 
-        <ul id="user_menu" class="menu list" style="z-index: 1; display: none;">
-            <li ac="dia">我的文件</li>
-            <li ac="net">我的网络</li>
-            <li class="devider"></li>
-            <li ac="out">退出</li>
+
+      <div class="user" onmousedown="UI.showUserMenu(event)">
+          <img id="chat_user_4f3225401ee6e810cc2bd172" src="<#userUrl>" />
+          <#userName>
+              <div class="ico ico_accordion"></div>
+      </div>
+  </div>-->
+<div id="link-dialog-normal" class="dialog" style="min-width: 250px; display:none;">
+    <div id="link-content" class="dialog_content" style="padding-top: 30px; text-align: center;">
+
+    </div>
+</div>
+
+<!--  dialog  -->
+<div id="attribute-edit-window"  style="width:500px;height:315px;display:none;">
+    <div style='margin:0px;height:225px;width:500px;'>
+        <textarea rows="" cols="" style="height: 215px;  width: 493px;" id='attribute-edit-content'></textarea>
+    </div>
+</div>
+<div  style="width:510px;display:none;" id="shapes_dialog">
+    <div id="content" class="dlg-content awsui-ux">
+        <ul id="shape_manage_list">
+            <#liStr>
         </ul>
     </div>
-
-  <!-- <div class="share_container">
-
-
-        <div class="header_right_btn">
-        	<div class="toolbar_button" onclick="UI.showAddColla()" awsui-qtip="分享与协作">
-                <div class="ico ico_header_share"></div>
-            </div> 
-        </div>
-
-
-        <div class="user" onmousedown="UI.showUserMenu(event)">
-            <img id="chat_user_4f3225401ee6e810cc2bd172" src="<#userUrl>" />
-            <#userName>
-                <div class="ico ico_accordion"></div>
-        </div>
-    </div>-->
-    <div id="link-dialog-normal" class="dialog" style="min-width: 250px; display:none;">
-        <div id="link-content" class="dialog_content" style="padding-top: 30px; text-align: center;">
-
-        </div>
+</div>
+<div id="shapes_dialog2" class="dialog" style="width: 400px; display:none;">
+    <div class="dialog_header">图形管理</div>
+    <div class="dialog_content" style="padding: 0px; max-height: 372px; overflow: auto;">
+        <li>
+            <div>
+                <input type="checkbox" value="basic" />基础图形</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" value="flow" />Flowchart 流程图</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" value="bpmn" />BPMN</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" value="evc" />EVC 企业价值链</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" value="epc" />EPC 事件过程链</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" value="lane" />泳池/泳道</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" class="cate_parent" value="uml_common,uml_usecase,uml_sequence,uml_class,uml_stateactivity,uml_deployment,uml_component" />UML图</div>
+        </li>
+        <li class="child">
+            <div>
+                <input type="checkbox" checked value="uml_common" />UML 通用</div>
+        </li>
+        <li class="child">
+            <div>
+                <input type="checkbox" value="uml_usecase" />UML 用例图</div>
+        </li>
+        <li class="child">
+            <div>
+                <input type="checkbox" value="uml_sequence" />UML 序列图</div>
+        </li>
+        <li class="child">
+            <div>
+                <input type="checkbox" value="uml_class" />UML 类图</div>
+        </li>
+        <li class="child">
+            <div>
+                <input type="checkbox" value="uml_stateactivity" />UML 状态图/活动图</div>
+        </li>
+        <li class="child">
+            <div>
+                <input type="checkbox" value="uml_deployment" />UML 部署图</div>
+        </li>
+        <li class="child">
+            <div>
+                <input type="checkbox" value="uml_component" />UML 组件图</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" value="er" />实体关系图</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" value="org" />ORG 组织结构图</div>
+        </li>
+        <li>
+            <div>
+                <input type="checkbox" value="venn" />维恩图</div>
+        </li>
     </div>
-
-    <!--  dialog  -->
-    <div id="attribute-edit-window"  style="width:500px;height:315px;display:none;">
-        <div style='margin:0px;height:225px;width:500px;'>
-            <textarea rows="" cols="" style="height: 215px;  width: 493px;" id='attribute-edit-content'></textarea>
-        </div>
+    <div class="dialog_buttons" style="padding: 20px;">
+        <span class="designer_button" onclick="UI.saveShapesManage()">确定</span>&nbsp;
+        <span class="designer_button normal" onclick="$('#shapes_dialog').dlg('close')">取消</span>
     </div>
-    <div  style="width:510px;display:none;" id="shapes_dialog">
-        <div id="content" class="dlg-content awsui-ux">
-            <ul id="shape_manage_list">
-                <#liStr>
-            </ul>
-        </div>
-    </div>
-    <div id="shapes_dialog2" class="dialog" style="width: 400px; display:none;">
-        <div class="dialog_header">图形管理</div>
-        <div class="dialog_content" style="padding: 0px; max-height: 372px; overflow: auto;">
-            <li>
-                <div>
-                    <input type="checkbox" value="basic" />基础图形</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" value="flow" />Flowchart 流程图</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" value="bpmn" />BPMN</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" value="evc" />EVC 企业价值链</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" value="epc" />EPC 事件过程链</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" value="lane" />泳池/泳道</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" class="cate_parent" value="uml_common,uml_usecase,uml_sequence,uml_class,uml_stateactivity,uml_deployment,uml_component" />UML图</div>
-            </li>
-            <li class="child">
-                <div>
-                    <input type="checkbox" checked value="uml_common" />UML 通用</div>
-            </li>
-            <li class="child">
-                <div>
-                    <input type="checkbox" value="uml_usecase" />UML 用例图</div>
-            </li>
-            <li class="child">
-                <div>
-                    <input type="checkbox" value="uml_sequence" />UML 序列图</div>
-            </li>
-            <li class="child">
-                <div>
-                    <input type="checkbox" value="uml_class" />UML 类图</div>
-            </li>
-            <li class="child">
-                <div>
-                    <input type="checkbox" value="uml_stateactivity" />UML 状态图/活动图</div>
-            </li>
-            <li class="child">
-                <div>
-                    <input type="checkbox" value="uml_deployment" />UML 部署图</div>
-            </li>
-            <li class="child">
-                <div>
-                    <input type="checkbox" value="uml_component" />UML 组件图</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" value="er" />实体关系图</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" value="org" />ORG 组织结构图</div>
-            </li>
-            <li>
-                <div>
-                    <input type="checkbox" value="venn" />维恩图</div>
-            </li>
-        </div>
-        <div class="dialog_buttons" style="padding: 20px;">
-            <span class="designer_button" onclick="UI.saveShapesManage()">确定</span>&nbsp;
-            <span class="designer_button normal" onclick="$('#shapes_dialog').dlg('close')">取消</span>
-        </div>
-    </div>
-    <div style="width:510px; display:none;" id="custom_define_dialog" title="自定义形状">
-        <div class="dlg-content awsui-ux">
-            <table class="awsui-ux">
-            	<tr>
-					<td class='awsui-ux-title'>name</td>
-					<td>
-						<input id="custom_define_name" readonly class="awsui-textbox" type='text'/>
-					</td>
-				</tr>
-				<tr>
-					<td class='awsui-ux-title'>customName</td>
-					<td>
-						<span class='required'><input id="custom_define_name_custom" class="awsui-textbox" type='text'/></span>
-					</td>
-				</tr>
-				<tr>
-					<td class='awsui-ux-title'>title</td>
-					<td><span class='required'><input id="custom_define_title" class="awsui-textbox" type='text'/></span></td>
-				</tr>
-				<tr>
-					<td class='awsui-ux-title'>text</td>
-					<td><span class='required'><input id="custom_define_text" class="awsui-textbox" type='text'/></span></td>
-				</tr>
-				<tr>
-					<td class='awsui-ux-title'>宽度</td>
-					<td><span class='required'><input id="custom_define_w" class="awsui-textbox" type='text'/></span></td>
-				</tr>
-				<tr>
-					<td class='awsui-ux-title'>高度</td>
-					<td><span class='required'><input id="custom_define_h" class="awsui-textbox" type='text'/></span></td>
-				</tr>
-				<tr>
-					<td class='awsui-ux-title'>可修改大小</td>
-					<td>
+</div>
+<div style="width:510px; display:none;" id="custom_define_dialog" title="自定义形状">
+    <div class="dlg-content awsui-ux">
+        <table class="awsui-ux">
+            <tr>
+                <td class='awsui-ux-title'>name</td>
+                <td>
+                    <input id="custom_define_name" readonly class="awsui-textbox" type='text'/>
+                </td>
+            </tr>
+            <tr>
+                <td class='awsui-ux-title'>customName</td>
+                <td>
+                    <span class='required'><input id="custom_define_name_custom" class="awsui-textbox" type='text'/></span>
+                </td>
+            </tr>
+            <tr>
+                <td class='awsui-ux-title'>title</td>
+                <td><span class='required'><input id="custom_define_title" class="awsui-textbox" type='text'/></span></td>
+            </tr>
+            <tr>
+                <td class='awsui-ux-title'>text</td>
+                <td><span class='required'><input id="custom_define_text" class="awsui-textbox" type='text'/></span></td>
+            </tr>
+            <tr>
+                <td class='awsui-ux-title'>宽度</td>
+                <td><span class='required'><input id="custom_define_w" class="awsui-textbox" type='text'/></span></td>
+            </tr>
+            <tr>
+                <td class='awsui-ux-title'>高度</td>
+                <td><span class='required'><input id="custom_define_h" class="awsui-textbox" type='text'/></span></td>
+            </tr>
+            <tr>
+                <td class='awsui-ux-title'>可修改大小</td>
+                <td>
 						<span class='required'>
 							<input class="awsui-radio" name="custom_define_resizeable" id="custom_define_resizeable_1" value="1" type="radio" />
 							<label class="awsui-radio-label" for="rdo1">是</label>
 							<input class="awsui-radio" name="custom_define_resizeable" id="custom_define_resizeable_0" value="0" type="radio" />
 							<label class="awsui-radio-label" for="rdo1">否</label>
 						</span>
-					</td>
-				</tr>
+                </td>
+            </tr>
+        </table>
+    </div>
+</div>
+
+<!--  数据属性弹框表格  -->
+<div id="attribute-table-window"  style="width:500px;height:325px;display:none;">
+    <div style='margin:0px;height:235px;width:500px;'>
+        <div style="height: 225px;width: 493px;overflow:auto;">
+            <table  style="width: 100%;border-collapse:collapse;border-top: 2px solid #928d8d;border-bottom: 2px solid #928d8d">
+                <tbody class="dialogTableTbody" id='attribute-table-content'>
+
+                </tbody>
             </table>
+            <div style="margin-top: 5px" id="attribute-add-content"></div>
         </div>
     </div>
+</div>
 
-    <!--  数据属性弹框表格  -->
-    <div id="attribute-table-window"  style="width:500px;height:325px;display:none;">
-        <div style='margin:0px;height:235px;width:500px;'>
-            <div style="height: 225px;width: 493px;overflow:auto;">
-                <table  style="width: 100%;border-collapse:collapse;border-top: 2px solid #928d8d;border-bottom: 2px solid #928d8d">
-                    <tbody class="dialogTableTbody" id='attribute-table-content'>
+<!--  文件属性弹框表格  -->
+<div id="attribute-table-window1"  style="width:700px;height:325px;display:none;">
+    <div style='margin:0px;height:235px;width:500px;'>
+        <div style="height: 225px;width: 700px;overflow:auto;">
+            <table  id="table" style="width: 100%;border-collapse:collapse;border-top: 2px solid #928d8d;border-bottom: 2px solid #928d8d">
+                <tbody class="dialogTableTbody" id='attribute-table-content1'>
 
-                    </tbody>
-                </table>
-                <div style="margin-top: 5px" id="attribute-add-content"></div>
-            </div>
+                </tbody>
+            </table>
+            <div style="margin-top: 5px" id="attribute-add-content1"></div>
         </div>
     </div>
+</div>
 
-    <!--  文件属性弹框表格  -->
-    <div id="attribute-table-window1"  style="width:700px;height:325px;display:none;">
-        <div style='margin:0px;height:235px;width:500px;'>
-            <div style="height: 225px;width: 700px;overflow:auto;">
-                <table  id="table" style="width: 100%;border-collapse:collapse;border-top: 2px solid #928d8d;border-bottom: 2px solid #928d8d">
-                    <tbody class="dialogTableTbody" id='attribute-table-content1'>
-
-                    </tbody>
-                </table>
-                <div style="margin-top: 5px" id="attribute-add-content1"></div>
-            </div>
-        </div>
+<div id="checkoutTip">
+    <div style="width: 36px; float: left;">
+        <img src="../apps/_bpm.platform/js/designer/extend/images/lock.png" />
     </div>
-
-    <div id="checkoutTip">
-        <div style="width: 36px; float: left;">
-            <img src="../apps/_bpm.platform/js/designer/extend/images/lock.png" />
-        </div>
-        <div style="width: 370px; float: left;">已由 <b><#checkoutusername></b> 编辑该流程时锁定,最后一次保存日期
-            <font color="green"><b><#checkouttime></b>
-            </font>,点击此处<a style="text-decoration: none;" href="#" onclick="BPMNBiz.getCheckoutRight();return false;">强行获取编辑权</a>
-        </div>
+    <div style="width: 370px; float: left;">已由 <b><#checkoutusername></b> 编辑该流程时锁定,最后一次保存日期
+        <font color="green"><b><#checkouttime></b>
+        </font>,点击此处<a style="text-decoration: none;" href="#" onclick="BPMNBiz.getCheckoutRight();return false;">强行获取编辑权</a>
     </div>
-    <div title="添加到前后置流程" class="awsui-size-x-large awsui-hide" id="addLeadAndRearProcessDlg">
-        <div style="height: 30px;">
+</div>
+<div title="添加到前后置流程" class="awsui-size-x-large awsui-hide" id="addLeadAndRearProcessDlg">
+    <div style="height: 30px;">
             <span class="awsui-input-wrapper">
                 <input type="text" id="leadAndRearProcessSearchKey" class="awsui-input" placeholder="输入名称查询" value=""/>
                 <span class="awsui-input-suffix" style="cursor: pointer;" onclick="queryLeadAndRearProcessData">
                     <i class="awsui-iconfont">&#59113;</i>
                 </span>
             </span>
-            <input type="hidden" id="attrMark"/>
+        <input type="hidden" id="attrMark"/>
+    </div>
+    <div style="height:290px;overflow-y: auto;">
+        <!--            <div class="awsui-code-demo awsui-align-center" style="display: none;position: relative; top: 100px;" id="leadAndRearProcessDataLoading"></div>-->
+        <table id="leadAndRearProcessDataTable" class="awsui-table awsui-table-striped">
+            <thead>
+            <tr>
+                <th width="20">选择</th>
+                <th>名称</th>
+            </tr>
+            </thead>
+            <tbody id="leadAndRearProcessDataTableTbody"></tbody>
+        </table>
+    </div>
+</div>
+<!-- 不支持HTML5的页面显示图片 -->
+<div id="mainDiv" style="display: none;">
+    <div class="view_box">
+        <div id="chartDivBox" style="background: none;">
+            <div id="chartDiv" style="left: 148.5px; top: 0px;">
+                <img alt="<#fileName>" id="chart_img" style="display: block; opacity: 1;" src="<#diagram>">
+            </div>
         </div>
-        <div style="height:290px;overflow-y: auto;">
-<!--            <div class="awsui-code-demo awsui-align-center" style="display: none;position: relative; top: 100px;" id="leadAndRearProcessDataLoading"></div>-->
-            <table id="leadAndRearProcessDataTable" class="awsui-table awsui-table-striped">
-                <thead>
+        <div id="chart_preview" style="background: rgba(255, 255, 255, 0.701961);">
+            <div id="chart_preview_wrap" style="position: absolute; opacity: 1;">
+                <img id="preview_img" style="position: absolute; display: block;" src="<#diagram>">
+                <div class="preview_box" id="preview_box" style="cursor: move; background: rgba(255, 255, 255, 0);"></div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="checkoutTip">
+    <div style="width: 36px; float: left;">
+        <img src="../apps/_bpm.platform/js/designer/extend/images/lock.png" />
+    </div>
+    <div style="width: 370px; float: left;">已由 <b><#checkoutusername></b> 编辑该流程时锁定,最后一次保存日期
+        <font color="green"><b><#checkouttime></b>
+        </font>,点击此处<a style="text-decoration: none;" href="#" onclick="BPMNBiz.getCheckoutRight();return false;">强行获取编辑权</a>
+    </div>
+</div>
+
+<div title="" style="width:550px;display:none;" id="upfile-dialog">
+    <div id='upfile-content' style='height:330px;'>
+        <iframe width="100%" id="upfile-content-iframe" name="upfile-content-iframe" frameBorder="0" style="width: 100%; height:100%;"></iframe>
+    </div>
+</div>
+
+<div id="visio_import_dlg" title="Visio导入" style="display: none;">
+    <table class="awsui-ux" cellspacing="3" cellpadding="0" style="width: 100%; margin: 25px auto;">
+        <tr>
+            <td style="width: 250px;"><input id="visio_import_input" type="text" placeholder="请上传visio文件..." class="awsui-input" readonly=true style="width: 240px;" /></td>
+            <td>
+                <span id="visio_import_upfile" class="button blue" onclick="return false;">上传</span>
+            </td>
+        </tr>
+    </table>
+</div>
+
+<div id="shape_import_dlg" title="导入" style="display: none;">
+    <div style="width: 550px;height: 280px;vertical-align: top;">
+        <button id="upShapeFile" onclick="return false;" type="button" class="awsui-btn awsui-btn-green" style="margin-left: 20px;margin-top:10px">新增</button>
+        <div style="margin-left: 20px;padding: 5px; font-size: 12px; color: rgb(120, 120, 120);">
+            <span>附件格式支持:jpg, jpeg, gif, png, bmp, pdf, doc, docx, ppt, pptx, xls, xlsx, txt  文件大小不超过10M</span>
+        </div>
+        <div style="height:210px;overflow-x: hidden;overflow-y:auto;">
+            <table class="awsui-ux">
+                <tbody>
                 <tr>
-                    <th width="20">选择</th>
-                    <th>名称</th>
+                    <td>
+                        <table class="table table-thin table-hover" style="height:100%;overflow-y :hidden">
+                            <thead>
+                            <tr>
+                                <th width="60%">文件名</th>
+                                <th width="40%">操作</th>
+                            </tr>
+                            </thead>
+                            <tbody id="shapeFileTbody">
+                            </tbody>
+                        </table>
+                    </td>
                 </tr>
-                </thead>
-                <tbody id="leadAndRearProcessDataTableTbody"></tbody>
+                </tbody>
             </table>
         </div>
     </div>
-	<!-- 不支持HTML5的页面显示图片 -->
-	<div id="mainDiv" style="display: none;">
-  		<div class="view_box">
-			<div id="chartDivBox" style="background: none;">
-				<div id="chartDiv" style="left: 148.5px; top: 0px;">
-					<img alt="<#fileName>" id="chart_img" style="display: block; opacity: 1;" src="<#diagram>">
-				</div>
-			</div>
-			<div id="chart_preview" style="background: rgba(255, 255, 255, 0.701961);">
-				<div id="chart_preview_wrap" style="position: absolute; opacity: 1;">
-					<img id="preview_img" style="position: absolute; display: block;" src="<#diagram>">
-					<div class="preview_box" id="preview_box" style="cursor: move; background: rgba(255, 255, 255, 0);"></div>
-				</div>
-			</div>
-		</div>
-  	</div>
-	
-    <div id="checkoutTip">
-        <div style="width: 36px; float: left;">
-            <img src="../apps/_bpm.platform/js/designer/extend/images/lock.png" />
+</div>
+
+<div id="policyfile_import_dlg" title="导入" style="display: none;">
+    <div style="width: 550px;height: 280px;vertical-align: top;">
+        <button id="pupShapeFile" onclick="return false;" type="button" class="awsui-btn awsui-btn-green" style="margin-left: 20px;margin-top:10px">新增</button>
+        <div style="margin-left: 20px;padding: 5px; font-size: 12px; color: rgb(120, 120, 120);">
+            <span>附件格式支持:xml, doc, docx 文件大小不超过50M</span>
         </div>
-        <div style="width: 370px; float: left;">已由 <b><#checkoutusername></b> 编辑该流程时锁定,最后一次保存日期
-            <font color="green"><b><#checkouttime></b>
-            </font>,点击此处<a style="text-decoration: none;" href="#" onclick="BPMNBiz.getCheckoutRight();return false;">强行获取编辑权</a>
+        <div style="height:210px;overflow-x: hidden;overflow-y:auto;">
+            <table class="awsui-ux">
+                <tbody>
+                <tr>
+                    <td>
+                        <table class="table table-thin table-hover" style="height:100%;overflow-y :hidden">
+                            <thead>
+                            <tr>
+                                <th width="60%">文件名</th>
+                                <th width="40%">操作</th>
+                            </tr>
+                            </thead>
+                            <tbody id="pshapeFileTbody">
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
         </div>
     </div>
-	
-	<div title="" style="width:550px;display:none;" id="upfile-dialog">
-		<div id='upfile-content' style='height:330px;'>
-			<iframe width="100%" id="upfile-content-iframe" name="upfile-content-iframe" frameBorder="0" style="width: 100%; height:100%;"></iframe>
-		</div>
-	</div>
-	
-	<div id="visio_import_dlg" title="Visio导入" style="display: none;">
-		<table class="awsui-ux" cellspacing="3" cellpadding="0" style="width: 100%; margin: 25px auto;">
-			<tr>
-				<td style="width: 250px;"><input id="visio_import_input" type="text" placeholder="请上传visio文件..." class="awsui-input" readonly=true style="width: 240px;" /></td>
-				<td>
-					<span id="visio_import_upfile" class="button blue" onclick="return false;">上传</span>
-				</td>
-			</tr>
-		</table>
-	</div>
-	
-	<div id="shape_import_dlg" title="导入" style="display: none;">
-   		<div style="width: 550px;height: 280px;vertical-align: top;">
-    		<button id="upShapeFile" onclick="return false;" type="button" class="awsui-btn awsui-btn-green" style="margin-left: 20px;margin-top:10px">新增</button>
-    		<div style="margin-left: 20px;padding: 5px; font-size: 12px; color: rgb(120, 120, 120);">
-				<span>附件格式支持:jpg, jpeg, gif, png, bmp, pdf, doc, docx, ppt, pptx, xls, xlsx, txt  文件大小不超过10M</span>
-			</div>
-    		<div style="height:210px;overflow-x: hidden;overflow-y:auto;">
-	    		<table class="awsui-ux">
-				    <tbody>
-				    <tr>
-				        <td>
-							<table class="table table-thin table-hover" style="height:100%;overflow-y :hidden">
-					            <thead>
-					              <tr>
-					                <th width="60%">文件名</th>
-					                <th width="40%">操作</th>
-					              </tr>
-					            </thead>
-					            <tbody id="shapeFileTbody">
-					            </tbody>
-							</table>
-				        </td>
-				    </tr>
-					</tbody>
-				</table>
-    		</div>
-		</div>
-	</div>
+</div>
 
-    <div id="policyfile_import_dlg" title="导入" style="display: none;">
-        <div style="width: 550px;height: 280px;vertical-align: top;">
-            <button id="pupShapeFile" onclick="return false;" type="button" class="awsui-btn awsui-btn-green" style="margin-left: 20px;margin-top:10px">新增</button>
-            <div style="margin-left: 20px;padding: 5px; font-size: 12px; color: rgb(120, 120, 120);">
-                <span>附件格式支持:xml, doc, docx 文件大小不超过50M</span>
-            </div>
-            <div style="height:210px;overflow-x: hidden;overflow-y:auto;">
-                <table class="awsui-ux">
-                    <tbody>
-                    <tr>
-                        <td>
-                            <table class="table table-thin table-hover" style="height:100%;overflow-y :hidden">
-                                <thead>
-                                <tr>
-                                    <th width="60%">文件名</th>
-                                    <th width="40%">操作</th>
-                                </tr>
-                                </thead>
-                                <tbody id="pshapeFileTbody">
-                                </tbody>
-                            </table>
-                        </td>
-                    </tr>
-                    </tbody>
-                </table>
-            </div>
+<!--<I18N#流程属性的对话框>-->
+<div id="dialog_properties" style="width:525px;display:none;">
+    <div id="dialog_properties_area" style="height:260px;" class="dlg-content">
+        <iframe id="properties_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
+    </div>
+    <div class="dialog-button-wrap" style="text-align:right">
+        <div class="dlg-button" style="text-align:right;">
+            <div class="dlg-info"><span style='font-family: Consolas;font-size:16px;'>ID:<#processDefId></span></div>
+            <button id="setproperties_submit" class="button blue" onclick="BPMNBiz.saveAWSProperties();return false;"><I18N#确定></button>
+            <button class="button" onclick="$('#dialog_properties').dialog('close');return false;"><I18N#取消></button>
         </div>
     </div>
-	
-	<!--<I18N#流程属性的对话框>-->
-	<div id="dialog_properties" style="width:525px;display:none;">
-		<div id="dialog_properties_area" style="height:260px;" class="dlg-content">
-			<iframe id="properties_frame" src="" frameborder="0" width="100%" height="100%"></iframe>
-		</div>
-		<div class="dialog-button-wrap" style="text-align:right">
-			<div class="dlg-button" style="text-align:right;">
-				<div class="dlg-info"><span style='font-family: Consolas;font-size:16px;'>ID:<#processDefId></span></div>
-				<button id="setproperties_submit" class="button blue" onclick="BPMNBiz.saveAWSProperties();return false;"><I18N#确定></button>
-				<button class="button" onclick="$('#dialog_properties').dialog('close');return false;"><I18N#取消></button>
-			</div>
-		</div>
-	</div>
-	
-	<div id="sameShapeNameAlert" title="提示" style="width:300px;display:none;"></div>
-    <#batch-dlg>
-	<form id="openNewModelForm" name="openNewModelForm" method="post" action="./w" target="_blank">
-	    <input type="hidden" name="sid" id="sid" value="<#sid>">
-	    <input type="hidden" name="imgPath" id="imgPath" value="<#imgPath>">
-	    <input type="hidden" name="openType" id="openType" value="<#openType>">
-	    <input type="hidden" name="wsId" id="wsId" value="<#wsId>">
-	    <input type="hidden" name="teamId" id="teamId" value="<#teamId>">
-	    <input type="hidden" name="filePerms" id="filePerms" value="<#filePerms>" />
-	    <input type="hidden" name="defaultMoreAttrSort" id="defaultMoreAttrSort" value="<#defaultAttrSort>" />
-	    <input type="hidden" name="moreAttrRight" id="moreAttrRight" value="<#moreAttrRight>" />
-	    <input type="hidden" name="appId" id="appId" value="<#appId>">
+</div>
 
-    </form>
+<div id="sameShapeNameAlert" title="提示" style="width:300px;display:none;"></div>
+<#batch-dlg>
+<form id="openNewModelForm" name="openNewModelForm" method="post" action="./w" target="_blank">
+    <input type="hidden" name="sid" id="sid" value="<#sid>">
+    <input type="hidden" name="imgPath" id="imgPath" value="<#imgPath>">
+    <input type="hidden" name="openType" id="openType" value="<#openType>">
+    <input type="hidden" name="wsId" id="wsId" value="<#wsId>">
+    <input type="hidden" name="teamId" id="teamId" value="<#teamId>">
+    <input type="hidden" name="filePerms" id="filePerms" value="<#filePerms>" />
+    <input type="hidden" name="defaultMoreAttrSort" id="defaultMoreAttrSort" value="<#defaultAttrSort>" />
+    <input type="hidden" name="moreAttrRight" id="moreAttrRight" value="<#moreAttrRight>" />
+    <input type="hidden" name="appId" id="appId" value="<#appId>">
+
+</form>
 </body>