刘璐珈

src/views/MarketingCenter/MarginManagement/index.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="app-container">
-    <el-tabs id="PurchasingCenter/PurchaseTaskAllocate" v-model="tabName" type="border-card">
+    <el-tabs id="PurchasingCenter/PurchaseTaskAllocate" v-model="tabName" type="border-card" @tab-click="handleClick">
       <el-tab-pane label="投标保证金" name="投标保证金">
-        <BidBond/>
+        <BidBond v-if="handle === '投标保证金'"/>
       </el-tab-pane>
       <el-tab-pane label="履约保证金" name="履约保证金">
-        <PerformanceBond/>
+        <PerformanceBond v-if="handle === '履约保证金'"/>
       </el-tab-pane>
       <el-tab-pane label="安全保证金" name="安全保证金">
-        <SafetyMargin/>
+        <SafetyMargin v-if="handle === '安全保证金'"/>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -24,8 +24,15 @@ export default {
   },
   data() {
     return {
+      handle: '',
       tabName: '投标保证金'
     }
+  },
+  methods: {
+
+    handleClick(tab) {
+      this.handle = tab.name
+    }
   }
 }
 </script>