-- 内容分类

src/views/courselibrary/courseModal.vue

@@ -94,10 +94,10 @@
                     :style="{ display: hideshow ? 'block' : 'none' }"
                 >
                   <span style="color: #999ba3">
-                    1、课程名称统一不加书名号。<br />
+                    1、课程名称统一不加书名号。<br/>
                     2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
                     之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-                    看到的是课程内容主题。<br />
+                    看到的是课程内容主题。<br/>
                     3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
                     版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
                   </span>
@@ -192,20 +192,33 @@
                 </div>
                 <div class="item_inp">
                   <div class="select i6_input">
-                    <a-select
+                    <!--                    <a-select-->
+                    <!--                        :getPopupContainer="-->
+                    <!--                        (triggerNode) => {-->
+                    <!--                          return triggerNode.parentNode || document.body;-->
+                    <!--                        }-->
+                    <!--                      "-->
+                    <!--                        v-model:value="fen_lei"-->
+                    <!--                        dropdownClassName="dropdown-style"-->
+                    <!--                        style="width: 440px"-->
+                    <!--                        placeholder="请选择"-->
+                    <!--                        :options="options2"-->
+                    <!--                        allowClear-->
+                    <!--                        showSearch-->
+                    <!--                    />-->
+                    <a-tree-select
+                        style="width: 440px"
+                        placeholder="请选择内容分类"
+                        :treeDefaultExpandAll="true"
                         :getPopupContainer="
                         (triggerNode) => {
                           return triggerNode.parentNode || document.body;
                         }
                       "
                         v-model:value="fen_lei"
-                      dropdownClassName="dropdown-style"
-                      style="width: 440px"
-                      placeholder="请选择"
-                      :options="options2"
-                      allowClear
-                      showSearch
-                    />
+                        :tree-data="contentClassify"
+                    >
+                    </a-tree-select>
                   </div>
                 </div>
               </div>
@@ -322,7 +335,7 @@
                   <span style="margin-right: 10px">附件</span>
                 </div>
                 <div class="item_inp">
-                  <FJUpload v-model:value="attach" />
+                  <FJUpload v-model:value="attach"/>
                 </div>
               </div>
             </div>
@@ -375,16 +388,17 @@ import {
   // onMounted,
   onUnmounted,
 } from "vue";
-import { message } from "ant-design-vue";
-import { edit, detail, handle } from "@/api/indexCourse";
-import { fileUp } from "../../api/indexEval";
+import {message} from "ant-design-vue";
+import {edit, detail, handle} from "@/api/indexCourse";
+import {fileUp} from "../../api/indexEval";
 import * as api1 from "../../api/index1";
 import "@wangeditor/editor/dist/css/style.css";
-import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import {Editor, Toolbar} from "@wangeditor/editor-for-vue";
 import ProjectManager from "@/components/project/ProjectManagerNew";
 import FJUpload from "@/components/common/FJUpload";
 import * as moment from "moment";
 import * as api2 from "../../api/indexAudit";
+
 export default defineComponent({
   components: {
     Editor,
@@ -392,7 +406,7 @@ export default defineComponent({
     FJUpload,
     ProjectManager,
   },
-  setup(props, { expose, emit }) {
+  setup(props, {expose, emit}) {
     const state = reactive({
       hideshow: true,
       ft_eidt: false,
@@ -401,7 +415,7 @@ export default defineComponent({
       addLoading: false,
       statusJuJue: 0,
       statusTingQi: 1,
-      member: { name: "", value: "" },
+      member: {name: "", value: ""},
 
       offcourseId: null,
       qdms_inputV1: "",
@@ -415,6 +429,7 @@ export default defineComponent({
       qdms_inputV6: "",
       imgList: [],
       auditDescription: "",
+      contentClassify: []
     });
 
     const visibleOpen = (offcourseId, name) => {
@@ -454,7 +469,7 @@ export default defineComponent({
       state.addLoading = false;
       state.statusJuJue = 0;
       state.statusTingQi = 1;
-      state.member = { name: "", value: "" };
+      state.member = {name: "", value: ""};
 
       state.offcourseId = null;
       state.qdms_inputV1 = "";
@@ -468,7 +483,7 @@ export default defineComponent({
       state.qdms_inputV6 = "";
       state.imgList = [];
       state.attach = "";
-      state.auditDescription="";
+      state.auditDescription = "";
 
       // valueHtml.value = "";
     };
@@ -493,7 +508,7 @@ export default defineComponent({
     const toolbarConfig = {
       excludeKeys: ["insertVideo", "insertImage"],
     };
-    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
+    const editorConfig = {placeholder: "请输入内容...", MENU_CONF: {}};
     editorConfig.MENU_CONF["uploadImage"] = {
       // 自定义上传
       async customUpload(file, insertFn) {
@@ -576,15 +591,29 @@ export default defineComponent({
                 });
                 options3.value = newArr;
               }
+              if (param === "contentClassify") {
+                state.contentClassify = dealDickTree(res.data.data.rows) || []
+              }
             }
           })
           .catch((err) => {
             console.log("获取字典失败", err);
           });
     };
+
+    function dealDickTree(data, level = 1) {
+      return data?.filter(e => e.levelId == level).map(({dictName, dictCode}) => ({
+        title: dictName,
+        value: dictCode,
+        key: dictCode,
+        children: dealDickTree(data, dictCode)
+      }))
+    }
+
     getDictList("faceclassClass");
     getDictList("faceclassScene");
     getDictList("faceclassPic");
+    getDictList("contentClassify");
     //获取分类、场景、封面图、----------------字典配置---------------------------
 
     const hideShow = () => {
@@ -686,8 +715,8 @@ export default defineComponent({
           if (res.data.code === 200) return res.data.data;
         });
         if (res.rows && res.rows.length > 0) {
-          let i =res.rows.length;
-            state.auditDescription =  res.rows[i-1].description?res.rows[i-1].description :"-";
+          let i = res.rows.length;
+          state.auditDescription = res.rows[i - 1].description ? res.rows[i - 1].description : "-";
         }
       }
 
@@ -699,12 +728,12 @@ export default defineComponent({
       state.chang_jin = String(item.sceneId);
       state.tags_val = item.tips ? item.tips.split(",") : [];
       state.qdms_inputV6 = item.intro;
-      state.member = { value: item.teacherId, name: item.teacher };
+      state.member = {value: item.teacherId, name: item.teacher};
       valueHtml.value = item.outline;
       let arrss = item.attach.split(',')
-      let str =''
-      for(let i=0;i<arrss.length;i++){
-        i == arrss.length -1 ?  str += arrss[i].slice(arrss[i].lastIndexOf('/')+1) : str += arrss[i].slice(arrss[i].lastIndexOf('/')+1) + ','
+      let str = ''
+      for (let i = 0; i < arrss.length; i++) {
+        i == arrss.length - 1 ? str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) : str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) + ','
       }
       console.log(str)
       state.attach = str;
@@ -1171,8 +1200,8 @@ export default defineComponent({
   }
 
   .choiceoptionurl {
-    width:60px;
-    height:60px;
+    width: 60px;
+    height: 60px;
     margin-right: 10px;
     border-radius: 8px;
   }