@fecp/designer 5.5.48 → 5.5.50

package/lib/designer.css

@@ -5702,9 +5702,205 @@ body,
   bottom: 3px;
   right: 20px;
 }
-.bjs-container *:not(i),.bjs-container *:before,.bjs-container *:after{box-sizing:border-box!important}.chart-canvas{width:100%;height:100%}.bjs-container .bjs-breadcrumbs,.bjs-container .bjs-powered-by{display:none}.bjs-container .djs-connection .djs-visual path,.bjs-container .djs-connection .djs-visual polyline{stroke:#999!important}.bjs-container .djs-connection[state=highlight] .djs-visual path,.bjs-container .djs-connection[state=highlight] .djs-visual polyline{stroke:#409eff!important;marker-end:url(#testMarker)!important}.bjs-container .djs-element[state=highlight] .djs-visual text{fill:#409eff!important}.bjs-container #testMarker path{fill:#409eff!important;stroke:#409eff!important}.bjs-container .djs-element text{fill:#999!important}.bjs-container defs marker path{fill:#999!important;stroke:#999!important}.custom-node-item-current{height:48px;border:2px solid #fb6c31;position:absolute;top:0;width:100%;border-radius:8px}.flow-chart-pop{z-index:9999!important}.flow-chart-canEdit{height:48px;border-radius:8px;cursor:pointer}.flow-chart-canEdit:hover{border:1px solid #409eff}.flow-chart-canEdit:hover img{width:46px}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, .8);--el-overlay-color-light:rgba(0, 0, 0, .7);--el-overlay-color-lighter:rgba(0, 0, 0, .5);--el-mask-color:rgba(255, 255, 255, .9);--el-mask-color-extra-light:rgba(255, 255, 255, .3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);overflow-wrap:break-word;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.flowChartTimeline[data-v-269c174b]{width:100%;height:100%}.flowChartTimeline[data-v-269c174b] .el-timeline-item__content{margin:0}.flowChartTimeline[data-v-269c174b] .el-timeline-item__wrapper{padding-left:22px}.flowChartTimeline[data-v-269c174b] .el-timeline{padding:0}.flowChartTimeline[data-v-269c174b] .el-timeline-item__tail{border-left:2px dotted #e4e7ed;display:block!important}.flowChartTimeline[data-v-269c174b] .el-timeline-item__node{left:0;width:10px;height:10px}.flowChartTimeline[data-v-269c174b] .el-timeline-item__node.el-timeline-item__node--large{left:0;width:14px;height:14px;top:0}.flowChartTimeline .header[data-v-269c174b]{display:flex;flex-direction:column}.flowChartTimeline .header .nodeName[data-v-269c174b]{font-size:15px;color:#666;font-weight:700;margin-bottom:0;margin-top:0}.flowChartTimeline .header .createTime[data-v-269c174b]{font-size:13px;color:#666;margin-bottom:4px}.flowChartTimeline .content[data-v-269c174b],.flowChartTimeline .appContent[data-v-269c174b]{padding:10px;border:var(--el-border);border-radius:4px}.flowChartTimeline .signContent .content[data-v-269c174b]{margin-bottom:15px}.flowChartTimeline .app-header .duration[data-v-269c174b],.flowChartTimeline .openTask .duration[data-v-269c174b]{color:#909399;font-size:13px;float:right}.flowChartTimeline .app-header .approveType[data-v-269c174b]{border:1px dashed var(--el-color-primary);color:var(--el-color-primary);background:#f5f5f5;border-radius:4px;padding:2px 6px}.flowChartTimeline .apping[data-v-269c174b]{color:var(--el-color-primary)}.flowChartTimeline .openTask[data-v-269c174b]{display:flex;align-items:center;justify-content:space-between;padding:12px 10px}.flowChartTimeline .openTask.sign[data-v-269c174b]{border-bottom:var(--el-border)}.flowChartTimeline .openTask.sign[data-v-269c174b]:last-child{border-bottom:none}.flowChartTimeline .app-footer .endTime[data-v-269c174b]{color:#909399;font-size:13px}.flowChartTimeline .app-footer .endTime i[data-v-269c174b]{margin-right:5px}.flowChartTimeline .app-footer .assignee[data-v-269c174b]{color:#909399;font-size:13px;float:right;display:flex;align-items:center}.flowChartTimeline .app-footer .assignee-name[data-v-269c174b]{font-size:15px;color:#000;font-weight:700;float:right;margin:0 0 0 6px;min-width:90px;text-align:center;height:25px;line-height:25px;border:1px dashed #dedede;background:#f5f5f5;border-radius:4px}.flowChartTimeline .app-content[data-v-269c174b],.flowChartTimeline .app-header[data-v-269c174b],.flowChartTimeline .app-footer[data-v-269c174b]{line-height:30px;padding:0 10px}.flowChartTimeline .app-content[data-v-269c174b],.flowChartTimeline .app-header[data-v-269c174b]{margin-bottom:10px}.flowChartTimeline .app-content .approveIdea[data-v-269c174b]{min-height:30px;background:linear-gradient(to bottom,transparent 29px,#dedede 1px);background-size:100% 30px;color:#ff9800;overflow:hidden;white-space:normal;word-break:break-all;word-wrap:break-word}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:5px 11px;z-index:2000;font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-bg-color);background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-left-color:transparent!important;border-bottom-color:transparent!important}.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary)}.el-scrollbar{overflow:hidden;position:relative;height:100%}.el-scrollbar__wrap{overflow:auto;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));transition:var(--el-transition-duration) background-color;opacity:var(--el-scrollbar-opacity,.3)}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light)}.el-timeline{margin:0;font-size:var(--el-font-size-base);list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{display:flex;align-items:center}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid var(--el-timeline-node-color)}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{position:absolute;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.el-timeline-item__node--normal{left:-1px;width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{left:-2px;width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{position:absolute;display:flex;justify-content:center;align-items:center}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}
 
-.flowchart-canvas[data-v-0592590b] {
+.flowChartTimeline[data-v-0ce0023b] {
+  width: 100%;
+  height: 100%;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__content {
+  margin: 0;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__wrapper {
+  padding-left: 22px;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline {
+  padding: 0px;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__tail {
+  border-left: 2px dotted #e4e7ed;
+  display: block !important;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__node {
+  left: 0px;
+  width: 10px;
+  height: 10px;
+}
+.flowChartTimeline[data-v-0ce0023b] .el-timeline-item__node.el-timeline-item__node--large {
+  left: 0px;
+  width: 14px;
+  height: 14px;
+  top: 0px;
+}
+.flowChartTimeline .header[data-v-0ce0023b] {
+  display: flex;
+  flex-direction: column;
+}
+.flowChartTimeline .header .nodeName[data-v-0ce0023b] {
+  font-size: 15px;
+  color: #666;
+  font-weight: bold;
+  margin-bottom: 0px;
+  margin-top: 0px;
+}
+.flowChartTimeline .header .createTime[data-v-0ce0023b] {
+  font-size: 13px;
+  color: #666;
+  margin-bottom: 4px;
+}
+.flowChartTimeline .content[data-v-0ce0023b],
+.flowChartTimeline .appContent[data-v-0ce0023b] {
+  padding: 10px;
+  border: var(--el-border);
+  border-radius: 4px;
+}
+.flowChartTimeline .signContent .content[data-v-0ce0023b] {
+  margin-bottom: 15px;
+}
+.flowChartTimeline .app-header .duration[data-v-0ce0023b],
+.flowChartTimeline .openTask .duration[data-v-0ce0023b] {
+  color: #909399;
+  font-size: 13px;
+  float: right;
+}
+.flowChartTimeline .app-header .approveType[data-v-0ce0023b] {
+  border: 1px dashed var(--el-color-primary);
+  color: var(--el-color-primary);
+  background: #f5f5f5;
+  border-radius: 4px;
+  padding: 2px 6px;
+}
+.flowChartTimeline .apping[data-v-0ce0023b] {
+  color: var(--el-color-primary);
+}
+.flowChartTimeline .openTask[data-v-0ce0023b] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 10px;
+}
+.flowChartTimeline .openTask.sign[data-v-0ce0023b] {
+  border-bottom: var(--el-border);
+}
+.flowChartTimeline .openTask.sign[data-v-0ce0023b]:last-child {
+  border-bottom: none;
+}
+.flowChartTimeline .app-footer .endTime[data-v-0ce0023b] {
+  color: #909399;
+  font-size: 13px;
+}
+.flowChartTimeline .app-footer .endTime i[data-v-0ce0023b] {
+  margin-right: 5px;
+}
+.flowChartTimeline .app-footer .assignee[data-v-0ce0023b] {
+  color: #909399;
+  font-size: 13px;
+  float: right;
+  display: flex;
+  align-items: center;
+}
+.flowChartTimeline .app-footer .assignee-name[data-v-0ce0023b] {
+  font-size: 15px;
+  color: #000;
+  font-weight: bold;
+  float: right;
+  margin: 0 0 0 6px;
+  min-width: 90px;
+  text-align: center;
+  height: 25px;
+  line-height: 25px;
+  border: 1px dashed #dedede;
+  background: #f5f5f5;
+  border-radius: 4px;
+}
+.flowChartTimeline .app-content[data-v-0ce0023b],
+.flowChartTimeline .app-header[data-v-0ce0023b],
+.flowChartTimeline .app-footer[data-v-0ce0023b] {
+  line-height: 30px;
+  padding: 0 10px;
+}
+.flowChartTimeline .app-content[data-v-0ce0023b],
+.flowChartTimeline .app-header[data-v-0ce0023b] {
+  margin-bottom: 10px;
+}
+.flowChartTimeline .app-content .approveIdea[data-v-0ce0023b] {
+  min-height: 30px;
+  background: linear-gradient(to bottom, transparent 29px, #dedede 1px);
+  background-size: 100% 30px;
+  color: #ff9800;
+  overflow: hidden;
+  white-space: normal;
+  word-break: break-all;
+  word-wrap: break-word;
+}
+
+.custom-node-item-current {
+  height: 48px;
+  border: 2px solid #fb6c31;
+  position: absolute;
+  top: 0px;
+  width: 100%;
+  border-radius: 8px;
+}
+.flow-chart-pop {
+  z-index: 9999 !important;
+}
+.flow-chart-canEdit {
+  height: 48px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+.flow-chart-canEdit:hover {
+  /* box-shadow: 0 0 0px 2px #409eff; */
+  border: 1px solid #409eff;
+}
+.flow-chart-canEdit:hover img {
+  width: 46px;
+}
+.bjs-container *:not(i),
+.bjs-container *:before,
+.bjs-container *:after {
+  box-sizing: border-box !important;
+}
+
+.chart-canvas {
+  width: 100%;
+  height: 100%;
+}
+
+.bjs-container .bjs-breadcrumbs,
+.bjs-container .bjs-powered-by {
+  display: none;
+}
+
+.bjs-container .djs-connection .djs-visual path,
+.bjs-container .djs-connection .djs-visual polyline {
+  stroke: rgb(153 153 153) !important;
+}
+
+.bjs-container .djs-connection[state="highlight"] .djs-visual path,
+.bjs-container .djs-connection[state="highlight"] .djs-visual polyline {
+  stroke: #409eff !important;
+  marker-end: url(#testMarker) !important;
+}
+
+.bjs-container .djs-element[state="highlight"] .djs-visual text {
+  fill: #409eff !important;
+}
+
+.bjs-container #testMarker path {
+  fill: #409eff !important;
+  stroke: #409eff !important;
+}
+
+.bjs-container .djs-element text {
+  fill: rgb(153 153 153) !important;
+}
+
+.bjs-container defs marker path {
+  fill: rgb(153 153 153) !important;
+  stroke: rgb(153 153 153) !important;
+}
+.flowchart-canvas[data-v-7728ec91] {
   height: 100%;
 }
 .approval-history-content.flowChart[data-v-54f88c00] {
@@ -5780,13 +5976,13 @@ body,
 }
 .textarea-field-wrapper[data-v-1bdb1a05] .el-textarea .el-textarea__inner {
   height: 100%;
-}[data-v-cc99b56c] .el-input-group__append {
+}[data-v-a8b5b9df] .el-input-group__append {
   background-color: #409eff;
   color: #fff;
   padding: 0 18px;
   box-shadow: 0 1px 0 0 #a8abb2 inset, 0 -1px 0 0 #a8abb2 inset, -1px 0 0 0 #a8abb2 inset;
 }
-[data-v-cc99b56c] .el-input-group__append:hover {
+[data-v-a8b5b9df] .el-input-group__append:hover {
   background-color: #79bbff;
   border-color: #79bbff;
   color: #fff;
@@ -5796,15 +5992,15 @@ body,
 [data-v-fef25575] .el-upload-dragger {
   padding: 20px;
 }
-.text-field-wrapper[data-v-b75f4ba0] {
+.text-field-wrapper[data-v-0cc70898] {
   width: 100%;
 }
-.prefix-content[data-v-b75f4ba0],
-.suffix-content[data-v-b75f4ba0] {
+.prefix-content[data-v-0cc70898],
+.suffix-content[data-v-0cc70898] {
   color: #909399;
   font-size: 14px;
 }
-.data-masking[data-v-b75f4ba0] {
+.data-masking[data-v-0cc70898] {
   margin-top: 4px;
   padding: 8px;
   background: #f5f7fa;
@@ -5812,27 +6008,27 @@ body,
   font-size: 12px;
   color: #909399;
 }
-[data-v-b75f4ba0] .el-input-group__append {
+[data-v-0cc70898] .el-input-group__append {
   background-color: #409eff;
   color: #fff;
   padding: 0 18px;
   box-shadow: 0 1px 0 0 #a8abb2 inset, 0 -1px 0 0 #a8abb2 inset, -1px 0 0 0 #a8abb2 inset;
 }
-[data-v-b75f4ba0] .el-input-group__append:hover {
+[data-v-0cc70898] .el-input-group__append:hover {
   background-color: #79bbff;
   border-color: #79bbff;
   color: #fff;
   outline: none;
   box-shadow: 0 1px 0 0 #c0c4cc inset, 0 -1px 0 0 #c0c4cc inset, -1px 0 0 0 #c0c4cc inset;
-}.text-field-wrapper[data-v-1b45cabd] {
+}.text-field-wrapper[data-v-3f845d75] {
   width: 100%;
 }
-.prefix-content[data-v-1b45cabd],
-.suffix-content[data-v-1b45cabd] {
+.prefix-content[data-v-3f845d75],
+.suffix-content[data-v-3f845d75] {
   color: #909399;
   font-size: 14px;
 }
-.data-masking[data-v-1b45cabd] {
+.data-masking[data-v-3f845d75] {
   margin-top: 4px;
   padding: 8px;
   background: #f5f7fa;
@@ -5840,13 +6036,13 @@ body,
   font-size: 12px;
   color: #909399;
 }
-[data-v-1b45cabd] .el-input-group__append {
+[data-v-3f845d75] .el-input-group__append {
   background-color: #409eff;
   color: #fff;
   padding: 0 18px;
   box-shadow: 0 1px 0 0 #a8abb2 inset, 0 -1px 0 0 #a8abb2 inset, -1px 0 0 0 #a8abb2 inset;
 }
-[data-v-1b45cabd] .el-input-group__append:hover {
+[data-v-3f845d75] .el-input-group__append:hover {
   background-color: #79bbff;
   border-color: #79bbff;
   color: #fff;
@@ -5933,25 +6129,25 @@ body,
   font-size: var(--el-font-size-extra-small);
 }
 
-.fec-form[data-v-39413629] {
+.fec-form[data-v-0a538ee8] {
   height: 100%;
 }
-[data-v-39413629] .vgl-layout {
+[data-v-0a538ee8] .vgl-layout {
   position: relative;
 }
-[data-v-39413629] .vgl-item {
+[data-v-0a538ee8] .vgl-item {
   transition: none;
 }
-[data-v-39413629] .vgl-item > .el-form-item {
+[data-v-0a538ee8] .vgl-item > .el-form-item {
   width: 100%;
   padding: 6px 8px 0 8px;
   height: calc(100% - 15px);
   display: flex;
 }
-[data-v-39413629] .vgl-item > .el-form-item.el-form-item--label-top {
+[data-v-0a538ee8] .vgl-item > .el-form-item.el-form-item--label-top {
   flex-direction: column;
 }
-[data-v-39413629] .vgl-item > .el-form-item .el-form-item__label {
+[data-v-0a538ee8] .vgl-item > .el-form-item .el-form-item__label {
   line-height: 20px;
   display: inline-flex;
   align-items: center;
@@ -5965,92 +6161,107 @@ body,
   flex-shrink: 0;
   min-height: 45px;
 }
-[data-v-39413629] .vgl-item > .el-form-item {
+[data-v-0a538ee8] .vgl-item > .el-form-item {
   /* .el-form-item__error {
     padding-top: 10px;
   } */
 }
-[data-v-39413629] .vgl-item > .el-form-item .el-input__wrapper {
+[data-v-0a538ee8] .vgl-item > .el-form-item .el-input__wrapper {
   padding: 1px 12px;
 }
-[data-v-39413629] .vgl-item > .el-container {
+[data-v-0a538ee8] .vgl-item > .el-container {
   height: auto !important;
 }
 @media (min-width: 1720px) {
-[data-v-39413629] .vgl-item .el-form-item__label {
+[data-v-0a538ee8] .vgl-item .el-form-item__label {
     max-width: 160px !important;
 }
-[data-v-39413629] .vgl-item .el-form-item {
+[data-v-0a538ee8] .vgl-item .el-form-item {
     padding: 6px 8px 0 8px !important;
 }
-[data-v-39413629] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 12px;
 }
-.fec-el-form[data-v-39413629] {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-select__wrapper {
+    padding: 8px 12px;
+}
+.fec-el-form[data-v-0a538ee8] {
     padding: 12px !important;
 }
 }
 /* 标准 PC（1200px ~ 1439px）*/
 @media (min-width: 1366px) and (max-width: 1719px) {
-[data-v-39413629] .vgl-item .el-form-item__label {
+[data-v-0a538ee8] .vgl-item .el-form-item__label {
     max-width: 130px !important;
     padding-right: 6px !important;
 }
-[data-v-39413629] .vgl-item .el-form-item {
+[data-v-0a538ee8] .vgl-item .el-form-item {
     padding: 6px 0 0 0 !important;
 }
-[data-v-39413629] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 8px;
 }
-.fec-el-form[data-v-39413629] {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-select__wrapper {
+    padding: 8px 8px;
+}
+.fec-el-form[data-v-0a538ee8] {
     padding: 8px !important;
 }
 }
 /* 2. 标准 PC 992px ~ 1199px */
 @media (min-width: 992px) and (max-width: 1365px) {
-[data-v-39413629] .vgl-item .el-form-item__label {
+[data-v-0a538ee8] .vgl-item .el-form-item__label {
     max-width: 125px !important;
     padding-right: 4px !important;
 }
-[data-v-39413629] .vgl-item .el-form-item {
+[data-v-0a538ee8] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-39413629] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 6px;
 }
-.fec-el-form[data-v-39413629] {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-select__wrapper {
+    padding: 8px 6px;
+}
+.fec-el-form[data-v-0a538ee8] {
     padding: 6px !important;
 }
 }
 /* 3. 小屏 PC / 窄窗口 <992px（最小到768px）*/
 @media (max-width: 991px) and (min-width: 768px) {
-[data-v-39413629] .vgl-item .el-form-item__label {
+[data-v-0a538ee8] .vgl-item .el-form-item__label {
     max-width: 100px !important;
     padding-right: 4px !important;
 }
-[data-v-39413629] .vgl-item .el-form-item {
+[data-v-0a538ee8] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-39413629] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 4px;
 }
-.fec-el-form[data-v-39413629] {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-select__wrapper {
+    padding: 8px 4px;
+}
+.fec-el-form[data-v-0a538ee8] {
     padding: 6px !important;
 }
 }
 /* 超小屏 <768px */
 @media (max-width: 767px) {
-[data-v-39413629] .vgl-item .el-form-item__label {
+[data-v-0a538ee8] .vgl-item .el-form-item__label {
     max-width: 80px !important;
     padding-right: 4px !important;
 }
-[data-v-39413629] .vgl-item .el-form-item {
+[data-v-0a538ee8] .vgl-item .el-form-item {
     padding: 0 !important;
 }
-[data-v-39413629] .vgl-item .el-form-item .el-input__wrapper {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-input__wrapper {
     padding: 1px 2px;
 }
-.fec-el-form[data-v-39413629] {
+[data-v-0a538ee8] .vgl-item .el-form-item .el-select__wrapper {
+    padding: 8px 2px;
+}
+.fec-el-form[data-v-0a538ee8] {
     padding: 6px !important;
 }
 }.table-pagination[data-v-142fdd35] {
@@ -7017,9 +7228,6 @@ body,
   margin: 0;
   border-top: 1px solid var(--el-border-color-lighter);
 }
-.el-overlay-dialog .custom-padding-dialog .el-dialog__body {
-  padding: 12px;
-}
 .fec-form .el-select__wrapper.is-disabled .el-select__selected-item {
   color: #666 !important;
 }