From 0cafd0c7f32c961ccf76dff2b813bf93f7fc049b Mon Sep 17 00:00:00 2001
From: fan <18706759286@163.com>
Date: Tue, 22 Oct 2019 17:24:41 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E8=AE=A1=E5=B9=B3=E5=8F=B0=E8=AF=BE?=
 =?UTF-8?q?=E7=A8=8B=E7=B3=BB=E7=BB=9F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/baseUrl.js                          |   4 +-
 src/views/designPlatform/demonList.vue        |   1 -
 src/views/lesson/details.vue                  |  48 ++++++--
 src/views/lesson/home.vue                     |  30 ++---
 .../lessoncategory/edit/chapter/index.vue     |  12 +-
 .../lessoncategory/edit/lesson/index.vue      |   9 +-
 src/views/lesson/lessoncategory/index.vue     |  23 ++++
 src/views/lesson/operateMenu.vue              | 107 ++++++++++++++++++
 src/views/teach/detail/index.vue              |   1 +
 9 files changed, 199 insertions(+), 36 deletions(-)
 create mode 100644 src/views/lesson/operateMenu.vue

diff --git a/src/utils/baseUrl.js b/src/utils/baseUrl.js
index 5935e41a6..871e8ec9c 100644
--- a/src/utils/baseUrl.js
+++ b/src/utils/baseUrl.js
@@ -3,9 +3,9 @@ export function getBaseUrl() {
 	let BASE_API;
 	if (process.env.NODE_ENV === 'development') {
 		// BASE_API = 'https://joylink.club/jlcloud';
-		// BASE_API = 'https://test.joylink.club/jlcloud';
+		BASE_API = 'https://test.joylink.club/jlcloud';
 		// BASE_API = 'http://192.168.3.5:9000'; // 袁琪
-		BASE_API = 'http://192.168.3.6:9000'; // 旭强
+		// BASE_API = 'http://192.168.3.6:9000'; // 旭强
 		// BASE_API = 'http://192.168.3.41:9000'; // 王兴杰
 	} else {
 		BASE_API = process.env.VUE_APP_BASE_API;
diff --git a/src/views/designPlatform/demonList.vue b/src/views/designPlatform/demonList.vue
index 3acbc2e59..098e8b2c1 100644
--- a/src/views/designPlatform/demonList.vue
+++ b/src/views/designPlatform/demonList.vue
@@ -29,7 +29,6 @@
 </template>
 <script>
 import { listPublishMap } from '@/api/jmap/map';
-// import { getTrainingSystemList} from '@/api/trainingPlatform';
 import { UrlConfig } from '@/router/index';
 import { getSessionStorage, setSessionStorage, removeSessionStorage } from '@/utils/auth';
 import FilterCity from '@/views/components/filterCity';
diff --git a/src/views/lesson/details.vue b/src/views/lesson/details.vue
index 60fc6aea4..f43503ed6 100644
--- a/src/views/lesson/details.vue
+++ b/src/views/lesson/details.vue
@@ -23,28 +23,38 @@
         </el-scrollbar>
       </div>
       <transition>
-        <router-view />
+        <router-view @refresh="refresh" />
       </transition>
     </div>
+    <operate-menu ref="menu" :point="point" :node="node" @refresh="refresh" @changeRouter="changeRouter" />
   </el-card>
 </template>
 
 <script>
 import { getLessonTree } from '@/api/jmap/lessondraft';
 import { DeviceMenu } from '@/scripts/ConstDic';
+import OperateMenu from './operateMenu';
 export default {
 	name: 'LessonDetail',
+	components: {
+		OperateMenu
+	},
 	data() {
 		return {
 			treeList: [],
 			defaultProps: {
 				children: 'children',
-				label: 'name',
-				disabled: this.showNode
+				label: 'name'
 			},
 			name: '',
 			lessonId: '',
-			expandList: []
+			expandList: [],
+			point: {
+				x: 0,
+				y: 0
+			},
+			node: {
+			}
 		};
 	},
 	computed: {
@@ -66,7 +76,6 @@ export default {
 					this.lessonId = resp.data[0].id;
 					this.treeList = resp.data;
 				}
-
 				this.editLesson();
 			});
 
@@ -78,22 +87,41 @@ export default {
 			return data.name.indexOf(value) !== -1;
 		},
 		editLesson() {
-			this.$router.push( {path: `/design/lesson/details/edit/lessonEdit`, query: {id: this.treeList[0].id, skinCode: this.$route.query.skinCode}} );
+			this.$router.push( {path: `/design/lesson/details/edit/lessonEdit`, query: {id: this.lessonId, skinCode: this.$route.query.skinCode, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId}} );
 		},
-		showNode(obj) {
-			return obj.type !== 'Training';
+		createChapte() {
+			this.$router.push({path: `/design/lesson/details/edit/chapterCreate`, query: {lessonId: this.lessonId, skinCode: this.$route.query.skinCode, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId}});
+		},
+		updateChapte(node) {
+			this.$router.push( {path: `/design/lesson/details/edit/chapterEdit`, query: {id: node.data.id, skinCode: this.$route.query.skinCode, lessonId: this.lessonId, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId}});
 		},
 		showContextMenu(e, obj, node, vueElem) {
-			if (obj && obj.type === 'TrainingType' || obj.type === 'Training') {
+			if (obj && obj.type === 'Lesson' || obj.type === 'Chapter') {
 				e.preventDefault();
 				this.point = {
 					x: e.clientX,
 					y: e.clientY
 				};
 				this.node = node;
-				const menu = DeviceMenu.Training;
+				const menu = DeviceMenu.Lesson;
 				this.$store.dispatch('menuOperation/setPopMenu', { position: this.point, menu: menu });
 			}
+		},
+		changeRouter(params) {
+			switch (params.event) {
+			case '01':
+				this.editLesson();
+				break;
+			case '02':
+				this.createChapte();
+				break;
+			case '03':
+				this.updateChapte(params.node);
+				break;
+			}
+		},
+		refresh() {
+			this.initPageData();
 		}
 	}
 };
diff --git a/src/views/lesson/home.vue b/src/views/lesson/home.vue
index 9a9e49b91..26371797e 100644
--- a/src/views/lesson/home.vue
+++ b/src/views/lesson/home.vue
@@ -181,6 +181,14 @@ export default {
 									return row.status ==='0'&& !this.hasRelease;
 								}
 							},
+							{
+								name: this.$t('lesson.review'),
+								handleClick: this.review,
+								type: 'primary',
+								showControl: (row) => {
+									return row.status==='1';
+								}
+							},
 							{
 								name: this.$t('global.delete'),
 								handleClick: this.deleteLesson,
@@ -200,7 +208,10 @@ export default {
 							{
 								name: '课程详情',
 								handleClick: this.goDetail,
-								type: 'primary'
+								type: 'primary',
+								showControl: (row) => {
+									return row.status !=='1';
+								}
 							}
 						]
 					}
@@ -230,6 +241,7 @@ export default {
 	},
 	methods: {
 		loadInitData() {
+			this.loading = true;
 			getLessonTree(this.$route.params.skinCode).then(response=> {
 				response.data.forEach(elem => {
 					if (elem.children) {
@@ -279,9 +291,6 @@ export default {
 		refresh() {
 			this.$refs.queryListPage.refresh(true);
 		},
-		editLesson(row) {
-			this.$router.push( {path: `${UrlConfig.design.lessonEdit}/lessonEdit`, query: {id: row.id, skinCode: row.code}} );
-		},
 		lessonCreate() {
 			this.$router.push({ path: `${UrlConfig.design.lessonEdit}/lessonCreate`, query: {skinCode: this.$route.params.skinCode} });
 		},
@@ -304,13 +313,6 @@ export default {
 				this.$messageBox(this.$t('tip.failDelete'));
 			});
 		},
-		createChapter(index, row) {
-			if (row.type === 'Lesson') {
-				this.$router.push({path: `${UrlConfig.design.lessonEdit}/chapterCreate`, query: {lessonId: row.id}});
-			} else if (row.type === 'Chapter') {
-				this.$router.push( {path: `${UrlConfig.design.lessonEdit}/chapterEdit`, query: {id: row.id, lessonId: row.parentId}} );
-			}
-		},
 		treeSort(index, row) {
 			this.$router.push({path: `${UrlConfig.design.lessonEdit}/treeSort`, query: row});
 		},
@@ -340,9 +342,11 @@ export default {
 				});
 			});
 		},
+		review(index, row) {
+			this.$refs.lessonDetail.show(row.id);
+		},
 		goDetail(index, row) {
-			// this.$refs.lessonDetail.show(row.id);
-			this.$router.push({path: `/design/lesson/details`, query: {lessonId: row.id, skinCode: this.$route.params.skinCode}});
+			this.$router.push({path: `/design/lesson/details`, query: {lessonId: row.id, skinCode: this.$route.params.skinCode, cityCode: this.$route.query.cityCode, mapId: this.$route.params.mapId}});
 		}
 	}
 };
diff --git a/src/views/lesson/lessoncategory/edit/chapter/index.vue b/src/views/lesson/lessoncategory/edit/chapter/index.vue
index ab2dbe76d..c8419fc01 100644
--- a/src/views/lesson/lessoncategory/edit/chapter/index.vue
+++ b/src/views/lesson/lessoncategory/edit/chapter/index.vue
@@ -72,7 +72,7 @@
 
 <script>
 import { createLessonChapter, updateLessonChapter, getLessonDetail, getLessonChapterDetail } from '@/api/jmap/lessondraft';
-import localStore from 'storejs';
+import { UrlConfig } from '@/router/index';
 import TrainList from './list';
 
 export default {
@@ -134,7 +134,7 @@ export default {
 		getChapter(data) {
 			getLessonChapterDetail(data).then(response => {
 				this.setChapterModel(response.data);
-			}).catch(error => {
+			}).catch(() => {
 				this.$messageBox(this.$t('error.obtainChapterDataFailed'));
 			});
 		},
@@ -177,7 +177,7 @@ export default {
 				if (this.isEdit) {
 					this.getChapter(data);
 				}
-			}).catch(error => {
+			}).catch(() => {
 				this.$messageBox(this.$t('error.obtainCourseDetailsFailed'));
 			});
 		},
@@ -199,15 +199,15 @@ export default {
 					updateLessonChapter(this.chapterModel).then(response => {
 						this.$emit('refresh');
 						this.$message.success(this.$t('tip.updateSuccessfully'));
-					}).catch(error => {
+					}).catch(() => {
 						this.$messageBox(this.$t('error.refreshFailed'));
 					});
 				}
 			});
 		},
 		back() {
-			this.$router.go(-1);
-		}
+            this.$router.push({ path: `${UrlConfig.design.lessonHome}/${this.$route.query.mapId}/${this.$route.query.skinCode}`, query: {cityCode: this.$route.query.cityCode} });
+        }
 	}
 };
 </script>
