UPDATE: VERSION-20260326
This commit is contained in:
21
modeler/src/views/decision/api.ts
Normal file
21
modeler/src/views/decision/api.ts
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
/*
|
||||||
|
* This file is part of the kernelstudio package.
|
||||||
|
*
|
||||||
|
* (c) 2014-2025 zlin <admin@kernelstudio.com>
|
||||||
|
*
|
||||||
|
* For the full copyright and license information, please view the LICENSE file
|
||||||
|
* that was distributed with this source code.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { HttpRequestClient } from '@/utils/request';
|
||||||
|
import type { BasicResponse } from '@/types';
|
||||||
|
import type { PlatformListableResponse } from './types';
|
||||||
|
|
||||||
|
const req = HttpRequestClient.create<BasicResponse>({
|
||||||
|
baseURL: '/api',
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
export const findAllBasicPlatforms = (): Promise<PlatformListableResponse> => {
|
||||||
|
return req.get<PlatformListableResponse>('/system/firerule/platforms/basic');
|
||||||
|
};
|
||||||
@@ -37,6 +37,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<Properties
|
<Properties
|
||||||
v-if="graph"
|
v-if="graph"
|
||||||
|
:platforms="platforms"
|
||||||
:element="selectedNodeTaskElement"
|
:element="selectedNodeTaskElement"
|
||||||
:graph="graph as any"
|
:graph="graph as any"
|
||||||
:node="selectedModelNode as any"
|
:node="selectedModelNode as any"
|
||||||
@@ -65,7 +66,8 @@ import { createGraphTaskElementFromTemplate } from './utils';
|
|||||||
|
|
||||||
import { createGraphTaskElement, createLineOptions, type GraphContainer, type GraphTaskElement, hasElements, hasRootElementNode, resolveGraph, useGraphCanvas } from '../graph';
|
import { createGraphTaskElement, createLineOptions, type GraphContainer, type GraphTaskElement, hasElements, hasRootElementNode, resolveGraph, useGraphCanvas } from '../graph';
|
||||||
import { registerNodeElement } from './register';
|
import { registerNodeElement } from './register';
|
||||||
|
import { findAllBasicPlatforms } from '../api';
|
||||||
|
import type { Platform } from '../types';
|
||||||
import { createTree, findOneTreeById, updateTree } from './api';
|
import { createTree, findOneTreeById, updateTree } from './api';
|
||||||
import TressCard from './trees-card.vue';
|
import TressCard from './trees-card.vue';
|
||||||
import NodesCard from './nodes-card.vue';
|
import NodesCard from './nodes-card.vue';
|
||||||
@@ -100,6 +102,7 @@ export default defineComponent({
|
|||||||
const selectedNodeTaskElement = ref<GraphTaskElement | null>(null);
|
const selectedNodeTaskElement = ref<GraphTaskElement | null>(null);
|
||||||
const changed = ref<boolean>(false);
|
const changed = ref<boolean>(false);
|
||||||
const treesCardRef = ref<InstanceType<typeof TressCard> | null>(null);
|
const treesCardRef = ref<InstanceType<typeof TressCard> | null>(null);
|
||||||
|
const platforms = ref<Platform[]>([]);
|
||||||
|
|
||||||
const {
|
const {
|
||||||
handleGraphEvent,
|
handleGraphEvent,
|
||||||
@@ -111,6 +114,13 @@ export default defineComponent({
|
|||||||
resizeCanvas,
|
resizeCanvas,
|
||||||
} = useGraphCanvas();
|
} = useGraphCanvas();
|
||||||
|
|
||||||
|
const loadPlatforms = () => {
|
||||||
|
platforms.value = [];
|
||||||
|
findAllBasicPlatforms().then(r => {
|
||||||
|
platforms.value = r.data ?? [];
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
// 处理拖动开始
|
// 处理拖动开始
|
||||||
const handleDragStart = (nm: NodeDragTemplate) => {
|
const handleDragStart = (nm: NodeDragTemplate) => {
|
||||||
draggedNodeData.value = nm;
|
draggedNodeData.value = nm;
|
||||||
@@ -393,6 +403,7 @@ export default defineComponent({
|
|||||||
// 初始化
|
// 初始化
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
init();
|
init();
|
||||||
|
loadPlatforms();
|
||||||
});
|
});
|
||||||
|
|
||||||
// 清理
|
// 清理
|
||||||
@@ -410,6 +421,7 @@ export default defineComponent({
|
|||||||
});
|
});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
platforms,
|
||||||
treesCardRef,
|
treesCardRef,
|
||||||
handleCreateTree,
|
handleCreateTree,
|
||||||
currentTreeEditing,
|
currentTreeEditing,
|
||||||
|
|||||||
@@ -103,9 +103,16 @@
|
|||||||
@edit="onEditParameterTab">
|
@edit="onEditParameterTab">
|
||||||
<a-tab-pane v-for="(grouped,index) in groupedParameters" :key="index" :tab="`平台 ${index + 1}`" :closable="true">
|
<a-tab-pane v-for="(grouped,index) in groupedParameters" :key="index" :tab="`平台 ${index + 1}`" :closable="true">
|
||||||
<a-form-item v-for="setting in grouped" :label="setting.description">
|
<a-form-item v-for="setting in grouped" :label="setting.description">
|
||||||
<a-input-number v-if="setting.dataType === 'double'" v-model:value="setting.defaultValue"
|
<a-input-number v-if="setting.dataType === 'double'"
|
||||||
|
v-model:value="setting.defaultValue"
|
||||||
:placeholder="setting.description" size="small" style="width:100%;" />
|
:placeholder="setting.description" size="small" style="width:100%;" />
|
||||||
<a-input v-else v-model:value="setting.defaultValue" :placeholder="setting.description" size="small" />
|
<a-select :placeholder="`请选择${setting.description}`"
|
||||||
|
allow-clear
|
||||||
|
v-else-if="setting.paramKey === 'platforms'" v-model:value="setting.defaultValue">
|
||||||
|
<a-select-option v-for="pl in platforms" :value="pl.id">{{pl.description}}</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-input v-else v-model:value="setting.defaultValue"
|
||||||
|
:placeholder="setting.description" size="small" />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<!-- <template #leftExtra>-->
|
<!-- <template #leftExtra>-->
|
||||||
@@ -154,6 +161,7 @@ import type { ElementParameter, ElementVariable, GraphTaskElement } from '../gra
|
|||||||
import type { BehaviorTree } from './tree';
|
import type { BehaviorTree } from './tree';
|
||||||
import type { Graph, Node, NodeProperties } from '@antv/x6';
|
import type { Graph, Node, NodeProperties } from '@antv/x6';
|
||||||
import { generateKey } from '@/utils/strings';
|
import { generateKey } from '@/utils/strings';
|
||||||
|
import type { Platform } from '@/views/decision/types';
|
||||||
|
|
||||||
const actionSpaceColumns = [
|
const actionSpaceColumns = [
|
||||||
{ title: '序号', dataIndex: 'index', key: 'index', width: 40 },
|
{ title: '序号', dataIndex: 'index', key: 'index', width: 40 },
|
||||||
@@ -170,9 +178,12 @@ export default defineComponent({
|
|||||||
treeEditing: { type: Boolean as PropType<boolean>, required: true, default: false },
|
treeEditing: { type: Boolean as PropType<boolean>, required: true, default: false },
|
||||||
node: { type: [Object, null] as PropType<Node<NodeProperties> | null | undefined>, required: false },
|
node: { type: [Object, null] as PropType<Node<NodeProperties> | null | undefined>, required: false },
|
||||||
graph: { type: [Object, null] as PropType<Graph | null | undefined>, required: true },
|
graph: { type: [Object, null] as PropType<Graph | null | undefined>, required: true },
|
||||||
|
platforms: { type: Array as PropType<Platform[]>, required: true },
|
||||||
},
|
},
|
||||||
emits: ['update-element', 'update-tree'],
|
emits: ['update-element', 'update-tree'],
|
||||||
setup(props, { emit }) {
|
setup(props, { emit }) {
|
||||||
|
const platforms = ref<Platform[]>(props.platforms ?? []);
|
||||||
|
|
||||||
const activeTopTabsKey = ref<string>('1');
|
const activeTopTabsKey = ref<string>('1');
|
||||||
const activeBottomTabsKey = ref<string>('1');
|
const activeBottomTabsKey = ref<string>('1');
|
||||||
const activeBottomTabs2Key = ref<string>('1');
|
const activeBottomTabs2Key = ref<string>('1');
|
||||||
@@ -187,6 +198,8 @@ export default defineComponent({
|
|||||||
const multiableParameters = ref<boolean>(false);
|
const multiableParameters = ref<boolean>(false);
|
||||||
const groupedParametersActiveTab = ref<number>(0);
|
const groupedParametersActiveTab = ref<number>(0);
|
||||||
|
|
||||||
|
console.error(platforms.value)
|
||||||
|
|
||||||
const createEmptyParameters = (): ElementParameter[] => {
|
const createEmptyParameters = (): ElementParameter[] => {
|
||||||
try {
|
try {
|
||||||
return JSON.parse(JSON.stringify(currentElement.value?.parameters ?? [])) as ElementParameter[];
|
return JSON.parse(JSON.stringify(currentElement.value?.parameters ?? [])) as ElementParameter[];
|
||||||
@@ -359,9 +372,12 @@ export default defineComponent({
|
|||||||
|
|
||||||
watch(() => currentElement.value, () => updateNode(), { deep: true });
|
watch(() => currentElement.value, () => updateNode(), { deep: true });
|
||||||
|
|
||||||
|
watch(() => props.platforms, (n: Platform[] | null | undefined) => platforms.value = n ?? [], { deep: true, immediate: true });
|
||||||
|
|
||||||
onMounted(() => load());
|
onMounted(() => load());
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
platforms,
|
||||||
addParameterTab,
|
addParameterTab,
|
||||||
groupedParametersActiveTab,
|
groupedParametersActiveTab,
|
||||||
multiableParameters,
|
multiableParameters,
|
||||||
|
|||||||
@@ -18,6 +18,10 @@ export interface Platform {
|
|||||||
[key: string]: unknown;
|
[key: string]: unknown;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface PlatformListableResponse extends ApiDataResponse<Platform[]> {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
export interface PlatformComponent {
|
export interface PlatformComponent {
|
||||||
id: number,
|
id: number,
|
||||||
name: NullableString,
|
name: NullableString,
|
||||||
|
|||||||
Reference in New Issue
Block a user