|
|
@@ -0,0 +1,41 @@
|
|
|
+<template>
|
|
|
+ <div class="tabZujian">
|
|
|
+ <el-tabs v-model="activeName" >
|
|
|
+ <el-tab-pane label="油站信息" name="info" :key="'info'">
|
|
|
+ <child1></child1>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="支付配置" name="pay" :key="'pay'">
|
|
|
+ <child2></child2>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="设备管理" name="notice" :key="'notice'">
|
|
|
+ <child3></child3>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ import tabZujianChild1 from './info/index.vue'
|
|
|
+ import tabZujianChild2 from './pay/index.vue'
|
|
|
+ import tabZujianChild3 from './manage/index.vue'
|
|
|
+ export default {
|
|
|
+ name: 'tabZujian',
|
|
|
+ components:{
|
|
|
+ child1:tabZujianChild1,
|
|
|
+ child2:tabZujianChild2,
|
|
|
+ child3:tabZujianChild3
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeName: 'info'
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ .tabZujian {
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+</style>
|
Joe