feat:部门权限

src/components/Select/SelectDept.vue

@@ -1,30 +1,28 @@
 <template>
-	<el-tree-select
-		v-model="selectId"
-		:data="deptOptions"
-		:props="{ value: 'id', label: 'name', children: 'children' }"
-		class="w100"
-		filterable
-		clearable
-		check-strictly
-		:render-after-expand="false"
-		:placeholder="placeholder"
-		@change="handleChange"
-	/>
+	<el-tree-select v-model="selectId" :data="deptOptions" :props="{ value: 'id', label: 'name', children: 'children' }"
+		class="w100" filterable clearable check-strictly :render-after-expand="false" :placeholder="placeholder"
+		@change="handleChange" />
 </template>
 
 <script setup lang="ts" name="SelectDept">
 import { ref, onMounted } from "vue"
-import { deptTree } from "/@/api/admin/dept"
+import { deptTree, deptTreeSelect } from "/@/api/admin/dept"
 import { useMessage } from "/@/hooks/message"
 
 const selectId = defineModel()
 
-defineProps({
+const props = defineProps({
 	placeholder: {
 		type: String,
 		default: "请选择部门",
 	},
+	/**
+	 * "all" | "scope"
+	 */
+	dataScope: {
+		type: String,
+		default: "scope",
+	}
 })
 
 const emit = defineEmits(["update:modelValue", "change"])
@@ -34,13 +32,14 @@ const deptOptions = ref<any[]>([])
 // 加载部门树数据
 const loadDeptTree = async () => {
 	try {
-		const res = await deptTree()
+		const res: any = props.dataScope == "scope" ? await deptTree() : await deptTreeSelect()
 		if (res.code == 0) {
 			deptOptions.value = res.data || []
 		} else {
 			useMessage().error(res.msg || "获取部门数据失败")
 		}
 	} catch (error: any) {
+		console.error(error);
 		useMessage().error(error.msg || "获取部门数据失败")
 	}
 }