Fix subtab componet modal render error (#57)

douban · Nov 3, 2020 · e49ce2e · e49ce2e
1 parent ebd3f77
commit e49ce2e
Showing 1 changed file with 15 additions and 14 deletions.
diff --git a/frontend/src/components/SubTabNoRecursive.vue b/frontend/src/components/SubTabNoRecursive.vue
@@ -1,19 +1,20 @@
 <template>
-  <a-tabs type="card" :tabPosition="'left'" :activeKey="resultActiveKey" @tabClick='tabClickHandler'>
-    <a-tab-pane v-for="value of resultData.tasks" :key="value.id">
-      <template slot="tab">
-        {{ value.name.length > 30 ? value.name.slice(0, 30) + '...': value.name }}
-      </template>
-      <result-host-table v-bind:data-loaded="dataLoaded" v-bind:resultData="value.result" 
-      :ticketId="ticketId" @showPrettyLog="showPrettyLog"></result-host-table>
+  <div>
+    <a-modal :visible="prettyLogVisible" title="log" ok-text="confirm" cancel-text="cancel" @ok="onConfirm" @cancel="onCancel" width="85%" id="prettyLogModal">
+      <result-host-table v-bind:data-loaded="prettyLogLoaded" v-bind:resultData="prettyLogResult" 
+          :ticketId="ticketId"></result-host-table>
+    </a-modal>
 
-      <a-modal v-model="prettyLogVisible" title="log" ok-text="confirm" cancel-text="cancel" @ok="onConfirm" @cancel="onCancel" width="85%">
-        <result-host-table v-bind:data-loaded="prettyLogLoaded" v-bind:resultData="prettyLogResult" 
-            :ticketId="ticketId"></result-host-table>
-      </a-modal>
-
-    </a-tab-pane>
-  </a-tabs>
+    <a-tabs type="card" :tabPosition="'left'" :activeKey="resultActiveKey" @tabClick='tabClickHandler'>
+      <a-tab-pane v-for="value of resultData.tasks" :key="value.id">
+        <template slot="tab">
+          {{ value.name.length > 30 ? value.name.slice(0, 30) + '...': value.name }}
+        </template>
+        <result-host-table v-bind:data-loaded="dataLoaded" v-bind:resultData="value.result" 
+        :ticketId="ticketId" @showPrettyLog="showPrettyLog"></result-host-table>
+      </a-tab-pane>
+    </a-tabs>
+  </div>
 </template>
 <script>
 import ResultHostTable from './ResultHostTable'