forked from SmartBench/CMVR-IOT-UI
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> |