增加新版流程实例管理

o2web/source/x_component_WorkApplication/$Main/default/css.wcss

+{
+  "node" : {
+    "margin": "20px",
+    "height": "100%",
+    "overflow": "hidden"
+  },
+  "contentContainerNode" : {
+    "margin-left": "200px",
+    "overflow": "hidden",
+    "background-color" : "#eee",
+    "opacity": 1
+  },
+  "topContainerNode" : {
+    "overflow" : "hidden",
+    "margin" : "0px auto"
+  },
+  "topNode": {
+    "color" : "#333",
+    "min-height": "50px",
+    "overflow": "hidden",
+    "background-color": "#fff",
+    "line-height": "50px",
+    "font-size": "14px",
+    "font-weight": "bold",
+    "text-align": "left"
+  },
+  "topIconNode" : {
+    "margin-left": "10px",
+    "width": "24px",
+    "height": "24px",
+    "float": "left",
+    "background": "url(../x_component_ProcessTool/$Main/default/icon/topIcon.png) no-repeat 0px center",
+    "background-size": "24px 24px"
+  },
+  "topTextNode" : {
+    "color" : "#333",
+    "font-size": "16px",
+    "font-weight": "bold",
+    "float": "left",
+    "overflow" : "hidden",
+    "text-overflow" : "ellipsis",
+    "white-space":"nowrap"
+  },
+  "topOperateNode" : {
+      "margin" : "5px"
+  },
+  "topContentNode" : {
+    "padding-right" : "10px"
+  },
+  "searchDiv" : {
+    "overflow" : "hidden",
+    "float" : "left",
+    "margin-left" : "420px",
+    "margin-top" : "18px"
+  },
+  "fileterNode": {
+    "overflow": "hidden",
+    "padding-right" :"15px",
+    "padding-top": "10px",
+    "line-height": "28px"
+  },
+  "filterTable" : {
+    "color" : "#666",
+    "font-size" : "14px",
+    "font-weight" : "normal"
+  },
+  "filterTableTitle" : {
+    "text-align" : "right",
+    "padding-left": "15px"
+  },
+  "filterTableValue" : {
+    "text-align" : "left",
+    "padding-left": "5px"
+  },
+  "filterButton" :{
+    "margin-left": "15px",
+    "color": "#fff",
+    "cursor" : "pointer",
+    "height" : "26px",
+    "line-height" : "26px",
+    "padding": "0px 10px",
+    "min-width": "40px",
+    "background-color" : "#4A90E2",
+    "border": "1px solid #528BCC",
+    "border-radius": "15px"
+  },
+  "filterButtonGrey" :{
+    "margin-left": "5px",
+    "color": "#4A90E2",
+    "cursor" : "pointer",
+    "height" : "26px",
+    "line-height" : "26px",
+    "padding": "0px 10px",
+    "min-width": "40px",
+    "background-color" : "#fff",
+    "border": "1px solid #4A90E2",
+    "border-radius": "15px"
+  },
+
+
+  "middleNode" : {
+    "overflow" : "hidden",
+    "margin" : "0px auto"
+  },
+
+  "viewContainerNode" : {
+    "overflow" : "hidden",
+    "padding" : "10px 10px 0px 10px",
+    "margin-top": "10px",
+    "background": "#fff"
+  },
+  "noItemTextNode": {
+    "text-align": "center",
+    "padding": "20px",
+    "height": "60px",
+    "line-height": "60px",
+    "margin-top": "10px",
+    "margin-left": "0px",
+    "color": "#888",
+    "cursor": "pointer",
+    "font-size": "16px"
+  },
+
+
+  "listHeadNode": {
+    "width":"100%",
+    "height": "40px",
+    "background-color": "#F7F7F7",
+    "color": "#666666",
+    "font-weight": "normal",
+    "line-height": "40px",
+    "font-family": "Microsoft YaHei",
+    "font-size": "15px"
+  },
+
+  "normalThNode" : {
+    "background-color" : "#F7F7F7",
+    "text-align":"center",
+    "line-height": "24px",
+    "font-size": "15px",
+    "padding": "8px 0px",
+    "font-weight": "normal",
+    "border-top": "1px solid #FFF",
+    "border-bottom": "1px solid #E6E6E6"
+  },
+  "normalTdNode" : {
+    "height": "39px",
+    "text-align":"center",
+    "overflow" : "hidden",
+    "border-bottom": "1px solid #E6E6E6",
+    "cursor": "pointer"
+  },
+
+  "sortIconNode" : {
+    "height": "16px",
+    "width": "16px",
+    "line-height": "20px",
+    "margin-top": "5px",
+    "display":"inline-block",
+    "margin-right": "5px",
+    "background-position" : "center center",
+    "background-repeat" : "no-repeat",
+    "background-image" : "url(../x_component_Attendance/$Explorer/default/icon/dblsort.gif)"
+  },
+  "sortIconNode_asc" : {
+    "height": "16px",
+    "width": "16px",
+    "line-height": "20px",
+    "margin-top": "5px",
+    "display":"inline-block",
+    "margin-right": "5px",
+    "background-position" : "center center",
+    "background-repeat" : "no-repeat",
+    "background-image" : "url(../x_component_Attendance/$Explorer/default/icon/dblasc.gif)"
+  },
+  "sortIconNode_desc" : {
+    "height": "16px",
+    "width": "16px",
+    "line-height": "20px",
+    "margin-top": "5px",
+    "display":"inline-block",
+    "margin-right": "5px",
+    "background-position" : "center center",
+    "background-repeat" : "no-repeat",
+    "background-image" : "url(../x_component_Attendance/$Explorer/default/icon/dbldesc.gif)"
+  },
+
+  "documentNode": {
+    "overflow": "hidden",
+    "background-color": "#fff",
+    "min-height": "29px",
+    "color": "#666666",
+    "font-family": "Microsoft YaHei",
+    "font-size": "14px",
+    "cursor": "pointer"
+  },
+  "documentNode_noread": {
+    "background-color": "#fcfcfc"
+  },
+  "documentNode_over": {
+    "background-color": "#F7F7F7"
+  },
+  "documentNode_down": {
+    "background-color": "#F7F7F7"
+  },
+  "documentNode_remove": {
+    "background-color": "#ffcccc"
+  },
+
+  "documentActionNode": {
+    "height": "20px",
+    "border-radius": "3px",
+    "width": "20px",
+    "line-height": "20px",
+    "color": "#888",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "margin-right": "5px",
+    "background-repeat": "no-repeat",
+    "background-position": "center center"
+  },
+  "documentActionNode_over":{
+  },
+  "actionDenyNode_down":{
+  },
+  "openAction": {
+    "height": "20px",
+    "border-radius": "3px",
+    "width": "20px",
+    "line-height": "20px",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "margin-right": "5px",
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/open.png)"
+  },
+  "openAction_over": {
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/open_blue.png)"
+  },
+
+  "removeAction": {
+    "height": "20px",
+    "border-radius": "3px",
+    "width": "20px",
+    "line-height": "20px",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "margin-right": "5px",
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/delete.png)"
+  },
+  "removeAction_over": {
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/delete_blue.png)"
+  },
+  "rollbackAction": {
+    "height": "20px",
+    "border-radius": "3px",
+    "width": "20px",
+    "line-height": "20px",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "margin-right": "5px",
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/rollback.png)"
+  },
+  "rollbackAction_over": {
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/rollback_blue.png)"
+  },
+  "rerouteAction": {
+    "height": "20px",
+    "border-radius": "3px",
+    "width": "20px",
+    "line-height": "20px",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "margin-right": "5px",
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/reroute.png)"
+  },
+  "rerouteAction_over": {
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/reroute_blue.png)"
+  },
+
+  "resetAction": {
+    "height": "20px",
+    "border-radius": "3px",
+    "width": "20px",
+    "line-height": "20px",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "margin-right": "5px",
+    "background-repeat": "no-repeat",
+    "background-size" : "100% 100%",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/reset.png)"
+  },
+  "resetAction_over": {
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-size" : "100% 100%",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/reset_blue.png)"
+  },
+
+    "opinionAction": {
+      "height": "20px",
+      "border-radius": "3px",
+      "width": "20px",
+      "line-height": "20px",
+      "cursor": "pointer",
+      "display": "inline-block",
+      "margin-right": "5px",
+      "background-repeat": "no-repeat",
+      "background-size" : "100% 100%",
+      "background-position": "center center",
+      "background-image": "url(../x_component_ProcessTool/$Main/default/icon/edit.png)"
+    },
+    "opinionAction_over": {
+      "background-repeat": "no-repeat",
+      "background-position": "center center",
+      "background-size" : "100% 100%",
+      "background-image": "url(../x_component_ProcessTool/$Main/default/icon/edit_blue.png)"
+    },
+
+        "restoreAction": {
+          "height": "20px",
+          "border-radius": "3px",
+          "width": "20px",
+          "line-height": "20px",
+          "cursor": "pointer",
+          "display": "inline-block",
+          "margin-right": "5px",
+          "background-repeat": "no-repeat",
+          "background-size" : "100% 100%",
+          "background-position": "center center",
+          "background-image": "url(../x_component_ProcessTool/$Main/default/icon/restore.png)"
+        },
+        "restoreAction_over": {
+          "background-repeat": "no-repeat",
+          "background-position": "center center",
+          "background-size" : "100% 100%",
+          "background-image": "url(../x_component_ProcessTool/$Main/default/icon/restore_blue.png)"
+        },
+
+            "downloadAction": {
+              "height": "20px",
+              "border-radius": "3px",
+              "width": "20px",
+              "line-height": "20px",
+              "cursor": "pointer",
+              "display": "inline-block",
+              "margin-right": "5px",
+              "background-repeat": "no-repeat",
+              "background-size" : "100% 100%",
+              "background-position": "center center",
+              "background-image": "url(../x_component_ProcessTool/$Main/default/icon/download.png)"
+            },
+            "downloadAction_over": {
+              "background-repeat": "no-repeat",
+              "background-position": "center center",
+              "background-size" : "100% 100%",
+              "background-image": "url(../x_component_ProcessTool/$Main/default/icon/download_blue.png)"
+            },
+
+  "flowAction": {
+    "height": "20px",
+    "border-radius": "3px",
+    "width": "20px",
+    "line-height": "20px",
+    "cursor": "pointer",
+    "display": "inline-block",
+    "margin-right": "5px",
+    "background-repeat": "no-repeat",
+    "background-size" : "100% 100%",
+    "background-position": "center center",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/flow.png)"
+  },
+  "flowAction_over": {
+    "background-repeat": "no-repeat",
+    "background-position": "center center",
+    "background-size" : "100% 100%",
+    "background-image": "url(../x_component_ProcessTool/$Main/default/icon/flow_blue.png)"
+  },
+
+  "naviScrollNode" : {
+    "overflow": "auto"
+  },
+  "naviAreaNode" : {
+
+  },
+  "naviNode": {
+    "width": "190px",
+    "height": "100%",
+    "overflow": "hidden",
+    "float": "left",
+    "position": "static",
+    "background-color" : "#fff"
+  },
+  "naviTopNode" : {
+    "line-height": "50px",
+    "margin-left": "10px",
+    "padding-left": "32px",
+    "height": "50px",
+    "color" : "#333",
+    "font-size": "16px",
+    "font-weight": "bold",
+    "overflow" : "hidden",
+    "text-overflow" : "ellipsis",
+    "white-space":"nowrap",
+    "background": "url(../x_component_ProcessTool/$Main/appicon.png) no-repeat 0px center",
+    "background-size": "24px 24px"
+  },
+  "naviAllNode": {
+    "display" : "block",
+    "height": "40px",
+    "margin": "0px",
+    "line-height" :"40px",
+    "font-family": "Microsoft YaHei",
+    "font-size": "14px",
+    "color" : "#333",
+    "padding-left" : "38px",
+    "cursor": "pointer",
+    "background": "url(../x_component_ProcessTool/$Main/default/icon/all.png) no-repeat 13px center"
+  },
+  "naviAllNode_current" : {
+    "background-color" : "#F2F5F7",
+    "color" : "#4A90E2"
+  },
+  "naviAllNode_over" : {
+    "background-color" : "#F2F5F7",
+    "color" : "#666666"
+  },
+  "naviAllNode_normal" : {
+    "background-color" : "#fff",
+    "color" : "#333"
+  },
+  "naviMenuNode": {
+    "display" : "block",
+    "height": "40px",
+    "margin": "0px",
+    "line-height" :"40px",
+    "font-family": "Microsoft YaHei",
+    "font-size": "14px",
+    "color" : "#333",
+    "padding-left" : "8px",
+//    "background": "url(../x_component_ProcessTool/$Main/default/icon/triangle_down.png) no-repeat 15px center",
+    "cursor": "pointer"
+  },
+//  "naviMenuNode_collapse": {
+//    "background": "url(../x_component_ProcessTool/$Main/default/icon/triangle_right.png) no-repeat 15px center"
+//  },
+  "naviMenuNode_normal": {
+    "background-color" : "#fff",
+    "color" : "#666666"
+  },
+  "naviMenuNode_over": {
+    "background-color" : "#F2F5F7",
+    "color" : "#666666"
+  },
+  "naviMenuNode_current": {
+    "background-color" : "#F2F5F7",
+    "color" : "#4A90E2"
+  },
+  "naviMenuIconNode_collapse": {
+    "width": "30px",
+    "height": "40px",
+    "float": "left",
+    "backgroud-size":"100% 100%",
+    "background": "url(../x_component_ProcessTool/$Main/default/icon/all.png) no-repeat 5px center"
+  },
+  "naviMenuIconNode_expand": {
+    "width": "30px",
+    "height": "40px",
+    "float": "left",
+    "background": "url(../x_component_ProcessTool/$Main/default/icon/triangle_down.png) no-repeat 5px center"
+  },
+  "naviMenuTextNode": {
+    "margin-left": "25px",
+    "height": "40px",
+    "line-height" :"40px"
+  },
+
+  "naviItemNode" : {
+    "background-color" : "#fff",
+    "cursor" : "pointer",
+    "color" : "#666666",
+    "padding-left" : "40px",
+    "height" : "40px",
+    "line-height" : "40px",
+    "font-family": "Microsoft YaHei",
+    "font-size": "14px"
+  },
+  "naviItemNode_current" : {
+    "background-color" : "#F2F5F7",
+    "cursor" : "pointer",
+    "color" : "#4A90E2",
+    "padding-left" : "40px",
+    "height" : "40px",
+    "line-height" : "40px",
+    "font-family": "Microsoft YaHei",
+    "font-size": "14px"
+  },
+  "naviItemNode_over" : {
+    "background-color" : "#F2F5F7",
+    "color" : "#666666"
+  },
+
+      "rollbackItemIconNode": {
+          "height": "46px",
+          "width": "30px",
+          "float": "right",
+          "overflow": "hidden",
+          "background": "url("+"../x_component_process_Xform/$Form/default/icon/rollback_uncheck.png) no-repeat center center"
+      },
+      "rollbackItemIconNode_current": {
+          "background": "url("+"../x_component_process_Xform/$Form/default/icon/rollback_check.png) no-repeat center center"
+      },
+      "rollbackItemContentNode": {
+          "margin-right": "30px",
+          "height": "46px"
+      },
+
+      "rollbackAreaNode": {
+          "padding": "0 30px",
+          "font-size": "14px",
+          "overflow": "hidden"
+      },
+      "rollbackItemNode": {
+          "min-height": "46px",
+          "margin-bottom": "10px",
+          "padding": "10px",
+          "cursor": "pointer",
+          "background-color": "#ffffff"
+      },
+      "rollbackItemNode_over": {
+          "background-color": "#eaf1f9"
+      },
+      "rollbackItemNode_current": {
+          "background-color": "#6196d1"
+      },
+
+      "rollbackItemIconNode": {
+          "height": "46px",
+          "width": "30px",
+          "float": "right",
+          "overflow": "hidden",
+          "background": "url("+"../x_component_process_Xform/$Form/default/icon/rollback_uncheck.png) no-repeat center center"
+      },
+      "rollbackItemIconNode_current": {
+          "background": "url("+"../x_component_process_Xform/$Form/default/icon/rollback_check.png) no-repeat center center"
+      },
+      "rollbackItemContentNode": {
+          "margin-right": "30px",
+          "height": "46px"
+      },
+      "rollbackItemActivityNode": {
+          "height": "26px",
+          "line-height": "26px",
+          "font-weight": "bold",
+          "float": "left",
+          "color": "#000000",
+          "margin-right": "10px"
+      },
+      "rollbackItemActivityNode_current": {
+          "color": "#ffffff",
+      },
+      "rollbackItemTimeNode": {
+          "height": "26px",
+          "line-height": "26px",
+          "color": "#666666",
+          "float": "left"
+      },
+      "rollbackItemTimeNode_current": {
+          "color": "#eeeeee"
+      },
+      "rollbackItemTaskTitleNode": {
+          "float": "left",
+          "height": "20px",
+          "line-height": "20px",
+          "font-size": "12px",
+          "color": "#0000ff",
+          "font-weight": "bold"
+      },
+      "rollbackItemTaskTitleNode_current":{
+          "color": "#ffffff",
+      },
+      "rollbackItemTaskNode": {
+          "float": "left",
+          "margin-left": "5px",
+          "height": "20px",
+          "line-height": "20px",
+          "font-size": "12px",
+          "color": "#666666",
+          "float": "left"
+      },
+      "rollbackItemTaskCheckNode": {
+          "float": "left"
+      },
+      "rollbackItemTaskNode_current": {
+          "color": "#eeeeee"
+      },
+
+}

