<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>流程</title>
|
</head>
|
<body>
|
<main data-v-09e201bc="" data-v-e3aed3c2="" class="el-main">
|
<div data-v-09e201bc="" class="scale">
|
<button data-v-09e201bc="" type="button" class="el-button el-button--default el-button--small is-circle">
|
<i class="el-icon-plus"></i>
|
</button>
|
<span data-v-09e201bc="">100%</span>
|
<button data-v-09e201bc="" type="button" class="el-button el-button--default el-button--small is-circle">
|
<i class="el-icon-minus"></i>
|
</button>
|
</div>
|
<div data-v-09e201bc="" class="design" style="transform: scale(1);">
|
<div data-v-2d6f3362="" data-v-09e201bc="" class="_root">
|
<div data-v-2d6f3362="" class="primary-node">
|
<div data-v-39638b4c="" data-v-7d74bd5c="" data-v-2d6f3362="" class="node root">
|
<!-- 开始节点 -->
|
<div data-v-39638b4c="" class="node-body">
|
<div data-v-39638b4c="">
|
<div data-v-39638b4c="" class="node-body-header" style="background-color: rgb(87, 106, 149);">
|
<i data-v-39638b4c="" class="el-icon-user-solid" style="margin-right: 5px;"></i>
|
<div data-v-531d2435="" data-v-39638b4c="" title="发起人" class="name line" style="--row: 1;"> 发起人 </div>
|
</div>
|
<div data-v-39638b4c="" class="node-body-content">
|
<div data-v-531d2435="" data-v-39638b4c="" class="lines" style="--row: 3;"> 所有人 </div>
|
<i data-v-39638b4c="" class="el-icon-arrow-right"></i>
|
</div>
|
</div>
|
</div>
|
<!-- 开始节点的延续节点（可编辑流程才有） -->
|
<div data-v-39638b4c="" class="node-footer">
|
<div data-v-39638b4c="" class="btn">
|
<span data-v-f66b4936="" data-v-39638b4c="">
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-5599" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="" class="primary-node">
|
<div data-v-39638b4c="" data-v-21fa51bd="" data-v-2d6f3362="" class="node">
|
<div data-v-39638b4c="" class="node-body">
|
<div data-v-39638b4c="">
|
<div data-v-39638b4c="" class="node-body-header" style="background-color: rgb(255, 148, 62);">
|
<i data-v-39638b4c="" class="el-icon-s-check" style="margin-right: 5px;"></i>
|
<div data-v-531d2435="" data-v-39638b4c="" title="审批人" class="name line" style="--row: 1;"> 审批人 </div>
|
<i data-v-39638b4c="" class="el-icon-close" style="float: right;"></i>
|
</div>
|
<div data-v-39638b4c="" class="node-body-content">
|
<span data-v-39638b4c="" class="placeholder">请设置审批人</span>
|
<i data-v-39638b4c="" class="el-icon-arrow-right"></i>
|
</div>
|
</div>
|
</div>
|
<div data-v-39638b4c="" class="node-footer">
|
<div data-v-39638b4c="" class="btn">
|
<span data-v-f66b4936="" data-v-39638b4c="">
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-2414" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="">
|
<div data-v-2d6f3362="" class="branch-node">
|
<div data-v-2d6f3362="" class="add-branch-btn">
|
<button data-v-2d6f3362="" type="button" class="el-button el-button--default el-button--small is-round add-branch-btn-el">添加条件</button>
|
</div>
|
<div data-v-2d6f3362="" class="branch-node-item">
|
<div data-v-2d6f3362="" class="line-bot-left"></div>
|
<div data-v-2d6f3362="" class="line-top-left"></div>
|
<div data-v-18638315="" data-v-2d6f3362="" class="node">
|
<div data-v-18638315="" class="node-body">
|
<div data-v-18638315="" class="node-body-main">
|
<div data-v-18638315="" class="node-body-main-header">
|
<div data-v-531d2435="" data-v-18638315="" title="条件1" class="title line" style="--row: 1;"> 条件1 </div>
|
<span data-v-18638315="" class="level">优先级1</span>
|
<span data-v-18638315="" class="option">
|
<i data-v-18638315="" class="el-tooltip el-icon-copy-document" aria-describedby="el-tooltip-7715" tabindex="0"></i>
|
<i data-v-18638315="" class="el-icon-close"></i>
|
</span>
|
</div>
|
<div data-v-18638315="" class="node-body-main-content">
|
<span data-v-18638315="" class="placeholder">请设置条件</span>
|
</div>
|
</div>
|
<div data-v-18638315="" class="node-body-right">
|
<i data-v-18638315="" class="el-icon-arrow-right"></i>
|
</div>
|
</div>
|
<div data-v-18638315="" class="node-footer">
|
<div data-v-18638315="" class="btn">
|
<span data-v-f66b4936="" data-v-18638315="">
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-4761" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="" class="primary-node">
|
<div data-v-39638b4c="" data-v-21fa51bd="" data-v-2d6f3362="" class="node">
|
<div data-v-39638b4c="" class="node-body">
|
<div data-v-39638b4c="">
|
<div data-v-39638b4c="" class="node-body-header" style="background-color: rgb(255, 148, 62);">
|
<i data-v-39638b4c="" class="el-icon-s-check" style="margin-right: 5px;"></i>
|
<div data-v-531d2435="" data-v-39638b4c="" title="审批人" class="name line" style="--row: 1;"> 审批人 </div>
|
<i data-v-39638b4c="" class="el-icon-close" style="float: right;"></i>
|
</div>
|
<div data-v-39638b4c="" class="node-body-content">
|
<span data-v-39638b4c="" class="placeholder">请设置审批人</span>
|
<i data-v-39638b4c="" class="el-icon-arrow-right"></i>
|
</div>
|
</div>
|
</div>
|
<div data-v-39638b4c="" class="node-footer">
|
<div data-v-39638b4c="" class="btn">
|
<span data-v-f66b4936="" data-v-39638b4c="">
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-7332" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="">
|
<div data-v-2d6f3362="" class="branch-node">
|
<div data-v-2d6f3362="" class="add-branch-btn">
|
<button data-v-2d6f3362="" type="button" class="el-button el-button--default el-button--small is-round add-branch-btn-el">添加条件</button>
|
</div>
|
<div data-v-2d6f3362="" class="branch-node-item">
|
<div data-v-2d6f3362="" class="line-bot-left"></div>
|
<div data-v-2d6f3362="" class="line-top-left"></div>
|
<div data-v-18638315="" data-v-2d6f3362="" class="node">
|
<div data-v-18638315="" class="node-body">
|
<div data-v-18638315="" class="node-body-main">
|
<div data-v-18638315="" class="node-body-main-header">
|
<div data-v-531d2435="" data-v-18638315="" title="条件1" class="title line" style="--row: 1;"> 条件1 </div>
|
<span data-v-18638315="" class="level">优先级1</span>
|
<span data-v-18638315="" class="option">
|
<i data-v-18638315="" class="el-tooltip el-icon-copy-document" aria-describedby="el-tooltip-4034" tabindex="0"></i>
|
<i data-v-18638315="" class="el-icon-close"></i>
|
</span>
|
</div>
|
<div data-v-18638315="" class="node-body-main-content">
|
<span data-v-18638315="" class="placeholder">请设置条件</span>
|
</div>
|
</div>
|
<div data-v-18638315="" class="node-body-right">
|
<i data-v-18638315="" class="el-icon-arrow-right"></i>
|
</div>
|
</div>
|
<div data-v-18638315="" class="node-footer">
|
<div data-v-18638315="" class="btn">
|
<span data-v-f66b4936="" data-v-18638315="">
|
<div role="tooltip" id="el-popover-3663" aria-hidden="true" class="el-popover el-popper" tabindex="0" style="width: 350px; display: none;">
|
<div class="el-popover__title">添加流程节点</div>
|
<div data-v-f66b4936="" class="node-select">
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-check" style="color: rgb(255, 148, 62);"></i>
|
<span data-v-f66b4936="">审批人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-promotion" style="color: rgb(50, 150, 250);"></i>
|
<span data-v-f66b4936="">抄送人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-share" style="color: rgb(21, 188, 131);"></i>
|
<span data-v-f66b4936="">条件分支</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-operation" style="color: rgb(113, 141, 255);"></i>
|
<span data-v-f66b4936="">并行分支</span>
|
</div>
|
</div>
|
</div>
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-3663" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="" class="branch-node-item">
|
<div data-v-2d6f3362="" class="line-bot-right"></div>
|
<div data-v-2d6f3362="" class="line-top-right"></div>
|
<div data-v-18638315="" data-v-2d6f3362="" class="node">
|
<div data-v-18638315="" class="node-body">
|
<div data-v-18638315="" class="node-body-left">
|
<i data-v-18638315="" class="el-icon-arrow-left"></i>
|
</div>
|
<div data-v-18638315="" class="node-body-main">
|
<div data-v-18638315="" class="node-body-main-header">
|
<div data-v-531d2435="" data-v-18638315="" title="条件2" class="title line" style="--row: 1;"> 条件2 </div>
|
<span data-v-18638315="" class="level">优先级2</span>
|
<span data-v-18638315="" class="option">
|
<i data-v-18638315="" class="el-tooltip el-icon-copy-document" aria-describedby="el-tooltip-2024" tabindex="0"></i>
|
<i data-v-18638315="" class="el-icon-close"></i>
|
</span>
|
</div>
|
<div data-v-18638315="" class="node-body-main-content">
|
<span data-v-18638315="" class="placeholder">其他条件进入此流程</span>
|
</div>
|
</div>
|
|
|
</div>
|
<div data-v-18638315="" class="node-footer">
|
<div data-v-18638315="" class="btn">
|
<span data-v-f66b4936="" data-v-18638315="">
|
<div role="tooltip" id="el-popover-6906" aria-hidden="true" class="el-popover el-popper" tabindex="0" style="width: 350px; display: none;">
|
<div class="el-popover__title">添加流程节点</div>
|
<div data-v-f66b4936="" class="node-select">
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-check" style="color: rgb(255, 148, 62);"></i>
|
<span data-v-f66b4936="">审批人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-promotion" style="color: rgb(50, 150, 250);"></i>
|
<span data-v-f66b4936="">抄送人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-share" style="color: rgb(21, 188, 131);"></i>
|
<span data-v-f66b4936="">条件分支</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-operation" style="color: rgb(113, 141, 255);"></i>
|
<span data-v-f66b4936="">并行分支</span>
|
</div>
|
</div>
|
</div>
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-6906" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="" class="empty-node">
|
<div data-v-39638b4c="" data-v-648ae947="" data-v-2d6f3362="" class="node root">
|
<div data-v-39638b4c="" class="node-footer">
|
<div data-v-39638b4c="" class="btn">
|
<span data-v-f66b4936="" data-v-39638b4c="">
|
<div role="tooltip" id="el-popover-1011" aria-hidden="true" class="el-popover el-popper" tabindex="0" style="width: 350px; display: none;">
|
<div class="el-popover__title">添加流程节点</div>
|
<div data-v-f66b4936="" class="node-select">
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-check" style="color: rgb(255, 148, 62);"></i>
|
<span data-v-f66b4936="">审批人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-promotion" style="color: rgb(50, 150, 250);"></i>
|
<span data-v-f66b4936="">抄送人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-share" style="color: rgb(21, 188, 131);"></i>
|
<span data-v-f66b4936="">条件分支</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-operation" style="color: rgb(113, 141, 255);"></i>
|
<span data-v-f66b4936="">并行分支</span>
|
</div>
|
</div>
|
</div>
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-1011" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="" class="branch-node-item">
|
<div data-v-2d6f3362="" class="line-bot-right"></div>
|
<div data-v-2d6f3362="" class="line-top-right"></div>
|
<div data-v-18638315="" data-v-2d6f3362="" class="node">
|
<div data-v-18638315="" class="node-body">
|
<div data-v-18638315="" class="node-body-left">
|
<i data-v-18638315="" class="el-icon-arrow-left"></i>
|
</div>
|
<div data-v-18638315="" class="node-body-main">
|
<div data-v-18638315="" class="node-body-main-header">
|
<div data-v-531d2435="" data-v-18638315="" title="条件2" class="title line" style="--row: 1;"> 条件2 </div>
|
<span data-v-18638315="" class="level">优先级2</span>
|
<span data-v-18638315="" class="option">
|
<i data-v-18638315="" class="el-tooltip el-icon-copy-document" aria-describedby="el-tooltip-5123" tabindex="0"></i>
|
<i data-v-18638315="" class="el-icon-close"></i>
|
</span>
|
</div>
|
<div data-v-18638315="" class="node-body-main-content">
|
<span data-v-18638315="" class="placeholder">其他条件进入此流程</span>
|
</div>
|
</div>
|
</div>
|
<div data-v-18638315="" class="node-footer">
|
<div data-v-18638315="" class="btn">
|
<span data-v-f66b4936="" data-v-18638315="">
|
<div role="tooltip" id="el-popover-195" aria-hidden="true" class="el-popover el-popper" tabindex="0" style="width: 350px; display: none;">
|
<div class="el-popover__title">添加流程节点</div>
|
<div data-v-f66b4936="" class="node-select">
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-check" style="color: rgb(255, 148, 62);"></i>
|
<span data-v-f66b4936="">审批人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-promotion" style="color: rgb(50, 150, 250);"></i>
|
<span data-v-f66b4936="">抄送人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-share" style="color: rgb(21, 188, 131);"></i>
|
<span data-v-f66b4936="">条件分支</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-operation" style="color: rgb(113, 141, 255);"></i>
|
<span data-v-f66b4936="">并行分支</span>
|
</div>
|
</div>
|
</div>
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-195" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="" class="empty-node">
|
<div data-v-39638b4c="" data-v-648ae947="" data-v-2d6f3362="" class="node root">
|
<div data-v-39638b4c="" class="node-footer">
|
<div data-v-39638b4c="" class="btn">
|
<span data-v-f66b4936="" data-v-39638b4c="">
|
<div role="tooltip" id="el-popover-7857" aria-hidden="true" class="el-popover el-popper" tabindex="0" style="width: 350px; display: none;">
|
<div class="el-popover__title">添加流程节点</div>
|
<div data-v-f66b4936="" class="node-select">
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-check" style="color: rgb(255, 148, 62);"></i>
|
<span data-v-f66b4936="">审批人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-promotion" style="color: rgb(50, 150, 250);"></i>
|
<span data-v-f66b4936="">抄送人</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-share" style="color: rgb(21, 188, 131);"></i>
|
<span data-v-f66b4936="">条件分支</span>
|
</div>
|
<div data-v-f66b4936="">
|
<i data-v-f66b4936="" class="el-icon-s-operation" style="color: rgb(113, 141, 255);"></i>
|
<span data-v-f66b4936="">并行分支</span>
|
</div>
|
</div>
|
</div>
|
<span class="el-popover__reference-wrapper">
|
<button data-v-f66b4936="" type="button" class="el-button el-button--primary el-button--small is-circle el-popover__reference"
|
aria-describedby="el-popover-7857" tabindex="0">
|
<i class="el-icon-plus"></i>
|
</button>
|
</span>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div data-v-2d6f3362="" style="text-align: center;">
|
<div data-v-2d6f3362="" class="process-end">流程结束</div>
|
</div>
|
</div>
|
</div>
|
<div data-v-09e201bc="" tabindex="-1" class="el-drawer__wrapper" style="z-index: 2004; display: none;">
|
<div role="document" tabindex="-1" class="el-drawer__container">
|
<div aria-modal="true" aria-labelledby="el-drawer__title" aria-label="审批人" role="dialog" tabindex="-1" class="el-drawer rtl" style="width: 500px;">
|
<header id="el-drawer__title" class="el-drawer__header">
|
<div data-v-09e201bc="">
|
<div data-v-09e201bc="" class="el-input el-input--medium" style="width: 300px; display: none;">
|
<input type="text" autocomplete="off" class="el-input__inner">
|
</div>
|
<a data-v-09e201bc="" class="el-link el-link--default is-underline" style="font-size: medium;">
|
<span class="el-link--inner">
|
<i data-v-09e201bc="" class="el-icon-edit" style="margin-right: 10px;"></i>
|
审批人
|
</span>
|
</a>
|
</div>
|
<button aria-label="close 审批人" type="button" class="el-drawer__close-btn">
|
<i class="el-dialog__close el-icon el-icon-close"></i>
|
</button>
|
</header>
|
</div>
|
</div>
|
</div>
|
</main>
|
</body>
|
</html>
|
