--fix 内容分类 改成从字典取值

src/store/index.js

@@ -32,6 +32,7 @@ export default createStore({
         projectSys: [],//培训分类
         pathmapPic: [],//学习路径背景图
         memberInitInfo: [],//学员默认
+        sysType: [],//学员默认
     },
     getters: {},
     mutations: {

src/views/courselibrary/CoursewareManage.vue

@@ -54,7 +54,7 @@
               tree-default-expand-all
               :fieldNames="{
                 children: 'children',
-                label: 'name',
+                label: 'dictCode',
                 value: 'dictName',
               }"
               :tree-data="sysTypeOptions"

src/views/courselibrary/courseModal.vue

@@ -138,26 +138,15 @@
 								</div>
 								<div class="item_inp">
 									<div class="select i6_input">
-										<!--                    <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="
+											             :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
-	(triggerNode) => {
+                                   v-model:value="fen_lei"
-		return triggerNode.parentNode || document.body;
+                                   :tree-data="sysTypeOptions"
-	}
+                                   :fieldNames="{
-" @change="changeTreeSelectValue" v-model:value="fen_lei" :tree-data="options2222">
+                                          children: 'children',
+                                          label: 'dictName',
+                                          value: 'dictCode',
+                                        }">
 										</a-tree-select>
 									</div>
 								</div>
@@ -321,13 +310,12 @@
 </template>
 <script>
 import {
-	reactive,
+  reactive,
-	toRefs,
+  toRefs,
-	defineComponent,
+  defineComponent,
-	ref,
+  ref,
-	shallowRef,
+  shallowRef,
-	// onMounted,
+  onUnmounted, computed, watch,
-	onUnmounted,
 } from "vue";
 import { validateName } from "@/api/index1";
 import { message } from "ant-design-vue";
@@ -336,11 +324,11 @@ 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 ProjectManager from "@/components/project/ProjectManagerNew";
 import NameInput from "@/components/project/NameInput";
 import FJUpload from "@/components/common/FJUpload";
 import * as moment from "moment";
 import * as api2 from "../../api/indexAudit";
