分析方法

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

@@ -8,6 +8,7 @@
 		</header>
 		<div style="margin-top:1.2rem;" id="capture">
 			<div class="header_seat"></div>
+
 			<div class="overflow">
 				<div class="title_dark">
 					{{name}}
@@ -19,12 +20,17 @@
 					<div class="star_ten" >
 						<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);">简述亏损主要原因</span>
 					</div>
-					<div>
-						<textarea class="detail" placeholder="点击填写" style="height:100px;" @input="autoTextarea($event,100)" v-model="lost"></textarea>
+					<div >
+						<textarea class="detail detail-divL" placeholder="点击填写" style="height:100px;" @input="autoTextarea($event,100)" v-model="lost"></textarea>
 					</div>
+					<!--可编辑div-->
+			        <div class="detail-div"  contenteditable="true" v-show="false">{{lost}}</div>
+					
 				</div>
 			</div>
 			<div class="overflow">
+				
+				
 				<div class="forDiv" v-for="obj,index in details">
 					<div class="title_span">
 					{{index+1}}.{{obj.title}}
@@ -35,16 +41,32 @@
 						</div>
 						<img :src="index1 < obj.scall ? starOn : starOff" style="width:.56rem;height:.56rem;margin-top:.1rem;margin-left;" v-for="item,index1 in stars" @click="changeStar(stars,index1,index)">
 					</div>
+					
 					<div v-show="!obj.isscall" style="margin-top:.2rem;" >
-						<textarea class="detail" placeholder="点击填写" style="height:100px" v-model="obj.goHigh" @input="autoTextarea($event,100)" ></textarea>
+						<textarea class="detail detail-divL" placeholder="点击填写" style="height:100px" v-model="obj.goHigh" @input="autoTextarea($event,100)" ></textarea>
+						<!--可编辑的div-->
+			            <div class="detail-div"  contenteditable="true" v-show="false">{{obj.goHigh}}</div>
 					</div>
+					
+					
 					<div class="star_ten" v-show="obj.reason">
 						<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);">{{obj.title1}}：</span>
 					</div>
+					
 					<div v-show="obj.reason">
-						<textarea class="detail" :placeholder="obj.placeH ? obj.placeH : '点击填写'" :style="obj.placeH ?{'height':'300px'}:{}" v-model="obj.goHigh" @input="autoTextarea($event,300)"></textarea>
+						<textarea class="detail detail-divL" :placeholder="obj.placeH ? obj.placeH : '点击填写'" :style="obj.placeH ?{'height':'300px'}:{}" v-model="obj.goHigh" @input="autoTextarea($event,300)"></textarea>
+			            <div class="detail-div"  contenteditable="true" v-show="false">{{obj.goHigh}}</div>
+						
 					</div>
+					<!--可编辑的div-->
+
+					
+					
 				</div>
+				
+				
+				
+				
 				<div style="margin-top:.3rem;" v-show="level != 10">
 					<div class="star_ten" >
 						<span style="line-height:.7rem;font-size:.28rem;font-family:PingFangSC-Regular;font-weight:600;color:rgba(39,39,39,1);">温馨提示：</span>
@@ -88,6 +110,7 @@
 			stars : [true,false,false,false,false,false,false,false,false,false] ,
 			scall : 0,
 			title : '方法分析',
+			text1:'',
 			details : [
 				{
 					title : '团队战略定位',
@@ -292,6 +315,10 @@
 			getImg (){
 				let that = this ;
 				if ( this.validateParams() ){
+					for(var i=0;i<=20;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)",
@@ -302,6 +329,7 @@
 						that.aaa = canvas.toDataURL();
 						that.saveData(canvas.toDataURL('image/jpeg'))
 					})
+
 				}
 			},
 			saveData(img){
@@ -320,6 +348,11 @@
 				}).then(function(res) {
 					if (res.data.code == 200 ){
 						layer.tipsX('提交成功');
+						  //恢复
+		                  for(var i = 0; i <= 20; i++){
+						   document.getElementsByClassName("detail-div")[i].style.display="none";
+						   document.getElementsByClassName("detail-divL")[i].style.display="block";
+						  }
 					} else {
 						layer.tipsX(res.data.msg);
 					}
@@ -360,6 +393,7 @@
 					e.target.style.height = e.target.scrollHeight +'px';
 				}
 			},
+			
 		},
 	}
 </script>
@@ -505,4 +539,22 @@
 	header+.header_seat {
 	    height: 0.88rem;
 	}
+	.contenteditable-div{
+		width: 5rem;
+		height: 5rem;
+		background: #ccc;
+	}
+	.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