fix:面授课预览三级分类显示

src/views/courselibrary/components/seeModal.vue

@@ -228,126 +228,129 @@ export default defineComponent({
 			imgList: [],
 			options2222: [
 				{
-					title: "领导力",
+					title: '领导力',
-					value: "100",
+					value: '100',
-					selectable: false,
 					children: [
 						{
-							title: "领导业务",
+							title: '领导业务',
-							value: "1001",
+							value: '1001',
+							children: [
+								{
+									title: '业务能力领导',
+									value: '100101',
+								}
+							]
 						},
 						{
-							title: "领导团队",
+							title: '领导团队',
-							value: "1002",
+							value: '1002',
 						},
 						{
-							title: "领导自我",
+							title: '领导自我',
-							value: "1003",
+							value: '1003',
 						},
 					],
 				},
 				{
-					title: "专业力",
+					title: '专业力',
-					value: "200",
+					value: '200',
-					selectable: false,
 					children: [
 						{
-							title: "研发",
+							title: '研发',
-							value: "2001",
+							value: '2001',
 						},
 						{
-							title: "产品和解决方案",
+							title: '产品和解决方案',
-							value: "2002",
+							value: '2002',
 						},
 						{
-							title: "生产技术与制造",
+							title: '生产技术与制造',
-							value: "2003",
+							value: '2003',
 						},
 						{
-							title: "供应链",
+							title: '供应链',
-							value: "2004",
+							value: '2004',
 						},
 						{
-							title: "营销",
+							title: '营销',
-							value: "2005",
+							value: '2005',
 						},
 						{
-							title: "品质",
+							title: '品质',
-							value: "2006",
+							value: '2006',
 						},
 						{
-							title: "战略与企划",
+							title: '战略与企划',
-							value: "2007",
+							value: '2007',
 						},
 						{
-							title: "流程管理",
+							title: '流程管理',
-							value: "2008",
+							value: '2008',
 						},
 						{
-							title: "业绩管理",
+							title: '业绩管理',
-							value: "2009",
+							value: '2009',
 						},
 						{
-							title: "项目管理",
+							title: '项目管理',
-							value: "20010",
+							value: '20010',
 						},
 						{
-							title: "信息技术",
+							title: '信息技术',
-							value: "20011",
+							value: '20011',
 						},
 						{
-							title: "环境与安全",
+							title: '环境与安全',
-							value: "20012",
+							value: '20012',
 						},
 						{
-							title: "人力资源",
+							title: '人力资源',
-							value: "20013",
+							value: '20013',
 						},
 						{
-							title: "企业文化",
+							title: '企业文化',
-							value: "20014",
+							value: '20014',
 						},
 						{
-							title: "品牌",
+							title: '品牌',
-							value: "20015",
+							value: '20015',
 						},
 						{
-							title: "财务",
+							title: '财务',
-							value: "20016",
+							value: '20016',
 						},
 						{
-							title: "法务",
+							title: '法务',
-							value: "20017",
+							value: '20017',
 						},
 						{
-							title: "行政",
+							title: '行政',
-							value: "20018",
+							value: '20018',
 						},
 						{
-							title: "医工",
+							title: '医工',
-							value: "20019",
+							value: '20019',
-						},
+						}
 					],
 				},
 				{
-					title: "通用力",
+					title: '通用力',
-					value: "300",
+					value: '300',
-					selectable: false,
 					children: [
 						{
-							title: "职业操守与道德",
+							title: '职业操守与道德',
-							value: "3001",
+							value: '3001',
 						},
 						{
-							title: "职业素养与技能",
+							title: '职业素养与技能',
-							value: "3002",
+							value: '3002',
 						},
 						{
-							title: "规章制度",
+							title: '规章制度',
-							value: "3003",
+							value: '3003',
 						},
 					],
-				},
+				}
 			],
 			ceshi: "https://u-pre.boe.com/upload/测试下载ppt2-1671002026755.pptx",
 			ceshi2: "http://111.231.196.214:12016/测试下载ppt3-1671001683026.pptx",
@@ -370,14 +373,47 @@ export default defineComponent({
 			if (txt) {
 				for (let i = 0; i < options2.value.length; i++) {
 					for (let j = 0; j < options2.value[i].children.length; j++) {
-						if (String(options2.value[i].children[j].value) === String(txt)) {
+						str = changeTreeSelectValue(String(txt))
-							str = options2.value[i].children[j].title;
+						// if (String(options2.value[i].children[j].value) === String(txt)) {
-						}
+						// 	str = options2.value[i].children[j].title;
+						// }
 					}
 				}
 			}
 			return str;
 		};
+
+		// 格式化树型结构选择数据
+		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
+									} else {
+										str = '-'
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+			console.log('str-str-str-str', str)
+			state.fen_lei1 = str;
+			return str;
+		}
+
 		const filterSenceTxt = (txt) => {
 			let str = "-";
 			if (txt) {