|
@@ -37,7 +37,7 @@
|
|
:value="node.value"
|
|
:value="node.value"
|
|
/>
|
|
/>
|
|
</el-select>
|
|
</el-select>
|
|
- <el-button class="mla" type="danger" link @click="deleteRouteGroup(index)"
|
|
|
|
|
|
+ <el-button class="mla" type="danger" link @click="deleteRouterGroup(index)"
|
|
>删除</el-button
|
|
>删除</el-button
|
|
>
|
|
>
|
|
</div>
|
|
</div>
|
|
@@ -46,7 +46,7 @@
|
|
</el-card>
|
|
</el-card>
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
- <el-button class="w-1/1" type="primary" :icon="Plus" @click="addRouteGroup">
|
|
|
|
|
|
+ <el-button class="w-1/1" type="primary" :icon="Plus" @click="addRouterGroup">
|
|
新增路由分支
|
|
新增路由分支
|
|
</el-button>
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
@@ -61,11 +61,11 @@
|
|
</template>
|
|
</template>
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
import { Plus } from '@element-plus/icons-vue'
|
|
import { Plus } from '@element-plus/icons-vue'
|
|
-import { SimpleFlowNode, NodeType, ConditionType, RouteCondition } from '../consts'
|
|
|
|
|
|
+import { SimpleFlowNode, NodeType, ConditionType, RouterCondition } from '../consts'
|
|
import { useWatchNode, useDrawer, useNodeName } from '../node'
|
|
import { useWatchNode, useDrawer, useNodeName } from '../node'
|
|
import Condition from './components/Condition.vue'
|
|
import Condition from './components/Condition.vue'
|
|
defineOptions({
|
|
defineOptions({
|
|
- name: 'RouteNodeConfig'
|
|
|
|
|
|
+ name: 'RouterNodeConfig'
|
|
})
|
|
})
|
|
const message = useMessage() // 消息弹窗
|
|
const message = useMessage() // 消息弹窗
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
@@ -80,8 +80,8 @@ const { settingVisible, closeDrawer, openDrawer } = useDrawer()
|
|
// 当前节点
|
|
// 当前节点
|
|
const currentNode = useWatchNode(props)
|
|
const currentNode = useWatchNode(props)
|
|
// 节点名称
|
|
// 节点名称
|
|
-const { nodeName, showInput, clickIcon, blurEvent } = useNodeName(NodeType.ROUTE_BRANCH_NODE)
|
|
|
|
-const routerGroups = ref<RouteCondition[]>([])
|
|
|
|
|
|
+const { nodeName, showInput, clickIcon, blurEvent } = useNodeName(NodeType.ROUTER_BRANCH_NODE)
|
|
|
|
+const routerGroups = ref<RouterCondition[]>([])
|
|
const nodeOptions = ref()
|
|
const nodeOptions = ref()
|
|
|
|
|
|
// 保存配置
|
|
// 保存配置
|
|
@@ -96,7 +96,7 @@ const saveConfig = async () => {
|
|
}
|
|
}
|
|
// 显示路由分支节点配置, 由父组件传过来
|
|
// 显示路由分支节点配置, 由父组件传过来
|
|
const showRouteNodeConfig = (node: SimpleFlowNode) => {
|
|
const showRouteNodeConfig = (node: SimpleFlowNode) => {
|
|
- getRoutableNode()
|
|
|
|
|
|
+ getRouterNode()
|
|
routerGroups.value = []
|
|
routerGroups.value = []
|
|
nodeName.value = node.name
|
|
nodeName.value = node.name
|
|
if (node.routerGroups) {
|
|
if (node.routerGroups) {
|
|
@@ -132,7 +132,7 @@ const getShowText = () => {
|
|
return `${routerGroups.value.length}条路由分支`
|
|
return `${routerGroups.value.length}条路由分支`
|
|
}
|
|
}
|
|
|
|
|
|
-const addRouteGroup = () => {
|
|
|
|
|
|
+const addRouterGroup = () => {
|
|
routerGroups.value.push({
|
|
routerGroups.value.push({
|
|
nodeId: '',
|
|
nodeId: '',
|
|
conditionType: ConditionType.RULE,
|
|
conditionType: ConditionType.RULE,
|
|
@@ -157,12 +157,11 @@ const addRouteGroup = () => {
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
|
|
-const deleteRouteGroup = (index: number) => {
|
|
|
|
|
|
+const deleteRouterGroup = (index: number) => {
|
|
routerGroups.value.splice(index, 1)
|
|
routerGroups.value.splice(index, 1)
|
|
}
|
|
}
|
|
|
|
|
|
-// TODO @lesan:还有一些 router 的命名,没改过来呢
|
|
|
|
-const getRoutableNode = () => {
|
|
|
|
|
|
+const getRouterNode = () => {
|
|
// TODO @lesan 还需要满足以下要求
|
|
// TODO @lesan 还需要满足以下要求
|
|
// 并行分支、包容分支内部节点不能跳转到外部节点
|
|
// 并行分支、包容分支内部节点不能跳转到外部节点
|
|
// 条件分支节点可以向上跳转到外部节点
|
|
// 条件分支节点可以向上跳转到外部节点
|
|
@@ -170,7 +169,7 @@ const getRoutableNode = () => {
|
|
nodeOptions.value = []
|
|
nodeOptions.value = []
|
|
while (true) {
|
|
while (true) {
|
|
if (!node) break
|
|
if (!node) break
|
|
- if (node.type !== NodeType.ROUTE_BRANCH_NODE) {
|
|
|
|
|
|
+ if (node.type !== NodeType.ROUTER_BRANCH_NODE) {
|
|
nodeOptions.value.push({
|
|
nodeOptions.value.push({
|
|
label: node.name,
|
|
label: node.name,
|
|
value: node.id
|
|
value: node.id
|