feat: 测试页更改

src/views/home/testx.vue

@@ -1,38 +1,58 @@
 <template>
-    <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>
+			<div v-if="currentM=='带默认的选择'">
-    <ehsSelect :apiObj="apiObj" v-model="x" :showName="x_name" placeholder="部门" clearable :params="{'search': '生产'}"></ehsSelect>
+				<ehsSelect
+					:apiObj="apiObj"
+					v-model="x"
+					:showName="x_name"
+					placeholder="部门"
+					clearable
+					:params="{ search: '生产' }"
+				></ehsSelect>
 			</div>
-    <div>
+			<div v-if="currentM=='图标选择'">
 				<scIconSelect></scIconSelect>
 			</div>
-    <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>
+					<el-table-column
+						label="账号"
+						prop="username"
+					></el-table-column>
 				</ehsTableSelect>
 			</div>
+		</el-main>
+	</el-container>
 </template>
 <script>
 export default {
-    name: 'testx',
+	name: "testx",
-    components: {
+	components: {},
-    },
 	data() {
 		return {
+            currentM: "",
 			apiObj: this.$API.system.dept.list,
-            x: '3607937377546706944',
+			x: "3607937377546706944",
-            x_name: '光芯科技',
+			x_name: "光芯科技",
 			// x:null,
 			apiObj2: this.$API.system.user.list,
-            x2: {}
+			x2: {},
-        }
+		};
 	},
-    mounted() {
+	mounted() {},
-    },
+	methods: {},
-    methods: {
+};
-    }
-}
 </script>