From 337651a707fcdfdb680faf399e1a823bc334ce55 Mon Sep 17 00:00:00 2001
From: memorylkf <312904636@qq.com>
Date: Tue, 23 Dec 2025 15:16:58 +0800
Subject: [PATCH] =?UTF-8?q?[feat]=20[=E7=BB=84=E4=BB=B6]=20=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E9=83=A8=E9=97=A8=E7=9A=84=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/business/comps/select/SelectDept.vue | 64 ++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 src/views/business/comps/select/SelectDept.vue

diff --git a/src/views/business/comps/select/SelectDept.vue b/src/views/business/comps/select/SelectDept.vue
new file mode 100644
index 0000000..d912ff0
--- /dev/null
+++ b/src/views/business/comps/select/SelectDept.vue
@@ -0,0 +1,64 @@
+<!-- 选择部门 -->
+<template>
+  <treeselect v-model="selected" :options="list" :show-count="true" :disabled="readonly" :placeholder="$t('form.placeholderSelect')" @select="handleChange" />
+</template>
+
+<script>
+import Treeselect from "@riophae/vue-treeselect"
+import { deptTreeSelect } from "@/api/system/user"
+export default {
+  name: "SelectDept",
+  components: {Treeselect},
+  props: {
+    value: {
+      type: [Number, String , Array],
+      default: null,
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(v) {
+        this.selected = v ? parseInt(v) : null
+      }
+    },
+  },
+  data() {
+    return {
+      selected: null,
+      list: [],
+    };
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.list = []
+      deptTreeSelect().then(response => {
+        this.list = this.filterDisabledDept(JSON.parse(JSON.stringify(response.data)))
+      })
+    },
+    // 过滤禁用的部门
+    filterDisabledDept(deptList) {
+      return deptList.filter(dept => {
+        if (dept.disabled) {
+          return false
+        }
+        if (dept.children && dept.children.length) {
+          dept.children = this.filterDisabledDept(dept.children)
+        }
+        return true
+      })
+    },
+    handleChange(val) {
+      alert(val?val.label : '')
+      this.$emit('input', val?val.id : '')
+    },
+  }
+};
+</script>