瀏覽代碼

提交4.0

bd 3 年之前
父節點
當前提交
8b84933021
共有 9 個文件被更改,包括 719 次插入411 次删除
  1. 3 3
      index.html
  2. 33 0
      iobjndex.html
  3. 9 0
      src/api/api.js
  4. 6 0
      src/api/http.js
  5. 二進制
      src/assets/img/rai/attention_act.png
  6. 二進制
      src/assets/img/rai/attention_ico.png
  7. 二進制
      src/assets/img/rai/quiz_ico.png
  8. 0 1
      src/main.js
  9. 668 407
      src/view/rai_pj/raiReportDtl.vue

+ 3 - 3
index.html

@@ -8,7 +8,7 @@
 		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
 		<meta content="email=no" name="format-detection" />
 		<meta name="format-detection" content="telephone=yes" />
-		<title id="titleId">弘则研报</title>
+		<!-- <title id="titleId"></title> -->
     <meta name="keywords" content="" />
     <meta name="Description" content="" />
 		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
@@ -20,10 +20,10 @@
 			(function() {
 			var hm = document.createElement("script");
 			hm.src = "https://hm.baidu.com/hm.js?51e2febc3c0980a6b77b6311ed8a9be1";
-			var s = document.getElementsByTagName("script")[0]; 
+			var s = document.getElementsByTagName("script")[0];
 			s.parentNode.insertBefore(hm, s);
 			})();
-	</script>	
+	</script>
 	</head>
 	<body>
 		<div id="app"></div>

+ 33 - 0
iobjndex.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+     var sdts = [
+            {name:"小明",age:30},
+            {name:"小红",age:20},
+            {name:"小花",age:40}
+        ]
+        function compare(property,desc) {
+            return function (a, b) {
+                var value1 = a[property];
+                var value2 = b[property];
+                if(desc==true){
+                    // 升序排列
+                    return value1 - value2;
+                }else{
+                    // 降序排列
+                    return value2 - value1;
+                }
+            }
+        }
+        let arr = sdts.sort(compare("age",true))
+        console.log(arr)
+  </script>
+</body>
+</html>

+ 9 - 0
src/api/api.js

@@ -75,5 +75,14 @@ export const RaiApi = {
 	/* 申请访谈 ArticleId*/
 	applyRpt: params => {
 		return http.axiospost('/article/interview/apply',params,1)
+	},
+  /* 关注作者/取消关注作者 接口 DepartmentId*/
+	fllowDepartment: params => {
+		return http.axiospost('/report/fllowDepartment',params,1)
+	},
+  /* 下载PDF打水印接口*/
+	articlePdfwatermark: params => {
+		return http.axiosget('/article/pdfwatermark',params,'下载')
 	}
+
 }

+ 6 - 0
src/api/http.js

