分享

README.md

@@ -7,6 +7,7 @@ https://ybpctest.hzinsights.com
 https://ybpc.hzinsights.com
 
 开发说明
-1./components/SelfList.vue 为公共列表加载组件。如列表加载逻辑同样 请使用此组件
-2.mac PC小程序尺寸 1024*720
-3.微信扫码登录文档：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
+1. /components/SelfList.vue 为公共列表加载组件。如列表加载逻辑同样 请使用此组件
+2. mac PC小程序尺寸 1024*720
+3. 微信扫码登录文档：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
+4. 向小程序发送的数据 {path:小程序对应页面路径,params:小程序页面所需要的参数,title:分享的标题,shareImg:分享的图片}

src/api/report.js

@@ -120,4 +120,11 @@ export const apiReportIndexNew=params=>{
  */
 export const apiSpecialColumnComment=params=>{
     return get('/pc/comment',params)
+}
+
+/**
+ * 首页最新资讯
+ */
+export const apiLatestNews=()=>{
+    return get('/pc/latest_news')
 }

src/components/LoginPop.vue

@@ -4,7 +4,8 @@ import { onMounted } from 'vue';
 let obj = null
 
 onMounted(()=>{
-    const redirect_uri=encodeURIComponent('https://ybpc.hzinsights.com/report/index')
+    // https://hzreport.hzinsights.com/index     wx615472d6874eeb7f  
+    const redirect_uri=encodeURIComponent('https://ybpctest.hzinsights.com')
     obj=new WxLogin({
         self_redirect:true,
         id:"wx-qrcode-box", 
@@ -13,9 +14,8 @@ onMounted(()=>{
         redirect_uri: redirect_uri,
         state: "",
         style: "",
-        href: ""
+        href: "",//可传入base64 编码的 css样式
     });
-    console.log(obj);
 })
 
 

src/views/report/ChapterDetail.vue

@@ -107,6 +107,16 @@ const getChapterReportDetail=async ()=>{
                 }
             }
         }
+        //向小程序发送分享数据
+        const postData={
+            path:'/pages-report/chapterDetail',
+            params:{
+                chapterId:chapterId.value
+            },
+            title:`FICC【${res.data.report_chapter_item.classify_name_first}】`,
+            shareImg:''
+        }
+        wx.miniProgram.postMessage({ data: postData })
     }
 }
 getChapterReportDetail()

src/views/report/Classify.vue

@@ -1,10 +1,20 @@
 <script setup>
-import {ref} from 'vue'
+import {onMounted, ref} from 'vue'
 import {apiReportClassify} from '@/api/report'
 import { useRouter } from 'vue-router';
 
 const router=useRouter()
 
+// 向小程序发送数据
+const handleDataToXcx=()=>{
+  const postData={
+    path:'/pages-report/classify',
+    params:{},
+    title:'FICC研报分类',
+    shareImg:''
+  }
+  wx.miniProgram.postMessage({ data: postData })
+}
 
 // 获取列表数据
 let list=ref([])
@@ -49,6 +59,10 @@ const goNext=(item)=>{
 
 }
 
+onMounted(()=>{
+    handleDataToXcx()
+})
+
 </script>
 <template>
     <div class="report-classify-page">

src/views/report/Detail.vue

@@ -49,6 +49,17 @@ const getReportDetail=async ()=>{
                 }
             }
         }
+        //向小程序发送分享数据
+        const postData={
+            path:'/pages-report/reportDetail',
+            params:{
+                reportId:reportId.value
+            },
+            title:`FICC【${res.data.report_info.classify_name_first}】`,
+            shareImg:''
+        }
+        wx.miniProgram.postMessage({ data: postData })
+        
     }
 }
 getReportDetail()

src/views/report/Index.vue

@@ -1,6 +1,12 @@
 <script setup>
-import { apiReportIndexPageAuthList, apiReportIndexPageList,apiReportIndexNewbanner,apiReportIndexNew } from '@/api/report'
-import { onMounted, reactive, ref } from "vue"
+import { 
+  apiReportIndexPageAuthList, 
+  apiReportIndexPageList,
+  apiReportIndexNewbanner,
+  apiReportIndexNew,
+  apiLatestNews 
+} from '@/api/report'
+import { onActivated, onMounted, reactive, ref } from "vue"
 import Search from "@/components/Search.vue"
 import SelfList from '@/components/SelfList.vue'
 import { useRouter } from "vue-router"
@@ -11,6 +17,16 @@ moment.locale('zh-cn')
 
 const router = useRouter()
 
