1.上传分类接口联调

2.新增转移组件
sws 2024-08-13

src/api/upload.ts

@@ -47,7 +47,7 @@ export interface Tree {
     /** 路径 */
     path: string;
     /** 是否开启 */
-    is_enable: boolean;
+    is_enable: Number;
     /** 排序 */
     sort: number;
     /** 下级 */

src/components/common/upload/form-upload-category.vue

@@ -17,7 +17,7 @@
                     <el-input v-model="form.sort" placeholder="请输入排序"></el-input>
                 </el-form-item>
                 <el-form-item label="是否启用">
-                    <el-switch v-model="form.is_enable"></el-switch>
+                    <!-- <el-switch v-model="form.is_enable"></el-switch> -->
                 </el-form-item>
             </el-form>
         </div>
@@ -67,7 +67,7 @@ const form = ref<Tree>({
     name: '',
     path: '',
     sort: 0,
-    is_enable: true,
+    is_enable: 1,
     items: [],
 });
 watch(
@@ -82,7 +82,7 @@ watch(
                 name: '',
                 path: '',
                 sort: 0,
-                is_enable: true,
+                is_enable: 1,
                 items: [],
             };
         }

src/components/common/upload/index.vue

@@ -471,7 +471,7 @@ const upload_category_model = ref<Tree>({
     name: '',
     path: '',
     sort: 0,
-    is_enable: true,
+    is_enable: 1,
     items: [],
 });
 // 分类弹窗操作类型

src/components/common/upload/transform-category.vue

@@ -23,7 +23,7 @@
                 <el-cascader-panel v-model="cascader_val" :options="cascader_data" @change="cascader_change"></el-cascader-panel>
             </div>
             <div class="flex-row jc-e">
-                <el-button type="primary" @click="visible_dialog = false">取消</el-button>
+                <el-button @click="visible_dialog = false">取消</el-button>
                 <el-button type="primary" @click="confirm">确定</el-button>
             </div>
         </div>
@@ -84,7 +84,21 @@ const category_id = ref('');
 const cascader_change = (val: any) => {
     // 根据获取的val从data中获取label
     category_id.value = val[val.length - 1];
-    temp_label.value = cascader_data.value.find((item: any) => item.value == category_id.value)?.label || '';
+    get_label(cascader_data.value, category_id.value);
+};
+// 遍历cascader_data数据value获取label,如果没有则递归到每一项的items下
+const get_label = (item: any, val: any) => {
+    if (!item) return;
+    item.forEach((item: any) => {
+        console.log(item.value + '-' + val);
+        if (item.value == val) {
+            temp_label.value = item.label;
+        } else {
+            if (item.children && item.children.length > 0) {
+                get_label(item.children, val);
+            }
+        }
+    });
 };
 // 确定提交事件
 const confirm = () => {