条件エディタ実装

frontend/src/components/ShowDialog.vue

@@ -2,10 +2,15 @@
   <!-- <div class="q-pa-md q-gutter-sm" > -->
     <q-dialog :model-value="visible" persistent bordered>
       <q-card :style="{minWidth : width}" >
+        <q-toolbar class="bg-grey-4">
+          <q-toolbar-title>{{ name }}</q-toolbar-title>
+          <q-space></q-space>
+          <slot name="toolbar"></slot>
+          <q-btn flat round dense icon="close" @click="CloseDialogue('Cancel')" />
+        </q-toolbar>
         <q-card-section>
-          <div class="text-h6">{{ name }}</div>
+          <!-- <div class="text-h6">{{ name }}</div> -->
         </q-card-section>
-
         <q-card-section class="q-pt-none" :style="{...(height? {minHeight:height}:{}) }">
          <slot></slot>
         </q-card-section>