diff --git a/src/views/lesson/lessoncategory/edit/lesson/index.vue b/src/views/lesson/lessoncategory/edit/lesson/index.vue
index 145c7fd30..2d3342d5f 100644
--- a/src/views/lesson/lessoncategory/edit/lesson/index.vue
+++ b/src/views/lesson/lessoncategory/edit/lesson/index.vue
@@ -57,9 +57,10 @@
 </template>
 
 <script>
-import { createLesson, updateLesson, getLessonDetail, delLesson } from '@/api/jmap/lessondraft';
+import { createLesson, updateLesson, getLessonDetail } from '@/api/jmap/lessondraft';
 import { getCommodityMapProduct } from '@/api/management/mapprd';
 import { getSkinCodeList } from '@/api/management/mapskin';
+import { UrlConfig } from '@/router/index';
 
 export default {
 	name: 'CourseEdit',
@@ -182,14 +183,14 @@ export default {
 						name: data.name,
 						remarks: data.remarks
 					};
-				}).catch(error => {
+				}).catch(() => {
 					this.$messageBox(this.$t('error.obtainCourseInformationFailed'));
 				});
 			}
 		},
 		back() {
-			this.$router.back();
-		}
+            this.$router.push({ path: `${UrlConfig.design.lessonHome}/${this.$route.query.mapId}/${this.$route.query.skinCode}`, query: {cityCode: this.$route.query.cityCode} });
+        }
 	}
 };
 </script>
