el-tabs的封装

src/components/Tabs.vue

+<template>
+  <el-tabs v-bind="$attrs" v-on="$listeners" :tab-position="tabPosition">
+      <slot></slot>
+  </el-tabs>
+</template>
+
+<script>
+export default {
+    props: {
+        // top/right/bottom/left
+        tabPosition: {
+            type: String,
+            default: "top",
+            required: false
+        }
+    },
+    data () {
+        return {
+        }
+    }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

src/components/index.js

@@ -9,6 +9,7 @@ import Button from './Button.vue'
 import DatePicker from './DatePicker.vue'
 import Checkbox from './Checkbox.vue'
 import Table from "./Table"
+import Tabs from "./Tabs.vue"
 import IStreamTable from "./IStreamTable.vue"
 import IStreamTableDocpan from "./IStreamTableDocpan.vue"
 import GridEtyPromptDialog from "./GridEtyPromptDialog.vue"
@@ -50,6 +51,7 @@ export default {
         Vue.component("c-docshow", DocShow)
         Vue.component("c-UnicodePicker", UnicodePicker)
         Vue.component("c-table", Table)
+        Vue.component("c-tabs", Tabs)
         Vue.component("c-istream-table", IStreamTable)
         Vue.component("c-istream-table-docpan", IStreamTableDocpan)
         Vue.component("c-grid-ety-prompt-dialog", GridEtyPromptDialog)

src/views/Business/Cptadv/index.vue

 <template>
   <div class="eContainer">
     <el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small">
-        <el-tabs ref="elment" type="card" @tab-click="tabClick"> 
+        <c-tabs ref="elment" type="card" @tab-click="tabClick"> 
         <el-tab-pane label="Overview">  
        <!--PD000020 -->
        <m-opnp1 :model="model" :codes="codes"/>
@@ -34,7 +34,7 @@
        <!--PD000002 -->
        <m-cnyp :model="model" :codes="codes"/>
        </el-tab-pane>
-       </el-tabs> 
+       </c-tabs> 
     </el-form>
   </div>
 </template>

src/views/Business/Ditame/index.vue

@@ -7,7 +7,7 @@
             label-width="100px"
             size="small"
         >
-            <el-tabs ref="elment" type="card" @tab-click="tabClick">
+            <c-tabs ref="elment" type="card" @tab-click="tabClick">
 
                 <el-tab-pane label="修改">
                     <!--PD000015 -->
@@ -105,7 +105,7 @@
                     <!--PD000001 -->
                     <m-limitbody :model="model" :codes="codes" />
                 </el-tab-pane>
-            </el-tabs>
+            </c-tabs>
         </el-form>
     </div>
 </template>

src/views/Business/Ditopn/index.vue

@@ -2,7 +2,7 @@
 <c-page title="买方信用证开立">
   <div class="eContainer">
     <el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false">
-        <el-tabs ref="elment" type="card" @tab-click="tabClick"> 
+        <c-tabs ref="elment" type="card" @tab-click="tabClick"> 
         <el-tab-pane label="内容">
        <!--PD000001 -->
        <m-ovwp :model="model" :codes="codes"/>
@@ -90,7 +90,7 @@
         </el-tab-pane> 
 
 
-        </el-tabs> 
+        </c-tabs> 
         <c-bus-button :$pntvm="this"></c-bus-button>
     </el-form>
   </div>

src/views/Business/Office/index.vue

@@ -6,12 +6,12 @@
       
             <el-container style="height:100%">
             <el-main style="padding:0">
-              <el-tabs class="fulltab" v-model="todoActive" type="card" @tab-click="handleClick">
+              <c-tabs class="fulltab" v-model="todoActive" type="card" @tab-click="handleClick">
 
                 <el-tab-pane  v-for="item in codes.todo" :key="item.value" :label="item.label" :name="item.value">
                   <s-todo :todoType="item.value"/>
                 </el-tab-pane>
-              </el-tabs>
+              </c-tabs>
             </el-main>
             </el-container>
           

src/views/Business/Sptsel/index.vue

 <template>
     <div class="eContainer">
         <el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="170px" size="small" :validate-on-rule-change="false">
-            <el-tabs ref="elment" type="border-card" @tab-click="tabClick">
+            <c-tabs ref="elment" type="border-card" @tab-click="tabClick">
                 <el-tab-pane label="待办任务查询">
                     <m-menu :model="model" :codes="codes" ref="Menu"/>
                 </el-tab-pane>
-            </el-tabs>
+            </c-tabs>
         </el-form>
     </div>
 </template>