Merge branch 'dev3' into dev2

2025-03-04 16:53:41 +09:00
parent b68d58fd0f dfa0842208
commit 3279959bdb
47 changed files with 314 additions and 277 deletions
--- a/frontend/quasar.config.js
+++ b/frontend/quasar.config.js
@@ -105,7 +105,7 @@ module.exports = configure(function (/* ctx */) {
      config: {},

      // iconSet: 'material-icons', // Quasar icon set
-      // lang: 'en-US', // Quasar language pack
+      lang: 'ja', // Quasar language pack

      // For special cases outside of where the auto-import strategy can have an impact
      // (like functional components as one of the examples),
--- a/frontend/src/boot/error-handler.ts
+++ b/frontend/src/boot/error-handler.ts
@@ -4,14 +4,14 @@ import { Router } from 'vue-router';
 import { App } from 'vue';

 export default boot(({ app, router }: { app: App<Element>; router: Router }) => {
-  document.documentElement.lang="ja-JP";
+  document.documentElement.lang='ja-JP';
  app.config.errorHandler = (err: any, instance: any, info: string) => {
    if (err.response && err.response.status === 401) {
      // 認証エラーの場合再ログインする
      console.error('(; ﾟДﾟ)/認証エラー(401)：', err, info);
      localStorage.removeItem('token');
      router.replace({
-        path:"/login",
+        path:'/login',
        query:{redirect:router.currentRoute.value.fullPath}
      });
    } else {
--- a/frontend/src/components/ActionSelect.vue
+++ b/frontend/src/components/ActionSelect.vue
@@ -52,7 +52,7 @@ export default {
    filter:String
  },
  emits:[
-    "clearFilter"
+    'clearFilter'
  ],
  setup(props,{emit}) {
    const isLoaded=ref(false);
--- a/frontend/src/components/AppInfo.vue
+++ b/frontend/src/components/AppInfo.vue
@@ -46,9 +46,9 @@ export default defineComponent({
    const { app } = toRefs(props);
    const authStore = useAuthStore();
    const appinfo = ref<AppInfo>({
-      appId: "",
-      name: "",
-      description: ""
+      appId: '',
+      name: '',
+      description: ''
    });
    const link= ref(`${authStore.currentDomain.kintoneUrl}/k/${app.value}`);
    const getAppInfo = async (appId:string|undefined) => {
@@ -56,7 +56,7 @@ export default defineComponent({
        return;
      }

-      let result : any ={appId:"",name:""};
+      let result : any ={appId:'',name:''};
      let retry =0;
      while(retry<=3 && result && result.appId!==appId){
          await new Promise(resolve => setTimeout(resolve, 1000));
--- a/frontend/src/components/CascadingDropDownBox.vue
+++ b/frontend/src/components/CascadingDropDownBox.vue
@@ -175,7 +175,7 @@ export default defineComponent({
        if (flowStore.appInfo?.appId === selected.id) {
          $q.notify({
            type: 'negative',
-            caption: "エラー",
+            caption: 'エラー',
            message: 'データソースを現在のアプリにすることはできません。'
          });
        } else if (selected.id !== data.value.sourceApp.id) {
@@ -208,7 +208,7 @@ export default defineComponent({
      if (isDuplicate) {
        $q.notify({
          type: 'negative',
-          caption: "エラー",
+          caption: 'エラー',
          message: '重複したフィールドは選択できません'
        });
      } else {
--- a/frontend/src/components/ConditionEditor/ConditionEditor.vue
+++ b/frontend/src/components/ConditionEditor/ConditionEditor.vue
@@ -42,9 +42,9 @@ import { useQuasar } from 'quasar';
      }
    },
    emits:[
-      "closed",
-      "update:conditionTree",
-      "update:show"
+      'closed',
+      'update:conditionTree',
+      'update:show'
    ],
    setup(props,context) {
      const appDg = ref();
@@ -58,11 +58,11 @@ import { useQuasar } from 'quasar';
        //       message: `条件式を設定してください。`
        //     });
        //  }
-          context.emit("update:conditionTree",tree.value);
+          context.emit('update:conditionTree',tree.value);
        }
        showflg.value=false;
-        context.emit("update:show",false);
-        context.emit("closed",val);
+        context.emit('update:show',false);
+        context.emit('closed',val);
      };
      const showflg =ref(props.show);
      //条件式をコピーする
--- a/frontend/src/components/ConditionEditor/NodeCondition.vue
+++ b/frontend/src/components/ConditionEditor/NodeCondition.vue
@@ -217,7 +217,7 @@ export default defineComponent( {
    const canMerge =(node:INode)=>{
      const checkedIndexs:number[] = ticked.value;
      const findNode = checkedIndexs.find(index=>node.index===index);
-      console.log("findNode=>",findNode!==undefined,findNode);
+      console.log('findNode=>',findNode!==undefined,findNode);
      return findNode!==undefined;
    }
    //グループ化解散
--- a/frontend/src/components/DocUpload.vue
+++ b/frontend/src/components/DocUpload.vue
@@ -1,98 +1,105 @@
 <template>
  <div class="q-pa-md">
    <q-uploader
-        style="max-width: 400px"
-        :url="uploadUrl"
-        :label="title"
-        :headers="headers"
-        accept=".xlsx"
-        v-on:rejected="onRejected"
-        v-on:uploaded="onUploadFinished"
-        v-on:failed="onFailed"
-        field-name="files"
+      style="max-width: 400px"
+      :url="uploadUrl"
+      :label="title"
+      :headers="headers"
+      accept=".xlsx"
+      v-on:rejected="onRejected"
+      v-on:uploaded="onUploadFinished"
+      v-on:failed="onFailed"
+      field-name="files"
    ></q-uploader>
  </div>
-
 </template>
 <script setup lang="ts">
-import { createUploaderComponent, useQuasar } from 'quasar';
+import { useQuasar } from 'quasar';
 import { useAuthStore } from 'src/stores/useAuthStore';
 import { ref } from 'vue';
-    const $q=useQuasar();
-    const authStore = useAuthStore();
-    const emit =defineEmits(['uploaded']);
-    /**
-     * ファイルアップロードを拒否する時の処理
-     * @param rejectedEntries
-     */
-    function onRejected (rejectedEntries:any) {
-      // Notify plugin needs to be installed
-      // https://quasar.dev/quasar-plugins/notify#Installation
-      $q.notify({
-        type: 'negative',
-        message: `Excelファイルを選択してください。`
-      })
-    }

-    /**
-     * ファイルアップロード成功時の処理
-     */
-    function onUploadFinished({xhr}:{xhr:XMLHttpRequest}){
-      let msg="ファイルのアップロードが完了しました。";
-      if(xhr && xhr.response){
-        msg=`${msg} (${xhr.responseText})`;
-      }
-      $q.notify({
-        type: 'positive',
-        caption:"通知",
-        message: msg
-      });
-      setTimeout(() => {
-        emit('uploaded',xhr.responseText);
-      }, 2000);
-    }
+const $q = useQuasar();
+const authStore = useAuthStore();
+const emit = defineEmits(['uploaded']);

-    /**
-     * 例外発生時、responseからエラー情報を取得する
-     * @param xhr
-     */
-    function getResponseError(xhr:XMLHttpRequest){
-      try{
-        const resp = JSON.parse(xhr.responseText);
-        return 'detail' in resp ? resp.detail:'';
-      }catch(err){
-        return xhr.responseText;
-      }
-    }
+interface Props {
+  title?: string;
+  uploadUrl?: string;
+}

-    /**
-     *
-     * @param info ファイルアップロード失敗時の処理
-     */
-    function onFailed({files,xhr}:{files: readonly any[],xhr:XMLHttpRequest}){
-      let msg ="ファイルアップロードが失敗しました。";
-      if(xhr && xhr.status){
-         const detail = getResponseError(xhr);
-        msg=`${msg} (${xhr.status }:${detail})`
-      }
-      $q.notify({
-        type:"negative",
-        message:msg
-      });
-    }
+const headers = ref([
+  { name: 'Authorization', value: 'Bearer ' + authStore.token },
+]);

-    interface Props {
-      title: string;
-      uploadUrl:string;
-    }
+const props = withDefaults(defineProps<Props>(), {
+  title: '設計書から導入する(Excel)',
+  uploadUrl: `${process.env.KAB_BACKEND_URL}api/v1/createappfromexcel?format=1`,
+});

-    const headers = ref([{name:"Authorization",value:'Bearer ' + authStore.token}]);
-    const props = withDefaults(defineProps<Props>(), {
-      title:"設計書から導入する(Excel)",
-      uploadUrl: `${process.env.KAB_BACKEND_URL}api/v1/createappfromexcel?format=1`
+/**
+ * ファイルアップロードを拒否する時の処理
+ * @param rejectedEntries
+ */
+function onRejected(rejectedEntries: any) {
+  // Notify plugin needs to be installed
+  // https://quasar.dev/quasar-plugins/notify#Installation
+  $q.notify({
+    type: 'negative',
+    message: 'Excelファイルを選択してください。',
+  });
+}

-    });
+/**
+ * ファイルアップロード成功時の処理
+ */
+function onUploadFinished({ xhr }: { xhr: XMLHttpRequest }) {
+  let msg = 'ファイルのアップロードが完了しました。';
+  if (xhr && xhr.response) {
+    msg = `${msg} (${xhr.responseText})`;
+  }
+  $q.notify({
+    type: 'positive',
+    caption: '通知',
+    message: msg,
+  });
+  setTimeout(() => {
+    emit('uploaded', xhr.responseText);
+  }, 2000);
+}
+
+/**
+ * 例外発生時、responseからエラー情報を取得する
+ * @param xhr
+ */
+function getResponseError(xhr: XMLHttpRequest) {
+  try {
+    const resp = JSON.parse(xhr.responseText);
+    return 'detail' in resp ? resp.detail : '';
+  } catch (err) {
+    return xhr.responseText;
+  }
+}
+
+/**
+ *
+ * @param info ファイルアップロード失敗時の処理
+ */
+function onFailed({
+  files,
+  xhr,
+}: {
+  files: readonly any[];
+  xhr: XMLHttpRequest;
+}) {
+  let msg = 'ファイルアップロードが失敗しました。';
+  if (xhr && xhr.status) {
+    const detail = getResponseError(xhr);
+    msg = `${msg} (${xhr.status}:${detail})`;
+  }
+  $q.notify({
+    type: 'negative',
+    message: msg,
+  });
+}
 </script>
-<style lang="scss">
-
-</style>
+<style lang="scss"></style>
--- a/frontend/src/components/DomainSelect.vue
+++ b/frontend/src/components/DomainSelect.vue
@@ -42,7 +42,7 @@ export default {

    onMounted(() => {
      loading.value = true;
-      api.get(`api/domains`).then(res =>{
+      api.get('api/domains').then(res =>{
         res.data.data.forEach((data) => {
          const item = {
            id: data.id,
--- a/frontend/src/components/FieldSelect.vue
+++ b/frontend/src/components/FieldSelect.vue
@@ -73,14 +73,14 @@ export default {
          if(!props.blackListLabel.find(blackListItem => blackListItem === fld.label)){
            if(props.fieldTypes.length===0 || props.fieldTypes.includes(fld.type)){
              rows.push({id:index, name: fld.label || fld.code, ...fld });
-            }else if(props.fieldTypes.includes("lookup") && ("lookup" in fld)){
+            }else if(props.fieldTypes.includes('lookup') && ('lookup' in fld)){
              rows.push({id:index, name: fld.label || fld.code, ...fld });
            }
          }
        } else {
          if(props.fieldTypes.length===0 || props.fieldTypes.includes(fld.type)){
            rows.push({id:index, name: fld.label || fld.code, ...fld });
-          }else if(props.fieldTypes.includes("lookup") && ("lookup" in fld)){
+          }else if(props.fieldTypes.includes('lookup') && ('lookup' in fld)){
            rows.push({id:index, name: fld.label || fld.code, ...fld });
          }
        }
--- a/frontend/src/components/ShareDomain/ShareDomainDialog.vue
+++ b/frontend/src/components/ShareDomain/ShareDomainDialog.vue
@@ -242,7 +242,7 @@ function isManager(userId: number) {

 const getUsers = async () => {
  loading.value = true;
-  const result = await api.get(`api/v1/users`);
+  const result = await api.get('api/v1/users');
  allUsers.value = result.data.data.map(itemToDisplay);
  loading.value = false;
 }
--- a/frontend/src/components/ShareDomain/ShareManageDialog.vue
+++ b/frontend/src/components/ShareDomain/ShareManageDialog.vue
@@ -34,7 +34,7 @@ interface Props {
 const props = defineProps<Props>();

 async function shareApi(user: IUserDisplay, domain: IDomainOwnerDisplay) {
-  return api.post(`api/managedomain`, {
+  return api.post('api/managedomain', {
    userid: user.id,
    domainid: domain.id,
  });
--- a/frontend/src/components/ShareDomain/ShareUsageDialog.vue
+++ b/frontend/src/components/ShareDomain/ShareUsageDialog.vue
@@ -29,7 +29,7 @@ interface Props {
 const props = defineProps<Props>();

 async function shareApi(user: IUserDisplay, domain: IDomainOwnerDisplay) {
-  return api.post(`api/userdomain`, {
+  return api.post('api/userdomain', {
    userid: user.id,
    domainid: domain.id,
  });
--- a/frontend/src/components/UserList.vue
+++ b/frontend/src/components/UserList.vue
@@ -23,7 +23,7 @@ defineExpose({
 })
 const getUsers = async (filter = () => true) => {
  loading.value = true;
-  const result = await api.get(`api/v1/users`);
+  const result = await api.get('api/v1/users');
  rows.value = result.data.data.map((item) => {
    return { id: item.id, firstName: item.first_name, lastName: item.last_name, email: item.email, isSuperuser: item.is_superuser, isActive: item.is_active }
  }).filter(filter);
--- a/frontend/src/components/dialog/UserSelectBox.vue
+++ b/frontend/src/components/dialog/UserSelectBox.vue
@@ -55,7 +55,7 @@ export default {
    ];

    const fetchUsers = async () => {
-      const result = await api.get(`api/v1/users`);
+      const result = await api.get('api/v1/users');
      return result.data.data.map((item: any) => {
        return { id: item.id, firstName: item.first_name, lastName: item.last_name, email: item.email, isSuperuser: item.is_superuser, isActive: item.is_active, roles: item.roles.map(role => role.id) }
      }).filter(user => !props.filterInitRowsFunc || props.filterInitRowsFunc(user));
--- a/frontend/src/components/left/AppSelector.vue
+++ b/frontend/src/components/left/AppSelector.vue
@@ -44,7 +44,7 @@ import { useAuthStore } from 'src/stores/useAuthStore';
 export default defineComponent({
  name: 'AppSelector',
  emits:[
-    "appSelected"
+    'appSelected'
  ],
  components:{
    AppSelectBox,
@@ -59,7 +59,7 @@ export default defineComponent({

    const closeDg=(val :any)=>{
      showSelectApp.value=false;
-      console.log("Dialog closed->",val);
+      console.log('Dialog closed->',val);
      if (val == 'OK') {
          const data  = appDg.value.selected[0];
          console.log(data);
--- a/frontend/src/components/left/EventTree.vue
+++ b/frontend/src/components/left/EventTree.vue
@@ -74,7 +74,7 @@ export default defineComponent({
    const selectedEvent = ref<IKintoneEvent | undefined>(store.selectedEvent);
    const selectedChangeEvent = ref<IKintoneEventGroup | undefined>(undefined);
    const isFieldChange = (node: IKintoneEventNode) => {
-      return node.header == 'EVENT' && node.eventId.indexOf(".change.") > -1;
+      return node.header == 'EVENT' && node.eventId.indexOf('.change.') > -1;
    }

    const getSelectedClass = (node: IKintoneEventNode) => {
@@ -117,7 +117,7 @@ export default defineComponent({

      $q.notify({
        type: 'positive',
-        caption: "通知",
+        caption: '通知',
        message: `イベント ${node.label} 削除`
      })
    }
--- a/frontend/src/components/main/NodeItem.vue
+++ b/frontend/src/components/main/NodeItem.vue
@@ -92,11 +92,11 @@ export default defineComponent({
  },
  emits: [
    'addNode',
-    "nodeSelected",
-    "nodeEdit",
-    "deleteNode",
-    "deleteAllNextNodes",
-    "copyFlow"
+    'nodeSelected',
+    'nodeEdit',
+    'deleteNode',
+    'deleteAllNextNodes',
+    'copyFlow'
  ],
  setup(props, context) {
    const store = useFlowEditorStore();
@@ -204,7 +204,7 @@ export default defineComponent({
     * 変数名取得
     */
    const varName =(node:IActionNode)=>{
-      const prop = node.actionProps.find((prop) => prop.props.name === "verName");
+      const prop = node.actionProps.find((prop) => prop.props.name === 'verName');
      return prop?.props.modelValue.name;
    };
    const copyFlow=()=>{
--- a/frontend/src/components/main/NodeLine.vue
+++ b/frontend/src/components/main/NodeLine.vue
@@ -31,11 +31,11 @@
 import { ref, defineComponent, computed, PropType } from 'vue';
 import { IActionNode, ActionNode, ActionFlow, RootAction } from '../../types/ActionTypes';
 export enum Direction {
-  Default = "None",
-  Left = "LEFT",
-  Right = "RIGHT",
-  LeftNotNext = "LEFTNOTNEXT",
-  RightNotNext = "RIGHTNOTNEXT",
+  Default = 'None',
+  Left = 'LEFT',
+  Right = 'RIGHT',
+  LeftNotNext = 'LEFTNOTNEXT',
+  RightNotNext = 'RIGHTNOTNEXT',
 }
 export default defineComponent({
  name: 'NodeLine',
--- a/frontend/src/components/right/ActionProperty.vue
+++ b/frontend/src/components/right/ActionProperty.vue
@@ -55,7 +55,7 @@ export default defineComponent({
    });
    const connectProps=(props:IProp)=>{
       const connProps:any={};
-       if(props && "connectProps" in props && props.connectProps!=undefined){
+       if(props && 'connectProps' in props && props.connectProps!=undefined){
          for(let connProp of props.connectProps){
            let targetProp = componentData.value.find((prop)=>prop.props.name===connProp.propName);
            if(targetProp){
--- a/frontend/src/components/right/ColorPicker.vue
+++ b/frontend/src/components/right/ColorPicker.vue
@@ -72,11 +72,11 @@ export default defineComponent({
        }
    },
    setup(props, { emit }) {
-        const color = ref(props.modelValue??"");
-        const isSelected = computed(()=>props.modelValue && props.modelValue!=="");
+        const color = ref(props.modelValue??'');
+        const isSelected = computed(()=>props.modelValue && props.modelValue!=='');
        const customExp = props.rules === undefined ? [] : eval(props.rules);
        const errmsg = props.requiredMessage?props.requiredMessage:`${props.displayName}が必須です。`;
-        const requiredExp = props.required?[((val:any)=>!!val || errmsg ),"anyColor"]:[];
+        const requiredExp = props.required?[((val:any)=>!!val || errmsg ),'anyColor']:[];
        const rulesExp=[...requiredExp,...customExp];
        watchEffect(()=>{
          emit('update:modelValue', color.value);
--- a/frontend/src/components/right/ConditionInput.vue
+++ b/frontend/src/components/right/ConditionInput.vue
@@ -91,7 +91,7 @@ export default defineComponent({
  },

  setup(props, { emit }) {
-    let source = reactive(props.connectProps["source"]);
+    let source = reactive(props.connectProps['source']);
    if(!source){
      source = props.context.find(element => element.props.name === 'sources');
    }
--- a/frontend/src/components/right/DataProcessing.vue
+++ b/frontend/src/components/right/DataProcessing.vue
@@ -206,32 +206,32 @@ export default defineComponent({
    //集計処理方法
    const logicalOperators = ref([
      {
-        "operator": "",
-        "label": "なし"
+        'operator': '',
+        'label': 'なし'
      },
      {
-        "operator": "SUM",
-        "label": "合計"
+        'operator': 'SUM',
+        'label': '合計'
      },
      {
-        "operator": "AVG",
-        "label": "平均"
+        'operator': 'AVG',
+        'label': '平均'
      },
      {
-        "operator": "MAX",
-        "label": "最大値"
+        'operator': 'MAX',
+        'label': '最大値'
      },
      {
-        "operator": "MIN",
-        "label": "最小値"
+        'operator': 'MIN',
+        'label': '最小値'
      },
      {
-        "operator": "COUNT",
-        "label": "カウント"
+        'operator': 'COUNT',
+        'label': 'カウント'
      },
      {
-        "operator": "FIRST",
-        "label": "最初の値"
+        'operator': 'FIRST',
+        'label': '最初の値'
      }
    ]);
    const checkInput=(val:ValueType)=>{
@@ -239,13 +239,13 @@ export default defineComponent({
        return false;
      }
      if(!val.name){
-        return "集計結果の変数名を入力してください";
+        return '集計結果の変数名を入力してください';
      }
      if(!val.vars || val.vars.length==0){
-        return "集計処理を設定してください";
+        return '集計処理を設定してください';
      }
      if(val.vars.some((x)=>!x.vName)){
-        return "集計結果変数名を入力してください";
+        return '集計結果変数名を入力してください';
      }
      return true;
    }
--- a/frontend/src/components/right/EventSetter.vue
+++ b/frontend/src/components/right/EventSetter.vue
@@ -70,14 +70,14 @@ export default defineComponent({
      const eventId =store.currentFlow?.getRoot()?.name;
      if(eventId===undefined){return;}
      let displayName = inputValue.value;
-      if(props.connectProps!==undefined && "displayName" in props.connectProps){
-        displayName =props.connectProps["displayName"].props.modelValue;
+      if(props.connectProps!==undefined && 'displayName' in props.connectProps){
+        displayName =props.connectProps['displayName'].props.modelValue;
      }
      const customButtonId=`${eventId}.customButtonClick`;
      const findedEvent = store.eventTree.findEventById(customButtonId);
-      if(findedEvent && "events" in findedEvent){
+      if(findedEvent && 'events' in findedEvent){
        const customEvents = findedEvent as IKintoneEventGroup;
-        const addEventId = customButtonId+"." + inputValue.value;
+        const addEventId = customButtonId+'.' + inputValue.value;
        if(store.eventTree.findEventById(addEventId)){
          return;
        }
--- a/frontend/src/components/right/NumInput.vue
+++ b/frontend/src/components/right/NumInput.vue
@@ -71,7 +71,7 @@ export default defineComponent({
    const rulesExp=[...requiredExp,...customExp];

    watchEffect(()=>{
-      emit("update:modelValue",numValue.value);
+      emit('update:modelValue',numValue.value);
    });
    return {
      numValue,
--- a/frontend/src/components/right/PropertyList.vue
+++ b/frontend/src/components/right/PropertyList.vue
@@ -59,7 +59,7 @@ export default defineComponent({
    const properties=ref(props.nodeProps);
    const connectProps=(props:IProp)=>{
       const connProps:any={context:properties};
-       if(props && "connectProps" in props && props.connectProps!=undefined){
+       if(props && 'connectProps' in props && props.connectProps!=undefined){
          for(let connProp of props.connectProps){
            let targetProp = properties.value.find((prop)=>prop.props.name===connProp.propName);
            if(targetProp){
--- a/frontend/src/control/auth.ts
+++ b/frontend/src/control/auth.ts
@@ -9,7 +9,7 @@ export class Auth
       params.append('username', user);
       params.append('password', pwd);
       try{
-       const result = await api.post(`api/token`,params);
+       const result = await api.post('api/token',params);
       console.info(result);
       localStorage.setItem('Token', result.data.access_token);
       return true;
--- a/frontend/src/pages/FlowChart.vue
+++ b/frontend/src/pages/FlowChart.vue
@@ -130,15 +130,15 @@ const route = useRoute()
 const appDg = ref();
 const prevNodeIfo = ref({
  prevNode: {} as IActionNode,
-  inputPoint: ""
+  inputPoint: ''
 });
 // const refFlow = ref<ActionFlow|null>(null);
 const showAddAction = ref(false);
 const saveVersionAction = ref(false);
 const versionInputRef = ref();
 const drawerRight = ref(false);
-const filter=ref("");
-const model = ref("");
+const filter=ref('');
+const model = ref('');

 const rootNode = computed(()=>{
  return store.currentFlow?.getRoot();
@@ -148,11 +148,11 @@ const minPanelWidth=computed(()=>{
  if(store.currentFlow && root){
    return store.currentFlow?.getColumns(root) * 300 + 'px';
  }else{
-    return "300px";
+    return '300px';
  }
 });
 const fixedLeftPosition = computed(()=>{
-  return drawerLeft.value?"300px":"0px";
+  return drawerLeft.value?'300px':'0px';
 });

 const addNode = (node: IActionNode, inputPoint: string) => {
@@ -195,12 +195,12 @@ const onDeleteAllNextNodes = (node: IActionNode) => {
  store.currentFlow?.removeAllNext(node.id);
 }
 const closeDg = (val: any) => {
-  console.log("Dialog closed->", val);
+  console.log('Dialog closed->', val);
  if (val == 'OK' && appDg?.value?.selected?.length > 0) {
    const data = appDg.value.selected[0];
    const actionProps = JSON.parse(data.property);
    const outputPoint = JSON.parse(data.outputPoints);
-    const action = new ActionNode(data.name, data.desc, "", outputPoint, actionProps);
+    const action = new ActionNode(data.name, data.desc, '', outputPoint, actionProps);
    store.currentFlow?.addNode(action, prevNodeIfo.value.prevNode, prevNodeIfo.value.inputPoint);
  }
 }
@@ -227,8 +227,8 @@ const onDeploy = async () => {
  if (store.appInfo === undefined || store.flows?.length === 0) {
    $q.notify({
      type: 'negative',
-      caption: "エラー",
-      message: `設定されたフローがありません。`
+      caption: 'エラー',
+      message: '設定されたフローがありません。'
    });
    return;
  }
@@ -238,16 +238,16 @@ const onDeploy = async () => {
    deployLoading.value = false;
    $q.notify({
      type: 'positive',
-      caption: "通知",
-      message: `デプロイを成功しました。`
+      caption: '通知',
+      message: 'デプロイを成功しました。'
    });
  } catch (error) {
    console.error(error);
    deployLoading.value = false;
    $q.notify({
      type: 'negative',
-      caption: "エラー",
-      message: `デプロイが失敗しました。`
+      caption: 'エラー',
+      message: 'デプロイが失敗しました。'
    })
  }
  return;
@@ -258,7 +258,7 @@ const onSaveActionProps=(props:IActionProperty[])=>{
      store.activeNode.actionProps=props;
      $q.notify({
        type: 'positive',
-        caption: "通知",
+        caption: '通知',
        message: `${store.activeNode?.subTitle}の属性を設定しました。（保存はされていません）`
      });
  }
@@ -291,7 +291,7 @@ const onSaveFlow = async () => {
    $q.notify({
      type: 'negative',
      caption: 'エラー',
-      message: `選択中のフローがありません。`
+      message: '選択中のフローがありません。'
    });
    return;
  }
@@ -301,7 +301,7 @@ const onSaveFlow = async () => {
    saveLoading.value = false;
    $q.notify({
      type: 'positive',
-      caption: "通知",
+      caption: '通知',
      message: `${targetFlow.getRoot()?.subTitle}のフロー設定を保存しました。`
    });
  } catch (error) {
@@ -309,7 +309,7 @@ const onSaveFlow = async () => {
    saveLoading.value = false;
    $q.notify({
      type: 'negative',
-      caption: "エラー",
+      caption: 'エラー',
      message: `${targetFlow.getRoot()?.subTitle}のフローの設定の保存が失敗しました。`
    })
  }
@@ -324,7 +324,7 @@ const onSaveAllFlow= async ()=>{
      $q.notify({
        type: 'negative',
        caption: 'エラー',
-        message: `設定されたフローがありません。`
+        message: '設定されたフローがありません。'
      });
      return;
    }
@@ -338,8 +338,8 @@ const onSaveAllFlow= async ()=>{
    }
    $q.notify({
        type: 'positive',
-        caption: "通知",
-        message: `すべてのフロー設定を保存しました。`
+        caption: '通知',
+        message: 'すべてのフロー設定を保存しました。'
      });
    saveLoading.value = false;
  }catch (error) {
@@ -347,8 +347,8 @@ const onSaveAllFlow= async ()=>{
    saveLoading.value = false;
    $q.notify({
      type: 'negative',
-      caption: "エラー",
-      message: `フローの設定の保存が失敗しました。`
+      caption: 'エラー',
+      message: 'フローの設定の保存が失敗しました。'
    });
  }
 }
--- a/frontend/src/pages/FlowChartTest.vue
+++ b/frontend/src/pages/FlowChartTest.vue
@@ -27,23 +27,23 @@ import ActionSelect from 'components/ActionSelect.vue';
 import PropertyPanel from 'components/right/PropertyPanel.vue';


-const rootNode:RootAction =new RootAction("app.record.create.submit","レコード追加画面","保存するとき");
+const rootNode:RootAction =new RootAction('app.record.create.submit','レコード追加画面','保存するとき');
 const actionFlow: ActionFlow = new ActionFlow(rootNode);
 const saibanProps:IActionProperty[]=[{
-  component:"InputText",
+  component:'InputText',
  props:{
-    displayName:"フォーマット",
-    modelValue:"",
-    name:"format",
-    placeholder:"フォーマットを入力してください",
+    displayName:'フォーマット',
+    modelValue:'',
+    name:'format',
+    placeholder:'フォーマットを入力してください',
  }
 },{
-  component:"FieldInput",
+  component:'FieldInput',
  props:{
-    displayName:"採番項目",
-    modelValue:"",
-    name:"field",
-    placeholder:"採番項目を選択してください",
+    displayName:'採番項目',
+    modelValue:'',
+    name:'field',
+    placeholder:'採番項目を選択してください',
  }
 }];

@@ -91,7 +91,7 @@ const onDeleteAllNextNodes=(node:IActionNode)=>{
  refFlow.value.removeAllNext(node.id);
 }
 const closeDg=(val :any)=>{
-  console.log("Dialog closed->",val);
+  console.log('Dialog closed->',val);
 }
 </script>

--- a/frontend/src/pages/IndexPage.vue
+++ b/frontend/src/pages/IndexPage.vue
@@ -1,12 +1,11 @@
 <template>
  <q-page>
-
    <div class="q-pa-md">
      <div class="q-gutter-sm row items-start">
        <q-breadcrumbs>
          <q-breadcrumbs-el icon="home" label="ホーム" />
        </q-breadcrumbs>
-     </div>
+      </div>
      <div class="q-gutter-sm row items-start">
        <doc-uploader @uploaded="onAppUploaded"></doc-uploader>
      </div>
@@ -16,28 +15,26 @@
 </template>

 <script setup lang="ts">
-import {ref} from 'vue'
+import { ref } from 'vue';
 import DocUploader from 'components/DocUpload.vue';
 import AppInfo from 'components/AppInfo.vue';
 import { AppSeed } from 'src/components/models';

 interface AppInfo {
-  app:string,
-  revision:string
+  app: string;
+  revision: string;
 }

-const appseed = withDefaults( defineProps<AppSeed>(),{
-   app:''
+const appseed = withDefaults(defineProps<AppSeed>(), {
+  app: '',
 });

 // const appseed = defineProps<AppSeed>();

-const props =  ref(appseed);
+const props = ref(appseed);

-function onAppUploaded(responseText :string){
-  let json:AppInfo = JSON.parse(responseText);
-  props.value=json;
+function onAppUploaded(responseText: string) {
+  let json: AppInfo = JSON.parse(responseText);
+  props.value = json;
 }
-
-
 </script>
--- a/frontend/src/pages/LoginPage.vue
+++ b/frontend/src/pages/LoginPage.vue
@@ -61,7 +61,7 @@ import { useAuthStore } from 'stores/useAuthStore';
    let email = ref('');
    let password = ref('');
    let visibility = ref(false);
-    let passwordFieldType = ref('password');
+    let passwordFieldType = ref<'text'|'password'>('password');
    let visibilityIcon = ref('visibility');
    const required = (val:string) => {
      return  (val && val.length > 0 || '必須項目')
--- a/frontend/src/pages/RuleEditor.vue
+++ b/frontend/src/pages/RuleEditor.vue
@@ -66,8 +66,8 @@ interface Props {
  actions: string[];
 }
 const props = withDefaults(defineProps<Props>(), {
-  title: "ルールエディター",
-  actions: () => ["フィールド制御", "一覧画面", "その他"]
+  title: 'ルールエディター',
+  actions: () => ['フィールド制御', '一覧画面', 'その他']
 });
 function onItemClick(evt: Event) {
  return;
--- a/frontend/src/pages/TenantDomain.vue
+++ b/frontend/src/pages/TenantDomain.vue
@@ -250,7 +250,7 @@ const isOwner = (row: IDomainOwnerDisplay) => row.owner.id === Number(authStore.

 const getDomain = async (filter?: (row: IDomainOwnerDisplay) => boolean) => {
  loading.value = true;
-  const { data } = await api.get<{data:IDomain[]}>(`api/domains`);
+  const { data } = await api.get<{data:IDomain[]}>('api/domains');
  rows.value = data.data.map((item) => {
    return {
      id: item.id,
@@ -309,7 +309,7 @@ const deleteDomain = () => {
  editId.value = 0; // set in removeRow()
 };

-function editRow(row) {
+function editRow(row: any) {
  isCreate.value = false
  editId.value = row.id;
  // tenantid.value = row.tenantid;
@@ -350,7 +350,7 @@ const onSubmit = () => {
    'ownerid': authStore.userId || ''
  }
  // for search: api.put(`api/domain`)、api.post(`api/domain`)
-  api[method].apply(api, [`api/domain`, param]).then(async (resp: any) => {
+  api[method].apply(api, ['api/domain', param]).then(async (resp: any) => {
      const res = resp.data;
      if (res.data.id === currentDomainId.value && !res.data.is_active) {
        await authStore.setCurrentDomain();
--- a/frontend/src/pages/UserDomain.vue
+++ b/frontend/src/pages/UserDomain.vue
@@ -14,7 +14,7 @@
        <q-btn class="q-mx-none" color="primary" label="追加" @click="clickAddDomain()" />
        <q-space />
        <div class="row q-gutter-md">
-          <q-input borderless dense filled debounce="300" v-model="userDomainTableFilter" placeholder="Search">
+          <q-input borderless dense filled debounce="300" v-model="userDomainTableFilter" placeholder="検索">
            <template v-slot:append>
              <q-icon name="search" />
            </template>
@@ -114,7 +114,7 @@ const addUserDomainFinished = async (val: string) => {
  const selected = addDomainRef.value.selected;
  if (val == 'OK' && selected.length > 0) {
    addUserDomainLoading.value = true;
-    const { data } = await api.post(`api/userdomain`, {
+    const { data } = await api.post('api/userdomain', {
      userid: authStore.userId,
      domainid: selected[0].id,
    });
@@ -169,9 +169,9 @@ const isActive = computed(() => (id: number) => {

 const getDomain = async (userId? : string) => {
  rowIds.clear();
-  const resp = await api.get(`api/defaultdomain`);
+  const resp = await api.get('api/defaultdomain');
  activeDomainId.value = resp?.data?.data?.id;
-  const domainResult = userId ? await api.get(`api/domain?userId=${userId}`) : await api.get(`api/domain`);
+  const domainResult = userId ? await api.get(`api/domain?userId=${userId}`) : await api.get('api/domain');
  const domains = domainResult.data as any[];
  rows.value = domains.sort((a, b) => a.id - b.id).reduce((acc, item) => {
    rowIds.add(item.id);
--- a/frontend/src/pages/testQursar.vue
+++ b/frontend/src/pages/testQursar.vue
@@ -54,8 +54,8 @@ const mouseenter = (event: Event) => {
  let oDivs = oDiv1?.getElementsByClassName('add');
  if (oDivs.length === 0) {
    let oDiv2 = document.createElement('div');
-    oDiv2.className = "add";
-    oDiv2.setAttribute("style", "display:table-row;height:inherit;position: absolute;left:calc(50% - 19px);");
+    oDiv2.className = 'add';
+    oDiv2.setAttribute('style', 'display:table-row;height:inherit;position: absolute;left:calc(50% - 19px);');
    oDiv2.innerHTML = oAdd;
    oDiv1?.append(oDiv2);
  }
--- a/frontend/src/router/routes.ts
+++ b/frontend/src/router/routes.ts
@@ -16,7 +16,7 @@ const routes: RouteRecordRaw[] = [
    path: '/',
    component: () => import('layouts/MainLayout.vue'),
    children: [
-      { path: '', component: () => import('pages/IndexPage.vue') },
+      { path: '', component: () => import('pages/IndexPage.vue'), props: { app: '' } },
      { path: 'ruleEditor', component: () => import('pages/RuleEditor.vue') },
      { path: 'flow', component: () => import('pages/testFlow.vue') },
      { path: 'FlowChartTest', component: () => import('pages/FlowChartTest.vue') },
--- a/frontend/src/stores/useAppStore.ts
+++ b/frontend/src/stores/useAppStore.ts
@@ -103,5 +103,5 @@ function appToAppDisplay(app: IManagedApp) {
 }

 function formatDate(data: string) {
-  return date.formatDate(data, 'YYYY/MM/DD HH:mm');
+  return date.formatDate(new Date(data + 'Z'), 'YYYY/MM/DD HH:mm');
 }
--- a/frontend/src/stores/useAuthStore.ts
+++ b/frontend/src/stores/useAuthStore.ts
@@ -64,7 +64,7 @@ export const useAuthStore = defineStore('auth', {
      params.append('username', username);
      params.append('password', password);
      try {
-        const result = await api.post(`api/token`, params);
+        const result = await api.post('api/token', params);
        // console.info(result);
        this.token = result.data.access_token;
        const tokenJson = jwtDecode<{sub: number, tenant: string, roles: string}>(result.data.access_token);
@@ -86,7 +86,7 @@ export const useAuthStore = defineStore('auth', {
      }
    },
    async loadCurrentDomain() {
-      const resp = await api.get<IResponse<IDomain>>(`api/defaultdomain`);
+      const resp = await api.get<IResponse<IDomain>>('api/defaultdomain');
      const activedomain = resp?.data?.data;
      if (!activedomain) {
        this.currentDomain = {} as IDomainInfo;
@@ -99,13 +99,13 @@ export const useAuthStore = defineStore('auth', {
      }
    },
    async loadUserInfo() {
-      const resp = (await api.get<IResponse<IUser>>(`api/v1/users/me`))?.data?.data;
+      const resp = (await api.get<IResponse<IUser>>('api/v1/users/me'))?.data?.data;
      this.userInfo = userToUserRolesDisplay(resp)
    },
    async loadPermission() {
      this.permissions = {} as IPermissions;
      if (this.isSuperAdmin) return;
-      const resp = (await api.get<IResponse<IPermission[]>>(`api/v1/userpermssions`)).data.data;
+      const resp = (await api.get<IResponse<IPermission[]>>('api/v1/userpermssions')).data.data;
      resp.forEach((permission) => {
        this.permissions[permission.link] = permission.menu;
        this.permissions[permission.privilege] = permission.function;
--- a/frontend/src/types/ActionTypes.ts
+++ b/frontend/src/types/ActionTypes.ts
@@ -129,7 +129,7 @@ export class ActionNode implements IActionNode {
  id: string;
  name: string;
  get title(): string {
-    const prop = this.actionProps.find((prop) => prop.props.name === "displayName");
+    const prop = this.actionProps.find((prop) => prop.props.name === 'displayName');
    return prop?.props.modelValue;
  };
  get subTitle(): string {
@@ -138,7 +138,7 @@ export class ActionNode implements IActionNode {

  //変数名
  get varName():IProp|undefined{
-      const prop = this.actionProps.find((prop) => prop.props.name === "verName");
+      const prop = this.actionProps.find((prop) => prop.props.name === 'verName');
      return prop?.props;
  }

--- a/frontend/src/types/KintoneEvents.ts
+++ b/frontend/src/types/KintoneEvents.ts
@@ -136,7 +136,7 @@ export class KintoneEventManager {
    const flows:IActionFlow[]=[];
    for (const screen of this.screens) {
      for (const event of screen.events) {
-        if (event.header === "EVENT") {
+        if (event.header === 'EVENT') {
          const eventNode = event as IKintoneEvent;
          if(eventNode.flowData!==undefined){
            flows.push(eventNode.flowData);
@@ -144,7 +144,7 @@ export class KintoneEventManager {
        }else if (event.header === 'EVENTGROUP' || event.header === 'CHANGE') {
          const eventGroup = event as IKintoneEventGroup;
          eventGroup.events.forEach((ev) => {
-            if (ev.header === "EVENT" || ev.header === "DELETABLE") {
+            if (ev.header === 'EVENT' || ev.header === 'DELETABLE') {
              const eventNode = ev as IKintoneEvent;
              if(eventNode.flowData!==undefined){
                flows.push(eventNode.flowData);