plbCourse

src/components/pages/pblCourse/component/chatArea.vue

@@ -0,0 +1,19 @@
+<template>
+	<div class="chat">
+		<h1>对话</h1>
+	</div>
+</template>
+
+<script>
+	export default {
+		
+	}
+</script>
+
+<style scoped>
+.chat{
+	width: 100%;
+	height: 100%;
+	background-color: pink;
+}
+</style>

src/components/pages/pblCourse/component/doWorkArea.vue

@@ -0,0 +1,50 @@
+<template>
+	<div class="doWork">
+		<div class="dw_header">
+			<h1>顶部</h1>
+		</div>
+		<div class="dw_work">
+			<work/>
+		</div>
+		<div class="dw_bottom">
+			<h1>提交区域</h1>
+		</div>	
+	</div>
+</template>
+
+<script>
+import work from './work'
+	export default {
+		components:{
+			work,
+		}
+	}
+</script>
+
+<style scoped>
+.doWork{
+	width: 100%;
+	height: 100%;
+	background-color: red;
+}
+
+.dw_header{
+	width: 100%;
+	height: 50px;
+	background-color: #FFF3EA;
+	margin-bottom: 15px;
+}
+
+.dw_work{
+	width: 100%;
+	height: calc(100% - 50px - 100px - 30px);
+	overflow: auto;
+}
+
+.dw_bottom{
+	margin-top: 15px;
+	width: 100%;
+	height: 100px;
+	background-color: #F3F7FD;
+}
+</style>

src/components/pages/pblCourse/component/procedureArea.vue

@@ -0,0 +1,19 @@
+<template>
+	<div class="procedure">
+		<h1>题目</h1>
+	</div>
+</template>
+
+<script>
+	export default {
+		
+	}
+</script>
+
+<style scoped>
+.procedure{
+	width: 100%;
+	height: 100%;
+	background-color: purple;
+}
+</style>

src/components/pages/pblCourse/component/work.vue

@@ -0,0 +1,19 @@
+<template>
+	<div class="work">
+
+	</div>
+</template>
+
+<script>
+	export default {
+		
+	}
+</script>
+
+<style scoped>
+.work{
+	width: 100%;
+	height: 1000px;
+	background-color: aqua;
+}
+</style>

src/components/pages/pblCourse/index.vue

@@ -0,0 +1,78 @@
+<template>
+	<div class="pblCourse" v-loading="loading">
+		<div class="pc_left">
+			<div class="pc_l_top">
+				<procedureArea/>
+			</div>
+			<div class="pc_l_bottom">
+				<doWorkArea/>
+			</div>
+		</div>
+		<div class="pc_right">
+			<chatArea/>
+		</div>
+	</div>
+</template>
+
+<script>
+import chatArea from './component/chatArea'
+import doWorkArea from './component/doWorkArea'
+import procedureArea from './component/procedureArea'
+export default {
+	components: {
+		chatArea,
+		doWorkArea,
+		procedureArea,
+	},
+	data() {
+		return {	
+			loading: false,
+		};
+	},
+	methods: {
+		
+	},
+	mounted() {
+		
+	},
+};
+</script>
+
+<style scoped>
+.pblCourse {
+	min-width: 1500px;
+	min-height: 800px;
+	width: 100%;
+	height: 100vh;
+	display: flex;
+	background-color: #f0f2f5;
+	box-sizing: border-box;
+	padding: 20px;
+}
+
+.pc_left{
+	width: calc(100% - 500px - 20px);
+	margin-right: 20px;
+	box-sizing: border-box;
+}
+
+.pc_l_top{
+	width: 100%;
+	height: 150px;
+	box-sizing: border-box;
+}
+
+.pc_l_bottom{
+	width: 100%;
+	height: calc(100% - 150px - 15px);
+	box-sizing: border-box;
+	margin-top: 15px;
+}
+
+.pc_right{
+	width: 500px;
+	height: 100%;
+	box-sizing: border-box;
+}
+
+</style>

src/router/index.js

@@ -125,6 +125,7 @@ import studentEva from '@/components/pages/studentEva'
 import kindStudentEva from '@/components/pages/kindStudentEva/index'
 import record from '@/components/pages/record/class'
 import classroomObservation from '@/components/pages/classroomObservation/index'//课堂观察
+import pblCourse from '@/components/pages/pblCourse/index'
 
 // 全局修改默认配置，点击空白处不能关闭弹窗
 ElementUI.Dialog.props.closeOnClickModal.default = false
@@ -1073,6 +1074,14 @@ export default new Router({
 					meta:{
 						requireAuth:''//不需要鉴权
 					}
+				},
+				{//pblCourse
+					path:"/pblCourse",
+					name:"pblCourse",
+					component:pblCourse,
+					meta:{
+						requireAuth:''//不需要鉴权
+					}
 				}
     ]
 })