o2web/source/x_component_WorkApplication/$Main/default/style.css

+@font-face {
+    font-family: "o2WorkApplication"; /* Project id 3538045 */
+    src: url('../x_component_WorkApplication/$Main/default/fonts/iconfont.woff2?t=1661153841763') format('woff2'),
+    url('../x_component_WorkApplication/$Main/default/fonts/iconfont.woff?t=1661153841763') format('woff'),
+    url('../x_component_WorkApplication/$Main/default/fonts/iconfont.ttf?t=1661153841763') format('truetype');
+}
+.o2WorkApplication {
+    font-family: "o2WorkApplication" !important;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-xuanzhong:before {
+    content: "\e605";
+}
+
+.icon-right:before {
+    content: "\e783";
+}
+
+.icon-left:before {
+    content: "\e67e";
+}
+
+.icon-add:before {
+    content: "\e610";
+}
+
+.icon-workCompleted:before {
+    content: "\e614";
+}
+
+.icon-serial:before {
+    content: "\e615";
+}
+
+.icon-dict:before {
+    content: "\e616";
+}
+
+.icon-snap:before {
+    content: "\e617";
+}
+
+.icon-work:before {
+    content: "\e618";
+}
+
+.icon-icon_liebiao1:before {
+    content: "\e60e";
+}
+
+.icon-taskDone:before {
+    content: "\e60f";
+}
+
+.icon-task:before {
+    content: "\e612";
+}
+
+.icon-read:before {
+    content: "\e603";
+}
+
+.icon-readDone:before {
+    content: "\e604";
+}
+
+.icon-icon_sousuo:before {
+    content: "\e606";
+}
+
+.icon-zhankai:before {
+    content: "\5c55";
+}
+
+.icon-icon_saixuan:before {
+    content: "\e607";
+}
+
+.icon-icon_shu_ju_shi_tu:before {
+    content: "\e60a";
+}
+
+.icon-icon_allwendang:before {
+    content: "\e60b";
+}
+
+.icon-draft:before {
+    content: "\e60c";
+}
+
+
+
+.appNode{
+    overflow: hidden;
+    height: 100%;
+}
+.menuArea{
+    max-width: 300px;
+    min-width: 250px;
+    width: 15%;
+    height: 100%;
+    background: #FFFFFF;
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
+    float: left;
+
+}
+.menu{
+    margin: 0;
+    user-select: none;
+    height:calc(100% - 55px);
+    overflow: auto;
+}
+
+.menuTitle{
+    margin: 0 20px;
+    height: 40px;
+    font-size: 16px;
+    color: #333333;
+    line-height: 40px;
+    border-bottom: 1px solid #E6E6E6;
+}
+.menuTitleText{
+    float: left;
+}
+.menuTitleIcon{
+    width: 40px;
+    height: 40px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 20px 20px;
+    float : left;
+}
+.menuTitleAction {
+    text-align: right;
+    width: 40px;
+    height: 40px;
+    float: right;
+    cursor: pointer;
+    color: #4A90E2;
+}
+.menuDivider{
+    margin: 0 40px;
+    border-bottom: 1px solid #f1f2f4;
+}
+.menuItem{
+    height: 40px;
+    cursor: pointer;
+}
+.menuItem_current{
+    background-color: #EBF1F7;
+}
+.menuItem_over{
+    background-color: #F7F7F7;
+}
+.menuItemIcon {
+    margin-left: 20px;
+    height: 16px;
+    width: 16px;
+    padding: 11px 10px 12px 0;
+    float: left;
+    color: #999999;
+}
+.menuItemAction {
+    text-align: right;
+    width: 20px;
+    line-height: 40px;
+    float: right;
+    cursor: pointer;
+    color: #4A90E2;
+    margin-right: 20px;
+}
+.menuItemCount{
+    margin-right: 20px;
+    float: right;
+    width: 60px;
+    font-size: 12px;
+    color: #999999;
+    line-height: 40px;
+    text-align: right;
+}
+.menuItemText{
+    float:left;
+    height: 40px;
+    line-height: 40px;
+    color: #666666;
+    width : 120px;
+    overflow: hidden;
+}
+
+.skeleton {
+    padding: 10px 30px;
+}
+.skeleton_item {
+    height: 16px;
+    border-radius: 15px;
+    margin-top: 20px;
+    background: #f2f2f2;
+}
+
+.st_processList{
+    padding: 10px 20px;
+    overflow: hidden;
+}
+
+.st_processItemArea{
+    height: 30px;
+    color: #666666;
+    line-height: 30px;
+    overflow: hidden;
+    float: left;
+    margin-right: 20px;
+}
+.st_processItem{
+    cursor: pointer;
+    height: 30px;
+    line-height: 30px;
+    overflow: hidden;
+    float: left;
+    padding: 0 10px;
+    border-radius: 20px;
+    user-select: none;
+}
+
+.contentArea {
+    height: 100%;
+    background: #F0F0F0;
+    display: flex;
+    flex-direction:column;
+}
+.content{
+    height: 100%;
+    margin: 10px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+}
+.contentTitle{
+    padding: 0px 20px;
+}
+.contentList{
+    height: calc(100% - 150px);
+    overflow: auto;
+    padding: 0 20px;
+    position: relative;
+}
+.contentList::-webkit-scrollbar {
+    width: 8px;
+}
+.contentList::-webkit-scrollbar-track {
+    background-color: #e2dfdf;
+    -webkit-border-radius: 2em;
+    -moz-border-radius: 2em;
+    border-radius:2em;
+}
+.contentList::-webkit-scrollbar-thumb {
+    background-color: #d0d0d0;
+    -webkit-border-radius: 2em;
+    -moz-border-radius: 2em;
+    border-radius:2em;
+}
+.contentList table {
+    width:100%;
+    border-spacing: 0;
+    table-layout: fixed;
+    border-collapse: collapse;
+
+}
+.contentList tr {
+    border-bottom: 1px solid #E6E6E6;
+}
+.contentList tr:hover {
+    background: #F7F7F7;
+}
+.contentList td {
+    height: 50px;
+    line-height: 50px;
+    font-size: 15px;
+    color: #333333;
+    font-weight: 400;
+    text-align: left;
+    padding-left: 4px;
+}
+.toolBarList{
+    /*height: 40px;*/
+    padding: 0px 20px;
+    margin-bottom: 10px;
+}
+
+.contentBottom{
+    height: 80px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.contentPageArea{
+    height: 60px;
+}
+.firstPage, .lastPage, .pageItem, .prevPage, .nextPage{
+    height: 24px;
+    width: 80px;
+    border-radius: 12px;
+    background: #FFFFFF;
+    border: 1px solid #E6E6E6;
+    font-size: 12px;
+    line-height: 24px;
+    text-align: center;
+    cursor: pointer;
+}
+.firstPage{
+    float: left;
+}
+.lastPage {
+    float: right;
+    margin-left: 10px;
+}
+.prevPage{
+    float: left;
+    margin-left: 10px;
+    width: 24px;
+    font-size: 24px;
+    color: #999999;
+}
+.nextPage{
+    float: right;
+    margin-left: 10px;
+    width: 24px;
+    font-size: 24px;
+    color: #999999;
+}
+.pageNumberArea{
+    float: left;
+}
+.pageItem{
+    float: left;
+    width: 24px;
+    margin-left: 10px;
+}
+.contentTitleArea {
+    overflow: hidden;
+}
+.contentTitleArea table{
+    width:100%;
+    border-spacing: 0;
+    table-layout: fixed;
+    border-collapse: collapse;
+}
+.contentTitleArea table th{
+    height: 40px;
+    background: #F0F0F0;
+    font-size: 15px;
+    color: #333333;
+    font-weight: 400;
+    text-align: left;
+    padding-left: 4px;
+}
+
+
+/*list*/
+.listItem{
+    background: #FFFFFF;
+    border-bottom: 1px solid #E6E6E6;
+    cursor: pointer;
+    overflow: hidden;
+}
+.listItem_over{
+    background: #F7F7F7;
+}
+
+.selectFlag{
+    float: left;
+    width: 50px;
+    text-align: center;
+}
+.selectFlagIcon{
+    color: #cccccc;
+    width: 12px;
+    height: 12px;
+    border: 1px solid #cccccc;
+    border-radius: 20px;
+    margin-left : 20px;
+}
+.selectFlagArea_disabled{
+    opacity: 0;
+}
+.selectFlagIcon_select{
+    border: 0;
+}
+
+
+.emptyListArea{
+    position: absolute;
+    top: 40%;
+    left: 50%;
+    height: 120px;
+    transform: translateX(-50%) translateY(-50%);
+}
+.emptyListIcon{
+    width: 72px;
+    height: 72px;
+    background-image: url(../x_component_WorkApplication/$Main/default/empty.png);
+    background-position: center;
+    background-repeat: no-repeat;
+    margin: auto;
+}
+.emptyListText{
+    height: 22px;
+    font-size: 16px;
+    color: #CCCCCC;
+    line-height: 22px;
+}
+
+
+.toolgroupNode{
+    padding-right: 10px;
+    display: flex;
+    float: left;
+}
+.toolItemNode_single{
+    border-radius: 15px;
+}
+.toolItemNode_left{
+    border-top-left-radius: 15px;
+    border-bottom-left-radius: 15px;
+    border-right: 1px solid rgba(204,204,204,1);;
+
+}
+.toolItemNode_right{
+    border-top-right-radius: 15px;
+    border-bottom-right-radius: 15px;
+
+}
+.toolItemNode_center{
+    border-right: 1px solid rgba(204,204,204,1);;
+}
+
+
+
+/*
+common
+ */
+
+.button{
+
+}
+.textarea {
+    width: 100%;
+    border-radius: 13px;
+    border: 1px solid rgb(222, 222, 222);
+    background-color: rgb(255, 255, 255);
+    margin-left: 10px;
+}
+.table {
+    width : 100%;
+    table-layout: fixed;
+}
+.table tr:hover{
+    overflow: hidden;
+    background-color: rgb(247, 247, 247);
+    min-height: 29px;
+    color: rgb(102, 102, 102);
+    font-size: 14px;
+    cursor: pointer;
+}
+.table th {
+    background-color: rgb(247, 247, 247);
+    text-align: center;
+    line-height: 24px;
+    font-size: 15px;
+    padding: 8px 0px;
+    font-weight: normal;
+    border-top: 1px solid rgb(255, 255, 255);
+    border-bottom: 1px solid rgb(230, 230, 230);
+}
+
+.table td {
+    height: 39px;
+    text-align: center;
+    overflow: hidden;
+    border-bottom: 1px solid rgb(230, 230, 230);
+    cursor: pointer;
+}
+

o2web/source/x_component_WorkApplication/$Main/default/view/all/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+        {{each $.data}}
+        <tr class="listItem">
+            <td style="text-align: left;padding-left: 10px">
+                <div class="listItemTitle" style="display: flex；" data-o2-events="click:open:{{$.work}}:{{$.workCompleted}}">
+                    <div class="listItemTitleSubject">
+                        {{$.title}}
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.activityName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
+            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/all/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th><span style="margin-left: 10px">{{$.lp.subject}}</span></th>
+            <th><span>{{$.lp.process}}</span></th>
+            <th><span>{{$.lp.activity}}</span></th>
+            <th><span>{{$.lp.creator}}</span></th>
+            <th><span>{{$.lp.createunit}}</span></th>
+            <th><span>{{$.lp.createTime}}</span></th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/content.html

+<div class="content" data-o2-element="contentNode">
+    <div data-o2-element="searchNode"></div>
+    <div class="toolBarList" data-o2-element="toolBarNode"></div>
+    <div class="contentTitle" data-o2-element="listTitleNode">
+    </div>
+    <div class="contentList" data-o2-element="listContentNode">
+        <div class="skeleton" data-o2-element="skeletonNode">
+            <div class="skeleton_item" style="width: 90%"></div>
+            <div class="skeleton_item" style="width: 60%"></div>
+            <div class="skeleton_item"></div>
+            <div class="skeleton_item" style="width: 70%"></div>
+            <div class="skeleton_item"></div>
+            <div class="skeleton_item" style="width: 60%"></div>
+            <div class="skeleton_item"></div>
+            <div class="skeleton_item" style="width: 80%"></div>
+        </div>
+    </div>
+    <div class="contentBottom" data-o2-element="listBottomNode">
+        <div class="contentPageArea">
+            <div class="firstPage" data-o2-events="click:firstPage">{{$.lp.firstPage}}</div>
+            <div class="prevPage o2WorkApplication icon-left" data-o2-events="click:prevPage"></div>
+            <div class="lastPage" data-o2-events="click:lastPage">{{$.lp.lastPage}}</div>
+            <div class="nextPage o2WorkApplication icon-right" data-o2-events="click:nextPage"></div>
+            <div class="pageNumberArea" data-o2-element="pageNumberAreaNode"></div>
+        </div>
+    </div>
+</div>
+

o2web/source/x_component_WorkApplication/$Main/default/view/dict/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="30%">
+            <col width="20%">
+            <col width="30%">
+            <col width="20%">
+        </colgroup>
+        <tbody>
+
+        {{each $.data}}
+
+        <tr class="listItem" data-o2-events="click:open:{{$.id}}">
+
+            <td style="text-align: left;padding-left:10px"><span>{{$.name}}</span></td>
+            <td style="text-align: left;"><span>{{$.alias}}</span></td>
+            <td style="text-align: left;"><span>{{$.description}}</span></td>
+            <td style="text-align: left;"><span>{{$.updateTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/dict/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="30%">
+            <col width="20%">
+            <col width="30%">
+            <col width="20%">
+        </colgroup>
+        <thead>
+            <tr class="listItem">
+
+                <th><span style="padding-left:10px">{{$.lp.name}}</span></th>
+                <th><span>{{$.lp.alias}}</span></th>
+                <th><span>{{$.lp.desc}}</span></th>
+                <th><span>{{$.lp.updateTime}}</span></th>
+            </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/dlg/processList.html

+<div class="st_processListAppContent">
+    {{each $.processList}}
+    <div class="st_processItemArea">
+        <div class="st_processItem"
+             data-o2-events="mouseover:startProcessItemOver;mouseout:startProcessItemOut; mousedown:startProcessItemDown;mouseup:startProcessItemUp;click:startProcessItemClick;">
+            {{$.name}}
+        </div>
+    </div>
+    {{end each}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/dlg/reroute.html

+<div style="padding: 10px 30px 0 30px; font-size:14px;">
+    <div style="margin-bottom:10px;overflow-y:auto;">
+        <div style="line-height: 30px; margin-bottom:10px; overflow: hidden">
+            <div style="float: left; width: 70px">调度到：</div>
+            <div style="margin-left: 70px">
+                <select style="width: 300px" id="rerouteWork_selectActivity"></select>
+                <!--<div id="resetWork_selPeopleButton" style="font-size:12px; border-radius: 5px; height: 22px; line-height:22px; float:right; margin-top:4px; border:1px solid #666; color: #FFF; background-color: #666; box-shadow: 1px 1px 3px #999; cursor: pointer; padding: 0px 10px;">选择人员</div>
+                <div id="resetWork_selPeopleArea" style="margin-right: 70px; height: 30px"></div>-->
+            </div>
+            <div style="float: left; width: 70px; margin-top: 10px">调度给：</div>
+            <div style="margin-left: 70px; margin-top: 10px">
+                <div class="rerouteWork_selPeopleButton" style="font-size:12px; margin-right: 20px; border-radius: 5px; height: 22px; line-height:22px; float:right; margin-top:4px; border:1px solid #666; color: #FFF; background-color: #666; box-shadow: 1px 1px 3px #999; cursor: pointer; padding: 0px 10px;">选择人员</div>
+                <div class="rerouteWork_selPeopleArea" style="margin-right: 70px; height: 30px"></div>
+            </div>
+        </div>
+        <div style="height: 30px; line-height: 30px; margin-bottom:10px; display:none">
+            <div style="float: left; width: 70px; height: 50px; line-height: 50px;">调度意见：</div>
+            <div style="margin-left: 70px"><textarea id="rerouteWork_opinion" style="width: 98%; overflow:auto; height: 50px;" type="text" id="resetWork_opinion"></textarea></div>
+        </div>
+    </div>
+
+    <!--    <div style="height: 30px; line-height: 30px; margin:0px">-->
+    <!--        <div id="rerouteWork_cancelButton" style="border-radius: 5px; float: right; margin-left: 10px; border: 1px solid #666; color: #666; height: 24px; line-height: 24px; width:80px; text-align:center; box-shadow: 1px 1px 3px #999; cursor: pointer;">取消</div>-->
+    <!--        <div id="rerouteWork_okButton" style="border-radius: 5px; float: right; margin-left: 10px; border: 1px solid #666; color: #FFF; background-color: #4c6b87; height: 24px; line-height: 24px; width:120px; text-align:center; box-shadow: 1px 1px 3px #999; cursor: pointer;">确定</div>-->
+    <!--    </div>-->
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/draft/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="60%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+
+        {{each $.data}}
+
+        <tr class="listItem">
+            <td style="text-align: left;padding-left: 10px">
+                <div class="listItemTitle" style="display: flex" data-o2-events="click:open:{{$.id}}">
+                    <div class="listItemTitleSubject">
+                        {{$.title}}
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.createTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/draft/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="60%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th><span style="padding-left: 10px">{{$.lp.subject}}</span></th>
+            <th><span>{{$.lp.process}}</span></th>
+            <th><span>{{$.lp.createTime}}</span></th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/read/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+        {{each $.data}}
+        <tr class="listItem">
+            <td style="text-align: left;padding-left: 10px">
+                <div class="listItemTitle" style="display: flex；" data-o2-events="click:open:{{$.work}}:{{$.workCompleted}}">
+                    <div class="listItemTitleSubject">
+                        {{$.title}}
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.activityName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
+            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/read/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th><span style="padding-left: 10px">{{$.lp.subject}}</span></th>
+            <th><span>{{$.lp.process}}</span></th>
+            <th><span>{{$.lp.activity}}</span></th>
+            <th><span>{{$.lp.creator}}</span></th>
+            <th><span>{{$.lp.createunit}}</span></th>
+            <th><span>{{$.lp.startTime}}</span></th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/readDone/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+
+        {{each $.data}}
+
+        <tr class="listItem">
+            <td style="text-align: left;padding-left: 10px">
+                <div class="listItemTitle" style="display: flex；" data-o2-events="click:open:{{$.work}}:{{$.workCompleted}}">
+                    <div class="listItemTitleSubject">
+                        {{$.title}}
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
+            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
+            <td style="text-align: left;"><span>{{$.createTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/readDone/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th><span style="padding-left: 10px">{{$.lp.subject}}</span></th>
+            <th><span>{{$.lp.process}}</span></th>
+            <th><span>{{$.lp.creator}}</span></th>
+            <th><span>{{$.lp.createunit}}</span></th>
+            <th><span>{{$.lp.startTime}}</span></th>
+            <th><span>{{$.lp.endTime}}</span></th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/serial/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="5%">
+            <col width="25%">
+            <col width="20%">
+            <col width="30%">
+            <col width="20%">
+        </colgroup>
+        <tbody>
+
+        {{each $.data}}
+
+        <tr class="listItem" data-o2-events="mouseover:overTaskItem; mouseout:outTaskItem; o2load:loadItemFlag">
+            <td>
+                <div class="selectFlag" style="display: none">
+                    <div class="selectFlagArea" style="cursor: pointer"data-o2-events="click:selectFile:{{$.id}}">
+                        <div class="selectFlagIcon o2WorkApplication"></div>
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;padding-left:10px"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.name}}</span></td>
+            <td style="text-align: left;"><span>{{$.serial}}</span></td>
+            <td style="text-align: left;"><span>{{$.updateTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/serial/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="5%">
+            <col width="25%">
+            <col width="20%">
+            <col width="30%">
+            <col width="20%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th>
+                <div class="selectFlag">
+                    <div class="selectFlagArea" style="cursor: pointer"
+                         data-o2-events="click:selectAll">
+                        <div class="selectFlagIcon o2WorkApplication"></div>
+                    </div>
+                </div>
+            </th>
+            <th data-o2-element="sortNameNode" data-o2-events="click:sortFile:name">
+                <span style="padding-left:10px">流程</span>
+            </th>
+            <th data-o2-element="sortUpdateTimeNode"  data-o2-events="click:sortFile:updateTime">
+                <span>关键字</span>
+            </th>
+            <th data-o2-element="sortLenthNode"  data-o2-events="click:sortFile:length">
+                <span>流水号</span>
+            </th>
+            <th data-o2-element="sortLenthNode"  data-o2-events="click:sortFile:length">
+                <span>更新时间</span>
+            </th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/snap/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="4%">
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+
+        {{each $.data}}
+
+        <tr class="listItem" data-o2-events="mouseover:overTaskItem; mouseout:outTaskItem; o2load:loadItemFlag">
+            <td>
+                <div class="selectFlag" style="display: none">
+                    <div class="selectFlagArea" style="cursor: pointer"data-o2-events="click:selectFile:{{$.id}}">
+                        <div class="selectFlagIcon o2WorkApplication"></div>
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;">
+                <div class="listItemTitle" style="display: flex">
+                    <div class="listItemTitleSubject">
+                        {{$.title}}
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>
+                {{
+                (function(){
+                    if($.type === "abandonedWorkCompleted"){
+                        return "结束"
+                    }else{
+                        return $.activityName;
+                    }
+
+                })() }}
+            </span></td>
+            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
+            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
+            <td style="text-align: left;"><span>{{$.createTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/snap/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="4%">
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th>
+                <div class="selectFlag">
+                    <div class="selectFlagArea" style="cursor: pointer"
+                         data-o2-events="click:selectAllFile">
+                        <div class="selectFlagIcon o2WorkApplication"></div>
+                    </div>
+                </div>
+            </th>
+            <th><span>{{$.lp.subject}}</span></th>
+            <th><span>{{$.lp.process}}</span></th>
+            <th><span>{{$.lp.activity}}</span></th>
+            <th><span>{{$.lp.creator}}</span></th>
+            <th><span>{{$.lp.createunit}}</span></th>
+            <th><span>{{$.lp.createTime}}</span></th>
+            <th><span>{{$.lp.deleteTime}}</span></th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/task/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+        {{each $.data}}
+        <tr class="listItem">
+            <td style="text-align: left;padding-left: 10px">
+                <div class="listItemTitle" style="display: flex；" data-o2-events="click:open:{{$.work}}:{{$.workCompleted}}">
+                    <div class="listItemTitleSubject">
+                        {{$.title}}
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.activityName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
+            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/task/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th><span style="padding-left: 10px">{{$.lp.subject}}</span></th>
+            <th><span>{{$.lp.process}}</span></th>
+            <th><span>{{$.lp.activity}}</span></th>
+            <th><span>{{$.lp.creator}}</span></th>
+            <th><span>{{$.lp.createunit}}</span></th>
+            <th><span>{{$.lp.startTime}}</span></th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/taskDone/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+
+        {{each $.data}}
+
+        <tr class="listItem">
+            <td style="text-align: left;padding-left: 10px">
+                <div class="listItemTitle" style="display: flex；" data-o2-events="click:open:{{$.work}}:{{$.workCompleted}}">
+                    <div class="listItemTitleSubject">
+                        {{$.title}}
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
+            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
+            <td style="text-align: left;"><span>{{$.createTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/taskDone/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+            <tr class="listItem">
+                <th><span style="padding-left: 10px">{{$.lp.subject}}</span></th>
+                <th><span>{{$.lp.process}}</span></th>
+                <th><span>{{$.lp.creator}}</span></th>
+                <th><span>{{$.lp.createunit}}</span></th>
+                <th><span>{{$.lp.startTime}}</span></th>
+                <th><span>{{$.lp.endTime}}</span></th>
+            </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/view.html

+<div class="appNode" data-o2-element="appNode">
+    <div class="menuArea">
+        <div class="menu" data-o2-element="personMenuNode" >
+            <div class="menuTitle">
+                <div class="menuTitleIcon" data-o2-events="o2load:loadApplicationIcon"></div>
+                <div class="menuTitleText">{{$.data.application.name}}</div>
+                <div class="menuTitleAction" data-o2-events="click:startProcess">
+                    <icon class="o2WorkApplication icon-add mainColor_color"></icon>
+                </div>
+            </div>
+            <div class="menuItem" data-o2-element="allMenuNode" data-o2-events="click:loadList:all">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-zhankai"></icon></div>
+                <div class="menuItemText">{{$.lp.mywork}}</div>
+            </div>
+            <div style="padding-left:20px" class="menuItem" data-o2-element="taskMenuNode" data-o2-events="click:loadList:task">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-task"></icon></div>
+                <div class="menuItemCount" data-o2-element="taskCountNode"></div>
+                <div class="menuItemText">{{$.lp.task}}</div>
+            </div>
+            <div style="padding-left:20px" class="menuItem" data-o2-element="taskDoneMenuNode" data-o2-events="click:loadList:taskDone">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-taskDone"></icon></div>
+                <div class="menuItemCount" data-o2-element="taskCompletedCountNode"></div>
+                <div class="menuItemText">{{$.lp.taskDone}}</div>
+            </div>
+            <div style="padding-left:20px" class="menuItem" data-o2-element="readMenuNode" data-o2-events="click:loadList:read">
+                <div class="menuItemCount" data-o2-element="readCountNode"></div>
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-read"></icon></div>
+                <div class="menuItemText">{{$.lp.read}}</div>
+            </div>
+            <div style="padding-left:20px" class="menuItem" data-o2-element="readDoneMenuNode" data-o2-events="click:loadList:readDone">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-readDone"></icon></div>
+                <div class="menuItemCount" data-o2-element="readCompletedCountNode"></div>
+                <div class="menuItemText">{{$.lp.readDone}}</div>
+            </div>
+            <div style="padding-left:20px" class="menuItem" data-o2-element="draftMenuNode" data-o2-events="click:loadList:draft">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-draft"></icon></div>
+                <div class="menuItemCount" data-o2-element="draftCountNode"></div>
+                <div class="menuItemText">{{$.lp.draft}}</div>
+            </div>
+            {{if $.acl.isProcessManager}}
+            <div class="menuDivider"></div>
+            <div class="menuItem" data-o2-events="">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-zhankai"></icon></div>
+                <div class="menuItemText">{{$.lp.adminwork}}</div>
+            </div>
+            <div  style="padding-left:20px" class="menuItem" data-o2-element="workMenuNode" data-o2-events="click:loadList:work">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-work"></icon></div>
+                <div class="menuItemText">{{$.lp.work}}</div>
+            </div>
+            <div  style="padding-left:20px" class="menuItem" data-o2-element="workCompletedMenuNode" data-o2-events="click:loadList:workCompleted">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-workCompleted"></icon></div>
+                <div class="menuItemText">{{$.lp.workcompleted}}</div>
+            </div>
+            <div  style="padding-left:20px" class="menuItem" data-o2-element="snapMenuNode" data-o2-events="click:loadList:snap">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-snap"></icon></div>
+                <div class="menuItemText">{{$.lp.workdelete}}</div>
+            </div>
+            {{end if}}
+            {{if $.acl.isAppManager}}
+            <div  style="padding-left:20px" class="menuItem" data-o2-element="dictMenuNode" data-o2-events="click:loadList:dict">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-dict"></icon></div>
+                <div class="menuItemText">{{$.lp.dict}}</div>
+            </div>
+            <div  style="padding-left:20px" class="menuItem" data-o2-element="serialMenuNode" data-o2-events="click:loadList:serial">
+                <div class="menuItemIcon"><icon class="o2WorkApplication icon-serial"></icon></div>
+                <div class="menuItemText">{{$.lp.serial}}</div>
+            </div>
+            {{end if}}
+        </div>
+    </div>
+    <div class="contentArea" data-o2-element="mainNode">
+        <div class="content" data-o2-element="contentNode">
+            <div data-o2-element="searchNode"></div>
+            <div class="toolBarList" data-o2-element="toolBarNode"></div>
+            <div class="contentTitle" data-o2-element="listTitleNode">
+            </div>
+            <div class="contentList" data-o2-element="listContentNode">
+                <div class="skeleton" data-o2-element="skeletonNode">
+                    <div class="skeleton_item" style="width: 90%"></div>
+                    <div class="skeleton_item" style="width: 60%"></div>
+                    <div class="skeleton_item"></div>
+                    <div class="skeleton_item" style="width: 70%"></div>
+                    <div class="skeleton_item"></div>
+                    <div class="skeleton_item" style="width: 60%"></div>
+                    <div class="skeleton_item"></div>
+                    <div class="skeleton_item" style="width: 80%"></div>
+                </div>
+            </div>
+            <div class="contentBottom" data-o2-element="listBottomNode">
+                <div class="contentPageArea">
+                    <div class="firstPage" data-o2-events="click:firstPage">{{$.lp.firstPage}}</div>
+                    <div class="prevPage o2WorkApplication icon-left" data-o2-events="click:prevPage"></div>
+                    <div class="lastPage" data-o2-events="click:lastPage">{{$.lp.lastPage}}</div>
+                    <div class="nextPage o2WorkApplication icon-right" data-o2-events="click:nextPage"></div>
+                    <div class="pageNumberArea" data-o2-element="pageNumberAreaNode"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/work/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="4%">
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+
+        {{each $.data}}
+
+        <tr class="listItem" data-o2-events="mouseover:overTaskItem; mouseout:outTaskItem; o2load:loadItemFlag">
+            <td>
+                <div class="selectFlag" style="display: none">
+                    <div class="selectFlagArea" style="cursor: pointer"data-o2-events="click:selectFile:{{$.id}}">
+                        <div class="selectFlagIcon o2WorkApplication"></div>
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;">
+                <div class="listItemTitle" style="display: flex" data-o2-events="click:open:{{$.id}}">
+                    <div class="listItemTitleSubject">
+                        {{if $.title === ""}}
+                            无标题
+                        {{end if}}
+                        {{if $.title !== ""}}
+                            {{$.title}}
+                        {{end if}}
+
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.activityName}}</span></td>
+
+            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
+            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/work/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="4%">
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th>
+                <div class="selectFlag">
+                    <div class="selectFlagArea" style="cursor: pointer"
+                         data-o2-events="click:selectAll">
+                        <div class="selectFlagIcon o2WorkApplication"></div>
+                    </div>
+                </div>
+            </th>
+            <th><span>{{$.lp.subject}}</span></th>
+            <th><span>{{$.lp.process}}</span></th>
+            <th><span>{{$.lp.activity}}</span></th>
+            <th><span>{{$.lp.creator}}</span></th>
+            <th><span>{{$.lp.createunit}}</span></th>
+            <th><span>{{$.lp.createTime}}</span></th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/workCompleted/list.html

+<div>
+    {{if $.data.length}}
+    <table>
+        <colgroup>
+            <col width="4%">
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+            <col width="15%">
+        </colgroup>
+        <tbody>
+
+        {{each $.data}}
+
+        <tr class="listItem" data-o2-events="mouseover:overTaskItem; mouseout:outTaskItem; o2load:loadItemFlag">
+            <td>
+                <div class="selectFlag" style="display: none">
+                    <div class="selectFlagArea" style="cursor: pointer"data-o2-events="click:selectFile:{{$.id}}">
+                        <div class="selectFlagIcon o2WorkApplication"></div>
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;">
+                <div class="listItemTitle" style="display: flex" data-o2-events="click:open:{{$.id}}">
+                    <div class="listItemTitleSubject">
+                        {{$.title}}
+                    </div>
+                </div>
+            </td>
+            <td style="text-align: left;"><span>{{$.processName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorPersonName}}</span></td>
+            <td style="text-align: left;"><span>{{$.creatorUnitName}}</span></td>
+            <td style="text-align: left;"><span>{{$.startTime}}</span></td>
+            <td style="text-align: left;"><span>{{$.completedTime}}</span></td>
+
+        </tr>
+        {{end each}}
+        </tbody>
+    </table>
+    {{end if}}
+    {{if !$.data.length}}
+    <div class="emptyListArea">
+        <div class="emptyListIcon"></div>
+        <div class="emptyListText">
+            {{$.lp.noFile}}
+        </div>
+    </div>
+    {{end if}}
+</div>

o2web/source/x_component_WorkApplication/$Main/default/view/workCompleted/list_title.html

+<div class="contentTitleArea">
+    <table>
+        <colgroup>
+            <col width="4%">
+            <col width="40%">
+            <col width="15%">
+            <col width="10%">
+            <col width="10%">
+            <col width="15%">
+            <col width="15%">
+        </colgroup>
+        <thead>
+        <tr class="listItem">
+            <th>
+                <div class="selectFlag">
+                    <div class="selectFlagArea" style="cursor: pointer"
+                         data-o2-events="click:selectAll">
+                        <div class="selectFlagIcon o2WorkApplication"></div>
+                    </div>
+                </div>
+            </th>
+            <th><span>{{$.lp.subject}}</span></th>
+            <th><span>{{$.lp.process}}</span></th>
+            <th><span>{{$.lp.creator}}</span></th>
+            <th><span>{{$.lp.createunit}}</span></th>
+            <th><span>{{$.lp.createTime}}</span></th>
+            <th><span>{{$.lp.completedTime}}</span></th>
+        </tr>
+        </thead>
+    </table>
+</div>

o2web/source/x_component_WorkApplication/lp/en.js

+MWF.xApplication.WorkApplication.LP = {
+    "title": "Process Application",
+
+    "mywork" : "My work",
+    "adminwork" : "Maintenance Management",
+    "task" : "To Do",
+    "taskDone" : "Done",
+    "read" : "to be read",
+    "readDone" : "read",
+    "workLog" : "Flow Log",
+    "review" : "Review",
+    "draft" : "Draft",
+    "attachment" : "Attachment",
+    "businessData" : "Business Data",
+    "work" : "Working in Circulation",
+    "workcompleted" : "Work Completed",
+    "workdelete" : "Work deleted",
+    "draft" : "Draft",
+    "dict" : "Data configuration",
+    "serial" : "Numbering configuration",
+    "startProcess" : "Start Process",
+
+    "query": "Search",
+    "reset": "Reset",
+    "noFile" : "No file yet",
+
+    "actionList" : {
+        "delete" : "Delete",
+        "processing" : "Attempt to transfer",
+        "addReview" : "Add Review",
+        "endWork" : "End Process",
+        "jump" : "Scheduling",
+        "manage" : "Maintenance",
+        "sendRead" : "Send for reading",
+        "setSerial" : "Modify the serial number",
+        "add" : "Add",
+        "rollback" : "rollback",
+        "delSnap" : "Delete completely",
+        "restore" : "Restore"
+    },
+
+    "subject" : "Title",
+    "name" : "name",
+    "alias" : "alias",
+    "desc" : "description",
+    "activity" : "link",
+    "createunit" : "Drafting Department",
+    "creator" : "Writer",
+    "currentPerson" : "Processing Person",
+    "readPerson" : "Person to read",
+    "currentDept" : "Dept",
+    "process" : "Process",
+    "begin" : "Start Date",
+    "end" : "End Date",
+    "createTime" : "Create Time",
+    "completedTime" : "Completed Time",
+    "deleteTime" : "Delete Time",
+    "updateTime" : "Update Time",
+    "startTime" : "Arrival Time",
+    "endTime" : "Processing time",
+    "routerName" : "Submit route",
+    "idea" : "opinion",
+    "editIdea" : "Comment modification",
+    "allFile" : "All files",
+
+
+
+    "firstPage": "First Page",
+    "lastPage": "Last Page",
+
+    "reroute" : "Scheduling",
+    "rollback" : "rollback",
+    "noItem": "No data is queried under the current conditions",
+
+
+    "cancel" : "Cancel",
+    "tip" : "Tips",
+    "tip_remove" : "Are you sure to delete?",
+    "tip_reset" : "Transfer Confirmation",
+    "tip_keetask" : "Please choose whether to keep your to-do or not!",
+    "rest_content" : " Transfer to: (name)<br/>Do you keep your to-do?<br/><br/><input type='radio' value='yes' name='reset_keep'/>Reserved <br/><input type='radio' value='no' name='reset_keep'/>No reservation<br>Comments: <textarea class='textarea' name='reset_idea' cols='40' style=' width:200px'></textarea><br><div id='reset_checkInfor'></div>",
+    "close" : "close",
+    "ok" : "OK",
+    "edit" : "edit",
+    "remove" : "Remove",
+    "action" : "action",
+    "modify" : "modify",
+    "copy" : "copy",
+    "view": "View",
+    "setOpinion" : "Opinion Modification",
+    "recordEdit" : "Process record modification",
+    "recordAdd" : "Process record add",
+    "reviewitem" : "Review people list",
+    "flow": "flow",
+    "readFlow" : "Ready to be read",
+    "resetAction" : "Transfer",
+    "resetActionFor" : "Transfer to",
+    "readProcess" : "Pending read processing",
+    "editAction" : "Maintenance",
+
+
+
+    "firstPage": "First Page",
+    "lastPage": "Last Page",
+
+
+};

o2web/source/x_component_WorkApplication/lp/zh-cn.js

+MWF.xApplication.WorkApplication.LP = {
+	"title": "流程应用",
+
+	"mywork" : "我的工作",
+	"adminwork" : "维护管理",
+	"task" : "待办",
+	"taskDone" : "已办",
+	"read" : "待阅",
+	"readDone" : "已阅",
+	"workLog" : "流转记录",
+	"review" : "参阅",
+	"draft" : "草稿",
+	"attachment" : "附件",
+	"businessData" : "业务数据",
+	"work" : "流转中工作",
+	"workcompleted" : "已完成工作",
+	"workdelete" : "已删除工作",
+	"draft" : "草稿",
+	"dict" : "数据配置",
+	"serial" : "编号配置",
+	"startProcess" : "发起流程",
+
+	"query": "搜索",
+	"reset": "重置",
+	"noFile" : "暂无文件",
+
+	"actionList" : {
+		"delete" : "删除",
+		"processing" : "尝试流转",
+		"addReview" : "增加参阅",
+		"endWork" : "结束流程",
+		"jump" : "调度",
+		"manage" : "维护",
+		"sendRead" : "发送待阅",
+		"setSerial" : "修改流水号",
+		"add" : "新增",
+		"rollback" : "回溯",
+		"delSnap" : "彻底删除",
+		"restore" : "恢复"
+ 	},
+
+	"subject" : "标题",
+	"name" :  "名称",
+	"alias" : "别名",
+	"desc" : "描述",
+	"activity" : "环节",
+	"createunit" : "拟稿部门",
+	"creator" : "拟稿人",
+	"currentPerson" : "处理人",
+	"readPerson" : "待阅人",
+	"currentDept" : "部门",
+	"process" : "流程",
+	"begin" : "开始日期",
+	"end" : "结束日期",
+	"createTime" : "创建时间",
+	"completedTime" : "完成时间",
+	"deleteTime" : "删除时间",
+	"updateTime" : "更新时间",
+	"startTime" : "到达时间",
+	"endTime" : "处理时间",
+	"routerName" : "提交路径",
+	"idea" : "意见",
+	"editIdea" : "意见修改",
+	"allFile" : "全部文件",
+
+
+
+	"firstPage": "第一页",
+	"lastPage": "最后一页",
+
+	"reroute" : "调度",
+	"rollback" : "回溯",
+	"noItem": "当前条件下没有查询到数据",
+
+
+	"cancel" : "取消",
+	"tip" : "提示",
+	"tip_remove" : "确认是否删除?",
+	"tip_reset" : "转交确认",
+	"tip_keetask" : "请选择是否保留自身待办！",
+	"rest_content"  : " 转交给：(name)<br/>您是否保留自身待办？ <br/><br/><input type='radio' value='yes' name='reset_keep'/>保留<br/><input type='radio' value='no' name='reset_keep'/>不保留<br>意见：<textarea class='textarea' name='reset_idea' cols='40' style='width:200px'></textarea><br><div id='reset_checkInfor'></div>",
+	"close" : "关闭",
+	"ok" : "确定",
+	"edit" : "编辑",
+	"remove" : "删除",
+	"action" : "操作",
+	"modify" : "修改",
+	"copy" : "拷贝",
+	"view": "查看",
+	"setOpinion" : "意见修改",
+	"recordEdit" : "流程记录修改",
+	"recordAdd" : "流程记录新增",
+	"reviewitem" : "参阅人员列表",
+	"flow": "流转",
+	"readFlow" : "待阅转已阅",
+	"resetAction" : "转交",
+	"resetActionFor" : "转交给",
+	"readProcess" : "待阅处理",
+	"editAction" : "维护",
+
+
+
+	"firstPage": "第一页",
+	"lastPage": "最后一页",
+
+
+};

o2web/source/x_component_process_Application/MyWorkExplorer.js

@@ -18,6 +18,27 @@ MWF.xApplication.process.Application.MyWorkExplorer = new Class({
                 this.app.myWorkCompletedConfig();
             }.bind(this)
         });
+
+        this.gotoNewNode = new Element("div", {
+            "styles": this.css.toCompletedNode,
+            "text": this.app.lp.toNew
+        }).inject(this.toolbarNode);
+        this.gotoNewNode.addEvents({
+            "mouseover": function(){
+                this.gotoNewNode.setStyles(this.css.toCompletedNode_over);
+            }.bind(this),
+            "mouseout": function(){
+                this.gotoNewNode.setStyles(this.css.toCompletedNode);
+            }.bind(this),
+            "click": function(){
+                var options = {
+                    "id": this.app.options.id,
+                    "appId":  "WorkApplication" + this.app.options.id
+                };
+                layout.openApplication(null, "WorkApplication", options);
+            }.bind(this)
+        });
+
     },
 
     _getFilterCount: function(callback){

o2web/source/x_component_process_Application/lp/en.js

@@ -127,6 +127,8 @@ MWF.xApplication.process.Application.LP = {
     "toCompleted": "查看已完成的工作实例",
     "toWork": "查看流转中的工作实例",
 
+    "toNew": "转到新版",
+
     "serialNumber": "流水号",
 
     "category": "分类",
@@ -134,4 +136,4 @@ MWF.xApplication.process.Application.LP = {
     "selecteAll": "全选",
     "selecteAllCol": "选择所有列",
     "selecteAllRow": "选择所有行"
-};
\ No newline at end of file
+};

o2web/source/x_component_process_Application/lp/zh-cn.js

@@ -127,6 +127,8 @@ MWF.xApplication.process.Application.LP = {
     "toCompleted": "查看已完成的工作实例",
     "toWork": "查看流转中的工作实例",
 
+    "toNew": "转到新版",
+
     "serialNumber": "流水号",
 
     "category": "分类",
@@ -134,4 +136,4 @@ MWF.xApplication.process.Application.LP = {
     "selecteAll": "全选",
     "selecteAllCol": "选择所有列",
     "selecteAllRow": "选择所有行"
-};
\ No newline at end of file
+};