rt-sim-training-client/src/views/lesson/operateMenu.vue

<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: this.$t('lesson.updateChapter'),
					handler: this.updateChapter
				},
				{
					label: this.$t('lesson.createChapter'),
					handler: this.createChapterInChapter
				}
			],
			menuLesson: [
				{
					label: this.$t('lesson.editCourse'),
					handler: this.editLesson
				},
				{
					label: this.$t('lesson.createChapter'),
					handler: this.createChapter
				}
			]
		};
	},
	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});
		},
		createChapterInChapter() {
			this.$emit('changeRouter', {event: '04', node: this.node});
		},
		refresh(filterSelect) {
			this.$emit('refresh', filterSelect);
		}
	}
};
</script>