fix UI

frontend/src/pages/FlowChart.vue

@@ -54,7 +54,7 @@
         <q-breadcrumbs-el icon="widgets" label="アプリ管理" to="/app" />
         <q-breadcrumbs-el>
           <template v-slot>
-            <a class="full-width" :href="!store.appInfo?'':`${authStore.currentDomain.kintoneUrl}/k/${store.appInfo?.appId}`" target="_blank" title="Kiontoneへ">
+            <a class="full-width" :href="store.appInfo ? `${authStore.currentDomain.kintoneUrl}/k/${store.appInfo?.appId}` : ''" target="_blank" title="Kiontoneへ">
               {{ store.appInfo?.name }}
               <q-icon
                 class="q-ma-xs"
@@ -99,11 +99,12 @@
 <script setup lang="ts">
 import { ref, reactive, computed, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
-import { IActionNode, ActionNode, IActionFlow, ActionFlow, RootAction, IActionProperty } from 'src/types/ActionTypes';
+import { IActionNode, ActionNode, IActionFlow, ActionFlow, RootAction, IActionProperty, AppInfo } from 'src/types/ActionTypes';
 import { IAppDisplay, IManagedApp, IVersionSubmit } from 'src/types/AppTypes';
 import { storeToRefs } from 'pinia';
 import { useFlowEditorStore } from 'stores/flowEditor';
 import { useAuthStore } from 'stores/useAuthStore';
+import { useAppStore } from 'stores/useAppStore';
 import { api } from 'boot/axios';
 
 import NodeItem from 'src/components/main/NodeItem.vue';
@@ -119,10 +120,11 @@ const deployLoading = ref(false);
 const saveLoading = ref(false);
 const initLoading = ref(true);
 const drawerLeft = ref(false);
-const versionSubmit = ref<IVersionSubmit>();
+const versionSubmit = ref<IVersionSubmit>({} as IVersionSubmit);
 const $q = useQuasar();
 const store = useFlowEditorStore();
 const authStore = useAuthStore();
+const appStore = useAppStore();
 const route = useRoute()
 
 const appDg = ref();
@@ -262,18 +264,15 @@ const onSaveActionProps=(props:IActionProperty[])=>{
 };
 
 const onSaveVersion = async () => {
-  versionSubmit.value = { appId: store.appInfo?.appId }
+  if (!store.appInfo) return;
+  versionSubmit.value = { appId: store.appInfo.appId }
   saveVersionAction.value = true;
 }
 
 const closeSaveVersionDg = async (val: 'OK'|'CANCEL') => {
   if (val == 'OK') {
     await onSaveAllFlow();
-    await api.post('api/apps', {
-      'appid': versionSubmit.value?.appId,
-      'versionname': versionSubmit.value?.name,
-      'comment': versionSubmit.value?.comment
-    })
+    await appStore.createVersion(versionSubmit.value);
   }
 }
 
@@ -395,9 +394,9 @@ const onClearFilter=()=>{
   filter.value='';
 }
 
-onMounted(() => {
+onMounted(async () => {
   authStore.setLeftMenu(false);
-  fetchData();
+  await fetchData();
 });
 </script>