修改测试bug 优化页面

src/views/govern/device/permission/index.vue

@@ -0,0 +1,22 @@
+<template>
+    <div class="default-main">
+        <el-tabs type="border-card" v-model="activeName">
+            <el-tab-pane label="营销用户" name="1"><Disposition v-if="activeName == '1'" /></el-tab-pane>
+            <el-tab-pane label="正式用户" name="2"><OfficialUser v-if="activeName == '2'" /></el-tab-pane>
+            <el-tab-pane label="游客" name="3"><Tourist v-if="activeName == '3'" /></el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import Disposition from '@/views/govern/device/disposition/index.vue'
+import OfficialUser from '@/views/govern/device/officialUser/index.vue'
+import Tourist from '@/views/govern/device/tourist/index.vue'
+const activeName = ref('1')
+</script>
+<style lang="scss" scoped>
+:deep(.el-tabs--border-card > .el-tabs__content) {
+    padding: 0px;
+}
+</style>