@hsdata/warrenq-components-news NPM

微服务相关信息

列出依赖哪些微服务，可以通过配置参数去掉哪些引入的微服务内容。

组件功能清单

新闻资讯列表

组件具体使用说明

使用说明

注：新闻组件在恒生私库中，npm 公共库只提供文档说明

私库引入组件方法参考如下文档中的第五点：业务组件迁移内网注意事项（补充文档）

使用方法

<template>
  <news-module
    @openRead="openRead"
    :activePage="activePage"
    :searchKeyWords="searchKeyWords"
    :sourceData="sourceData"
    @handleScrollTop="handleScrollTop"
    @changeNewsTab="changeNewsTab"
  />
</template>
<script>
import { newsModule, newsConfig, tokenConfig } from '@hsdata/warrenq-components-news'

export default {
  components: {
    newsModule
  },
  data() {
    return {
      activePage: '', // 进入新闻组件，是在新闻资讯tab（newsInfo）还是在行业政策tab（industryRule），两个tab的值固定
      searchKeyWords: '', // 若不使用组件内部关键词筛选项，可将外部关键词传入
      sourceData: Object, // 第一页的数据，如果传入，则第一页数据则不在发请求
      // sourceData使用场景：比如云投研综合页，需先发请求拿数据进来排序，使用此变量，避免后续重复发请求
      // 结构：sourceData = {
      //   recordCount: 100, // 总数,Number
      //   recordList: [...] //
      // }
    }
  },
  created(){
    // 需要传的一些配置项，以下是一些默认值
    newsConfig({
      showNewsTab: true, // boolean, 是否展示tabs
      newsTabType: 'big', // big: 大的tab 效果；small 小的tabs 效果    必须showNewsTab 为true时才有效
      showKeywords: true, // 是否展示关键词筛选项
      showFilterInput: true, // 是否展示筛选条件
      showPagination: true, // 是否展示分页
      newsPageSize: 20, // 每页展示的条数
      withSourceData: false, // 和sourceData一起用，有sourceData时是否需要再次发请求，warrenq搜索结果综合页特性，其他场景使用时可忽略此配置
      newsInfo: true, // 展示新闻资讯tab
      industryRule: true, // 展示行业政策tab
      hasPolicyParams: true, // 是否有政策policyFlag参数。易方达没有
    }),
    tokenConfig(this.getToken), // 外部配置 token

    this.$nextTick(() => { // 需要从外部触发数据的初始化请求，触发之后就会有数据展示（因为需要兼容云投研搜索结果页）
      this.$refs.newsModuleRef.indexInit()
    })
  },
  methods: {
    openRead(item) {
      // 阅读器预览
    },
    // 获取token函数
    getToken(){
      ……
      return 'token'
    },
    // 组件内部切换页面时，需要触发的操作，比如：回到页面顶部
    handleScrollTop() {

    },
    // 组件内tab切换时，需要触发的操作
    // 传出的参数为 newsInfo（代表新闻资讯tab），industryRule（代表行业政策tab）
    changeNewsTab(v) {
      
    }
  }
}
</script>