|
@@ -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}})
|
|
|
+ <span v-for="(item, index) in reportInfo.SellerList" :key="index">
|
|
|
+ {{ item.SellerName }}({{ item.SellerMobile }})
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- 注:请务必阅读<span class="tip" @click="showTips"> 免责声明</span>
|
|
|
- </div>
|
|
|
+ <div class="seller-list" v-else>
|
|
|
+ <span>作者:{{ reportInfo.SellerAndMobile }} </span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 注:请务必阅读<span class="tip" @click="showTips"> 免责声明</span>
|
|
|
+ </div>
|
|
|
<div class="container-text">
|
|
|
<div class="container">
|
|
|
- <p class="text-box"><i class="blue-box"></i> 摘要: {{reportInfo.Abstract}}</p>
|
|
|
+ <p class="text-box">
|
|
|
+ <i class="blue-box"></i> 摘要: {{
|
|
|
+ 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>
|