diff --git a/src/views/lesson/lessoncategory/index.vue b/src/views/lesson/lessoncategory/index.vue
index 5c6a63fda..496b0030f 100644
--- a/src/views/lesson/lessoncategory/index.vue
+++ b/src/views/lesson/lessoncategory/index.vue
@@ -46,6 +46,28 @@ export default {
 			return this.$store.state.app.height - 125;
 		}
 	},
+	watch: {
+		$route() {
+			const data = this.$route.query;
+			switch (this.$route.params.type) {
+			case 'lessonCreate':
+				this.lessonCreate(data);
+				break;
+			case 'lessonEdit':
+				this.lessonEdit(data);
+				break;
+			case 'chapterCreate':
+				this.chapterCreate(data);
+				break;
+			case 'chapterEdit':
+				this.chapterEdit(data);
+				break;
+			case 'treeSort':
+				this.treeSort(data);
+				break;
+			}
+		}
+	},
 	mounted() {
 		const data = this.$route.query;
 		switch (this.$route.params.type) {
@@ -112,6 +134,7 @@ export default {
 			});
 		},
 		refresh(filterSelect) {
+			this.$emit('refresh');
 		}
 	}
 };
diff --git a/src/views/lesson/operateMenu.vue b/src/views/lesson/operateMenu.vue
new file mode 100644
index 000000000..1962045df
--- /dev/null
+++ b/src/views/lesson/operateMenu.vue
@@ -0,0 +1,107 @@
+<template>
+  <div>
+    <pop-menu ref="popMenu" :menu="menu" />
+  </div>
+</template>
+
+<script>
+import { DeviceMenu } from '@/scripts/ConstDic';
+import PopMenu from '@/components/PopMenu';
+
+export default {
+	name: 'TrainingOperateMenu',
+	components: {
+		PopMenu
+	},
+	props: {
+		point: {
+			type: Object,
+			required: true
+		},
+		node: {
+			type: Object,
+			required: true
+		}
+	},
+	data() {
+		return {
+			menuShow: false,
+			menu: [],
+			menuChapte: [
+				{
+					label: '更新章节',
+					handler: this.updateChapter
+				}
+			],
+			menuLesson: [
+				{
+					label: '创建章节',
+					handler: this.createChapter
+				},
+				{
+					label: '编辑课程',
+					handler: this.editLesson
+				}
+
+			]
+		};
+	},
+	watch: {
+		node: function (val, old) {
+			if (val && val.data) {
+				switch (val.data.type) {
+				case 'Lesson':
+					this.menu = this.menuLesson;
+					break;
+				case 'Chapter':
+					this.menu = this.menuChapte;
+					break;
+				}
+			}
+		},
+		'$store.state.menuOperation.menuCount': function (val) {
+			if (this.$store.getters['menuOperation/checkDialogIsOpen'](DeviceMenu.Lesson)) {
+				this.doShow(this.$store.state.menuOperation.menuPosition);
+			} else {
+				this.doClose();
+			}
+		}
+	},
+	mounted() {
+		this.closeEvent();
+	},
+	methods: {
+		closeEvent() {
+			const self = this;
+			window.onclick = function (e) {
+				self.doClose();
+			};
+		},
+		doShow(point) {
+			this.closeEvent();
+			if (this.$refs && this.$refs.popMenu) {
+				this.$refs.popMenu.resetShowPosition(point);
+			}
+			this.menuShow = true;
+		},
+		doClose() {
+			if (this.$refs && this.$refs.popMenu) {
+				this.$refs.popMenu.close();
+			}
+			this.menuShow = false;
+		},
+		updateChapter() {
+			this.$emit('changeRouter', {event: '03', node: this.node});
+		},
+		createChapter() {
+			this.$emit('changeRouter', {event: '02', node: this.node});
+		},
+		editLesson() {
+			this.$emit('changeRouter', {event: '01', node: this.node});
+		},
+		refresh(filterSelect) {
+			this.$emit('refresh', filterSelect);
+		}
+	}
+};
+</script>
diff --git a/src/views/teach/detail/index.vue b/src/views/teach/detail/index.vue
index 1f3805e19..3af7d8448 100644
--- a/src/views/teach/detail/index.vue
+++ b/src/views/teach/detail/index.vue
@@ -15,6 +15,7 @@
                 :props="defaultProps"
                 :filter-node-method="filterNode"
                 highlight-current
+                default-expand-all
                 :default-expanded-keys="expandList"
                 :span="22"
                 @node-click="clickEvent"