表格修改

public/appnew/src/components/eval/eval_table.vue

@@ -45,7 +45,9 @@
 						<span style="line-height: 0.3rem; font-size: 0.28rem; font-family: PingFangSC-Regular; color: rgb(39, 39, 39);">(必填)弘扬一件八星级事迹  +10分</span>
 					</div>
 					<div>
-						<textarea class="detail" placeholder="点击填写，选择5项描述" v-model="jiazhi" style="height:100px" @input="autoTextarea($event,100)"></textarea>
+						<textarea class="detail detail-divL" placeholder="点击填写，选择5项描述" v-model="jiazhi" style="height:100px" @input="autoTextarea($event,100)"></textarea>
+						<!--可编辑div-->
+			            <div class="detail-div"  contenteditable="true" v-show="false">{{jiazhi}}</div> 
 					</div>
 				</div>
 				<div style="margin-top:.3rem;">
@@ -56,7 +58,9 @@
 						<span style="line-height: 0.3rem; font-size: 0.28rem; font-family: PingFangSC-Regular; color: rgb(39, 39, 39);">(选填)被感谢的人一件事迹  +10分</span>
 					</div>
 					<div>
-						<textarea class="detail" placeholder="点击填写，选择5项描述" v-model="thanks" style="height:100px" @input="autoTextarea($event,100)"></textarea>
+						<textarea class="detail detail-divL" placeholder="点击填写，选择5项描述" v-model="thanks" style="height:100px" @input="autoTextarea($event,100)"></textarea>
+						<!--可编辑div-->
+			            <div class="detail-div"  contenteditable="true" v-show="false">{{thanks}}</div> 
 					</div>
 				</div>
 				<div style="margin-top:.3rem;">
@@ -260,6 +264,10 @@
 			getImg (){
 				let that = this ;
 				if ( this.validateParams() ){
+					for(var i=0;i<=1;i++){
+						   document.getElementsByClassName("detail-divL")[i].style.display="none";
+						   document.getElementsByClassName("detail-div")[i].style.display="block";
+					}
 					window.scrollTo(0,0) ;
 					html2canvas(document.getElementById("capture"),{
 						background: "rgba(255,255,255,1)",
@@ -286,6 +294,10 @@
 					console.log(res)
 					if (res.data.code == 200 ){
 						layer.tipsX('提交成功');
+						for(var i=0;i<=1;i++){
+						   document.getElementsByClassName("detail-div")[i].style.display="none";
+						   document.getElementsByClassName("detail-divL")[i].style.display="block";
+						   }
 					} else {
 						layer.tipsX(res.data.msg);
 					}
@@ -492,4 +504,17 @@
 	header+.header_seat {
 	    height: 0.88rem;
 	}
+	.detail-div{
+		font-size: .28rem;
+	    font-family: PingFangSC-Regular;
+	    font-weight: 400;
+	    color: rgba(39,39,39,1);
+	    line-height: .4rem;
+	    width: 6.38rem;
+	    /*height: 2rem;*/
+	    border: 1px solid #eeeeee;
+	    padding: .1rem .2rem;
+	    box-sizing: border-box;
+	    /*word-break:break-all;*/
+	}
 </style>
\ No newline at end of file