index-3e2fbac9.css 15 KB

1
  1. .jnpf-basic-integrate-process .flow-path-card:hover .title-text{border-bottom:unset!important}.formType-radio{margin-bottom:10px}.formType-radio .ant-radio-wrapper{width:100%;line-height:32px;margin-right:0}.jnpf-basic-process{display:flex;height:100%}.process-flow-container{display:inline-block;background:#ebeef5;width:100%;height:100%;box-sizing:border-box;text-align:center;overflow:auto;position:relative;padding-top:1px}.process-flow-container .scale-slider{position:fixed;right:20px;z-index:199;display:flex;align-items:center;background:rgba(255,255,255,.4);height:32px;line-height:32px;border-radius:16px;overflow:hidden}.process-flow-container .scale-slider .num{display:inline-block;width:60px;text-align:center;font-size:14px}.process-flow-container .scale-slider .btn{height:32px;display:inline-block;text-align:center;width:44px;background:#ffffff;cursor:pointer}.process-flow-container .tips{position:absolute;left:20px;top:0;z-index:199;text-align:left}.process-flow-container .tips .tips-item{line-height:20px;font-size:16px;display:inline-block;margin-right:15px}.process-flow-container .tips .tips-item .icon{font-size:20px;margin-right:5px;color:#b6b6b6}.process-flow-container .tips .tips-item .icon.success{color:#55d187}.process-flow-container .tips .tips-item .icon.current{color:#1890ff}.process-flow-container .node-wrap-box{position:relative;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;flex-direction:column}.process-flow-container .node-wrap-box.empty{overflow:hidden}.process-flow-container .node-wrap-box.approver:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:4px;border-style:solid;border-width:8px 6px 4px;border-color:#a9b4cd transparent transparent;background:#ebeef5}.process-flow-container .node-wrap-box.approver.branchFlow:before,.process-flow-container .node-wrap-box.approver.interflow:before{top:20px}.process-flow-container .node-wrap-box.error.condition .error-tip,.process-flow-container .node-wrap-box.error.branchFlow .error-tip,.process-flow-container .node-wrap-box.error.interflow .error-tip{right:0}.process-flow-container .node-wrap-box.error .error-tip{right:-40px}.process-flow-container .node-wrap-box.error .flow-path-card{border:1px solid #ED6F6F}.process-flow-container .node-wrap-box.error .flow-path-card:hover{border-width:0}.process-flow-container .node-wrap-box .error-tip{position:absolute;right:1px;top:15%;width:30px;height:30px;color:#ed6f6f;cursor:pointer;border-radius:50%;border:1px solid;line-height:30px;transition:right .5s}.process-flow-container .node-wrap-box.condition .error-tip,.process-flow-container .node-wrap-box.branchFlow .error-tip,.process-flow-container .node-wrap-box.interflow .error-tip{right:60px}.process-flow-container .end-node{font-size:12px;width:58px;height:32px;border-radius:50;background-color:#e6f4ff;border-radius:16px;line-height:32px;color:#000}.process-flow-container .flow-path-card{width:220px;min-height:86px;text-align:left;cursor:pointer;overflow:hidden;position:relative;box-sizing:border-box;box-shadow:0 10px 20px #0000001a;background:#ffffff;border-radius:8px;font-size:12px;color:#666}.process-flow-container .flow-path-card:hover{box-shadow:0 0 0 2px #1890ff,0 0 5px 4px #0003}.process-flow-container .flow-path-card.start-node:hover{box-shadow:0 0 0 2px #a8f0d4,0 0 5px 2px #0003}.process-flow-container .flow-path-card.start-node .header{background:linear-gradient(90deg,#c0f8e2 0%,#a8f0d4 100%)}.process-flow-container .flow-path-card.launchFlow-node:hover{box-shadow:0 0 0 2px #b4def2,0 0 5px 2px #0003}.process-flow-container .flow-path-card.launchFlow-node .header{background:linear-gradient(90deg,#C0EDF8 0%,#B4DEF2 100%)}.process-flow-container .flow-path-card.updateData-node:hover{box-shadow:0 0 0 2px #55e2cc,0 0 5px 2px #0003}.process-flow-container .flow-path-card.updateData-node .header{background:linear-gradient(90deg,#CDFAF3 0%,#55e2cc 100%)}.process-flow-container .flow-path-card.deleteData-node:hover{box-shadow:0 0 0 2px #ff8e92,0 0 5px 2px #0003}.process-flow-container .flow-path-card.deleteData-node .header{background:linear-gradient(90deg,#FFCDC1 0%,#FF8E92 100%)}.process-flow-container .flow-path-card.dataInterface-node:hover{box-shadow:0 0 0 2px #90a5ff,0 0 5px 2px #0003}.process-flow-container .flow-path-card.dataInterface-node .header{background:linear-gradient(90deg,#D0DCFF 0%,#90a5ff 100%)}.process-flow-container .flow-path-card.addData-node:hover{box-shadow:0 0 0 2px #68c62c,0 0 5px 2px #0003}.process-flow-container .flow-path-card.addData-node .header{background:linear-gradient(90deg,#D6FABF 0%,#68c62c 100%)}.process-flow-container .flow-path-card.message-node:hover{box-shadow:0 0 0 2px #ffc78e,0 0 5px 2px #0003}.process-flow-container .flow-path-card.message-node .header{background:linear-gradient(90deg,#FFDFC1 0%,#FFC78E 100%)}.process-flow-container .flow-path-card.getData-node:hover{box-shadow:0 0 0 2px #a481f2,0 0 5px 2px #0003}.process-flow-container .flow-path-card.getData-node .header{background:linear-gradient(90deg,#C1C8FF 0%,#A481F2 100%)}.process-flow-container .flow-path-card .header{padding-left:10px;padding-right:30px;width:100%;height:32px;line-height:32px;position:relative;box-sizing:border-box;color:#000}.process-flow-container .flow-path-card .header .title-box{position:relative;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px}.process-flow-container .flow-path-card .header .title-input{position:absolute;left:0;border:none;background:inherit;color:inherit;opacity:0;margin-top:7px;transition:none}.process-flow-container .flow-path-card .header .title-input:focus{border-radius:2px;font-size:12px;padding-left:4px;width:97%;height:18px;box-sizing:border-box;box-shadow:unset;background-color:#ebeef5;color:#000000e0;opacity:1}.process-flow-container .flow-path-card .header>.actions{position:absolute;right:0;top:0;visibility:hidden;height:30px}.process-flow-container .flow-path-card .header>.async-state{position:absolute;right:20px;top:4px}.process-flow-container .flow-path-card.timer:hover .actions{visibility:visible;margin-right:4px}.process-flow-container .flow-path-card.subFlow .header .title-box{width:140px!important}.process-flow-container .flow-path-card:not(.start-node):not(.timer):hover .actions{visibility:visible;margin-right:4px}.process-flow-container .flow-path-card:not(.start-node):not(.timer):hover .title-text{border-bottom:1px dashed currentColor}.process-flow-container .flow-path-card.start-node:hover .title-text{border-bottom:1px dashed currentColor}.process-flow-container .flow-path-card .body{position:relative;padding:10px;box-sizing:border-box}.process-flow-container .flow-path-card .body .text{word-break:break-all;margin:0;overflow:auto;display:inline-block;max-height:150px}.process-flow-container .flow-path-card .icon-wrapper{position:absolute;top:0;height:100%;width:14px;box-sizing:border-box}.process-flow-container .flow-path-card .icon-wrapper.left{left:0}.process-flow-container .flow-path-card .icon-wrapper.right{right:0}.process-flow-container .flow-path-card .icon-wrapper>.right-arrow,.process-flow-container .flow-path-card .icon-wrapper>.left-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.process-flow-container .flow-path-card.condition .header{line-height:30px;color:inherit;border-bottom:1px solid #f0f0f0}.process-flow-container .flow-path-card.condition .header .title-box{height:auto!important}.process-flow-container .flow-path-card.condition .header .title-text{color:#15bc83}.process-flow-container .flow-path-card.condition .body{padding:10px;color:#606266}.process-flow-container .flow-path-card.condition .icon-wrapper:hover{background-color:#f1f1f1}.process-flow-container .flow-path-card.condition .right-arrow,.process-flow-container .flow-path-card.condition .left-arrow{visibility:hidden}.process-flow-container .flow-path-card.condition:hover .right-arrow,.process-flow-container .flow-path-card.condition:hover .left-arrow{visibility:visible}.process-flow-container .flow-path-card.condition:hover .priority{display:none}.process-flow-container .col-box:first-of-type>.node-wrap .left{display:none}.process-flow-container .col-box:last-of-type>.node-wrap .right{display:none}.process-flow-container .add-node-btn-box{width:220px;height:100px;position:relative;padding-top:30px;margin:auto}.process-flow-container .add-node-btn-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;margin:auto;width:1px;height:100%;background-color:#a9b4cd}.process-flow-container .add-node-btn-box .add-node-btn{display:flex;justify-content:center}.process-flow-container .add-node-btn-box .add-node-btn .btn{width:28px;height:28px;line-height:26px;border-radius:16px;cursor:pointer;outline:none;background:#ffffff;border-color:transparent;transition:transform .5s;border:1px solid rgba(24,131,255,.302)}.process-flow-container .add-node-btn-box .add-node-btn .btn:hover{transform:scale(1.2);box-shadow:0 8px 16px #0000001a}.process-flow-container .add-node-btn-box .add-node-btn .btn.disabled-btn{cursor:auto;background-color:#ed6f6f}.process-flow-container .add-node-btn-box .add-node-btn .btn.disabled-btn:hover{transform:none;box-shadow:none}.process-flow-container .add-node-btn-box .add-node-btn .btn .icon{color:#1890ff;font-size:16px}.process-flow-container .branch-wrap .branch-box-wrap{display:inline-flex;flex-direction:column;align-items:center}.process-flow-container .branch-wrap .branch-box{align-items:stretch;border-bottom:1px solid #a9b4cd;border-top:1px solid #a9b4cd;box-sizing:border-box;background:#ebeef5}.process-flow-container .branch-wrap .branch-box>.col-box{display:flex;flex-direction:column;align-items:center;position:relative}.process-flow-container .branch-wrap .branch-box>.col-box:first-of-type:before,.process-flow-container .branch-wrap .branch-box>.col-box:first-of-type:after{content:"";position:absolute;left:0;height:3px;width:calc(50% - 1px);background:#ebeef5}.process-flow-container .branch-wrap .branch-box>.col-box:first-of-type:before{top:-2px}.process-flow-container .branch-wrap .branch-box>.col-box:first-of-type:after{bottom:-2px}.process-flow-container .branch-wrap .branch-box>.col-box:last-of-type:before,.process-flow-container .branch-wrap .branch-box>.col-box:last-of-type:after{content:"";position:absolute;right:0;height:3px;width:calc(50% - 1px);background:#ebeef5}.process-flow-container .branch-wrap .branch-box>.col-box:last-of-type:before{top:-2px}.process-flow-container .branch-wrap .branch-box>.col-box:last-of-type:after{bottom:-2px}.process-flow-container .branch-wrap .branch-box>.col-box .center-line{height:100%;width:1px;background:#a9b4cd;position:absolute}.process-flow-container .branch-wrap .branch-box>.btn{font-size:14px;z-index:99;cursor:pointer;position:absolute;top:0;left:50%;outline:none;transform:translate(-50%,-50%);padding:9px 16px;border:none;border-radius:20px;background:#ffffff;box-shadow:0 0 10px #0003;transition:transform .3s;color:#1890ff}.process-flow-container .branch-wrap .branch-box>.btn:hover{transform:scale(1.1) translate(-46%,-50%)}.add-popover-main.add-condition-popover-main .condition-box{width:180px}.add-popover-main .condition-box{display:flex;justify-content:space-around;align-items:center;text-align:center;width:440px}.add-popover-main .condition-box .condition-item{width:73px;padding:5px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;flex-direction:column;border-radius:8px;cursor:pointer}.add-popover-main .condition-box .condition-item:hover{background:rgba(1,119,255,.04)}.add-popover-main .condition-box .condition-icon{width:48px;height:48px;line-height:48px;background:#f5f5f5;border-radius:30px;box-sizing:border-box;font-size:12px;margin-bottom:4px}.add-popover-main .condition-box .condition-icon.addData{color:#439815}.add-popover-main .condition-box .condition-icon.updateData{color:#24bec4}.add-popover-main .condition-box .condition-icon.deleteData{color:#dd363c}.add-popover-main .condition-box .condition-icon.dataInterface,.add-popover-main .condition-box .condition-icon.message{color:#3c5eef}.add-popover-main .condition-box .condition-icon.launchFlow{color:#1daceb}.add-popover-main .condition-box .condition-icon .icon-ym,.add-popover-main .condition-box .condition-icon .ym-custom{font-size:28px}html[data-theme=dark] .process-flow-container .node-wrap-box.approver:before{border-color:#a9b4cd transparent transparent}html[data-theme=dark] .process-flow-container .flow-path-card{box-shadow:0 0 4px #ffffff4d}html[data-theme=dark] .process-flow-container .scale-slider{background:rgba(0,0,0,.1)!important}html[data-theme=dark] .condition-box .condition-icon{background:#151515!important}.propPanel-drawer .config-form .ant-form-item{margin-bottom:12px}.propPanel-drawer .config-form>.ant-form-item.normal-item-content>.ant-form-item-row>.ant-form-item-control{padding:0}.propPanel-drawer .config-form>.ant-form-item>.ant-form-item-row>.ant-form-item-label{font-weight:600}.propPanel-drawer .config-form>.ant-form-item>.ant-form-item-row>.ant-form-item-control{padding:0 10px}.propPanel-drawer .common-pane{display:flex;flex-direction:column;overflow:hidden;height:100%}.propPanel-drawer .common-pane.condition-pane .config-content{padding:10px}.propPanel-drawer .common-pane.condition-pane .config-content.condition-content{padding:0}.propPanel-drawer .common-pane.condition-pane .config-content.condition-content .condition-main{padding:10px}.propPanel-drawer .common-pane .pane-tabs{flex-shrink:0}.propPanel-drawer .common-pane .pane-tabs .ant-tabs-nav{margin-bottom:0;padding-left:20px}.propPanel-drawer .common-pane .pane-tabs .ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:40px}.propPanel-drawer .common-pane .config-content{flex:1;padding:10px 20px}.propPanel-drawer .btn-cell{display:flex;align-items:center;margin-bottom:10px}.propPanel-drawer .btn-cell .ant-checkbox-wrapper{width:80px;margin-right:10px;flex-shrink:0}.propPanel-drawer .btn-cell:last-child{margin-bottom:unset}.propPanel-drawer .parameter-box{display:block;min-width:0;width:154px;height:30px;line-height:30px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propPanel-drawer .parameter-box:last-child{margin-bottom:0}.propPanel-drawer .type-radio .ant-radio-wrapper{width:calc(25% - 8px);line-height:32px}.propPanel-drawer .counterSign-radio .ant-radio-wrapper{width:100%;line-height:32px;margin-right:0}.propPanel-drawer .common-radio .ant-radio-wrapper{line-height:32px}.propPanel-drawer .common-tip{color:#00000073;font-size:14px;line-height:1}.propPanel-drawer .ant-input-group.ant-input-group-compact>*:not(:last-child){border-right-width:0}.propPanel-drawer .hand input{cursor:pointer}.propPanel-drawer .countersign-cell{display:flex;align-items:center}.ant-modal.rule-modal .ant-modal-body>.scrollbar{padding:0!important}.ant-modal.rule-modal .node-tabs .ant-tabs-nav{margin-bottom:10px}.ant-modal.rule-modal .node-tabs .ant-tabs-nav-wrap{padding:0 20px}.ant-modal.rule-modal .node-tabs .ant-tabs-tabpane{min-height:300px!important;max-height:500px!important;padding:0 10px 10px;overflow:auto}.ant-modal.rule-modal .node-tabs .rule-cell{line-height:32px}.ant-modal.rule-modal .node-tabs .rule-cell.mid{text-align:center;color:#1890ff}.ant-modal.rule-modal .node-tabs .icon-ym-nav-close{font-size:12px}.ant-modal.rule-modal .node-tabs .common-tip{color:#00000073;font-size:14px;line-height:30px}