diff --git a/src/views/home/testx.vue b/src/views/home/testx.vue
index 2efb0ea9..6b13dbc0 100644
--- a/src/views/home/testx.vue
+++ b/src/views/home/testx.vue
@@ -1,38 +1,58 @@
 <template>
-    <div>
-    <scQrCode text="xxxx"></scQrCode>
-    </div>
-    <div>
-    <ehsSelect :apiObj="apiObj" v-model="x" :showName="x_name" placeholder="部门" clearable :params="{'search': '生产'}"></ehsSelect>
-    </div>
-    <div>
-    <scIconSelect></scIconSelect>
-    </div>
-    <div>
-    <ehsTableSelect :apiObj="apiObj2" v-model="x2">
-        <el-table-column label="姓名" prop="name"></el-table-column>
-        <el-table-column label="账号" prop="username"></el-table-column>
-    </ehsTableSelect>
-    </div>
+	<el-container>
+        <el-aside width="200px">
+            <el-menu>
+                <el-menu-item index="1" @click="currentM='二维码'">二维码</el-menu-item>
+                <el-menu-item index="2" @click="currentM='带默认的选择'">带默认的选择</el-menu-item>
+                <el-menu-item index="3" @click="currentM='图标选择'">图标选择</el-menu-item>
+                <el-menu-item index="4" @click="currentM='表格选择'">表格选择</el-menu-item>
+            </el-menu>
+        </el-aside>
+		<el-main>
+			<div v-if="currentM=='二维码'">
+				<scQrCode text="xxxx"></scQrCode>
+			</div>
+			<div v-if="currentM=='带默认的选择'">
+				<ehsSelect
+					:apiObj="apiObj"
+					v-model="x"
+					:showName="x_name"
+					placeholder="部门"
+					clearable
+					:params="{ search: '生产' }"
+				></ehsSelect>
+			</div>
+			<div v-if="currentM=='图标选择'">
+				<scIconSelect></scIconSelect>
+			</div>
+			<div v-if="currentM=='表格选择'">
+				<ehsTableSelect :apiObj="apiObj2" v-model="x2">
+					<el-table-column label="姓名" prop="name"></el-table-column>
+					<el-table-column
+						label="账号"
+						prop="username"
+					></el-table-column>
+				</ehsTableSelect>
+			</div>
+		</el-main>
+	</el-container>
 </template>
 <script>
 export default {
-    name: 'testx',
-    components: {
-    },
-    data() {
-        return {
-            apiObj: this.$API.system.dept.list,
-            x: '3607937377546706944',
-            x_name: '光芯科技',
-            // x:null,
-            apiObj2: this.$API.system.user.list,
-            x2: {}
-        }
-    },
-    mounted() {
-    },
-    methods: {
-    }
-}
-</script>
\ No newline at end of file
+	name: "testx",
+	components: {},
+	data() {
+		return {
+            currentM: "",
+			apiObj: this.$API.system.dept.list,
+			x: "3607937377546706944",
+			x_name: "光芯科技",
+			// x:null,
+			apiObj2: this.$API.system.user.list,
+			x2: {},
+		};
+	},
+	mounted() {},
+	methods: {},
+};
+</script>