@@ -37,6 +37,9 @@ function checkStatus(response,url) { //post处理响应数据
 		if( res.Ret == 408 ){
 			utils.toast(res.Msg);
 		}
+    if( res.Ret !==200 ){
+			utils.toast(res.Msg);
+		}
 		return res;
 	}else{
 		utils.toast("网络异常");
@@ -60,6 +63,9 @@ function getStatus(response,state){ //get处理响应数据
     if( res.Ret==403 ){
     	utils.toast(res.Msg);
     }
+    if( res.Ret !==200 ){
+			utils.toast(res.Msg);
+		}
 		return res;
 	}else{
 		utils.toast("网络异常");

二進制
src/assets/img/rai/attention_act.png


二進制
src/assets/img/rai/attention_ico.png


二進制
src/assets/img/rai/quiz_ico.png


+ 0 - 1
src/main.js

@@ -22,7 +22,6 @@ FastClick.attach(document.body);
 
 router.beforeEach((to, from, next) => {
 	    if( to.path ){
-			document.title = '弘则研报';
 	    	next();
 	    }else{
 	    	next({path:'/404'});

+ 668 - 407
src/view/rai_pj/raiReportDtl.vue

@@ -1,447 +1,708 @@
 <template>
-	<div class="raiReportDtl_container" v-show="haveData" >
-		<div class="report-top">
-			<div class="report-title">{{reportInfo.Title}}</div>
-			<div class="report_desc">
-				<span class="author">{{reportInfo.Department}}</span>
-				<span>{{reportInfo.PublishDate}}</span>
-			</div>
-      <div class="seller-list">
+  <div class="raiReportDtl_container" v-show="haveData">
+    <div class="seearch-top" v-if="from_type == 'mpwechat'">
+      <div class="search-summary" @click="btnSearch">
+        <van-icon color="#8D8D8D" size="18" name="search" />
+        <span
+          >搜索您想要的{{ reportInfo.IsBelongSummary ? "纪要" : "产业资源包" }}</span
+        >
+      </div>
+    </div>
+    <div
+      class="report-top"
+      :class="from_type == 'mpwechat' ? 'top-report' : ''"
+    >
+      <div class="report-title">{{ reportInfo.Title }}</div>
+      <div class="report_desc">
+        <span class="author">{{ reportInfo.Department }}</span>
+        <span>{{ reportInfo.PublishDate }}</span>
+      </div>
+      <div class="seller-list" v-if="!reportInfo.IsResearch">
         <span>联系人:</span>
-        <span v-for="(item,index) in reportInfo.SellerList" :key="index">
-          {{item.SellerName}}({{item.SellerMobile}})&nbsp;&nbsp;
+        <span v-for="(item, index) in reportInfo.SellerList" :key="index">
+          {{ item.SellerName }}({{ item.SellerMobile }})&nbsp;&nbsp;
         </span>
       </div>
-			<div>
-				注:请务必阅读<span class="tip" @click="showTips"> &nbsp;免责声明</span>
-			</div>
+      <div class="seller-list" v-else>
+        <span>作者:{{ reportInfo.SellerAndMobile }} </span>
+      </div>
+      <div>
+        注:请务必阅读<span class="tip" @click="showTips"> &nbsp;免责声明</span>
+      </div>
       <div class="container-text">
         <div class="container">
-           <p class="text-box"><i class="blue-box"></i>&nbsp;&nbsp;摘要:&nbsp;{{reportInfo.Abstract}}</p>
+          <p class="text-box">
+            <i class="blue-box"></i>&nbsp;&nbsp;摘要:&nbsp;{{
+              reportInfo.Abstract
+            }}
+          </p>
+        </div>
+      </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>
+    <div id="tipsAlert" :style="reportInfo.IsResearch?'padding:50% 1rem;':''">
+      <div
+        style="
+          width: 100%;
+          padding: 0.8rem 0.66rem 2.2rem;
+          box-sizing: border-box;
+          font: 0.52rem/0.8rem 'PingFang-SC-Regular';
+          color: #666;
+          background: #fff;
+          overflow: scroll;
+          position: relative;
+          border-radius: 0.2rem;
+        "
+      >
+        <h1
+          style="font: 0.64rem 'PingFang-SC-Regular'; color: #333; text-align: center; margin-bottom: 0.34rem"
+        >
+          免责声明
+        </h1>
+        <template v-if="reportInfo.IsResearch">
+          <p>
+            本文为用户投稿,用户在平台中发表的所有资料、言论等仅代表个人观点,与本平台立场无关,不对您构成任何投资建议。弘则研究对文中陈述、观点判断保持中立,不对所包含内容及数据的真实性、准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考,并请自行承担全部责任。
+          </p>
+        </template>
+        <template v-else>
+          <p>
+            1、本报告仅供弘则弥道(上海)投资咨询有限公司正式签约的机构客户使用,不会仅因接收人/接受机构收到本报告而将其视为客户。
+          </p>
+          <p>
+            2、本报告根据国际和行业通行的准则,以合法渠道获得这些信息,尽可能保证可靠、准确和完整,但并不保证报告所述信息的准确性和完整性,也不保证本报告所包含的信息或建议在本报告发出后不会发生任何变更。本报告中所提供的信息仅供参考。
+          </p>
+          <p>
+            3、报告中的内容不对投资者做出的最终操作建议做任何的担保,也没有任何形式的分享投资收益或者分担投资损失的书面或口头承诺。不作为客户在投资、法律、会计或税务等方面的最终操作建议,也不作为道义的、责任的和法律的依据或者凭证,无论是否已经明示或者暗示。
+          </p>
+          <p>
+            4、在任何情况下,本公司不对客户/接受人/接受机构因使用报告中内容所引致的一切损失负责任,客户/接受人/接受机构需自行承担全部风险。
+          </p>
+        </template>
+        <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: 4.66rem; z-index: 100"
+      class="btn-returntop"
+    >
+      <img
+        src="~@/assets/img/returntop.png"
+        @click="scrolltop"
+        style="width: 40px"
+      />
+    </div>
+    <!-- 底部悬浮固定 -->
+    <div
+      class="fixed_cont"
+      :style="isIphoneX ? 'padding-bottom: 1rem;' : 'padding-bottom:0.2rem;'"
+      v-if="from_type == 'mpwechat'"
+    >
+      <!-- v-if="isReport" -->
+      <div
+        class="handle-item"
+        @click="applyHandle"
+        v-if="reportInfo.IsSummary == 1 && !reportInfo.IsResearch"
+      >
+        <img
+          src="@/assets/img/rai/apply_act.png"
+          class="img_ico"
+          v-if="reportInfo.IsInterviewApply"
+        />
+        <img src="@/assets/img/rai/apply_ico.png" class="img_ico" v-else />
+        <div>{{ reportInfo.IsInterviewApply ? "已申请访谈" : "申请访谈" }}</div>
+      </div>
+      <div class="handle-item" @click="quizBtn" v-if="reportInfo.IsResearch">
+        <img src="@/assets/img/rai/quiz_ico.png" class="img_ico" />
+        <div>提问</div>
+      </div>
+      <div
+        class="handle-item"
+        @click="attentionBtn"
+        v-if="reportInfo.IsResearch"
+      >
+        <img
+          src="@/assets/img/rai/attention_act.png"
+          class="img_ico"
+          v-if="reportInfo.IsFollow"
+        />
+        <img src="@/assets/img/rai/attention_ico.png" class="img_ico" v-else />
+        <div>{{ `${reportInfo.FollowNum}人关注` }}</div>
+      </div>
+
+      <div class="handle-item" @click="collectHandle">
+        <img
+          src="@/assets/img/rai/collect_act.png"
+          class="img_ico"
+          v-if="reportInfo.IsCollect"
+        />
+        <img src="@/assets/img/rai/collect_ico.png" class="img_ico" v-else />
+        <div v-if="reportInfo.IsResearch">
+          {{ `${reportInfo.CollectionNum}  人收藏` }}
         </div>
-            <!-- <span class="content-html"></span> -->
+        <div v-else>{{ reportInfo.IsCollect ? "已收藏" : "收藏" }}</div>
       </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>
-		<div id="tipsAlert">
-			<div style="width:100%; padding:0.8rem 0.66rem 2.2rem; box-sizing:border-box; font:0.52rem/0.8rem 'PingFang-SC-Regular'; color:#666; background:#fff; overflow:scroll; position:relative; border-radius:0.2rem;">
-				<h1 style="font:0.64rem 'PingFang-SC-Regular'; color:#333; text-align:center; margin-bottom:0.34rem;">免责声明</h1>
-				<p>1、本报告仅供弘则弥道(上海)投资咨询有限公司正式签约的机构客户使用,不会仅因接收人/接受机构收到本报告而将其视为客户。</p>
-				<p>2、本报告根据国际和行业通行的准则,以合法渠道获得这些信息,尽可能保证可靠、准确和完整,但并不保证报告所述信息的准确性和完整性,也不保证本报告所包含的信息或建议在本报告发出后不会发生任何变更。本报告中所提供的信息仅供参考。</p>
-				<p>3、报告中的内容不对投资者做出的最终操作建议做任何的担保,也没有任何形式的分享投资收益或者分担投资损失的书面或口头承诺。不作为客户在投资、法律、会计或税务等方面的最终操作建议,也不作为道义的、责任的和法律的依据或者凭证,无论是否已经明示或者暗示。</p>
-				<p>4、在任何情况下,本公司不对客户/接受人/接受机构因使用报告中内容所引致的一切损失负责任,客户/接受人/接受机构需自行承担全部风险。</p>
-				<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: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: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'">
-		    <!-- v-if="isReport" -->
-    	<div class="handle-item" @click="applyHandle">
-				<img src="@/assets/img/rai/apply_act.png" class="img_ico" v-if="reportInfo.IsInterviewApply">
-				<img src="@/assets/img/rai/apply_ico.png" class="img_ico" v-else>
-				<div>{{reportInfo.IsInterviewApply ? '已申请访谈' : '申请访谈'}}</div>
-			</div>
-			<div class="handle-item" @click="collectHandle">
-				<img src="@/assets/img/rai/collect_act.png" class="img_ico" v-if="reportInfo.IsCollect">
-				<img src="@/assets/img/rai/collect_ico.png" class="img_ico" v-else>
-				<div>{{reportInfo.IsCollect ? '已收藏' : '收藏'}}</div>
-			</div>
-		</div>
-	</div>
+  </div>
 </template>
 
 <script>
 //http://192.168.1.25:2000/raiReportDtl?id=3927&token=20ec44c7fe0e02ff597c324406ce49cacfd56048efd452684cbfb120a824f2af&fromType=mpwechat
-import { RaiApi } from "@/api/api.js"
-import { Dialog,Toast  } from 'vant';
+import { RaiApi } from "@/api/api.js";
+import { Dialog, Toast } from "vant";
+//import './index'
 export default {
-	data() {
-		return {
-			id:'',
-			isIphoneX:'',
-			reportInfo:{},
-			haveData:null,
-			from_type:'',
-      isReport:true,
-      fileLink:''//下载pdf的链接
-		};
-	},
-	methods: {
-    downloadFile(){
-      wx.miniProgram.navigateTo({url:'/pages/downloadFile/downloadFile?url='+this.fileLink,})
+  data() {
+    return {
+      id: "",
+      isIphoneX: "",
+      reportInfo: {},
+      haveData: null,
+      from_type: "",
+      isReport: true,
+      fileLink: "", //下载pdf的链接
+      attention: false
+    };
+  },
+  methods: {
+    async downloadFile() {
+       Toast.loading({
+          message: "下载中...",
+          duration: 0,
+          forbidClick: true,
+        })
+      const res = await RaiApi.articlePdfwatermark({ArticleId:Number(this.id)})
+      console.log(res);
+      if(res.Ret===200){
+        Toast.clear()
+        wx.miniProgram.navigateTo({
+        url: "/pages/downloadFile/downloadFile?url=" + res.Data.FileLink
+      });
+      }
+
     },
-		//点击回到搜索页面
-    btnSearch(){
-      wx.miniProgram.navigateTo({url:'/pages/search/search',})
+    //点击回到搜索页面
+    btnSearch() {
+      if (this.reportInfo.IsBelongSummary) {
+        wx.miniProgram.navigateTo({ url: "/pages/search/search" });
+      } else {
+        wx.miniProgram.navigateTo({
+          url: "/reportPages/reportSearch/reportSearch"
+        });
+      }
     },
-	showTips(){  //免责声明显示
-      	$("#tipsAlert").animate({top:0});
-      },
-      hideTips(){  //免责声明收起
-			$("#tipsAlert").animate({top:"-120rem"});
-      },
-      scrolltop(){
-			document.body.scrollTop = document.documentElement.scrollTop = 0;
-      },
-		/* 获取报告详情 */
-		getReport(id,token,type) {
-			if(type == 'mpwechat') {
-				RaiApi.reportDtl({
-					ArticleId: id,
-					Authorization: token
-				}).then(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.Detail.FileLink
-							$(document).on('click', '#report-content img',function(event) {
-								let imgArray = [];
-								let src_tag = $(this).attr('src');
-								let parent_tag = $(this).parent();
-								if (src_tag && !parent_tag.attr('href')) {
-									$('#report-content img').each(function(index, el) {
-											let itemSrc = $(this).attr('src');
-											imgArray.push(itemSrc);
-									});
-									wx.previewImage({current:src_tag,urls:imgArray});
-								}
-							});
-						}
-					}
-				})
-			}else {
-				RaiApi.lookReport({
-					ArticleIdMd5: id,
-				}).then(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.Detail.FileLink
-							$(document).on('click', '#report-content img',function(event) {
-								let imgArray = [];
-								let src_tag = $(this).attr('src');
-								let parent_tag = $(this).parent();
-								if (src_tag && !parent_tag.attr('href')) {
-									$('#report-content img').each(function(index, el) {
-											let itemSrc = $(this).attr('src');
-											imgArray.push(itemSrc);
-									});
-									wx.previewImage({current:src_tag,urls:imgArray});
-								}
-							});
-						}
-					}
-				})
-			}
-
-		},
-    /* 获取报告的文章详情 */
-    getReportTwo(id,token,type) {
-			if(type == 'mpwechat') {
-				RaiApi.reportDtlTwo({
-					ArticleId: id,
-					Authorization: token
-				}).then(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.Detail.FileLink
-							$(document).on('click', '#report-content img',function(event) {
-								let imgArray = [];
-								let src_tag = $(this).attr('src');
-								let parent_tag = $(this).parent();
-								if (src_tag && !parent_tag.attr('href')) {
-									$('#report-content img').each(function(index, el) {
-											let itemSrc = $(this).attr('src');
-											imgArray.push(itemSrc);
-									});
-									wx.previewImage({current:src_tag,urls:imgArray});
-								}
-							});
-						}
-					}
-				})
-			}else {
-				RaiApi.lookReport({
-					ArticleIdMd5: id,
-				}).then(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.Detail.FileLink
-							$(document).on('click', '#report-content img',function(event) {
-								let imgArray = [];
-								let src_tag = $(this).attr('src');
-								let parent_tag = $(this).parent();
-								if (src_tag && !parent_tag.attr('href')) {
-									$('#report-content img').each(function(index, el) {
-											let itemSrc = $(this).attr('src');
-											imgArray.push(itemSrc);
-									});
-									wx.previewImage({current:src_tag,urls:imgArray});
-								}
-							});
-						}
-					}
-				})
-			}
-
-		},
-		/* 访谈申请 */
-		applyHandle() {
-			!this.reportInfo.IsInterviewApply
-			&& Dialog.confirm({
-					title: '',
-					message: '专家访谈申请会提交给您的对口销售,销售会线下与您取得联系,确定申请吗?',
-					confirmButtonColor: '#fff',
-					cancelButtonColor:'#fff',
-					theme: 'round-button',
-				}).then(() => {
-					this.interviewApi()
-				});
-			// 取消申请访谈 区分状态 '待邀请','待访谈','已完成','已取消'
-			if( this.reportInfo.IsInterviewApply) {
-				Dialog.confirm({
-					title: '',
-					message: this.reportInfo.InterviewApplyStatus=='待访谈'
-					?'当前无法取消访谈,若有疑问,请联系对口销售' + this.reportInfo.SellerMobile
-					:this.reportInfo.InterviewApplyStatus=='待邀请'
-					?'您要取消此次访谈申请吗?'
-					:'该访谈已完成',
-					confirmButtonColor: '#fff',
-					cancelButtonColor:'#fff',
-					theme: 'round-button',
-				}).then(() => {
-						this.reportInfo.InterviewApplyStatus=='待邀请'
-						? this.interviewApi()
-						:this.reportInfo.InterviewApplyStatus=='待访谈'
-						? window.location.href = 'tel://' + this.reportInfo.SellerMobile
-						:''
-				});
-			}
-		},
-		/* 访谈接口 */
-		interviewApi() {
-			RaiApi.applyRpt({
-				ArticleId: Number(this.id)
-			}).then(res => {
-				if(res.Ret === 200) {
-					this.reportInfo.IsInterviewApply = !this.reportInfo.IsInterviewApply;
-					this.reportInfo.InterviewApplyStatus = this.reportInfo.IsInterviewApply ? '待邀请' : '';
-					Toast(res.Msg)
-				}
-			})
-		},
-		/* 收藏 */
-		collectHandle() {
-			RaiApi.collectRpt({
-				ArticleId: Number(this.id)
-			}).then(res => {
-				if(res.Ret === 200) {
-					this.reportInfo.IsCollect = !this.reportInfo.IsCollect
-					Toast(res.Msg)
-				}
-			})
-		},
-		checkUa() {
-			// iPhone X、iPhone XS
-			let isIPhoneX = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 375 && window.screen.height === 812;
-			// iPhone XS Max
-			var isIPhoneXSMax = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 414 && window.screen.height === 896;
-			// iPhone XR
-			var isIPhoneXR = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 414 && window.screen.height === 896;
-			this.isIphoneX = isIPhoneX || isIPhoneXSMax || isIPhoneXR;
-		},
-		resetCss() {
-			$('#report-content').find('img').css({display:'block',margin:'0 auto',maxWidth:'100%'});
-			$('#report-content').find('video').css({display:'block',margin:'0 auto',maxWidth:'100%'});
-			$('#report-content').find('p').css({margin:'0 auto 0.6rem',font:"0.7rem/1.5 'PingFang-SC-Regular'",color:"#333",letterSpacing:"0.08rem",lineHeight:"1.1rem"});
-			$('#report-content').find('span').css({font:"0.7rem/1.5 'PingFang-SC-Regular'",letterSpacing:"0.08rem",lineHeight:"1.1rem"});
-			$('#report-content').find('span.fr-emoticon').css({width:'20px',height:'20px',backgroundRepeat: 'no-repeat',backgroundSize: 'cover',display:'inline-block',verticalAlign:'middle'});
-			$('#report-content').find('ol').css({listStyleType: 'disc'});
+    //点击到提问页面
+    quizBtn() {
+      wx.miniProgram.navigateTo({
+        url:
+          "/activityPages/generationAsk/generationAsk?id=" +
+          this.reportInfo.ArticleId +
+          "&type=文章"
+      });
+    },
+    //关注作者事件
+    attentionBtn() {
+      RaiApi.fllowDepartment({
+        DepartmentId: this.reportInfo.DepartmentId
+      }).then(res => {
+        if (res.Ret === 200) {
+          this.reportInfo.IsFollow = !this.reportInfo.IsFollow;
+          if (res.Data.Status == 1) {
+            this.reportInfo.FollowNum += 1;
+            if (res.Data.GoFollow) {
+              Dialog.confirm({
+                title: "作者关注成功",
+                message:
+                  "想要及时获取该作者新发报告时的消息推送,请关注【弘则研究】公众号",
+                confirmButtonColor: "#fff",
+                confirmButtonText: "去关注",
+                cancelButtonColor: "#fff",
+                theme: "round-button"
+              })
+                .then(() => {
+                  wx.miniProgram.navigateTo({
+                    url: "/activityPages/accountsOfficial/accountsOfficial"
+                  });
+                })
+                .catch(() => {
+                  // on cancel
+                });
+            } else {
+              Dialog.alert({
+                title: "",
+                message:
+                  "作者关注成功,该作者发布新的报告时,【弘则研究】公众号会为您推送微信消息提醒",
+                confirmButtonColor: "#3385FF",
+                confirmButtonText: "知道了"
+              });
+            }
+          } else {
+            this.reportInfo.FollowNum -= 1;
+            Toast("已取消关注");
+          }
+        }
+      });
+    },
+    showTips() {
+      //免责声明显示
+      $("#tipsAlert").animate({ top: 0 });
+    },
+    hideTips() {
+      //免责声明收起
+      $("#tipsAlert").animate({ top: "-120rem" });
+    },
+    scrolltop() {
+      document.body.scrollTop = document.documentElement.scrollTop = 0;
+    },
+    /* 获取报告详情 */
+    getReport(id, token, type) {
+      if (type == "mpwechat") {
+        RaiApi.reportDtl({
+          ArticleId: id,
+          Authorization: token
+        }).then(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.Detail.FileLink;
+              $(document).on("click", "#report-content img", function(event) {
+                let imgArray = [];
+                let src_tag = $(this).attr("src");
+                let parent_tag = $(this).parent();
+                if (src_tag && !parent_tag.attr("href")) {
+                  $("#report-content img").each(function(index, el) {
+                    let itemSrc = $(this).attr("src");
+                    imgArray.push(itemSrc);
+                  });
+                  console.log(imgArray);
+                  wx.previewImage({ current: src_tag, urls: imgArray });
+                }
+              });
+            }
+          }
+        });
+      } else {
+        RaiApi.lookReport({
+          ArticleIdMd5: id
+        }).then(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.Detail.FileLink;
+              $(document).on("click", "#report-content img", function(event) {
+                let imgArray = [];
+                let src_tag = $(this).attr("src");
+                let parent_tag = $(this).parent();
+                if (src_tag && !parent_tag.attr("href")) {
+                  $("#report-content img").each(function(index, el) {
+                    let itemSrc = $(this).attr("src");
+                    imgArray.push(itemSrc);
+                  });
+                  wx.previewImage({ current: src_tag, urls: imgArray });
+                }
+              });
+            }
+          }
+        });
+      }
+    },
+    /* 访谈申请 */
+    applyHandle() {
+      !this.reportInfo.IsInterviewApply &&
+        Dialog.confirm({
+          title: "",
+          message:
+            "专家访谈申请会提交给您的对口销售,销售会线下与您取得联系,确定申请吗?",
+          confirmButtonColor: "#fff",
+          cancelButtonColor: "#fff",
+          theme: "round-button"
+        }).then(() => {
+          this.interviewApi();
+        });
+      // 取消申请访谈 区分状态 '待邀请','待访谈','已完成','已取消'
+      if (this.reportInfo.IsInterviewApply) {
+        Dialog.confirm({
+          title: "",
+          message:
+            this.reportInfo.InterviewApplyStatus == "待访谈"
+              ? "当前无法取消访谈,若有疑问,请联系对口销售" +
+                this.reportInfo.SellerMobile
+              : this.reportInfo.InterviewApplyStatus == "待邀请"
+              ? "您要取消此次访谈申请吗?"
+              : "该访谈已完成",
+          confirmButtonColor: "#fff",
+          cancelButtonColor: "#fff",
+          theme: "round-button"
+        }).then(() => {
+          this.reportInfo.InterviewApplyStatus == "待邀请"
+            ? this.interviewApi()
+            : this.reportInfo.InterviewApplyStatus == "待访谈"
+            ? (window.location.href = "tel://" + this.reportInfo.SellerMobile)
+            : "";
+        });
+      }
+    },
+    /* 访谈接口 */
+    interviewApi() {
+      RaiApi.applyRpt({
+        ArticleId: Number(this.id)
+      }).then(res => {
+        if (res.Ret === 200) {
+          this.reportInfo.IsInterviewApply = !this.reportInfo.IsInterviewApply;
+          this.reportInfo.InterviewApplyStatus = this.reportInfo
+            .IsInterviewApply
+            ? "待邀请"
+            : "";
+          Toast(res.Msg);
+        }
+      });
+    },
+    /* 收藏 */
+    collectHandle() {
+      RaiApi.collectRpt({
+        ArticleId: Number(this.id)
+      }).then(res => {
+        if (res.Ret === 200) {
+          this.reportInfo.IsCollect = !this.reportInfo.IsCollect;
+          if (this.reportInfo.IsResearch) {
+            console.log(1);
+          } else {
+            console.log(2);
+          }
+          if (this.reportInfo.IsCollection == 1) {
+            this.reportInfo.CollectionNum -= 1;
+            this.reportInfo.IsCollection = 0;
+          } else {
+            this.reportInfo.CollectionNum += 1;
+            this.reportInfo.IsCollection = 1;
+          }
+          Toast(res.Msg);
+        }
+      });
+    },
+    checkUa() {
+      // iPhone X、iPhone XS
+      let isIPhoneX =
+        /iphone/gi.test(window.navigator.userAgent) &&
+        window.devicePixelRatio &&
+        window.devicePixelRatio === 3 &&
+        window.screen.width === 375 &&
+        window.screen.height === 812;
+      // iPhone XS Max
+      var isIPhoneXSMax =
+        /iphone/gi.test(window.navigator.userAgent) &&
+        window.devicePixelRatio &&
+        window.devicePixelRatio === 3 &&
+        window.screen.width === 414 &&
+        window.screen.height === 896;
+      // iPhone XR
+      var isIPhoneXR =
+        /iphone/gi.test(window.navigator.userAgent) &&
+        window.devicePixelRatio &&
+        window.devicePixelRatio === 2 &&
+        window.screen.width === 414 &&
+        window.screen.height === 896;
+      this.isIphoneX = isIPhoneX || isIPhoneXSMax || isIPhoneXR;
+    },
+    resetCss() {
+      $("#report-content")
+        .find("img")
+        .css({ display: "block", margin: "0 auto", maxWidth: "100%" });
+      $("#report-content")
+        .find("video")
+        .css({ display: "block", margin: "0 auto", maxWidth: "100%" });
+      $("#report-content")
+        .find("p")
+        .css({
+          margin: "0 auto 0.6rem",
+          font: "0.7rem/1.5 'PingFang-SC-Regular'",
+          color: "#333",
+          letterSpacing: "0.08rem",
+          lineHeight: "1.1rem"
+        });
+      $("#report-content")
+        .find("span")
+        .css({
+          font: "0.7rem/1.5 'PingFang-SC-Regular'",
+          letterSpacing: "0.08rem",
+          lineHeight: "1.1rem"
+        });
+      $("#report-content")
+        .find("span.fr-emoticon")
+        .css({
+          width: "20px",
+          height: "20px",
+          backgroundRepeat: "no-repeat",
+          backgroundSize: "cover",
+          display: "inline-block",
+          verticalAlign: "middle"
+        });
+      $("#report-content")
+        .find("ol")
+        .css({ listStyleType: "disc" });
 
-			$('#report-content').find('pre').css({display:"block",whiteSpace:'pre-wrap',marginBottom: '0.6rem'});
-			$('#report-content').find('table').css({borderBottom: "1px solid #999",borderRight: "1px solid #999",width: "95%",});
-			$('#report-content').find('table td').css({borderTop: "0.5px solid #999",borderLeft: "0.5px solid #999",verticalAlign: 'top'});
-			$('#report-content').find('table span').css({fontSize:'12px',color:"#333",fontFamily:'PingFang-SC-Regular'});
-		}
-	},
-	updated() {
-		this.resetCss()
-	},
-	mounted() {
-		if(this.$route.query.id) {
-			this.id = this.$route.query.id
-			this.from_type = this.$route.query.fromType;
-      		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) {
-			document.title = '报告详情';
-      this.isReport=false
-			this.id = this.$route.query.idReport
-			this.from_type = this.$route.query.fromType;
-      let access_token = this.$route.query.token || '';
-			localStorage.setItem('access_token',access_token)
-			this.getReportTwo(this.id,access_token,this.from_type)
+      $("#report-content")
+        .find("pre")
+        .css({
+          display: "block",
+          whiteSpace: "pre-wrap",
+          marginBottom: "0.6rem"
+        });
+      $("#report-content")
+        .find("table")
+        .css({
+          borderBottom: "1px solid #999",
+          borderRight: "1px solid #999",
+          width: "95%"
+        });
+      $("#report-content")
+        .find("table td")
+        .css({
+          borderTop: "0.5px solid #999",
+          borderLeft: "0.5px solid #999",
+          verticalAlign: "top"
+        });
+      $("#report-content")
+        .find("table span")
+        .css({
+          fontSize: "12px",
+          color: "#333",
+          fontFamily: "PingFang-SC-Regular"
+        });
+    },
+  },
+  updated() {
+    this.resetCss();
+  },
+  mounted() {
+    if (this.$route.query.id) {
+      this.id = this.$route.query.id;
+      this.from_type = this.$route.query.fromType;
+      let access_token = this.$route.query.token || "";
+      localStorage.setItem("access_token", access_token);
+      this.getReport(this.id, access_token, this.from_type);
     }
-		// this.getReport(3927,'20ec44c7fe0e02ff597c324406ce49cacfd56048efd452684cbfb120a824f2af')
-		this.checkUa()
-	},
-}
+    this.checkUa();
+  },
+  updated() {},
+  watch: {
+    "reportInfo.IsSummary": {
+      handler(val) {
+        if (val == 0) {
+          document.title = "报告详情";
+        } else if (val == 1) {
+          document.title = "纪要详情";
+        }
+      },
+      immediate: true
+    }
+  }
+};
 </script>
