ayanova/src/views/adm-integration.vue

@@ -3,7 +3,7 @@
     <div v-if="formState.ready">
       <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
-        <v-row>
+        <v-row v-resize="onResize">
           <v-col cols="12" sm="6" lg="4" xl="3">
             <v-text-field
               ref="name"
@@ -28,6 +28,17 @@
               @change="fieldValueChanged('active')"
             ></v-checkbox>
           </v-col>
+          <v-col cols="12">
+            <v-card elevation="4">
+              <v-card
+                :height="logCardHeight"
+                style="overflow:auto;"
+                class="pl-5 py-6"
+              >
+                <pre>{{ log }}</pre>
+              </v-card>
+            </v-card>
+          </v-col>
         </v-row>
       </v-form>
     </div>
@@ -44,6 +55,8 @@ export default {
   data() {
     return {
       formCustomTemplateKey: FORM_CUSTOM_TEMPLATE_KEY,
+      log: null,
+      logCardHeight: 300,
       obj: {
         id: 0,
         concurrency: 0,
@@ -123,6 +136,9 @@ export default {
     window.$gz.eventBus.$off("menu-click", clickHandler);
   },
   methods: {
+    onResize() {
+      this.logCardHeight = window.innerHeight * 0.7;
+    },
     canSave: function() {
       return this.formState.valid && this.formState.dirty;
     },