alicorn-dev/KintoneAppBuilder
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

floweditor 修正

Browse Source
This commit is contained in:
maxiaozhe
2023-10-26 09:15:34 +09:00
parent f6d677b51f
commit ead6658455
6 changed files with 392 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/right/PropertyPanel.vue
View File

@@ -28,7 +28,7 @@
</div>
</template>
<script lang="ts">
import { reactive, ref,defineComponent, defineProps,PropType ,watchEffect} from 'vue'
import { ref,defineComponent, PropType ,watchEffect} from 'vue'
import PropertyList from 'components/right/PropertyList.vue';
import { IActionNode } from 'src/types/ActionTypes';
export default defineComponent({
@@ -47,7 +47,7 @@ import { IActionNode } from 'src/types/ActionTypes';
}
},
emits: [
"update:drawerRight"
'update:drawerRight'
],
setup(props,{emit}) {
const showPanel =ref(props.drawerRight);
@@ -59,12 +59,12 @@ import { IActionNode } from 'src/types/ActionTypes';
const cancel = async() =>{
showPanel.value = false;
emit("update:drawerRight",false )
emit('update:drawerRight',false )
}
const save = async () =>{
showPanel.value=false;
emit("update:drawerRight",false )
emit('update:drawerRight',false )
}
return {

33
frontend/src/pages/FlowChart.vue
View File

@@ -1,5 +1,6 @@
<template>
<div class="q-pa-md q-gutter-sm event-tree ">
<q-page>
<div class="q-pa-sm q-gutter-sm event-tree ">
<q-drawer
side="left"
overlay
@@ -8,27 +9,21 @@
:show-if-above="false"
elevated
>
<q-card class="column full-height" >
<q-card-section>
<div class="flex-center " >
<div class="" style="padding:10px">
<div class="flex-center " >
<AppSelector />
</div>
</q-card-section>
<q-card-section>
<div class="flex-center">
<EventTree />
</div>
</q-card-section>
</q-card>
<div class="flex-center fixed-bottom bg-grey-3 q-pa-md row ">
<q-btn color="secondary" glossy label="デプロイ" @click="onDeploy" icon="sync"/>
<q-space></q-space>
<q-btn color="primary" label="保存" @click="onSaveFlow" icon="save" />
</div>
</div>
<div class="flex-center">
<EventTree />
</div>
<div class="flex-center fixed-bottom bg-grey-3 q-pa-md row ">
<q-btn color="secondary" glossy label="デプロイ" @click="onDeploy" icon="sync"/>
<q-space></q-space>
<q-btn color="primary" label="保存" @click="onSaveFlow" icon="save" />
</div>
</div>
</q-drawer>
</div>
<q-page>
<div class="q-pa-md q-gutter-sm">
<div class="flowchart" v-if="store.currentFlow">
<node-item v-for="(node,) in store.currentFlow.actionNodes" :key="node.id"

5
frontend/src/stores/flowEditor.ts
View File

@@ -74,8 +74,9 @@ export const useFlowEditorStore = defineStore("flowEditor",{
if(actionFlows && actionFlows.length>0){
this.selectFlow(actionFlows[0]);
}
const expandName =actionFlows[0].getRoot()?.title;
this.expandedScreen=[expandName];
const expandNames = actionFlows.map(flow=>flow.getRoot()?.title);
// const expandName =actionFlows[0].getRoot()?.title;
this.expandedScreen=expandNames;
},
/**
* フローをDBに保存及び更新する

40
frontend/src/types/KintoneEvents.ts
View File

@@ -75,38 +75,38 @@ export class KintoneEventManager {
export const kintoneEvents:KintoneEventManager = new KintoneEventManager([
{
label:"レコード追加画面",
label:'レコード追加画面',
events:[
new kintoneEvent({label:"レコード追加画面を表示した後",eventId:"app.record.create.show"}),
new kintoneEvent({label:"保存をクリックしたとき",eventId:"app.record.create.submit"}),
new kintoneEvent({label:"保存が成功したとき",eventId:"app.record.create.submit.success"}),
new kintoneEvent({label:"フィールドの値を変更したとき",eventId:"app.record.create.change"}),
new kintoneEvent({label:'レコード追加画面を表示した後',eventId:'app.record.create.show'}),
new kintoneEvent({label:'保存をクリックしたとき',eventId:'app.record.create.submit'}),
new kintoneEvent({label:'保存が成功したとき',eventId:'app.record.create.submit.success'}),
new kintoneEvent({label:'フィールドの値を変更したとき',eventId:'app.record.create.change'}),
]
},
{
label:"レコード詳細画面",
label:'レコード詳細画面',
events:[
new kintoneEvent({label:"レコード詳細画面を表示した後",eventId:"app.record.detail.show"}),
new kintoneEvent({label:"レコードを削除するとき",eventId:"app.record.detail.delete.submit"}),
new kintoneEvent({label:"プロセス管理のアクションを実行したとき",eventId:"app.record.detail.process.proceed"}),
new kintoneEvent({label:'レコード詳細画面を表示した後',eventId:'app.record.detail.show'}),
new kintoneEvent({label:'レコードを削除するとき',eventId:'app.record.detail.delete.submit'}),
new kintoneEvent({label:'プロセス管理のアクションを実行したとき',eventId:'app.record.detail.process.proceed'}),
]
},
{
label:"レコード編集画面",
events:[new kintoneEvent({label:"レコード編集画面を表示した後",eventId:"app.record.edit.show"}),
new kintoneEvent({label:"保存をクリックしたとき",eventId:"app.record.edit.submit"}),
new kintoneEvent({label:"保存が成功したとき",eventId:"app.record.edit.submit.success"}),
new kintoneEvent({label:"フィールドの値を変更したとき",eventId:"app.record.edit.change"}),
label:'レコード編集画面',
events:[new kintoneEvent({label:'レコード編集画面を表示した後',eventId:'app.record.edit.show'}),
new kintoneEvent({label:'保存をクリックしたとき',eventId:'app.record.edit.submit'}),
new kintoneEvent({label:'保存が成功したとき',eventId:'app.record.edit.submit.success'}),
new kintoneEvent({label:'フィールドの値を変更したとき',eventId:'app.record.edit.change'}),
]
},
{
label:"レコード一覧画面",
label:'レコード一覧画面',
events:[
new kintoneEvent({label:"一覧画面を表示した後", eventId:"app.record.index.show"}),
new kintoneEvent({label:"インライン編集を開始したとき",eventId:"app.record.index.edit.show"}),
new kintoneEvent({label:"インライン編集のフィールド値を変更したとき", eventId:"app.record.index.edit.change"}),
new kintoneEvent({label:"インライン編集の【保存】をクリックしたとき",eventId:"app.record.index.edit.submit"}),
new kintoneEvent({label:"インライン編集の保存が成功したとき", eventId:"app.record.index.edit.submit.success"}),
new kintoneEvent({label:'一覧画面を表示した後', eventId:'app.record.index.show'}),
new kintoneEvent({label:'インライン編集を開始したとき',eventId:'app.record.index.edit.show'}),
new kintoneEvent({label:'インライン編集のフィールド値を変更したとき', eventId:'app.record.index.edit.change'}),
new kintoneEvent({label:'インライン編集の【保存】をクリックしたとき',eventId:'app.record.index.edit.submit'}),
new kintoneEvent({label:'インライン編集の保存が成功したとき', eventId:'app.record.index.edit.submit.success'}),
]
}
]);