xqc

src/views/cygx/index.scss

@@ -14,6 +14,20 @@
   .z-index-content {
     position: relative;
     z-index: 5;
+    .deeperReport {
+      width: 280px;
+      height: 70px;
+      background: #1890ff;
+      box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.04);
+      border-radius: 6px;
+      font-size: 30px;
+      color: #ffffff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 50px auto 0 auto;
+      cursor: pointer;
+    }
   }
   .host-collect {
     margin-top: 20px;

src/views/cygx/raiReportDtl.vue

@@ -66,6 +66,7 @@
           </div>
         </div>
       </div>
+      <div class="deeperReport" @click="lookDeeperReport" v-if="reportInfo.ReportLink">查看报告链接</div>
     </div>
     <div class="btn-returntop">
       <img src="~@/assets/cygx/returntop.png" @click="scrolltop" style="width: 40px" />
@@ -378,6 +379,16 @@ const getReport = (id, token, type) => {
     });
   }
 };
+
+const lookDeeperReport = () => {
+  router.push({
+    path: "/strategyReport",
+    query: {
+      url: state.reportInfo.ReportLink,
+    },
+  });
+};
+
 onMounted(() => {
   if (route.query.id) {
     rerportId.value = route.query.id;
@@ -403,6 +414,7 @@ onMounted(() => {
   }
 });
 const { reportInfo, reportResearch } = toRefs(state);
+// url: raiReportDtl?id=3001&token=20ec44c7fe0e02ff597c324406ce49ca6d949c0acd34f8f3775e5b5edbf8c44e&fromType=mpwechat
 </script>
 
 <style lang="scss">

src/views/cygx/strategyReport.vue

@@ -3,13 +3,15 @@ import { onMounted, ref } from "vue";
 import { useRoute } from "vue-router";
 const route = useRoute();
 const srcUrl = ref("");
+const pc = ref("");
 onMounted(() => {
-  srcUrl.value = decodeURIComponent(route.query.url) 
+  srcUrl.value = decodeURIComponent(route.query.url);
+  pc.value = route.query.pc || "";
 });
 </script>
 
 <template>
-  <div class="container-strategy">
+  <div :class="[pc ? 'container-strategy-pc' : 'container-strategy']">
     <iframe :src="srcUrl" class="strategy-iframe" frameborder="0" />
   </div>
 </template>
@@ -25,4 +27,12 @@ onMounted(() => {
     height: 100%;
   }
 }
+.container-strategy-pc {
+  height: 100vh;
+  padding-bottom: 10px;
+  .strategy-iframe {
+    width: 100%;
+    height: 100%;
+  }
+}
 </style>

src/views/cygxPc/report.vue

@@ -24,7 +24,7 @@ const getReport = (id) => {
   }).then((res) => {
     if (res.Ret === 200) {
       haveData.value = res.Data.HasPermission === 1 ? true : false;
-      mobile.value = res.Data.Mobile
+      mobile.value = res.Data.Mobile;
       if (res.Data.HasPermission === 1) {
         //有访问权限
         state.reportInfo = res.Data.Detail;
@@ -44,6 +44,16 @@ const getReport = (id) => {
     }
   });
 };
+const lookDeeperReport = () => {
+  router.push({
+    path: "/strategyReport",
+    query: {
+      url: state.reportInfo.ReportLink,
+      pc: "true",
+    },
+  });
+};
+
 onMounted(() => {
   if (localStorage.getItem("cygx_token")) {
     rerportId.value = route.query.id;
@@ -57,7 +67,7 @@ const { reportInfo, reportResearch } = toRefs(state);
 
 <template>
   <div class="container-cygx-pc" v-if="haveData" :class="reportInfo.IsResearch ? 'no-cv' : ''">
-     <div class="z-index-content" v-if="reportInfo.ArticleId">
+    <div class="z-index-content" v-if="reportInfo.ArticleId">
       <div class="content-top">
         <div class="report-title">{{ reportInfo.Title }}</div>
         <div class="report-text">
@@ -67,14 +77,14 @@ const { reportInfo, reportResearch } = toRefs(state);
               <span>{{ reportInfo.PublishDate }}</span>
             </div> -->
             <!-- <div class="seller-list"> -->
-              <!-- <span>联系人:</span>
+            <!-- <span>联系人:</span>
               <span v-for="(item, index) in reportInfo.SellerList" :key="index"> {{ item.SellerName }}({{ item.SellerMobile }})&nbsp;&nbsp; </span> -->
             <!-- </div> -->
             <div class="report-research">
               <div style="display: flex">
                 <img :src="reportInfo.DepartmentImgUrl" v-if="reportInfo.DepartmentImgUrl" />
                 <div class="research-author">
-                  <p >{{ reportInfo.NickName }}</p> 
+                  <p>{{ reportInfo.NickName }}</p>
                   <p class="time">{{ reportInfo.PublishDate }}</p>
                 </div>
               </div>
@@ -101,6 +111,7 @@ const { reportInfo, reportResearch } = toRefs(state);
       <div class="detail-report" :class="reportInfo.IsResearch ? '' : 'detail-bottom'">
         <div id="report-content" v-html="reportInfo.Body"></div>
       </div>
+      <div class="deeperReport" @click="lookDeeperReport" v-if="reportInfo.ReportLink">查看报告链接</div>
     </div>
     <div class="btn-returntop" v-if="reportInfo.ArticleId">
       <img src="~@/assets/cygx/returntop.png" @click="scrolltop" style="width: 40px" />
@@ -267,6 +278,21 @@ const { reportInfo, reportResearch } = toRefs(state);
       }
     }
   }
+  .deeperReport {
+    width: 128px;
+    height: 40px;
+    background: #1890ff;
+    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
+    border-radius: 2px 2px 2px 2px;
+    font-size: 16px;
+    font-weight: 400;
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 80px auto 0 auto;
+    cursor: pointer;
+  }
   .report-link {
     font-size: 14px;
     line-height: 40px;