フロー保存の実装

frontend/src/components/right/FieldInput.vue

@@ -1,8 +1,8 @@
 <template>
-<q-input v-model="selectedField" :label="placeholder">
-        <template v-slot:append>
-          <q-icon name="search" class="cursor-pointer"  @click="showDg"/>
-        </template>
+<q-input v-model="selectedField" :label="displayName" :placeholder="placeholder" >
+<template v-slot:append>
+  <q-icon name="search" class="cursor-pointer"  @click="showDg"/>
+</template>
 </q-input>
 <show-dialog v-model:visible="show" name="フィールド一覧" @close="closeDg">
   <field-select ref="appDg" name="フィールド" type="single" :appId="store.appInfo?.appId"></field-select>
@@ -21,6 +21,10 @@ export default defineComponent({
     FieldSelect,
   },
   props: {
+    displayName:{
+      type: String,
+      default: '',
+    },
     placeholder: {
       type: String,
       default: '',