|
|
@@ -2,428 +2,200 @@
|
|
|
<view class="container resear-container">
|
|
|
<view class="top-content-box">
|
|
|
<search-bar @goSearch="goSearch" :searchTitle="searchPlaceholderList.SummarySearch" :width="70" />
|
|
|
- <view class="content-tabs">
|
|
|
- <view
|
|
|
- v-for="item in TabBars"
|
|
|
- :key="item.val"
|
|
|
- :class="['item', item.val == topTabsActive && 'tabs-active']"
|
|
|
- @click="topTabsClickHandler(item)"
|
|
|
- >
|
|
|
- {{ item.titel }}
|
|
|
- <view class="active" v-if="item.val == topTabsActive"></view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="notice-content" v-if="wholeShowListData.YanXuan_Explain">
|
|
|
+ </view>
|
|
|
+ <view class="resear-body">
|
|
|
+ <view class="resear-banner-box">
|
|
|
+ <view class="banner-box-left">
|
|
|
+ <swiper autoplay :interval="4000" circular indicator-dots
|
|
|
+ indicator-color="rgba(255, 255, 255, 0.43)" indicator-active-color="#ffffff">
|
|
|
+ <swiper-item v-for="item in bannerDataList" :key="item.BannerId"
|
|
|
+ @click="bannerSwiperHandler(item)" class="swiper-item">
|
|
|
+ <image :src="item.IndexImg"></image>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
+ <view class="banner-box-right">
|
|
|
+ <image :src="researchBanner.IndexImg" @click="bannerSwiperHandler(null)"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="recent-report-box">
|
|
|
+ <view class="recent-report-box-head">
|
|
|
+ <text class="report-box-head-title">近期报告更新</text>
|
|
|
+ <text @click="toReportTotal">查看全部 >></text>
|
|
|
+ </view>
|
|
|
+ <view class="recent-report-box-body">
|
|
|
+ <view class="recent-report-box-row" v-for="item in recentReportList" :key="item.ReportId">
|
|
|
+ <text class="recent-report-row-tag" :style="{ background: item.ButtonStyle }">
|
|
|
+ {{item.tag}}
|
|
|
+ </text>
|
|
|
+ <view class="recent-report-row-title" :style="{ marginLeft: item.title.substr(0, 1) != '【' ? '14rpx' : 0 }">
|
|
|
+ {{item.title}}
|
|
|
+ <text v-for="it in item.obejctList" class="recent-report-row-object" :key="it.text">{{it.text}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="resear-activity-box" v-if="activityTypeData && activityTypeData.length > 0">
|
|
|
+ <view class="resear-activity-head">
|
|
|
+ <text class="resear-activity-head-title">研选活动</text>
|
|
|
+ <text v-for="item in ActivityTimeList" :key="item.Id" :class="item.IsChoose ? 'active' : ''"
|
|
|
+ class="resear-activity-head-options" @click="isActivityDate(item.Id)">{{ item.StatusName }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="" style="padding: 10rpx;">
|
|
|
+ <activityTypeList :dataList="activityTypeData" containerStyle="display: flex;width:100%;margin-bottom: -30rpx;" :whichDay="whichDay"/>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="end-activity-text" @click="endActivity">已结束活动 >></view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="notice-content" v-if="wholeShowListData.YanXuan_Explain">
|
|
|
<view class="notice">
|
|
|
<image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/placard_icon.png"></image>
|
|
|
<view class="notice-bar">
|
|
|
<van-notice-bar color="#3385FF" background="#DFECFF" text="买方研选内容试行阶段，限时免费。也欢迎您向我们提宝贵建议。" />
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="announcement">
|
|
|
- <view class="tab-cont" v-if="topTabsActive == 2">
|
|
|
- <scroll-view
|
|
|
- scroll-x="true"
|
|
|
- @scroll="scrollMove"
|
|
|
- :scroll-left="scrollLeft"
|
|
|
- scroll-with-animation
|
|
|
- class="scroll-tab"
|
|
|
- :scroll-into-view="'_' + tabIndex"
|
|
|
- >
|
|
|
- <block v-for="(item, index) in researchTabBars" :key="index">
|
|
|
- <view class="scroll-tab-item" :class="{ active: tagActive == item.name }" @click.stop="typeChange(item)">
|
|
|
- {{ item.titel }}
|
|
|
- <image
|
|
|
- src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/border_act.png"
|
|
|
- mode=""
|
|
|
- class="border_act"
|
|
|
- v-if="tagActive == item.name"
|
|
|
- ></image>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- </scroll-view>
|
|
|
- </view>
|
|
|
- <blok v-else>
|
|
|
- <van-checkbox-group class="checkbox-ui" :value="newCheckboxValue" @change="checkboxChange">
|
|
|
- <van-checkbox
|
|
|
- style="margin-right: 30rpx; flex-shrink: 0"
|
|
|
- shape="square"
|
|
|
- icon-size="14"
|
|
|
- :name="item.ArticleTypeId"
|
|
|
- v-for="item in checkboxGroup"
|
|
|
- :key="item.ArticleTypeId"
|
|
|
- >{{ item.ArticleTypeName }}</van-checkbox
|
|
|
- >
|
|
|
- </van-checkbox-group>
|
|
|
- </blok>
|
|
|
- <view class="content-ul" v-if="tagActive == '用户' || topTabsActive == 1">
|
|
|
- <blok v-if="haveData">
|
|
|
- <view class="user-li" v-for="(item, index) in collectionList" :key="item.ArticleId">
|
|
|
- <view class="li-item">
|
|
|
- <text class="li-serial" :style="{ background: serialBackground(index) }" v-if="topTabsActive == 2">
|
|
|
- {{ index + 1 }}
|
|
|
- </text>
|
|
|
- <text class="li-type" :style="{ background: item.ButtonStyle }" v-else>
|
|
|
- {{ item.ArticleTypeName }}
|
|
|
- </text>
|
|
|
- <view>
|
|
|
- <text
|
|
|
- class="title"
|
|
|
- @click="goDetail(item)"
|
|
|
- :style="{ display: 'inline', marginLeft: item.Title.substr(0, 1) != '【' ? '14rpx' : 0 }"
|
|
|
- >{{ item.Title }}</text
|
|
|
- >
|
|
|
- <text class="li-industry" @click="themeDetails(key, '月度收藏榜')" v-for="key in item.List" :key="key.IndustrialManagementId">
|
|
|
- # {{ key.IndustryName }}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="li-item li-bottom" style="color: #999999">
|
|
|
- <viwe class="time-user">
|
|
|
- <text>
|
|
|
- {{ item.PublishDate }}
|
|
|
- </text>
|
|
|
- <view class="li-user" @click="authorDetails(item)">
|
|
|
- <image class="user_report-img" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/user_report.png"></image>
|
|
|
- <text class="text_oneLine"> {{ item.NickName }}</text>
|
|
|
- </view>
|
|
|
- </viwe>
|
|
|
-
|
|
|
- <view class="li-item user-img">
|
|
|
- <view class="img-box">
|
|
|
- <image class="user-pv" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/examine_icon.png"></image>
|
|
|
- <text>
|
|
|
- {{ item.Pv }}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <view class="img-box" @click="collectClick(item)">
|
|
|
- <image v-if="item.IsCollect" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/collect_act.png"></image>
|
|
|
- <image v-else src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/collect_ico.png"></image>
|
|
|
- <text class=""> {{ item.CollectNum }}人收藏 </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </blok>
|
|
|
- <!-- <view class="content-bottom" v-if="topTabsActive == 2">最新榜单您已掌握，明天再刷刷看~</view> -->
|
|
|
- <view class="nodata" v-else>
|
|
|
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/act_search.png" mode="" class="nodata_ico"></image>
|
|
|
- <text>暂无活动</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="content-ul" v-if="topTabsActive == 2 && hotList.length && tagActive == '主题'">
|
|
|
- <view class="hot-li" v-for="(item, index) in hotList" :key="item.IndustrialManagementId">
|
|
|
- <view class="li-item hot-item">
|
|
|
- <view style="display: flex" class="text_oneLine hot-new" @click="themeDetails(item, '主题热度榜')">
|
|
|
- <text class="li-serial serial-number" :style="{ background: serialBackground(index) }">
|
|
|
- {{ index + 1 }}
|
|
|
- </text>
|
|
|
- <text class="text_oneLine title" style="display: inline"> # {{ item.IndustryName }} </text>
|
|
|
- <image class="new-img" v-if="item.IsNew" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/new_report.png"></image>
|
|
|
- </view>
|
|
|
- <text :class="item.IsFollw ? 'cancel-attention' : 'attention'" @click="isAttention(item, '主题')">{{
|
|
|
- item.IsFollw ? "取消关注" : "+ 关注"
|
|
|
- }}</text>
|
|
|
- </view>
|
|
|
- <view class="li-item read-more" @click="themeDetails(item, '主题热度榜')">
|
|
|
- <text class="text-box text_oneLine" v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId">
|
|
|
- {{ val.SubjectName }}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="content-button" @click="goThemeAuthor('主题')">查看全部主题>></view>
|
|
|
- </view>
|
|
|
- <view class="content-ul" v-if="topTabsActive == 2 && kolList.length && tagActive == '专家'">
|
|
|
- <view class="kol-li" v-for="(item, index) in kolList" :key="item.DepartmentId">
|
|
|
- <text class="li-serial serial-number" :style="{ background: serialBackground(index) }">
|
|
|
- {{ index + 1 }}
|
|
|
- </text>
|
|
|
- <image @click="authorDetails(item)" :src="item.ImgUrl" v-if="item.ImgUrl"></image>
|
|
|
- <view class="li-item kol-item">
|
|
|
- <view class="item-top">
|
|
|
- <text @click="authorDetails(item)">
|
|
|
- {{ item.NickName }}
|
|
|
- </text>
|
|
|
- <text :class="item.IsFollw ? 'cancel-attention' : 'attention'" @click="isAttention(item, '专家')">{{
|
|
|
- item.IsFollw ? "取消关注" : "+ 关注"
|
|
|
- }}</text>
|
|
|
- </view>
|
|
|
- <text @click="themeDetails(val, 'KOL榜')" class="kol-text text_oneLine" v-for="val in item.List" :key="val.IndustrialManagementId">
|
|
|
- # {{ val.IndustryName }}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="content-button" @click="goThemeAuthor('作者')">查看全部作者>></view>
|
|
|
- </view>
|
|
|
- <u-loadmore :status="status" :load-text="loadText" v-if="page_no > 1" />
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<freeCharge class="free-charge" :isShowFreeBtn="isShowFree" />
|
|
|
- <u-modal
|
|
|
- v-model="goFollowShow"
|
|
|
- :content-style="{ fontSize: '32rpx' }"
|
|
|
- @confirm="goFollowShowBtn"
|
|
|
- :show-cancel-button="isCancelBtn"
|
|
|
- :confirm-text="confirmText"
|
|
|
- @cancel="isCancelBtn = false"
|
|
|
- :show-title="false"
|
|
|
- :cancel-style="{ borderRight: '1rpx solid #EBEBEB' }"
|
|
|
- :confirm-style="{ fontWeight: '700' }"
|
|
|
- >
|
|
|
- <view class="slot-content">
|
|
|
- <rich-text :nodes="accounts"></rich-text>
|
|
|
- </view>
|
|
|
- </u-modal>
|
|
|
<Loading />
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { Reports, Research, Report } from "@/config/api.js";
|
|
|
import freeCharge from "@/components/freeCharge";
|
|
|
import SearchBar from "@/components/search-bar/searchBar.vue";
|
|
|
-import { ResearchTabBars, TabBars, CheckboxGroup } from "./components/Tabs";
|
|
|
+import activityTypeList from "@/pages/activity/components/activityTypeList.vue";
|
|
|
+import { ActivityTimeList } from "./components/Tabs";
|
|
|
export default {
|
|
|
- components: { freeCharge, SearchBar },
|
|
|
+ components: { freeCharge, SearchBar , activityTypeList },
|
|
|
data() {
|
|
|
return {
|
|
|
- // themeNewList: [],
|
|
|
- topTabsActive: 1,
|
|
|
- tagActive: "用户",
|
|
|
- collectionList: [], //用户收藏
|
|
|
- hotList: [],
|
|
|
- kolList: [],
|
|
|
- confirmText: "知道了",
|
|
|
- accounts: "",
|
|
|
- isCancelBtn: false,
|
|
|
- goFollowShow: false,
|
|
|
- newCheckboxValue: [],
|
|
|
- checkboxGroup: [],
|
|
|
- status: "loadmore",
|
|
|
- loadText: {
|
|
|
- loadmore: "上拉加载更多",
|
|
|
- loading: "加载中",
|
|
|
- nomore: "已经到底了",
|
|
|
- },
|
|
|
- page_no: 1,
|
|
|
- pageSize: 10,
|
|
|
- haveData: true,
|
|
|
+ //==============================
|
|
|
+ bannerDataList:[{BannerId:1,IndexImg:'https://img0.baidu.com/it/u=606944329,1526388717&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
|
|
|
+ type:'link'},
|
|
|
+ {BannerId:2,IndexImg:'https://img2.baidu.com/it/u=2896911436,1340659831&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
|
|
|
+ type:'popup'}],
|
|
|
+ researchBanner:{BannerId:3,IndexImg:'https://img1.baidu.com/it/u=2011359500,1951616114&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500'},
|
|
|
+ recentReportList:[{ReportId:1,tag:'观点',
|
|
|
+ title:'返回蒂萨符号是很符合付款单花洒符号阿接电话付款是到款积分号地块三和案件都好看AUS号地块福建省急的话喀什范德萨范德萨',
|
|
|
+ obejctList:[{text:'#风电轴承'},{text:'#发范德萨阿范德萨很快'},{text:'#好婆婆解耦股拼接'},{text:'#f菲特广东省广泛的'}],
|
|
|
+ ButtonStyle:"linear-gradient(90deg, #2A65F5 0%, #628FFD 100%)"},
|
|
|
+ {ReportId:2,tag:'纪要',
|
|
|
+ title:'返回蒂萨符范德萨范德萨',
|
|
|
+ obejctList:[{text:'#风电轴承'},{text:'#发范德萨阿范德萨很快'},{text:'#好婆婆解耦股拼接'},{text:'#f菲特广东省广泛的'}],
|
|
|
+ ButtonStyle:"red"},
|
|
|
+ {ReportId:3,tag:'沙龙',
|
|
|
+ title:'返回蒂萨符范德萨范德萨返回蒂萨符号付款单花洒符号阿接款是积案件都好看',
|
|
|
+ obejctList:[{text:'#发范德萨阿范德萨很快'}],ButtonStyle:"blue"},
|
|
|
+ {ReportId:4,tag:'沙龙',
|
|
|
+ title:'返回蒂萨符范德萨范德萨付款是到款积分号地块三和案件都好看',
|
|
|
+ obejctList:[{text:'#风电轴承'}],ButtonStyle:"yellow"},
|
|
|
+ {ReportId:5,tag:'观点',
|
|
|
+ title:'返回蒂萨符范德萨款积分号地块三和案件都好看',
|
|
|
+ obejctList:[{text:'#风电轴承'}],ButtonStyle:"green"}],
|
|
|
+ whichDay:'',
|
|
|
+
|
|
|
+ activityTypeData:[{ActivityTypeId:3,ActivityTypeName:'公司调研电话会',Position:1,Resource:1,
|
|
|
+ ImgUrl:"https://hzstatic.hzinsights.com/static/temp/20220830202208/20220830/qmbriwe2AIxrBVgas3ma8QtJaUMW.png",
|
|
|
+ ImgUrlBg:'https://hzstatic.hzinsights.com/static/temp/20220830202208/20220830/ZwGL8Fx6S4yBBKHegU0OlOYqRiwF.png',
|
|
|
+ List:[{ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""},
|
|
|
+ {ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""},
|
|
|
+ {ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""},
|
|
|
+ {ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""},
|
|
|
+ {ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""}],
|
|
|
+ },{ActivityTypeId:6,ActivityTypeName:'公司调研电话会',Position:2,Resource:2,
|
|
|
+ ImgUrl:"https://hzstatic.hzinsights.com/static/temp/20220830202208/20220830/qmbriwe2AIxrBVgas3ma8QtJaUMW.png",
|
|
|
+ ImgUrlBg:'https://hzstatic.hzinsights.com/static/temp/20220830202208/20220830/ZwGL8Fx6S4yBBKHegU0OlOYqRiwF.png',
|
|
|
+ List:[{ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""},
|
|
|
+ {ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""},
|
|
|
+ {ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""},
|
|
|
+ {ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""},
|
|
|
+ {ImgUrlBg:"https://hzstatic.hzinsights.com/static/temp/20220905202209/20220905/Lg4JDMn3kCYXmS1fMsvOLd7Ur9AI.png",
|
|
|
+ ActivityId:2397,IsResearchPoints:false,IsExternalLabel:false,IsNew:true,KeyWord:"Mini LED",TripStatus:0,City:""}],
|
|
|
+ }]
|
|
|
};
|
|
|
},
|
|
|
- mounted() {
|
|
|
- // 处理数据 列表同步详情
|
|
|
- uni.$on("updateFllowTheme", (data) => {
|
|
|
- this.hotList.forEach((item) => {
|
|
|
- if (item.IndustrialManagementId == data.id) {
|
|
|
- item.IsFollw = data.isFollw;
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- // 处理数据 列表同步详情
|
|
|
- uni.$on("updateFllowAuthor", (data) => {
|
|
|
- this.kolList.forEach((item) => {
|
|
|
- if (item.DepartmentId == data.id) {
|
|
|
- item.IsFollw = data.isFollw;
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
computed: {
|
|
|
- researchTabBars() {
|
|
|
- return ResearchTabBars;
|
|
|
- },
|
|
|
- TabBars() {
|
|
|
- return TabBars;
|
|
|
- },
|
|
|
- },
|
|
|
- watch: {
|
|
|
- tagActive: {
|
|
|
- handler(val) {
|
|
|
- this.topTabsActive == 2 && val == "用户" ? this.researchCollectionList() : val == "主题" ? this.researchHotList() : this.researchKolList();
|
|
|
- },
|
|
|
- immediate: true,
|
|
|
- },
|
|
|
- topTabsActive: {
|
|
|
- handler(val) {
|
|
|
- this.collectionList = [];
|
|
|
- val == 2 ? this.researchCollectionList() : this.researchArticleNewList();
|
|
|
- },
|
|
|
- immediate: true,
|
|
|
- },
|
|
|
+ ActivityTimeList() {
|
|
|
+ return ActivityTimeList;
|
|
|
+ },
|
|
|
},
|
|
|
methods: {
|
|
|
- //用户收藏榜
|
|
|
- async researchCollectionList() {
|
|
|
- const res = await Research.researchCollectionList({ ChartPermissionId: 31 });
|
|
|
- if (res.Ret === 200) {
|
|
|
- this.collectionList = res.Data.List || [];
|
|
|
- }
|
|
|
- },
|
|
|
- //主题热度/近期更新更多
|
|
|
- async researchHotList() {
|
|
|
- const res = await Research.researchHotList({ ChartPermissionId: 31, ThemeType: 1 });
|
|
|
- if (res.Ret === 200) {
|
|
|
- this.hotList = res.Data.List || [];
|
|
|
- }
|
|
|
- },
|
|
|
- //KOL榜列表接口
|
|
|
- async researchKolList() {
|
|
|
- const res = await Research.researchKolList({ ChartPermissionId: 31 });
|
|
|
- if (res.Ret === 200) {
|
|
|
- this.kolList = res.Data.List || [];
|
|
|
- }
|
|
|
- },
|
|
|
- //tabs切换
|
|
|
- typeChange(item) {
|
|
|
- this.tagActive = item.name;
|
|
|
- },
|
|
|
- //关注
|
|
|
- async isAttention(item, val) {
|
|
|
- await this.$store.dispatch("showLoginModal");
|
|
|
- const res =
|
|
|
- val === "主题"
|
|
|
- ? await Reports.reportFllow({ IndustrialManagementId: item.IndustrialManagementId, PageRouter: this.$store.state.pageRouterReport })
|
|
|
- : await Reports.reportFllowDepartment({ DepartmentId: item.DepartmentId, PageRouter: this.$store.state.pageRouterReport });
|
|
|
- if (res.Ret === 200) {
|
|
|
- item.IsFollw = !item.IsFollw;
|
|
|
- if (res.Data.Status == 1) {
|
|
|
- this.goFollowShow = true;
|
|
|
- this.confirmText = res.Data.GoFollow ? "去关注" : "知道了";
|
|
|
- if (res.Data.GoFollow) {
|
|
|
- this.accounts = `${val == "主题" ? "产业" : "作者"}关注成功 <br> 想要及时获取该${
|
|
|
- val === "主题" ? "产业内容的更新推送" : "作者的报告更新提示"
|
|
|
- }，请关注【查研观向小助手】公众号`;
|
|
|
- this.isCancelBtn = true;
|
|
|
- } else {
|
|
|
- this.accounts =
|
|
|
- `${val == "主题" ? "产业" : "作者"}` +
|
|
|
- `关注成功<br>请关注【查研观向小助手】公众号，及时获取${val === "主题" ? "产业" : "作者"}报告更新提醒`;
|
|
|
- }
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- title: "已取消关注",
|
|
|
- icon: "none",
|
|
|
- duration: 2000,
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- //去关注
|
|
|
- goFollowShowBtn() {
|
|
|
- if (this.confirmText == "去关注") {
|
|
|
- uni.navigateTo({
|
|
|
- url: "/activityPages/accountsOfficial/accountsOfficial",
|
|
|
- });
|
|
|
- }
|
|
|
- this.goFollowShow = false;
|
|
|
- },
|
|
|
- //收藏
|
|
|
- async collectClick(item) {
|
|
|
- await this.$store.dispatch("showLoginModal");
|
|
|
- const res = await Report.collectRpt({ ArticleId: item.ArticleId, PageRouter: "月度收藏榜" });
|
|
|
- if (res.Ret === 200) {
|
|
|
- item.IsCollect = !item.IsCollect;
|
|
|
- item.IsCollect
|
|
|
- ? (item.CollectNum += 1) &&
|
|
|
- uni.showToast({
|
|
|
- title: "收藏成功",
|
|
|
- icon: "none",
|
|
|
- duration: 2000,
|
|
|
- })
|
|
|
- : (item.CollectNum -= 1);
|
|
|
- !item.IsCollect &&
|
|
|
- uni.showToast({
|
|
|
- title: "已取消收藏",
|
|
|
- icon: "none",
|
|
|
- duration: 2000,
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- //去往作者详情
|
|
|
- authorDetails(item) {
|
|
|
- uni.navigateTo({
|
|
|
- url: "/reportPages/authorPages/authorPages?id=" + item.DepartmentId,
|
|
|
- });
|
|
|
- },
|
|
|
- //去往文章详情页面
|
|
|
- goDetail(item) {
|
|
|
- this.$store.commit("setRouterReport", "月度收藏榜");
|
|
|
- uni.navigateTo({ url: "/pageMy/reportDetail/reportDetail?id=" + item.ArticleId });
|
|
|
- },
|
|
|
- //去往主题详情
|
|
|
- themeDetails(item, source) {
|
|
|
- uni.navigateTo({ url: "/reportPages/researchTheme/researchTheme?id=" + item.IndustrialManagementId + "&pageRouter=" + source });
|
|
|
- // uni.navigateTo({ url: "/reportPages/researchTheme/researchTheme?id=" + item.IndustrialManagementId + "&pageRouter=" + source);
|
|
|
- },
|
|
|
- //计算遍历的颜色
|
|
|
- serialBackground(index) {
|
|
|
- index += 1;
|
|
|
- return index == 1 ? "#D7584F" : index == 2 ? "#E98033" : index == 3 ? "#FDD367" : "#D3D3D3";
|
|
|
- },
|
|
|
+ getBannerData(){
|
|
|
+ //TODO: 获取banner信息接口对接
|
|
|
+ },
|
|
|
+
|
|
|
+ getRecentReportList(){
|
|
|
+ //TODO: 获取最近更新报告接口对接
|
|
|
+ },
|
|
|
+ getActivityList(){
|
|
|
+ //TODO: 获取活动列表接口对接
|
|
|
+ },
|
|
|
+ // 今日明日的点击事件
|
|
|
+ isActivityDate(id) {
|
|
|
+ const arr = []
|
|
|
+ this.ActivityTimeList.forEach((item) => {
|
|
|
+ if (item.Id == id) item.IsChoose = !item.IsChoose
|
|
|
+ item.IsChoose && arr.push(item.Id)
|
|
|
+ });
|
|
|
+ this.whichDay = arr.join(",")
|
|
|
+ this.getActivityList()
|
|
|
+ },
|
|
|
+ // 跳转研选已结束活动
|
|
|
+ endActivity() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/activityPages/endActivity/endActivity?type=research",
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 宣传单跳转
|
|
|
+ bannerSwiperHandler(item){
|
|
|
+ if(!item){
|
|
|
+ // 榜单
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages-purchaser/researchList/researchList"
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if(item.type=='popup'){
|
|
|
+ // 调研
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages-purchaser/survey/surveySubmit"
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages-purchaser/leaflet/leaflet?Id="+item.BannerId
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toReportTotal(){
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages-purchaser/lastestReport/lastestReport"
|
|
|
+ })
|
|
|
+ },
|
|
|
/* 搜索 */
|
|
|
async goSearch() {
|
|
|
await this.$store.dispatch("checkHandle", "/pages-search/indedxSearch/indedxSearch?id=研选" + "&source=买方研选页面");
|
|
|
},
|
|
|
- // 头部tab的点击事件
|
|
|
- topTabsClickHandler(item) {
|
|
|
- this.topTabsActive = item.val;
|
|
|
- this.haveData = true;
|
|
|
- this.page_no = 1;
|
|
|
- },
|
|
|
- // 复选框组的选择事件
|
|
|
- checkboxChange(e) {
|
|
|
- this.newCheckboxValue = e.detail;
|
|
|
- this.page_no = 1;
|
|
|
- this.researchArticleNewList();
|
|
|
- },
|
|
|
- // 跳转主题 of 作者
|
|
|
- goThemeAuthor(type) {
|
|
|
- type === "主题"
|
|
|
- ? uni.navigateTo({ url: "/pages-purchaser/researchTheme/researchTheme" })
|
|
|
- : uni.navigateTo({ url: "/pages-purchaser/researchAuthor/researchAuthor" });
|
|
|
- },
|
|
|
- // 获取最新下的文章类型
|
|
|
- async researchArticleTypeList() {
|
|
|
- const res = await Research.researchArticleTypeList();
|
|
|
- if (res.Ret === 200) {
|
|
|
- this.checkboxGroup = res.Data.List;
|
|
|
- }
|
|
|
- },
|
|
|
- // 获取最新的文章列表
|
|
|
- async researchArticleNewList() {
|
|
|
- const res = await Research.researchArticleNewList({
|
|
|
- PageSize: this.pageSize,
|
|
|
- CurrentIndex: this.page_no,
|
|
|
- ArticleTypeIds: this.newCheckboxValue.join(","),
|
|
|
- });
|
|
|
- if (res.Ret === 200) {
|
|
|
- this.status = res.Data.Paging.IsEnd ? "nomore" : "loadmore";
|
|
|
- this.collectionList = this.page_no === 1 ? res.Data.List || [] : [...this.collectionList, ...res.Data.List];
|
|
|
- if (this.page_no == 1) {
|
|
|
- this.haveData = this.collectionList.length ? true : false;
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
+
|
|
|
},
|
|
|
onLoad() {
|
|
|
- this.researchArticleTypeList();
|
|
|
+ this.getBannerData()
|
|
|
+ this.getRecentReportList()
|
|
|
+ this.getActivityList()
|
|
|
},
|
|
|
onShow() {
|
|
|
this.$store.commit("setRouterReport", "买方研选");
|
|
|
this.getRecordTracking("买方研选");
|
|
|
},
|
|
|
- /* 下拉刷新 */
|
|
|
- // onPullDownRefresh() {
|
|
|
- // wx.stopPullDownRefresh();
|
|
|
- // },
|
|
|
- onReachBottom() {
|
|
|
- if (this.status == "nomore" || this.topTabsActive != 1) return;
|
|
|
- this.status = "loading";
|
|
|
- this.page_no++;
|
|
|
- this.researchArticleNewList();
|
|
|
- },
|
|
|
/**
|
|
|
* 用户点击分享
|
|
|
*/
|
|
|
@@ -440,316 +212,163 @@ export default {
|
|
|
<style lang="scss">
|
|
|
.resear-container {
|
|
|
background-color: #f7f7f7;
|
|
|
- .nav-bar-wrap,
|
|
|
- .top-content-box {
|
|
|
- position: sticky;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- z-index: 999;
|
|
|
- padding-left: 30rpx;
|
|
|
- }
|
|
|
- .top-content-box {
|
|
|
- padding-left: 0;
|
|
|
- margin-bottom: 20rpx;
|
|
|
- .content-tabs {
|
|
|
- background-color: #fff;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- padding-bottom: 10rpx;
|
|
|
- .item {
|
|
|
- padding-top: 20rpx;
|
|
|
- font-size: 34rpx;
|
|
|
- position: relative;
|
|
|
- padding-bottom: 8rpx;
|
|
|
- margin-right: 60rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- .active {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- height: 4rpx;
|
|
|
- width: 100%;
|
|
|
- border-radius: 1rpx;
|
|
|
- background: linear-gradient(90deg, #2e85ff 0%, #7eeaf6 100%);
|
|
|
- }
|
|
|
- }
|
|
|
- .tabs-active {
|
|
|
- color: #3385ff;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .notice-content {
|
|
|
- position: sticky;
|
|
|
- left: 0;
|
|
|
- top: 200rpx;
|
|
|
- z-index: 99;
|
|
|
- width: 100%;
|
|
|
- background-color: #fff;
|
|
|
- padding-bottom: 20rpx;
|
|
|
- }
|
|
|
- .notice {
|
|
|
- height: 56rpx;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #dfecff;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding-left: 30rpx;
|
|
|
- image {
|
|
|
- width: 30rpx;
|
|
|
- height: 30rpx;
|
|
|
- }
|
|
|
- .notice-bar {
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
- .van-notice-bar {
|
|
|
- height: 56rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .content-ul {
|
|
|
- border-top: 1px solid #f6f6f6;
|
|
|
- .user-li,
|
|
|
- .hot-li,
|
|
|
- .kol-li {
|
|
|
- padding: 30rpx 0 20rpx;
|
|
|
- border-bottom: 1px solid #f6f6f6;
|
|
|
- }
|
|
|
- .user-img {
|
|
|
- width: 38%;
|
|
|
- justify-content: space-between;
|
|
|
- .img-box {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .user-pv {
|
|
|
- width: 21rpx;
|
|
|
- height: 16rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .kol-li {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding-bottom: 30rpx;
|
|
|
- image {
|
|
|
- width: 120rpx;
|
|
|
- height: 120rpx;
|
|
|
- border-radius: 8rpx;
|
|
|
- margin: 0 20rpx 0 15rpx;
|
|
|
- overflow: hidden;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- .kol-item {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- width: 480rpx;
|
|
|
- height: 120rpx;
|
|
|
- align-items: baseline;
|
|
|
- margin-bottom: 20rpx;
|
|
|
- .item-top {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- font-size: 29rpx;
|
|
|
- font-weight: 700;
|
|
|
- }
|
|
|
- .kol-text {
|
|
|
- width: 50%;
|
|
|
- margin-top: 10rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .li-serial {
|
|
|
- width: 26rpx;
|
|
|
- height: 26rpx;
|
|
|
- line-height: 26rpx;
|
|
|
- color: #fff;
|
|
|
- font-size: 20rpx;
|
|
|
- text-align: center;
|
|
|
- border-radius: 4rpx 4rpx 4rpx 4rpx;
|
|
|
- margin: 7rpx 10rpx 0 20rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
- .li-type {
|
|
|
- // padding: 0 15rpx;
|
|
|
- width: 91rpx;
|
|
|
- height: 28rpx;
|
|
|
- margin-top: 6rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-shrink: 0;
|
|
|
- border-radius: 4rpx;
|
|
|
- color: #fff;
|
|
|
- font-size: 20rpx;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
- .serial-number {
|
|
|
- margin-top: 0 !important;
|
|
|
- }
|
|
|
- .li-item {
|
|
|
- display: flex;
|
|
|
- .title {
|
|
|
- font-size: 28rpx;
|
|
|
- line-height: 39rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #333;
|
|
|
- margin-right: 20rpx;
|
|
|
- }
|
|
|
- .li-industry {
|
|
|
- color: #3385ff;
|
|
|
- margin-right: 20rpx;
|
|
|
- display: inline-block;
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
- .time-user {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 24rpx;
|
|
|
- }
|
|
|
- .li-user {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-shrink: 0;
|
|
|
- width: 200rpx;
|
|
|
- margin-left: 75rpx;
|
|
|
- .user_report-img {
|
|
|
- width: 23rpx;
|
|
|
- height: 26rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- .li-title {
|
|
|
- display: flex;
|
|
|
- }
|
|
|
- }
|
|
|
- .li-bottom {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- margin-top: 30rpx;
|
|
|
- width: 100%;
|
|
|
- image {
|
|
|
- width: 23rpx;
|
|
|
- height: 26rpx;
|
|
|
- margin-right: 10rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- .read-more {
|
|
|
- margin-left: 30rpx;
|
|
|
- margin-top: 20rpx;
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- .text-box {
|
|
|
- margin-bottom: 27rpx;
|
|
|
- margin-right: 40rpx;
|
|
|
- padding: 0;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #408fff;
|
|
|
- width: 170rpx;
|
|
|
- height: 46rpx;
|
|
|
- line-height: 46rpx;
|
|
|
- text-align: center !important;
|
|
|
- background: url(~@/static/img/report_bg.png) no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
- text-indent: 0em;
|
|
|
- }
|
|
|
- }
|
|
|
- .attention {
|
|
|
- flex-shrink: 0;
|
|
|
- padding: 5rpx 28rpx;
|
|
|
- border-radius: 37rpx 37rpx 37rpx 37rpx;
|
|
|
- color: #fff;
|
|
|
- background: #3385ff;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 24rpx;
|
|
|
- }
|
|
|
- .hot-item {
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- .hot-new {
|
|
|
- align-items: center;
|
|
|
- flex: 1;
|
|
|
- padding-right: 20rpx;
|
|
|
- }
|
|
|
- .new-img {
|
|
|
- width: 60rpx;
|
|
|
- height: 30rpx;
|
|
|
- margin-left: 15rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .announcement {
|
|
|
- background: #fff;
|
|
|
- padding: 0 30rpx;
|
|
|
- .tab-cont {
|
|
|
- height: 115rpx;
|
|
|
- background-color: #fff;
|
|
|
- font-size: 32rpx;
|
|
|
- border-bottom: 1rpx solid #ececec;
|
|
|
- .scroll-tab {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- white-space: nowrap;
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- }
|
|
|
- .scroll-tab-item {
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- padding: 32rpx 8rpx 30rpx 8rpx;
|
|
|
- border-bottom: 8rpx solid transparent;
|
|
|
- margin-right: 60rpx;
|
|
|
- position: relative;
|
|
|
- color: #999999;
|
|
|
- font-size: 32rpx;
|
|
|
- &:last-child {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
- &.active {
|
|
|
- border-bottom: none;
|
|
|
- color: #333;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
- .border_act {
|
|
|
- width: 80%;
|
|
|
- height: 8rpx;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .content-bottom {
|
|
|
- background-color: #fff;
|
|
|
- text-align: center;
|
|
|
- line-height: 100rpx;
|
|
|
- color: #c4c4c4;
|
|
|
- font-size: 20rpx;
|
|
|
- }
|
|
|
- .checkbox-ui {
|
|
|
- width: 100%;
|
|
|
- padding: 30rpx 0;
|
|
|
- overflow: hidden;
|
|
|
- overflow-x: auto;
|
|
|
- display: flex;
|
|
|
- border-bottom: 1rpx solid #ececec;
|
|
|
- }
|
|
|
- .content-button {
|
|
|
- height: 100rpx;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- line-height: 100rpx;
|
|
|
- color: #3385ff;
|
|
|
- }
|
|
|
- .van-checkbox-group {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- }
|
|
|
+ .top-content-box {
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 999;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ .resear-body{
|
|
|
+ padding: 20rpx 34rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .resear-banner-box{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 32rpx;
|
|
|
+ .banner-box-left{
|
|
|
+ height: 204rpx;
|
|
|
+ width: 448rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ swiper{
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ image{
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .banner-box-right{
|
|
|
+ image{
|
|
|
+ height: 204rpx;
|
|
|
+ width: 214rpx;
|
|
|
+ vertical-align: bottom;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recent-report-box{
|
|
|
+ padding:20rpx 0;
|
|
|
+ background-color: white;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ .recent-report-box-head{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding:0 20rpx 20rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ .report-box-head-title{
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recent-report-box-body{
|
|
|
+ padding: 0 20rpx;
|
|
|
+ .recent-report-box-row{
|
|
|
+ padding: 24rpx 0;
|
|
|
+ border-top: solid 1px #DCDFE6;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ .recent-report-row-tag{
|
|
|
+ white-space: nowrap;
|
|
|
+ padding: 0 15rpx;
|
|
|
+ min-width: 78rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ color: white;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ margin-top: 6rpx;
|
|
|
+ }
|
|
|
+ .recent-report-row-title{
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ word-break: break-all;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 40rpx;
|
|
|
+ .recent-report-row-object{
|
|
|
+ color: #3385FF;
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 2rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .resear-activity-box{
|
|
|
+ background-color: white;
|
|
|
+ .resear-activity-head{
|
|
|
+ padding:20rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .resear-activity-head-title{
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 44rpx;
|
|
|
+ }
|
|
|
+ .resear-activity-head-options{
|
|
|
+ width: 156rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 44rpx;
|
|
|
+ background-color: #f8f8fa;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 48rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ .active {
|
|
|
+ background-color: #3385ff;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .end-activity-text {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ color: #3385ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // .notice-content {
|
|
|
+ // position: sticky;
|
|
|
+ // left: 0;
|
|
|
+ // top: 200rpx;
|
|
|
+ // z-index: 99;
|
|
|
+ // width: 100%;
|
|
|
+ // background-color: #fff;
|
|
|
+ // padding-bottom: 20rpx;
|
|
|
+ // }
|
|
|
+ // .notice {
|
|
|
+ // height: 56rpx;
|
|
|
+ // overflow: hidden;
|
|
|
+ // background-color: #dfecff;
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ // padding-left: 30rpx;
|
|
|
+ // image {
|
|
|
+ // width: 30rpx;
|
|
|
+ // height: 30rpx;
|
|
|
+ // }
|
|
|
+ // .notice-bar {
|
|
|
+ // flex: 1;
|
|
|
+ // }
|
|
|
+ // .van-notice-bar {
|
|
|
+ // height: 56rpx;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
</style>
|
hbchen