update

src/components/pages/classroomObservation/components/baseMessage.vue

@@ -1,10 +1,10 @@
 <template>
 	<div class="message">
-		<div class="m-header">
-			<span class="m-h-icon"></span>
+		<div class="m-header" @click.stop="changeShowMain(!showMain)">
+			<span :class="['m-h-icon',showMain?'m-h-icon-active':'']"></span>
 			<span class="m-h-title">{{ title }}</span>
 		</div>
-		<div class="m-main">
+		<div class="m-main" v-show="showMain">
 			<div class="m-m-formItem" style="width: 63%;">
 				<div class="m-m-fi-label">课程名称</div>
 				<div class="m-m-fi-input" >
@@ -95,6 +95,7 @@ export default {
 	data(){
 		return{
 			title:"基本信息设置",
+			showMain:true,
 			from:{
 				courseName:"",
 				teacherName:"",
@@ -140,6 +141,9 @@ export default {
 		},
 		showImage(item){
 			this.$message.info(`点击了图片${item.fileName}`)
+		},
+		changeShowMain(newValue){
+			this.showMain = newValue;
 		}
 	}
 }
@@ -156,6 +160,7 @@ export default {
 	height: 50px;
 	display: flex;
 	align-items: center;
+	cursor: pointer;
 }
 
 .m-h-icon{
@@ -164,6 +169,11 @@ export default {
 	background: url("../../../../assets/icon/classroomObservation/right.png") no-repeat;
 	background-size: 100% 100%;
 	margin-right: 5px;
+	transition: .3s;
+}
+
+.m-h-icon-active{
+	transform: rotate(90deg);
 }
 
 .m-h-title{

src/components/pages/classroomObservation/components/chatArea.vue

@@ -50,7 +50,7 @@
 							<textarea :value="textareaValue" autosize="none"></textarea>
 						</div>
 						<div class="ca-b-o-m-right">
-							<span></span>
+							<span @click.stop="tapeSubmit()"></span>
 							<div :class="sendBtnDsiable?'ca-b-o-m-r-dsiableBtn':''">发送</div>
 						</div>
 					</div>

src/components/pages/classroomObservation/components/currencyAnalysis.vue

@@ -1,15 +1,15 @@
 <template>
 	<div class="analysis">
 		<div class="a-header">
-			<div class="a-h-left">
-				<span class="a-h-l-icon"></span>
+			<div class="a-h-left" @click.stop="changeShowItem(!showItem)">
+				<span :class="['a-h-l-icon',showItem?'a-h-l-showIcon':'']"></span>
 				<span class="a-h-l-title">{{ title }}</span>
 			</div>
 			<div class="a-h-right">
 				<div class="a-h-r-btn" @click.stop="addTemplate()">添加模块</div>
 			</div>
 		</div>
-		<div class="a-main">
+		<div class="a-main" v-show="showItem">
 			<analysisItem v-for="item in analysisList" :key="item.id" :data="item"/>
 		</div>
 		<div v-if="showDialog == true" class="a-dialog" v-el-drag-dialog>
@@ -47,6 +47,7 @@ export default {
 		return{
 			title:"通用课堂分析",
 			showDialog:false,
+			showItem:true,
 			tagIndex:0,
 			dialogTagList:[
 				{id:1,name:"通用课堂分析"},
@@ -69,6 +70,9 @@ export default {
 	methods:{
 		addTemplate(){
 			this.showDialog = true;
+		},
+		changeShowItem(newValue){
+			this.showItem = newValue;
 		}
 	}
 }
@@ -93,6 +97,7 @@ export default {
 .a-h-left{
 	display: flex;
 	align-items: center;
+	cursor: pointer;
 }
 
 .a-h-l-icon{
@@ -101,6 +106,11 @@ export default {
 	background: url("../../../../assets/icon/classroomObservation/right.png") no-repeat;
 	background-size: 100% 100%;
 	margin-right: 5px;
+	transition: .3s;
+}
+
+.a-h-l-showIcon{
+	transform: rotate(90deg);
 }
 
 .a-h-l-title{

src/components/pages/classroomObservation/components/extendAnalysis.vue

@@ -1,15 +1,15 @@
 <template>
 	<div class="analysis">
 		<div class="a-header">
-			<div class="a-h-left">
-				<span class="a-h-l-icon"></span>
+			<div class="a-h-left" @click.stop="changeShowItem(!showItem)">
+				<span :class="['a-h-l-icon',showItem?'a-h-l-showIcon':'']"></span>
 				<span class="a-h-l-title">{{ title }}</span>
 			</div>
 			<div class="a-h-right">
 				<div class="a-h-r-btn" @click.stop="addTemplate()">添加模块</div>
 			</div>
 		</div>
-		<div class="a-main">
+		<div class="a-main" v-show="showItem">
 			<analysisItem v-for="item in analysisList" :key="item.id" :data="item"/>
 		</div>
 		<div v-if="showDialog == true" class="a-dialog" v-el-drag-dialog>
@@ -47,6 +47,7 @@ export default {
 		return{
 			title:"扩展分析",
 			showDialog:false,
+			showItem:true,
 			tagIndex:2,
 			dialogTagList:[
 				{id:1,name:"通用课堂分析"},
@@ -69,6 +70,9 @@ export default {
 	methods:{
 		addTemplate(){
 			this.showDialog = true;
+		},
+		changeShowItem(newValue){
+			this.showItem = newValue;
 		}
 	}
 }
@@ -93,6 +97,7 @@ export default {
 .a-h-left{
 	display: flex;
 	align-items: center;
+	cursor: pointer;
 }
 
 .a-h-l-icon{
@@ -101,6 +106,11 @@ export default {
 	background: url("../../../../assets/icon/classroomObservation/right.png") no-repeat;
 	background-size: 100% 100%;
 	margin-right: 5px;
+	transition: .3s;
+}
+
+.a-h-l-showIcon{
+	transform: rotate(90deg);
 }
 
 .a-h-l-title{

src/components/pages/classroomObservation/components/messageArea.vue

@@ -102,7 +102,7 @@ export default {
 }
 .ma-main{
 	width: 100%;
-	height: calc(100vh - 173px);
+	height: calc(100vh - 127px);
 	overflow: auto;
 }
 </style>

src/components/pages/classroomObservation/components/scienceAnalysis.vue

@@ -1,15 +1,15 @@
 <template>
 	<div class="analysis">
 		<div class="a-header">
-			<div class="a-h-left">
-				<span class="a-h-l-icon"></span>
+			<div class="a-h-left" @click.stop="changeShowItem(!showItem)">
+				<span :class="['a-h-l-icon',showItem?'a-h-l-showIcon':'']"></span>
 				<span class="a-h-l-title">{{ title }}</span>
 			</div>
 			<div class="a-h-right">
 				<div class="a-h-r-btn" @click.stop="addTemplate()">添加模块</div>
 			</div>
 		</div>
-		<div class="a-main">
+		<div class="a-main" v-show="showItem">
 			<analysisItem v-for="item in analysisList" :key="item.id" :data="item"/>
 		</div>
 		<div v-if="showDialog == true" class="a-dialog" v-el-drag-dialog>
@@ -47,6 +47,7 @@ export default {
 		return{
 			title:"科学课堂分析",
 			showDialog:false,
+			showItem:true,
 			tagIndex:1,
 			dialogTagList:[
 				{id:1,name:"通用课堂分析"},
@@ -69,6 +70,9 @@ export default {
 	methods:{
 		addTemplate(){
 			this.showDialog = true;
+		},
+		changeShowItem(newValue){
+			this.showItem = newValue;
 		}
 	}
 }
@@ -93,6 +97,7 @@ export default {
 .a-h-left{
 	display: flex;
 	align-items: center;
+	cursor: pointer;
 }
 
 .a-h-l-icon{
@@ -101,6 +106,11 @@ export default {
 	background: url("../../../../assets/icon/classroomObservation/right.png") no-repeat;
 	background-size: 100% 100%;
 	margin-right: 5px;
+	transition: .3s;
+}
+
+.a-h-l-showIcon{
+	transform: rotate(90deg);
 }
 
 .a-h-l-title{

src/components/pages/classroomObservation/components/tape.vue

@@ -141,7 +141,7 @@ import pdf from './pdf.vue';
 
 .t-tapeFile{
 	width: 100%;
-	max-height: calc(100vh - 340px);
+	max-height: calc(100vh - 294px);
 	overflow: auto;
 	margin-top: 10px;
 	/* background-color: red; */
@@ -223,7 +223,7 @@ import pdf from './pdf.vue';
 
 .t-t-main{
 	width: 100%;
-	height: calc(100vh - 400px);
+	height: calc(100vh - 354px);
 	/* height: calc(100% - 35px); */
 	overflow: auto;
 	background-color: white;
@@ -236,7 +236,7 @@ import pdf from './pdf.vue';
 
 .t-chartArea{
 	width: 100%;
-	height: calc(100vh - 400px);;
+	height: calc(100vh - 354px);;
 	overflow: auto;
 }
 

src/components/pages/classroomObservation/components/transcription.vue

@@ -53,7 +53,7 @@
 
 .t-content{
 	width: 100%;
-	height: calc(100vh - 330px);
+	height: calc(100vh - 284px);
 	padding:20px 30px;
 	box-sizing: border-box;
 	overflow: auto;

src/components/pages/classroomObservation/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="classroomObservation">
-		<div class="co-header1">
+		<!-- <div class="co-header1">
 			<div class="co-h1-left">
 				<span class="co-h1-l-icon el-icon-s-home"></span>
 				<div class="co-h1-l-router">
@@ -9,12 +9,11 @@
 						<span class="co-j1-l-r-down">课堂观察</span>
 				 </div>
 			</div>
-
-		</div>
+		</div> -->
 		<div class="co-header2">
 			<div class="co-h2-left">
-				<span class="co-h2-l-icon"></span>
-				<span class="co-h2-l-hr"></span>
+				<!-- <span class="co-h2-l-icon"></span> -->
+				<!-- <span class="co-h2-l-hr"></span> -->
 				<span class="co-h2-l-text">{{ title }}</span>
 			</div>
 			<div class="co-h2-right">