fix: 主题修改

bs-ui/src/settings.js

@@ -2,7 +2,7 @@ module.exports = {
   /**
    * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
    */
-  sideTheme: 'theme-dark',
+  sideTheme: 'theme-light',
 
   /**
    * 是否系统布局配置

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 = {};