106 lines
1.7 KiB
Vue
106 lines
1.7 KiB
Vue
|
<template>
|
|||
|
|
<div class="node__container" >
|
|||
|
|
<!-- 状态栏 -->
|
|||
|
|
<div class="title__container">
|
|||
|
|
<div class="title">
|
|||
|
|
<img src="../../icon/end.svg" alt="">
|
|||
|
|
<span class="text">单次循环开始</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="subTitle">循环体内部工作流的开始节点，开始循环体内部的单次流程</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
|
|||
|
|
const props = defineProps({
|
|||
|
|
model: Object,
|
|||
|
|
graphModel: Object,
|
|||
|
|
properties: Object
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
|
|||
|
|
|
|||
|
|
.node__container {
|
|||
|
|
width: 300px;
|
|||
|
|
height: auto;
|
|||
|
|
background: #fff;
|
|||
|
|
padding: 12px;
|
|||
|
|
cursor: default;
|
|||
|
|
border-radius: 12px;
|
|||
|
|
border: 2px solid white;
|
|||
|
|
box-shadow: 0 5px 15px 0#00000008;
|
|||
|
|
position: relative;
|
|||
|
|
|
|||
|
|
.state__container {
|
|||
|
|
display: none;
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
|
|||
|
|
.context {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
padding: 4px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
|
|||
|
|
.state {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
margin: 0 8px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resultText {
|
|||
|
|
color: #1664ff;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title__container {
|
|||
|
|
.title {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
|
|||
|
|
img {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text {
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-left: 12px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.subTitle {
|
|||
|
|
color: #737a87;
|
|||
|
|
font-size: 12px;
|
|||
|
|
margin: 8px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.popover__container {
|
|||
|
|
min-width: 300px !important;
|
|||
|
|
|
|||
|
|
.params__container {
|
|||
|
|
margin-bottom: 12px;
|
|||
|
|
|
|||
|
|
.paramsTitle {
|
|||
|
|
color: #0c0d0e;
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: 500;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|