修改了按钮

src/view/rai_pj/raiReportDtl.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="raiReportDtl_container" v-show="haveData">
+	<div class="raiReportDtl_container" v-show="haveData" >
 		<div class="report-top">
 			<div class="report-title">{{reportInfo.Title}}</div>
 			<div class="report_desc">
@@ -22,6 +22,11 @@
             <!-- <span class="content-html"></span> -->
       </div>
 		</div>
+    <div style="font-size:0.7rem; margin-top:0.7rem;" v-if="fileLink">
+     <p>报告全文:
+       <span style="color:#0808e5;" @click="downloadFile">（PDF格式报告下载.pdf）</span>
+     </p>
+    </div>
 		<div class="detail-report">
 			<div id="report-content" v-html="reportInfo.Body"></div>
 		</div>
@@ -35,11 +40,11 @@
 				<p @click="hideTips" style="position:absolute; bottom:0; left:0; right:0; font-size:0.56rem; line-height:1.6rem; color:#2680EB; text-align:center; border-top:1px solid #eaeaea;">知道了</p>
 			</div>
 		</div>
-		<div style="width:40px;height:40px;position:fixed; right:0.5rem; bottom:5.66rem; z-index:100;" class="btn-returntop" >
-		<img src="~@/assets/img/returntop.png" @click="scrolltop" style="width:20px;" />
+		<div style="width:40px;height:40px;position:fixed; right:0.5rem; bottom:4.66rem; z-index:100;" class="btn-returntop" >
+		<img src="~@/assets/img/returntop.png" @click="scrolltop" style="width:40px;" />
 		</div>
-		<div  class="btn-search"  style="width:40px;height:40px; position:fixed; right:0.5rem; bottom:7.3rem; z-index:100;" v-if="from_type == 'mpwechat' && isReport">
-		<img src="~@/assets/img/search_go.png" style="width:20px;" @click="btnSearch"/>
+		<div  class="btn-search"  style="width:73px;height:73px; position:fixed; right:0.3rem; bottom:10.3rem; z-index:100;" v-if="from_type == 'mpwechat' && isReport">
+		<img src="~@/assets/img/search_go.png" style="width:73px;" @click="btnSearch"/>
 		</div>
 		<!-- 底部悬浮固定 -->
 		<div class="fixed_cont" :style="isIphoneX?'padding-bottom: 1rem;':'padding-bottom:0.2rem;'" v-if="from_type == 'mpwechat'">
@@ -69,10 +74,14 @@ export default {
 			reportInfo:{},
 			haveData:null,
 			from_type:'',
-      isReport:true
+      isReport:true,
+      fileLink:''//下载pdf的链接
 		};
 	},
 	methods: {
+    downloadFile(){
+      wx.miniProgram.navigateTo({url:'/pages/downloadFile/downloadFile?url='+this.fileLink,})
+    },
 		//点击回到搜索页面
     btnSearch(){
       wx.miniProgram.navigateTo({url:'/pages/search/search',})
@@ -89,17 +98,15 @@ export default {
 		/* 获取报告详情 */
 		getReport(id,token,type) {
 			if(type == 'mpwechat') {
-       // console.log('mpwechat');
 				RaiApi.reportDtl({
 					ArticleId: id,
 					Authorization: token
 				}).then(res => {
-					//console.log(res);
 					if(res.Ret === 200) {
 						this.haveData = res.Data.HasPermission === 1 ? true : false
 						if(res.Data.HasPermission === 1) { //有访问权限
 							this.reportInfo = res.Data.Detail;
-              //console.log(this.reportInfo,'------');
+              this.fileLink=res.Data.FileLink
 							$(document).on('click', '#report-content img',function(event) {
 								let imgArray = [];
 								let src_tag = $(this).attr('src');
@@ -120,10 +127,10 @@ export default {
 					ArticleIdMd5: id,
 				}).then(res => {
 					if(res.Ret === 200) {
-						//console.log(res);
 						this.haveData = res.Data.HasPermission === 1 ? true : false;
 						if(res.Data.HasPermission === 1) { //有访问权限
 							this.reportInfo = res.Data.Detail;
+              this.fileLink=res.Data.FileLink
 							$(document).on('click', '#report-content img',function(event) {
 								let imgArray = [];
 								let src_tag = $(this).attr('src');
@@ -149,11 +156,11 @@ export default {
 					ArticleId: id,
 					Authorization: token
 				}).then(res => {
-					//console.log(res);
 					if(res.Ret === 200) {
 						this.haveData = res.Data.HasPermission === 1 ? true : false
 						if(res.Data.HasPermission === 1) { //有访问权限
 							this.reportInfo = res.Data.Detail;
+              this.fileLink=res.Data.FileLink
 							$(document).on('click', '#report-content img',function(event) {
 								let imgArray = [];
 								let src_tag = $(this).attr('src');
@@ -174,10 +181,10 @@ export default {
 					ArticleIdMd5: id,
 				}).then(res => {
 					if(res.Ret === 200) {
-						//console.log(res);
 						this.haveData = res.Data.HasPermission === 1 ? true : false;
 						if(res.Data.HasPermission === 1) { //有访问权限
 							this.reportInfo = res.Data.Detail;
+              this.fileLink=res.Data.FileLink
 							$(document).on('click', '#report-content img',function(event) {
 								let imgArray = [];
 								let src_tag = $(this).attr('src');
@@ -333,6 +340,12 @@ export default {
 	}
 }
 .raiReportDtl_container {
+  -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
+        -webkit-user-select:none; /*webkit浏览器*/
+        -khtml-user-select:none; /*早期浏览器*/
+        -moz-user-select:none;/*火狐*/
+        -ms-user-select:none; /*IE10*/
+        user-select:none;
 	box-sizing: border-box;
 	background-color: #fff;
 	padding: 0.4rem 0.68rem 4rem;
@@ -429,8 +442,6 @@ export default {
 }
 .btn-returntop,.btn-search {
   box-sizing: border-box;
-  background-color: #2891FF;
-  opacity: 0.8;
   text-align: center;
   padding-top: 5px;
 }