|
@ -5,9 +5,9 @@ |
|
|
<img data-item="{clazz:'start',size:'50*50',label:''}" |
|
|
<img data-item="{clazz:'start',size:'50*50',label:''}" |
|
|
:src="require('../assets/flow/start.svg')" style="width:42px;height:42px" /> |
|
|
:src="require('../assets/flow/start.svg')" style="width:42px;height:42px" /> |
|
|
<div>{{i18n['startEvent']}}</div> |
|
|
<div>{{i18n['startEvent']}}</div> |
|
|
<img data-item="{clazz:'timerStart',size:'50*50',label:''}" |
|
|
|
|
|
|
|
|
<!-- <img data-item="{clazz:'timerStart',size:'50*50',label:''}" |
|
|
:src="require('../assets/flow/timer-start.svg')" style="width:42px;height:42px" /> |
|
|
:src="require('../assets/flow/timer-start.svg')" style="width:42px;height:42px" /> |
|
|
<div>{{i18n['timerEvent']}}</div> |
|
|
|
|
|
|
|
|
<div>{{i18n['timerEvent']}}</div> --> |
|
|
<!-- <img data-item="{clazz:'messageStart',size:'50*50',label:''}" |
|
|
<!-- <img data-item="{clazz:'messageStart',size:'50*50',label:''}" |
|
|
:src="require('../assets/flow/message-start.svg')" style="width:42px;height:42px" /> |
|
|
:src="require('../assets/flow/message-start.svg')" style="width:42px;height:42px" /> |
|
|
<div>{{i18n['messageEvent']}}</div> |
|
|
<div>{{i18n['messageEvent']}}</div> |
|
@ -19,18 +19,18 @@ |
|
|
<img :data-item="userTaskData" |
|
|
<img :data-item="userTaskData" |
|
|
:src="require('../assets/flow/user-task.svg')" style="width:80px;height:44px" /> |
|
|
:src="require('../assets/flow/user-task.svg')" style="width:80px;height:44px" /> |
|
|
<div>{{i18n['userTask']}}</div> |
|
|
<div>{{i18n['userTask']}}</div> |
|
|
<img :data-item="scriptTaskData" |
|
|
|
|
|
|
|
|
<!-- <img :data-item="scriptTaskData" |
|
|
:src="require('../assets/flow/script-task.svg')" style="width:80px;height:44px" /> |
|
|
:src="require('../assets/flow/script-task.svg')" style="width:80px;height:44px" /> |
|
|
<div>{{i18n['scriptTask']}}</div> |
|
|
|
|
|
|
|
|
<div>{{i18n['scriptTask']}}</div> --> |
|
|
<!-- <img :data-item="javaTaskData" |
|
|
<!-- <img :data-item="javaTaskData" |
|
|
:src="require('../assets/flow/java-task.svg')" style="width:80px;height:44px" /> |
|
|
:src="require('../assets/flow/java-task.svg')" style="width:80px;height:44px" /> |
|
|
<div>{{i18n['javaTask']}}</div> --> |
|
|
<div>{{i18n['javaTask']}}</div> --> |
|
|
<img :data-item="mailTaskData" |
|
|
|
|
|
|
|
|
<!-- <img :data-item="mailTaskData" |
|
|
:src="require('../assets/flow/mail-task.svg')" style="width:80px;height:44px" /> |
|
|
:src="require('../assets/flow/mail-task.svg')" style="width:80px;height:44px" /> |
|
|
<div>{{i18n['mailTask']}}</div> |
|
|
<div>{{i18n['mailTask']}}</div> |
|
|
<img :data-item="receiveTaskData" |
|
|
<img :data-item="receiveTaskData" |
|
|
:src="require('../assets/flow/receive-task.svg')" style="width:80px;height:44px" /> |
|
|
:src="require('../assets/flow/receive-task.svg')" style="width:80px;height:44px" /> |
|
|
<div>{{i18n['receiveTask']}}</div> |
|
|
|
|
|
|
|
|
<div>{{i18n['receiveTask']}}</div> --> |
|
|
</el-collapse-item> |
|
|
</el-collapse-item> |
|
|
<el-collapse-item :title="i18n['gateway']" name="3"> |
|
|
<el-collapse-item :title="i18n['gateway']" name="3"> |
|
|
<img data-item="{clazz:'exclusiveGateway',size:'60*60',label:''}" |
|
|
<img data-item="{clazz:'exclusiveGateway',size:'60*60',label:''}" |
|
@ -43,23 +43,24 @@ |
|
|
:src="require('../assets/flow/inclusive-gateway.svg')" style="width:48px;height:48px" /> |
|
|
:src="require('../assets/flow/inclusive-gateway.svg')" style="width:48px;height:48px" /> |
|
|
<div>{{i18n['inclusiveGateway']}}</div> |
|
|
<div>{{i18n['inclusiveGateway']}}</div> |
|
|
</el-collapse-item> |
|
|
</el-collapse-item> |
|
|
<el-collapse-item :title="i18n['catch']" name="4"> |
|
|
|
|
|
|
|
|
<!-- <el-collapse-item :title="i18n['catch']" name="4"> |
|
|
<img data-item="{clazz:'timerCatch',size:'60*35',label:''}" |
|
|
<img data-item="{clazz:'timerCatch',size:'60*35',label:''}" |
|
|
:src="require('../assets/flow/timer-catch.svg')" style="width:58px;height:38px" /> |
|
|
:src="require('../assets/flow/timer-catch.svg')" style="width:58px;height:38px" /> |
|
|
<div>{{i18n['timerEvent']}}</div> |
|
|
<div>{{i18n['timerEvent']}}</div> |
|
|
<!-- <img data-item="{clazz:'messageCatch',size:'60*35',label:''}" |
|
|
|
|
|
|
|
|
<img data-item="{clazz:'messageCatch',size:'60*35',label:''}" |
|
|
:src="require('../assets/flow/message-catch.svg')" style="width:58px;height:38px" /> |
|
|
:src="require('../assets/flow/message-catch.svg')" style="width:58px;height:38px" /> |
|
|
<div>{{i18n['messageEvent']}}</div> |
|
|
<div>{{i18n['messageEvent']}}</div> |
|
|
<img data-item="{clazz:'signalCatch',size:'60*35',label:''}" |
|
|
<img data-item="{clazz:'signalCatch',size:'60*35',label:''}" |
|
|
:src="require('../assets/flow/signal-catch.svg')" style="width:58px;height:38px" /> |
|
|
:src="require('../assets/flow/signal-catch.svg')" style="width:58px;height:38px" /> |
|
|
<div>{{i18n['signalEvent']}}</div> --> |
|
|
|
|
|
</el-collapse-item> |
|
|
|
|
|
|
|
|
<div>{{i18n['signalEvent']}}</div> |
|
|
|
|
|
</el-collapse-item> --> |
|
|
<el-collapse-item :title="i18n['end']" name="5"> |
|
|
<el-collapse-item :title="i18n['end']" name="5"> |
|
|
<img data-item="{clazz:'end',size:'50*50',label:''}" |
|
|
<img data-item="{clazz:'end',size:'50*50',label:''}" |
|
|
:src="require('../assets/flow/end.svg')" style="width:42px;height:42px" /> |
|
|
:src="require('../assets/flow/end.svg')" style="width:42px;height:42px" /> |
|
|
<div>{{i18n['endEvent']}}</div> |
|
|
<div>{{i18n['endEvent']}}</div> |
|
|
</el-collapse-item> |
|
|
</el-collapse-item> |
|
|
</el-collapse> |
|
|
</el-collapse> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|