- .create-flow-container[data-v-7418c619]{padding:20px;background:#fff;min-height:100%}.page-header[data-v-7418c619]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.page-header .page-title[data-v-7418c619]{font-size:16px;font-weight:700;color:#333}.flow-tip[data-v-7418c619]{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:#333}.flow-tip .title-bar[data-v-7418c619]{display:inline-block;width:3px;height:14px;background:#e60012;border-radius:2px}.flow-form[data-v-7418c619]{margin-bottom:30px}.flow-form .form-item label[data-v-7418c619]{display:block;font-size:14px;color:#333;margin-bottom:8px}.flow-form .form-item[data-v-7418c619] .el-input__wrapper{background:#f5f5f5;box-shadow:none}.flow-designer[data-v-7418c619]{display:flex;flex-direction:column;align-items:center;padding:20px 0}.flow-node[data-v-7418c619]{width:280px;border-radius:4px;overflow:hidden}.flow-node.start-node .node-header[data-v-7418c619]{background:#ff6b6b;color:#fff;padding:8px 15px;font-size:13px}.flow-node.start-node .node-content[data-v-7418c619]{background:#fff;border:1px solid #eee;border-top:none;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666;cursor:pointer}.flow-node.approval-node .node-header[data-v-7418c619]{background:#409eff;color:#fff;padding:8px 15px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.flow-node.approval-node .node-header .node-actions[data-v-7418c619]{display:flex;gap:10px}.flow-node.approval-node .node-header .node-actions .el-icon[data-v-7418c619]{cursor:pointer}.flow-node.approval-node .node-header .node-actions .el-icon[data-v-7418c619]:hover{opacity:.8}.flow-node.approval-node .node-content[data-v-7418c619]{background:#fff;border:1px solid #eee;border-top:none;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666;cursor:pointer}.flow-node.end-node .node-btn[data-v-7418c619]{background:#909399;color:#fff;padding:10px 40px;border-radius:4px;font-size:13px;text-align:center}.flow-line[data-v-7418c619]{display:flex;flex-direction:column;align-items:center;padding:10px 0}.flow-line .line[data-v-7418c619]{width:1px;height:20px;background:#ddd}.flow-line .add-btn[data-v-7418c619]{width:20px;height:20px;border-radius:50%;background:#409eff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;margin:5px 0}.flow-line .add-btn[data-v-7418c619]:hover{background:#66b1ff}
|
