From d10f4a790a3ee8eabb0d31ac2243062b2393183d Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Thu, 24 Oct 2024 11:06:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B5=8B=E8=AF=95=E9=A1=B5=E6=9B=B4?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/testx.vue | 88 ++++++++++++++++++++++++----------------
 1 file changed, 54 insertions(+), 34 deletions(-)

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>