From 6002c9f9a3ff50e90ef67007dbdbf5deffb8f217 Mon Sep 17 00:00:00 2001
From: renhao <huxin@123.com>
Date: Fri, 25 Jul 2025 22:50:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E8=AE=BE=E5=A4=87=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=8C=89=E8=A6=81=E6=B1=82=E9=87=8D=E6=96=B0=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/SizeSelect/index.vue       | 45 +++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 Dkl-vue3-ui-DP/src/components/SizeSelect/index.vue

diff --git a/Dkl-vue3-ui-DP/src/components/SizeSelect/index.vue b/Dkl-vue3-ui-DP/src/components/SizeSelect/index.vue
new file mode 100644
index 0000000..4c2e7e9
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/components/SizeSelect/index.vue
@@ -0,0 +1,45 @@
+<template>
+  <div>
+    <el-dropdown trigger="click" @command="handleSetSize">
+      <div class="size-icon--style">
+        <svg-icon class-name="size-icon" icon-class="size" />
+      </div>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size === item.value" :command="item.value">
+            {{ item.label }}
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </div>
+</template>
+
+<script setup>
+import useAppStore from "@/store/modules/app";
+
+const appStore = useAppStore();
+const size = computed(() => appStore.size);
+const route = useRoute();
+const router = useRouter();
+const { proxy } = getCurrentInstance();
+const sizeOptions = ref([
+  { label: "较大", value: "large" },
+  { label: "默认", value: "default" },
+  { label: "稍小", value: "small" },
+]);
+
+function handleSetSize(size) {
+  proxy.$modal.loading("正在设置布局大小，请稍候...");
+  appStore.setSize(size);
+  setTimeout("window.location.reload()", 1000);
+}
+</script>
+
+<style lang='scss' scoped>
+.size-icon--style {
+  font-size: 18px;
+  line-height: 50px;
+  padding-right: 7px;
+}
+</style>
\ No newline at end of file