demo-web-ui

demo-web-ui/src/views/system-admin/UserAdminister/index.vue

@@ -0,0 +1,42 @@
+<template>
+  <el-tabs class="my-tabs" v-model="activeName" type="card" @tab-click="handleClick">
+    <el-tab-pane label="用户列表" name="first">
+      <User></User>
+    </el-tab-pane>
+    <el-tab-pane label="被委托人列表" name="second">
+      <Client></Client>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+  import User from './components/user.vue'
+  import Client from './components/client.vue'
+
+  export default {
+    components: {Client, User},
+    data() {
+      return {
+        activeName: 'first'
+      };
+    },
+    methods: {
+      handleClick(tab, event) {
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  .my-tabs {
+    margin-top: 10px;
+
+    .el-date-editor .el-range-separator {
+      line-height: 26px;
+    }
+
+    .tab-header .el-form-item .el-input__icon {
+      line-height: 26px;
+    }
+  }
+</style>