From 5346cabf516d332971d0f62abf76846e743ae65f Mon Sep 17 00:00:00 2001
From: wx-jincw <jin.chenwei@iwhalecloud.com>
Date: Fri, 11 Apr 2025 12:28:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=B8=BB=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bs-ui/src/settings.js                  |  2 +-
 bs-ui/src/views/gallery/list/index.vue | 24 +++++++++++++++++++++---
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/bs-ui/src/settings.js b/bs-ui/src/settings.js
index 6a0b09f..78a8bc1 100644
--- a/bs-ui/src/settings.js
+++ b/bs-ui/src/settings.js
@@ -2,7 +2,7 @@ module.exports = {
   /**
    * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
    */
-  sideTheme: 'theme-dark',
+  sideTheme: 'theme-light',
 
   /**
    * 是否系统布局配置
diff --git a/bs-ui/src/views/gallery/list/index.vue b/bs-ui/src/views/gallery/list/index.vue
index d5383ae..0696d07 100644
--- a/bs-ui/src/views/gallery/list/index.vue
+++ b/bs-ui/src/views/gallery/list/index.vue
@@ -57,10 +57,17 @@
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="目录" prop="cataId">
-              <el-select v-model="form.cataId" 
+              <treeselect
+              v-model="form.cataId"
+              :options="cates"
+              :normalizer="normalizer"
+              placeholder="选择目录"
+              :allow-empty="true"
+            />
+              <!-- <el-select v-model="form.cataId" 
               style="width: 100%">
                 <el-option v-for="item in cates" :key="item.id" :label="item.cataName" :value="item.id"></el-option>
-              </el-select>
+              </el-select> -->
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -119,11 +126,14 @@ import { listCata } from "@/api/gallery/cata";
 import { pageListImages } from "@/api/gallery/images";
 import { getToken } from "@/utils/auth";
 import { formatDateStr } from "@/utils";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
 export default {
   name: 'List',
   components: {
-    ImageItem
+    ImageItem,
+    Treeselect
   },
   mixins: [tableMixin],
   pageInfo: {
@@ -193,6 +203,14 @@ export default {
     MXCreated() {
       this.query.isOpen = this.isPerson ? '0':'';
 },
+
+normalizer(node) {
+      return {
+        id: node.id,
+        label: node.cataName,
+        children: node.children,
+      };
+    },
 resetQueryTable() {
       this.$refs.multipleTable?.clearSort();
       this.tableSort = {};