-<style lang='scss' >
+<style lang="scss">
 .van-dialog {
-	border-radius: 5px !important;
-	.van-dialog__message {
-		font-size: 15px !important;
-		line-height: 21px !important;
-	}
-	.van-button__content {
-		font-size: 17px !important;
-	}
+  border-radius: 5px !important;
+  .van-dialog__message {
+    font-size: 15px !important;
+    line-height: 21px !important;
+  }
+  .van-button__content {
+    font-size: 17px !important;
+  }
+}
+.seearch-top {
+  width: 100%;
+  padding: 0.6rem;
+  position: fixed;
+  background-color: #fff;
+  top: 0;
+  left: 0;
+  z-index: 99;
+  // box-shadow: 0 .06rem .12rem rgba(187, 216, 255, 0.2);
+  .search-summary {
+    width: 13.64rem;
+    height: 1.4rem;
+    box-sizing: border-box;
+    background: #f6f6f6;
+    border: 0.02rem solid #e5e5e5;
+    opacity: 1;
+    border-radius: 0.7rem;
+    padding-left: 0.7rem;
+    display: flex;
+    align-items: center;
+    span {
+      color: #8d8d8d;
+      font-size: 0.48rem;
+      margin-left: 0.32rem;
+      margin-top: 0.1rem;
+    }
+  }
 }
 .seller-list {
-  font-size: .56rem;
-  margin-bottom: .8rem;
+  font-size: 0.56rem;
+  margin-bottom: 0.8rem;
 }