+// 向小程序发送数据
+const handleDataToXcx=()=>{
+  const postData={
+    path:'/pages/report/report',
+    params:{},
+    title:'FICC研报',
+    shareImg:''
+  }
+  wx.miniProgram.postMessage({ data: postData })
+}
 
 // 获取顶部权限分类数据
 let authData=reactive({
@@ -124,7 +140,6 @@ const onLoad=()=>{
   getReportList()
 }
 
-
 // 获取上新公告
 const getNewAnnounce=async ()=>{
   const res1=await apiReportIndexNewbanner()
@@ -134,6 +149,16 @@ const getNewAnnounce=async ()=>{
 }
 getNewAnnounce()
 
+// 获取最新资讯
+let LatestNewsList=ref([])
+const getLatestNews=async ()=>{
+  const res=await apiLatestNews()
+  if(res.code===200){
+
+  }
+}
+getLatestNews()
+
 //跳转至研报分类页
 const handleGoMoreClassify = () => {
   router.push({ path:'/report/classify' });
@@ -162,6 +187,7 @@ const handleGoReportDetail=(item)=>{
 let isMounted = ref(false);
 onMounted(() => {
   isMounted.value = true;
+  handleDataToXcx()
 });
 
 // 格式化列表日期
@@ -174,6 +200,11 @@ const formatDate=(e)=>{
   }
 }
 
+//组件激活时
+onActivated(()=>{
+  handleDataToXcx()
+})
+
 </script>
 <template>
   <!-- 搜索 -->

src/views/report/List.vue

@@ -11,10 +11,25 @@ const route=useRoute()
 const router=useRouter()
 const store=useStore()
 
+
 let classifyId=ref(route.query.classifyId||0) //一级分类id
 
 document.title=decodeURIComponent(route.query.classifyName)
 
+// 向小程序发送数据
+const handleDataToXcx=()=>{
+  const postData={
+    path:'/pages-report/reportList',
+    params:{
+        classifyId:classifyId.value,
+        classifyName:route.query.classifyName
+    },
+    title:`FICC【${route.query.classifyName}】`,
+    shareImg:''
+  }
+  wx.miniProgram.postMessage({ data: postData })
+}
+
 // 获取筛选项（二级分类）
 let filterList=ref([])
 let selectSubClassifyId=ref(0)
@@ -81,7 +96,6 @@ const handleSearch=(e)=>{
     getReportList()
 }
 
-
 // 跳转报告详情
 const goReportDetail=(item)=>{
     router.push({
@@ -92,13 +106,12 @@ const goReportDetail=(item)=>{
     })
 }
 
-
 let isMounted=ref(false)
 onMounted(()=>{
     isMounted.value=true
+    handleDataToXcx()
 })
 
-
 //播放音频
 const handlePlayAudio=(item)=>{
     if(item.video_list){
@@ -136,6 +149,7 @@ onActivated(()=>{
         reportState.searchVal=''
         getReportList()
     }
+    handleDataToXcx()
 })
 
 </script>

src/views/report/specialColumn/Detail.vue

@@ -13,6 +13,20 @@ const store=useStore()
 let nav=ref('专栏介绍')
 
 let classify_id_second=ref(route.query.columnId||0)
+
+// 向小程序发送数据
+const handleDataToXcx=(classifyName)=>{
+  const postData={
+    path:'/pages-report/specialColumn/detail',
+    params:{
+        columnId:classify_id_second.value
+    },
+    title:`FICC【${classifyName}】`,
+    shareImg:''
+  }
+  wx.miniProgram.postMessage({ data: postData })
+}
+
 let info=ref(null)//专栏详情
 const getSpecialColumnDetail=async ()=>{
     const res=await apiSpecialColumnDetail({classify_id_second:Number(classify_id_second.value)})
@@ -20,6 +34,7 @@ const getSpecialColumnDetail=async ()=>{
         info.value=res.data
         document.title=res.data.classify_name_second
         store.commit('modifyBreadCrumb',res.data.classify_name_second)
+        handleDataToXcx(res.data.classify_name_second)
     }
 }
 getSpecialColumnDetail()
@@ -95,7 +110,6 @@ const handlePlayAudio=(item)=>{
     })
 }
 
-
 // 组件激活时
 onActivated(()=>{
     const temClassify_id_second=route.query.columnId
@@ -107,6 +121,8 @@ onActivated(()=>{
         listState.finished=false
         getSpecialColumnDetail()
         getReportList()
+    }else{
+        handleDataToXcx(info.value.classify_name_second)
     }
 })
 

src/views/report/specialColumn/List.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {onActivated, reactive, ref} from 'vue'
+import {onActivated, onMounted, reactive, ref} from 'vue'
 import SelfList from '@/components/SelfList.vue'
 import {apiReportClassify,apiSpecialColumnList} from '@/api/report'
 import { useRoute, useRouter } from 'vue-router';
@@ -58,6 +58,23 @@ const goSpecialColumnDetail=(item)=>{
     })
 }
 
+// 向小程序发送数据
+const handleDataToXcx=()=>{
+  const postData={
+    path:'/pages-report/specialColumn/list',
+    params:{
+        classifyId:classifyId.value,
+        classifyName:route.query.classifyName
+    },
+    title:`FICC【${route.query.classifyName}】`,
+    shareImg:''
+  }
+  wx.miniProgram.postMessage({ data: postData })
+}
+
+onMounted(()=>{
+    handleDataToXcx()
+})
 
 // 组件缓存激活时
 onActivated(()=>{
@@ -66,6 +83,7 @@ onActivated(()=>{
         classifyId.value=Number(temClassifyId)
         getSpecialColumnList()
     }
+    handleDataToXcx()
 })
 </script>