Browse Source

修改了图片和搜索按钮

小彬 3 years ago
parent
commit
0891b671dc
3 changed files with 31 additions and 15 deletions
  1. BIN
      src/assets/img/returntop.png
  2. BIN
      src/assets/img/search_go.png
  3. 31 15
      src/view/rai_pj/raiReportDtl.vue

BIN
src/assets/img/returntop.png


BIN
src/assets/img/search_go.png


+ 31 - 15
src/view/rai_pj/raiReportDtl.vue

@@ -17,9 +17,9 @@
 			</div>
       <div class="container-text">
         <div class="container">
-           <i class="blue-box"></i><span class="text-box">摘要:</span>
+           <i class="blue-box"></i><span class="text-box">摘要:&nbsp;{{reportInfo.Abstract}}</span>
         </div>
-            <span v-html="reportInfo.Abstract" class="content-html"></span>
+            <span class="content-html"></span>
       </div>
 		</div>
 		<div class="detail-report">
@@ -35,8 +35,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:30px; position:fixed; right:0.6rem; bottom:2.4rem; z-index:100;">
-		<img src="~@/assets/img/returntop.png" @click="scrolltop" style="width:30px; margin-bottom:0.2rem;" />
+		<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>
+		<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>
 		<!-- 底部悬浮固定 -->
 		<div class="fixed_cont" :style="isIphoneX?'padding-bottom: 1rem;':'padding-bottom:0.2rem;'" v-if="from_type == 'mpwechat'">
@@ -65,11 +68,16 @@ export default {
 			isIphoneX:'',
 			reportInfo:{},
 			haveData:null,
-			from_type:''
+			from_type:'',
+      isReport:true
 		};
 	},
 	methods: {
-		showTips(){  //免责声明显示
+		//点击回到搜索页面
+    btnSearch(){
+      wx.miniProgram.navigateTo({url:'/pages/search/search',})
+    },
+	showTips(){  //免责声明显示
       	$("#tipsAlert").animate({top:0});
       },
       hideTips(){  //免责声明收起
@@ -272,21 +280,18 @@ export default {
 	},
 	mounted() {
 		if(this.$route.query.id) {
-    // console.log(this.$route.query.idReport,'纪要详情');
 			this.id = this.$route.query.id
 			this.from_type = this.$route.query.fromType;
-      document.title = '纪要详情';
-      // console.log(	this.from_type );
+      		document.title = '纪要详情';
 			let access_token = this.$route.query.token || '';
 			localStorage.setItem('access_token',access_token)
 			this.getReport(this.id,access_token,this.from_type)
 		}else if(this.$route.query.idReport) {
-      // console.log(this.$route.query.idReport);
-      document.title = '报告详情';
-      this.id = this.$route.query.idReport
+			document.title = '报告详情';
+      this.isReport=false
+			this.id = this.$route.query.idReport
 			this.from_type = this.$route.query.fromType;
-      // console.log(	this.from_type );
-			let access_token = this.$route.query.token || '';
+      let access_token = this.$route.query.token || '';
 			localStorage.setItem('access_token',access_token)
 			this.getReportTwo(this.id,access_token,this.from_type)
     }
@@ -371,7 +376,7 @@ export default {
 		}
       }
      .content-html {
-       margin-top: .1rem;
+    //    margin-top: .1rem;
       display: inline-block;
       padding-left:.36rem !important;
       color: #333333 !important;
@@ -422,4 +427,15 @@ export default {
 		}
 	}
 }
+.btn-returntop,.btn-search {
+  box-sizing: border-box;
+  background-color: #2891FF;
+  opacity: 0.8;
+  text-align: center;
+  padding-top: 5px;
+}
+.btn-search {
+  padding-top: 8px !important;
+
+}
 </style>