9.7 ok

src/api/cygx/api.js

@@ -33,6 +33,10 @@ export const RaiApi = {
   pageHistoryCopy: (params) => {
     return post("/config/pageHistory", params, 1);
   },
+  // 用户的文章活动，关注/取消关注产业
+  userIndustryFollow: (params) => {
+    return post("/industry/follow", params);
+  },
 };
 export const FreeButton = {
   /*获取是否展示免费试用按钮接口*/

src/views/cygx/isTrackFollow.vue

@@ -0,0 +1,149 @@
+<template>
+  <div class="track-follow-page">
+    <view class="container-track-follow">
+      <view>若对该赛道不感兴趣，可点击 </view>
+      <view class="cancel-follow" @click="isFollowHandler">{{ isFollowData ? "取消关注" : "已取消" }} </view>
+      <Icon name="warning-o" @click="followInfoHandler" size="16" color="#fff" />
+      <Icon class="close-follow" name="cross" @click="cancelFollowClick" size="16" color="#fff" />
+    </view>
+    <van-dialog v-model:show="show" closeOnClickOverlay :show-confirm-button="false" @cancel="onClickHide">
+      <view class="content-dialog">
+        <div class="close">
+          <Icon name="cross" color="#333" @click="onClickHide" />
+        </div>
+        <p class="tips">提示</p>
+        <p>取消关注后，该赛道下的更新内容都不会对您做消息推送，您也可以在【查研观向小助手】公众号菜单栏【推送规则】下修改您关注的赛道</p>
+        <img @click="previewImage" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/follow_dialog.png" />
+      </view>
+    </van-dialog>
+  </div>
+</template>
+
+<script setup>
+import { reactive, onMounted, toRefs, ref } from "vue";
+import { Icon, Dialog, Toast } from "vant";
+import { RaiApi, FreeButton } from "@/api/cygx/api.js";
+const VanDialog = Dialog.Component;
+const props = defineProps({
+  isShowFollowButton: {
+    type: Boolean,
+    required: true,
+    default: false,
+  },
+  isFollowData: {
+    type: Boolean,
+    required: true,
+    default: false,
+  },
+  sourceId: {
+    type: Number,
+    required: true,
+    default: null,
+  },
+});
+const emits = defineEmits(["update:isShowFollowButton", "update:isFollowData"]);
+const show = ref(false);
+// 打开弹框
+const followInfoHandler = () => {
+  show.value = true;
+};
+ // 取消或者添加关注
+const isFollowHandler = async () => {
+  const res = await RaiApi.userIndustryFollow({
+    SourceId: props.sourceId,
+    Source: "article",
+    DoType: props.isFollowData ? "cancel" : "add",
+  });
+  if (res.Ret === 200) {
+    uni.showToast({
+      title: res.Msg,
+      duration: 2000,
+    });
+    emits("update:isFollowData", res.Data.Status == 1 ? true : false);
+  }
+};
+// 关闭弹框
+const onClickHide = () => {
+  show.value = false;
+};
+// 预览图片
+const previewImage = () => {
+  wx.previewImage({
+    current: "https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/follow_dialog.png", // 当前显示图片的 http 链接
+    urls: ["https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/follow_dialog.png"], // 需要预览的图片 http 链接列表
+  });
+};
+// 关闭横幅
+const cancelFollowClick = () => {
+  emits("update:isShowFollowButton", false);
+};
+</script>
+
+<style scoped lang="scss">
+.track-follow-page {
+  position: relative;
+  width: calc(100% + 40px);
+  margin-left: -35px;
+  .container-track-follow {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 60px;
+    padding-right: 30px;
+    background-color: #3385ff;
+    color: #fff;
+    .cancel-follow {
+      width: 136px;
+      height: 44px;
+      background-color: #fff;
+      color: #3385ff;
+      text-align: center;
+      line-height: 46px;
+      margin: 0 20px 0 15px;
+    }
+    .close-follow {
+      position: absolute;
+      top: 50%;
+      right: 20px;
+      transform: translateY(-50%);
+      width: 30px;
+      height: 30px;
+    }
+  }
+  .content-dialog {
+    position: relative;
+    font-size: 32px;
+    color: #666;
+    line-height: 40px;
+    .close {
+      width: 100%;
+      display: flex;
+      justify-content: flex-end;
+      height: 30px;
+      padding: 20px;
+      .van-icon-cross {
+        float: right;
+      }
+    }
+    p {
+      text-align: center;
+      padding: 0 20px;
+    }
+    .tips {
+      width: 100%;
+
+      color: #333;
+      font-size: 34px;
+      font-weight: 500;
+      margin-bottom: 12px;
+    }
+    img {
+      margin: 35px 0 0 30px;
+      width: 545px;
+      height: 579px;
+    }
+  }
+}
+</style>

src/views/cygx/raiReportDtl.vue

@@ -1,5 +1,6 @@
 <template>
   <div :class="['container-cygx', reportInfo.IsResearch && 'no-cv', reportInfo.IsSpecialArticle && 'container-cygx-bg']" v-show="haveData">
+    <trackForm v-model:isShowFollowButton="reportInfo.IsShowFollowButton" :sourceId="rerportId" v-model:isFollowData="reportInfo.IsFollowButton" />
     <div class="z-index-content" ref="contentBox">
       <div class="content-top">
         <div class="report-title">{{ reportInfo.Title }}</div>
@@ -105,6 +106,7 @@ import { useRouter, useRoute } from "vue-router";
 import { RaiApi, FreeButton } from "@/api/cygx/api.js";
 import { Icon, Dialog, Toast } from "vant";
 import dlg from "./dlg.vue";
+import trackForm from "./isTrackFollow.vue";
 const router = useRouter();
 const route = useRoute();
 const state = reactive({
@@ -117,6 +119,8 @@ const haveData = ref(false);
 const fileLink = ref(false);
 const showTips = ref(false);
 const contentBox = ref(null);
+const isSendWx = ref("");
+
 /* 访谈接口 */
 const interviewApi = () => {
   RaiApi.applyRpt({
@@ -328,6 +332,7 @@ const getReport = (id, token, type) => {
     RaiApi.reportDtl({
       ArticleId: id,
       Authorization: token,
+      IsSendWx:isSendWx.value
     }).then((res) => {
       if (res.Ret === 200) {
         haveData.value = res.Data.HasPermission === 1 ? true : false;
@@ -391,7 +396,8 @@ const lookDeeperReport = () => {
 
 onMounted(() => {
   if (route.query.id) {
-    rerportId.value = route.query.id;
+    rerportId.value = +route.query.id;
+    isSendWx.value = route.query.IsSendWx || "";
     from_type.value = route.query.fromType;
     let access_token = route.query.token || "";
     localStorage.setItem("access_token", access_token);
@@ -414,7 +420,7 @@ onMounted(() => {
   }
 });
 const { reportInfo, reportResearch } = toRefs(state);
-// url: raiReportDtl?id=3001&token=20ec44c7fe0e02ff597c324406ce49ca6d949c0acd34f8f3775e5b5edbf8c44e&fromType=mpwechat
+// url: raiReportDtl?id=3001&token=20ec44c7fe0e02ff597c324406ce49ca4b6b838e1988df75bd82084a6c0672fc&fromType=mpwechat
 </script>
 
 <style lang="scss">

src/views/cygx/strategyReport.vue

@@ -24,8 +24,8 @@ onMounted(() => {
   padding-bottom: calc(100px + env(safe-area-inset-bottom));
   .strategy-iframe {
     width: 100%;
-    height: calc(100% + 130px);
-    margin-top: -130px;
+    height: calc(100% + 70px);
+    margin-top: -70px;
   }
 }
 .container-strategy-pc {