+import {useStore} from "vuex";
 
 export default defineComponent({
 	components: {
@@ -348,7 +336,6 @@ export default defineComponent({
 		Toolbar,
 		FJUpload,
 		NameInput,
-		//ProjectManager,
 	},
 	props: {
 		xzinputV1: {
@@ -514,6 +501,19 @@ export default defineComponent({
 				}
 			],
 		});
+    const store = useStore();
+
+    const sysTypeOptions = computed(() => store.state.sysType);
+
+    watch(()=>state.fen_lei,()=>{
+      state.fen_lei1 = findClassFullName(sysTypeOptions.value)
+    })
+
+    function findClassFullName(list,name=''){
+     return list && list.length && list.map(e=>{
+       return  state.fen_lei == e.dictCode ? name?name+'-'+e.dictName:e.dictName : findClassFullName(e.children,name?name+'-'+e.dictName:e.dictName)
+      }).filter(name=>name).join('')
+    }
 
 		// 删除文件返回参数
 		const changevalue = (e) => {
@@ -855,8 +855,7 @@ export default defineComponent({
 			state.feng_mian_1 = item.picUrl;
 			state.qdms_inputV2 = item.targetUser;
 			state.qdms_inputV3 = item.meaning;
-			state.fen_lei = String(item.categoryId);
+			state.fen_lei = item.categoryId;
-			state.fen_lei1 = changeTreeSelectValue(String(item.categoryId));
 			state.chang_jin = String(item.sceneContent ? item.sceneContent : '');
 			state.tags_val = item.tips ? item.tips.split(",") : [];
 			state.qdms_inputV6 = item.intro;
@@ -911,37 +910,9 @@ export default defineComponent({
 			});
 		};
 
-		// 格式化树型结构选择数据
-		const changeTreeSelectValue = (values) => {
-			let data = state.options2222;
-			console.log(values, data)
-			let str = ''
-			for (let i = 0; i < data.length; i++) {
-				if (data[i].value == values) {
-					str = data[i].title
-				} else {
-					for (let j = 0; j < data[i].children.length; j++) {
-						if (data[i].children[j].value == values) {
-							str = data[i].title + '/' + data[i].children[j].title
-						} else {
-							if (data[i].children[j].children) {
-								for (let k = 0; k < data[i].children[j].children.length; k++) {
-									if (data[i].children[j].children[k].value == values) {
-										str = data[i].title + '/' + data[i].children[j].title + '/' + data[i].children[j].children[k].title
-									}
-								}
-							}
-						}
-					}
-				}
-			}
-			console.log('str-str-str-str', str)
-			state.fen_lei1 = str;
-			return str;
-		}
-
 		return {
 			...toRefs(state),
+      sysTypeOptions,
 			moment,
 			options2,
 			options3,
@@ -963,7 +934,6 @@ export default defineComponent({
 			handleCreated,
 			choicePic,
 			changevalue,
-			changeTreeSelectValue
 		};
 	},
 });

src/views/examine/CourseReviewed.vue

@@ -107,9 +107,10 @@
 	</div>
 </template>
 <script>
-import { reactive, toRefs, onMounted } from "vue";
+import {reactive, toRefs, onMounted, computed} from "vue";
 import { courseListView } from "../../api/indexAudit";
 import * as api1 from "@/api/index1";
+import {useStore} from "vuex";
 
 export default {
 	name: "CoursereViewed",
@@ -398,48 +399,19 @@ export default {
 			],
 		});
 
-		// 课程三级分类回显
+    const store = useStore();
-		const sHX = (data) => {
-			let str = '-'
-			let sdata = state.options2222
-			for (let i = 0; i < sdata.length; i++) {
-				for (let j = 0; j < sdata[i].children.length; j++) {
-					str = changeTreeSelectValue(String(data))
-					{/* if (String(sdata[i].children[j].value) === String(data)) {
-               str = sdata[i].children[j].title;
-            } */}
-				}
-			}
-			return str
-		}
 
-		// 格式化树型结构选择数据
+    const sysTypeOptions = computed(() => store.state.sysType);
-		const changeTreeSelectValue = (values) => {
+
-			let data = state.options2222;
+    function findClassFullName(list,classify,name=''){
-			console.log(values, data)
+      return list && list.length && list.map(e=>{
-			let str = ''
+        return  classify == e.dictCode ? name?name+'-'+e.dictName:e.dictName : findClassFullName(e.children,classify,name?name+'-'+e.dictName:e.dictName)
-			for (let i = 0; i < data.length; i++) {
+      }).filter(name=>name).join('')
-				if (data[i].value == values) {
+    }
-					str = data[i].title
+
-				} else {
+		// 课程三级分类回显
-					for (let j = 0; j < data[i].children.length; j++) {
+		const sHX = (classify) => {
-						if (data[i].children[j].value == values) {
+      return findClassFullName(sysTypeOptions.value,classify) || '-'
-							str = data[i].title + '/' + data[i].children[j].title
-						} else {
-							if (data[i].children[j].children) {
-								for (let k = 0; k < data[i].children[j].children.length; k++) {
-									if (data[i].children[j].children[k].value == values) {
-										str = data[i].title + '/' + data[i].children[j].title + '/' + data[i].children[j].children[k].title
-									}
-								}
-							}
-						}
-					}
-				}
-			}
-			console.log('str-str-str-str', str)
-			state.fen_lei1 = str;
-			return str;
 		}
 
 		const getList = () => {

src/views/examine/CourseReviewedN.vue

@@ -22,16 +22,8 @@
                   ...calssifyList,
                 ]"
               />-->
-							<a-tree-select :getPopupContainer="
+							<a-tree-select :getPopupContainer="triggerNode => triggerNode.parentNode || document.body" v-model:value="valueproj" show-search :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-								(triggerNode) => {
-									return triggerNode.parentNode || document.body;
-								}
-							" v-model:value="valueproj" show-search :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
 								placeholder="请选择内容分类" tree-default-expand-all :tree-data="options2222">
-								<template #title="{ value: val, title }">
-									<b v-if="val === '11111'" style="color: #08c">sss</b>
-									<template v-else>{{ title }}</template>
-								</template>
 							</a-tree-select>
 						</div>
 						<div class="inpbox1">
@@ -130,12 +122,13 @@
 	</div>
 </template>
 <script>
-import { reactive, toRefs, onMounted, ref } from "vue";
+import {reactive, toRefs, onMounted, ref, computed} from "vue";
 import { list, courseAuditView, courseDetail } from "../../api/indexAudit";
 import { message } from "ant-design-vue";
 import SeeModal from "../courselibrary/components/seeModal.vue";
 import { iframeUrl } from "../../api/method";
 import * as api1 from "@/api/index1";
+import {useStore} from "vuex";
 
 export default {
 	name: "CoursereViewedN",
@@ -171,7 +164,7 @@ export default {
 			chooseCreater: null,
 			chooseOffId: null,
 			lookCourseModal: false, //预览
-			faceDetailObj: null,
+			faceDetailObj: {},
 			columns1: [
 				// {
 				//  title: "序号",
@@ -257,7 +250,6 @@ export default {
 								<span
 									onClick={() => {
 										getFaceDetail(value.record.offId);
-										console.log(value.record);
 									}}
 									style="cursor:pointer;color:#387DF7"
 								>
@@ -406,20 +398,19 @@ export default {
 				}
 			],
 		});
+    const store = useStore();
+
+    const sysTypeOptions = computed(() => store.state.sysType);
+
+    function findClassFullName(list,classify,name=''){
+      return list && list.length && list.map(e=>{
+        return  classify == e.dictCode ? name?name+'-'+e.dictName:e.dictName : findClassFullName(e.children,classify,name?name+'-'+e.dictName:e.dictName)
+      }).filter(name=>name).join('')
+    }
 
 		// 课程三级分类回显
-		const sHX = (data) => {
+		const sHX = (classify) => {
-			let str = '-'
+      return findClassFullName(sysTypeOptions.value,classify) || '-'
-			let sdata = state.options2222
-			for (let i = 0; i < sdata.length; i++) {
-				for (let j = 0; j < sdata[i].children.length; j++) {
-					str = changeTreeSelectValue(String(data))
-					// if (String(sdata[i].children[j].value) === String(data)) {
-					// 	str = sdata[i].children[j].title;
-					// }
-				}
-			}
-			return str
 		}
 
 		/*
@@ -642,35 +633,6 @@ export default {
 			}));
 		});
 
-		// 格式化树型结构选择数据
-		const changeTreeSelectValue = (values) => {
-			let data = state.options2222;
-			console.log(values, data)
-			let str = ''
-			for (let i = 0; i < data.length; i++) {
-				if (data[i].value == values) {
-					str = data[i].title
-				} else {
-					for (let j = 0; j < data[i].children.length; j++) {
-						if (data[i].children[j].value == values) {
-							str = data[i].title + '/' + data[i].children[j].title
-						} else {
-							if (data[i].children[j].children) {
-								for (let k = 0; k < data[i].children[j].children.length; k++) {
-									if (data[i].children[j].children[k].value == values) {
-										str = data[i].title + '/' + data[i].children[j].title + '/' + data[i].children[j].children[k].title
-									}
-								}
-							}
-						}
-					}
-				}
-			}
-			console.log('str-str-str-str', str)
-			state.fen_lei1 = str;
-			return str;
-		}
-
 		// 禁止用户编辑文本框内容
 		const onEditorFocus = (event) => {
 			event.enable(false);