From 0f06d28a6bf043087d658b6cf59864fec9bb63dd Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期一, 22 九月 2025 09:19:26 +0800
Subject: [PATCH] ss
---
admin/src/components/common/TreeSelect.vue | 67 +++++++++++++++++++++++++++++++++
1 files changed, 67 insertions(+), 0 deletions(-)
diff --git a/admin/src/components/common/TreeSelect.vue b/admin/src/components/common/TreeSelect.vue
new file mode 100644
index 0000000..fc2efdf
--- /dev/null
+++ b/admin/src/components/common/TreeSelect.vue
@@ -0,0 +1,67 @@
+<!-- 缁勪欢璇︽儏璇峰弬闃呭畼鏂规枃妗ｏ細https://www.vue-treeselect.cn/ -->
+<template>
+ <vue-tree-select
+ :class="{inline}"
+ :placeholder="placeholder"
+ :value="value"
+ :options="data"
+ :clearable="clearable"
+ :flat="flat"
+ :append-to-body="appendToBody"
+ :multiple="multiple"
+ no-children-text="鏃犺褰�"
+ no-options-text="鏃犺褰�"
+ no-results-text="鏈尮閰嶅埌鏁版嵁"
+ @input="$emit('input', $event)"
+ />
+</template>
+
+<script>
+import VueTreeSelect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+export default {
+ name: 'TreeSelect',
+ props: {
+ inline: {
+ default: false
+ },
+ multiple: {
+ default: false
+ },
+ flat: {
+ default: false
+ },
+ value: {},
+ placeholder: {
+ default: '璇烽�夋嫨'
+ },
+ // 鏄惁鍙竻绌�
+ clearable: {
+ default: false
+ },
+ data: {
+ type: Array,
+ required: true
+ },
+ appendToBody: {
+ default: false
+ }
+ },
+ components: { VueTreeSelect }
+}
+</script>
+
+<style scoped lang="scss">
+ .inline {
+ width: 178px;
+ }
+ .vue-treeselect {
+ line-height: 30px;
+ /deep/ .vue-treeselect__control {
+ height: 32px;
+ .vue-treeselect__single-value {
+ line-height: 30px;
+ }
+ }
+ }
+</style>
--
Gitblit v1.9.3