Initial commit
This commit is contained in:
@@ -1,11 +1,10 @@
|
||||
<template>
|
||||
|
||||
<a-collapse v-model:activeKey="activeKey" :accordion="false">
|
||||
<a-collapse-panel key="1">
|
||||
<template #header>
|
||||
<span class="ks-model-builder-title-icon icon-model"></span>我的行为树
|
||||
</template>
|
||||
<a-list size="small" :data-source="treeModelsData.trees || []" style="min-height: 25vh">
|
||||
<a-list size="small" :data-source="behaviorTrees || []" style="min-height: 25vh">
|
||||
<template #renderItem="{ item }">
|
||||
<a-tooltip placement="right">
|
||||
<template #title>
|
||||
@@ -16,60 +15,15 @@
|
||||
</a-list-item>
|
||||
</a-tooltip>
|
||||
</template>
|
||||
<!-- <template #footer>-->
|
||||
<!-- <div>Footer</div>-->
|
||||
<!-- </template>-->
|
||||
</a-list>
|
||||
</a-collapse-panel>
|
||||
</a-collapse>
|
||||
<!-- <a-card class="ks-model-builder-card tress-list-card">-->
|
||||
<!-- <template #title>-->
|
||||
<!-- <span class="ks-model-builder-title-icon icon-model"></span>我的行为树-->
|
||||
<!-- </template>-->
|
||||
<!--<!– <template #extra>–>-->
|
||||
<!--<!– <a-tooltip placement="right">–>-->
|
||||
<!--<!– <template #title>–>-->
|
||||
<!--<!– 创建行为树–>-->
|
||||
<!--<!– </template>–>-->
|
||||
<!--<!– <PlusOutlined class="create-tree-icon"></PlusOutlined>–>-->
|
||||
<!--<!– </a-tooltip>–>-->
|
||||
<!--<!– </template>–>-->
|
||||
|
||||
<!-- <a-list size="small" :data-source="treeModelsData.trees || []">-->
|
||||
<!-- <template #renderItem="{ item }">-->
|
||||
<!-- <a-tooltip placement="right">-->
|
||||
<!-- <template #title>-->
|
||||
<!-- {{ item.description }}-->
|
||||
<!-- </template>-->
|
||||
<!-- <a-list-item @click="()=> handleSelect(item)">-->
|
||||
<!-- {{ item.name }}-->
|
||||
<!-- </a-list-item>-->
|
||||
<!-- </a-tooltip>-->
|
||||
<!-- </template>-->
|
||||
<!--<!– <template #footer>–>-->
|
||||
<!--<!– <div>Footer</div>–>-->
|
||||
<!--<!– </template>–>-->
|
||||
<!-- </a-list>-->
|
||||
|
||||
<!-- <a-table-->
|
||||
<!-- size="small"-->
|
||||
<!-- :data-source="treeModelsData.trees || []"-->
|
||||
<!-- :columns="columns"-->
|
||||
<!-- :customRow="customRow"-->
|
||||
<!-- :row-key="(record: any) => record.id">-->
|
||||
<!-- <template #bodyCell="{ text }">-->
|
||||
<!-- {{ text }}-->
|
||||
<!-- </template>-->
|
||||
<!-- </a-table>-->
|
||||
<!-- </a-card>-->
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent, onMounted, ref } from 'vue';
|
||||
import { defaultPaginationRequest, defaultTreeModelsData } from './constants';
|
||||
import { CheckOutlined, PlusOutlined } from '@ant-design/icons-vue';
|
||||
import type { ApiPaginationQuery } from '@/types';
|
||||
import type { TreeModel, TreeModelsData } from './types';
|
||||
import { PlusOutlined } from '@ant-design/icons-vue';
|
||||
import type { BehaviorTree } from './types';
|
||||
import { findTreesByQuery } from './api';
|
||||
|
||||
export default defineComponent({
|
||||
@@ -78,12 +32,12 @@ export default defineComponent({
|
||||
PlusOutlined
|
||||
},
|
||||
setup(_props, { emit }) {
|
||||
const treeModelsData = ref<TreeModelsData>({ ...defaultTreeModelsData });
|
||||
const treeModelsQuery = ref<ApiPaginationQuery>({ ...defaultPaginationRequest });
|
||||
const behaviorTrees = ref<BehaviorTree[]>([]);
|
||||
const behaviorTreeQuery = ref<Partial<BehaviorTree>>({});
|
||||
const activeKey = ref<number>(1)
|
||||
const loadTress = () => {
|
||||
findTreesByQuery(treeModelsQuery.value).then(r => {
|
||||
treeModelsData.value = r.data;
|
||||
findTreesByQuery(behaviorTreeQuery.value).then(r => {
|
||||
behaviorTrees.value = r.rows;
|
||||
});
|
||||
};
|
||||
|
||||
@@ -94,11 +48,11 @@ export default defineComponent({
|
||||
},
|
||||
];
|
||||
|
||||
const handleSelect = (record: TreeModel) => {
|
||||
const handleSelect = (record: BehaviorTree) => {
|
||||
emit('select-tree', record);
|
||||
}
|
||||
|
||||
const customRow = (record: TreeModel) => {
|
||||
const customRow = (record: BehaviorTree) => {
|
||||
return {
|
||||
onClick: (event: any) => {
|
||||
emit('select-tree', record, event);
|
||||
@@ -112,8 +66,8 @@ export default defineComponent({
|
||||
|
||||
return {
|
||||
activeKey,
|
||||
treeModelsData,
|
||||
treeModelsQuery,
|
||||
behaviorTrees,
|
||||
behaviorTreeQuery,
|
||||
loadTress,
|
||||
columns,
|
||||
customRow,
|
||||
|
||||
Reference in New Issue
Block a user