- .van-dialog--round-button .van-dialog__footer{
-	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
-	padding: 0 !important;
-	.van-button--warning {
-		color: #333 !important;
-	}
-	.van-button--danger {
-		color: #3385FF !important;
- 	}
-	.van-button--warning,.van-button--danger {
-		height: 60px !important;
-		border-radius: 0 !important;
-	}
-	.van-goods-action-button--first {
-		border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
-	}
+.van-dialog--round-button .van-dialog__footer {
+  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
+  padding: 0 !important;
+  .van-button--warning {
+    color: #333 !important;
+  }
+  .van-button--danger {
+    color: #3385ff !important;
+  }
+  .van-button--warning,
+  .van-button--danger {
+    height: 60px !important;
+    border-radius: 0 !important;
+  }
+  .van-goods-action-button--first {
+    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
+  }
 }
 .raiReportDtl_container {
-	box-sizing: border-box;
-	background-color: #fff;
-	padding: 0.4rem 0.68rem 4rem;
-	font-size:.56rem;
-	.report-top {
-		color: #999999;
-		.report-title {
-			color: #4A4A4A;
-			font-size: 0.68rem;
-			font-weight: 600;
-		}
-		.report_desc {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			margin: 0.4rem 0;
-		}
-		.tip {
-			color: #2f7afa;
-			display: inline;
-		}
+  box-sizing: border-box;
+  background-color: #fff;
+  padding: 0.4rem 0.68rem 4rem;
+  font-size: 0.56rem;
+  .top-report {
+    padding-top: 2.2rem;
+  }
+  .report-top {
+    color: #999999;
+    .report-title {
+      color: #4a4a4a;
+      font-size: 0.68rem;
+      font-weight: 600;
+    }
+    .report_desc {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 0.4rem 0;
+    }
+    .tip {
+      color: #2f7afa;
+      display: inline;
+    }
     .container-text {
-      margin-top: .8rem;
-      line-height: .88rem;
-      padding-bottom: .8rem;
-      border-bottom: .04rem dashed #999999;
+      margin-top: 0.8rem;
+      line-height: 0.88rem;
+      padding-bottom: 0.8rem;
+      border-bottom: 0.04rem dashed #999999;
       .container {
-		.text-box {
-      position: relative;
-			font-size: .64rem;
-      line-height: .98rem;
-			color: #333;
-      .blue-box {
-      position: absolute;
-      top: .04rem;
-      left: .04rem;
-			width: .16rem;
-			height: .88rem;
-			background-color: #3385FF;
-		}
-		}
+        .text-box {
+          position: relative;
+          font-size: 0.64rem;
+          line-height: 0.98rem;
+          color: #333;
+          .blue-box {
+            position: absolute;
+            top: 0.04rem;
+            left: 0.04rem;
+            width: 0.16rem;
+            height: 0.88rem;
+            background-color: #3385ff;
+          }
+        }
+      }
+      .content-html {
+        //    margin-top: .1rem;
+        display: inline-block;
+        padding-left: 0.36rem !important;
+        color: #333333 !important;
+        font-size: 0.64rem !important;
+        line-height: 1rem !important;
+        letter-spacing: 0.12rem !important;
       }
-     .content-html {
-    //    margin-top: .1rem;
-      display: inline-block;
-      padding-left:.36rem !important;
-      color: #333333 !important;
-      font-size: .64rem !important;
-      line-height: 1rem !important;
-      letter-spacing:.12rem !important;
     }
+  }
+  .detail-report {
+    padding: 0.4rem 0;
+    overflow: hidden;
+    img {
+      width: 100% !important;
+    }
+    table {
+      border-collapse: collapse;
+      width: 100% !important;
+      margin-left:0 !important;
     }
+    tr td,th{
+      border:1px solid #333;
+    }
+  }
+  #tipsAlert {
+    width: 100%;
+    height: 100%;
+    padding: 15% 1rem;
+    box-sizing: border-box;
+    position: fixed;
+    top: -120rem;
+    left: 0;
+    background: rgba(0, 0, 0, 0.6);
+    z-index: 200;
+  }
+  .fixed_cont {
+    width: 100%;
+    // height: 114rpx;
+    padding: 0.2rem 0;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: 2;
+    display: flex;
+    justify-content: space-around;
 
-	}
-	.detail-report {
-		padding: 0.4rem 0;
-		overflow: hidden;
-	}
-	#tipsAlert{ width:100%; height:100%; padding:15% 1rem; box-sizing:border-box; position:fixed; top:-120rem; left:0; background:rgba(0,0,0,0.6); z-index:200; }
-	.fixed_cont {
-		width: 100%;
-		// height: 114rpx;
-		padding: 0.2rem 0;
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		z-index: 2;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		flex-direction: row;
-		background-color: #fff;
-		box-shadow: 0 	-0.12rem 0.24rem rgba($color: #6A6A6A, $alpha: 0.16);
-		.handle-item {
-			width:2.5rem;
-			font-size: 0.48rem;
-			color: #D0CFD5;
-			text-align: center;
-			margin-right: 3.6rem;
-			&:last-child {
-				margin-right: 0;
-			}
-			.img_ico {
-				width: 1.12rem;
-				height: 1.12rem;
-				margin: 0 auto;
-			}
-		}
-		.button-item {
-			background-color: transparent;
-			line-height: normal;
-		}
-	}
+    align-items: center;
+    flex-direction: row;
+    background-color: #fff;
+    box-shadow: 0 -0.12rem 0.24rem rgba($color: #6a6a6a, $alpha: 0.16);
+    .handle-item {
+      width: 2.5rem;
+      font-size: 0.48rem;
+      color: #d0cfd5;
+      text-align: center;
+      &:last-child {
+        margin-right: 0;
+      }
+      .img_ico {
+        width: 1.12rem;
+        height: 1.12rem;
+        margin: 0 auto;
+      }
+    }
+    .button-item {
+      background-color: transparent;
+      line-height: normal;
+    }
+  }
 }
-.btn-returntop,.btn-search {
+.btn-returntop,
+.btn-search {
   box-sizing: border-box;
   text-align: center;
   padding-top: 5px;
 }
 .btn-search {
   padding-top: 8px !important;
-
 }
 </style>