<template>
|
<div id="shouye">
|
<main class="main_left">
|
<ul class="bg">
|
<li>
|
<div class="text1">
|
<countTo :startVal='0' :endVal="27" :duration='5000' :separator="separator" ref="CountToPower"></countTo> +
|
</div>
|
<div class="text2">多维的产业数据来源</div>
|
<div class="text3">提供宏观数据/产业分析/商机数据</div>
|
<div class="text3">准确专业</div>
|
|
</li>
|
<li>
|
<div class="text1">
|
<countTo :startVal='0' :endVal="2" :duration='5000' :separator="separator" ref="CountToPower"></countTo> +
|
</div>
|
<div class="text2">极速的产业信息推送</div>
|
<div class="text3">根据自定义关键词推送信息到手机邮箱</div>
|
<div class="text3">省时省力</div>
|
</li>
|
<li>
|
<div class="text1">
|
<countTo :startVal='0' :endVal="5" :duration='5000' :separator="separator" ref="CountToPower"></countTo> +
|
</div>
|
<div class="text2">智能的AIGC可信大模型</div>
|
<div class="text3">通用大模型和垂直大模型赋能各行各业</div>
|
<div class="text3">高效决策</div>
|
</li>
|
<!-- <li>
|
<div class="text1">
|
<countTo :startVal='0' :endVal="10" :duration='5000' :separator="separator" ref="CountToPower"></countTo> +
|
</div>
|
<div class="text2">丰富的风控应用场景 </div>
|
<div class="text3">为融资租赁/私募投资/股票投资等场景持续赋能降本增效</div>
|
</li> -->
|
</ul>
|
<section class="section1">
|
<div class="zhjk border">
|
<div class="title">
|
<div><span class="shu"></span> 组合监控</div>
|
<div class="pointer" @click="customPage">更多</div>
|
</div>
|
|
<!-- <p v-if="loading" style="width: 150px;margin: 20px auto;margin-bottom: 12px;">
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
加载中,请稍后...
|
</p> -->
|
<div class="loadEffect" v-if="loading">
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
</div>
|
|
<div v-else>
|
<div v-if="zhjkList.length > 0">
|
<div v-for="(item, index) in zhjkList" :key="index" class="zhjkType">
|
<div @click="gocustomPage(item, index)" style="cursor:pointer;">
|
<icon custom="custom custom-ego-favfull" size="18" style="color:#00a0e9"></icon>
|
{{ item.title }}
|
</div>
|
<ul>
|
<li>24H</li>
|
<!-- :style="item.RiskNum == 0 ? 'color:#D6D8D7' : ''" -->
|
<li>风险监测<span style="color:#00A0E9;margin-left:3px">{{ item.RiskNum }}</span></li>
|
<li>新闻监测<span style="color:#00A0E9;margin-left:3px">{{ item.NewsNum }}</span></li>
|
<li>公告监测<span style="color:#00A0E9;margin-left:3px">{{ item.AnnouncementNum
|
}}</span>
|
</li>
|
</ul>
|
</div>
|
<div @click="addZX"
|
style="text-align:center;color:#00a0e9;cursor:pointer;margin-top: 10px;font-size: 14px;font-weight: 500;">
|
+
|
添加自选</div>
|
</div>
|
<div v-if="showZXZH">
|
<div style="width: 100%;">
|
<img src="../../../assets/images/home/less.png" alt=""
|
style="width: 150px;height:150px;margin-left: calc(50% - 70px);margin-top: 40px;">
|
</div>
|
<div class="addZX">暂无数据，请<span @click="addZX">添加</span>自选</div>
|
</div>
|
</div>
|
|
</div>
|
<div class="tool border">
|
<div class="title">
|
<div><span class="shu"></span> 常用功能</div>
|
<div class="pointer" @click="usedTools">自定义配置</div>
|
</div>
|
<div class="loadEffect" v-if="loadingTool">
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
</div>
|
<div v-else>
|
<ul v-if="toolList.length > 0">
|
<li v-for="(item, index) in toolList" :key="index" @click="goToolName(item.ToolName)">{{ item.ToolName }}
|
</li>
|
</ul>
|
<div v-if="showTool">
|
<div style="width: 100%;">
|
<img src="../../../assets/images/home/less.png" alt=""
|
style="width: 150px;height:150px;margin-left: calc(50% - 70px);margin-top: 40px;">
|
</div>
|
<div style="text-align: center;" class="addZX">请点击<span style="color:#00A0E9;cursor:pointer"
|
@click="usedTools">此处</span>添加常用功能链接</div>
|
</div>
|
</div>
|
|
</div>
|
<div class="fk border">
|
<div class="title">
|
<div><span class="shu"></span> 产业研究工具</div>
|
</div>
|
<ul>
|
<!-- <li @click="znxg"><span
|
style="color: #00A0E9;background: rgba(0,160,233,0.10);border: 1px solid #00A0E9;">应用</span>市场数据智能选股</li> -->
|
<li @click="rickControlQuantification"><span
|
style="color: #00A0E9;background: rgba(0,160,233,0.10);border: 1px solid #00A0E9;">应用</span>租赁公司智能风评</li>
|
<li @click="dueDiligence"><span
|
style="color: #00A0E9;background: rgba(0,160,233,0.10);border: 1px solid #00A0E9;">应用</span>租赁业务尽职调查</li>
|
<li @click="investmentAdvisory"><span
|
style="color: #00A0E9;background: rgba(0,160,233,0.10);border: 1px solid #00A0E9;">应用</span>上市公司智能投顾</li>
|
|
</ul>
|
<!-- <div style="width: 100%;height: 1px;transform: scaleY(-1);background: #EEEEEE;margin-top: 20px;"></div> -->
|
<ul>
|
<li v-if="showOCR" @click="riskControlReportORC"><span
|
style="color: #4038CB;background: rgba(64,56,203,0.10);border: 1px solid #4038CB;">工具</span>公司财报OCR</li>
|
<li @click="riskControlReportFK"><span
|
style="color: #4038CB;background: rgba(64,56,203,0.10);border: 1px solid #4038CB;">工具</span>公司财报智风控</li>
|
<li @click="rzd"><span
|
style="color: #4038CB;background: rgba(64,56,203,0.10);border: 1px solid #4038CB;">工具</span>仁软智答GPT</li>
|
|
</ul>
|
</div>
|
</section>
|
<!-- <section class="section2">
|
<div class="fastaction">
|
<div class="title">
|
<div><span class="shu"></span> 快速上手</div>
|
</div>
|
<div class="img">
|
<div class="zhinan">
|
<div>使用指南</div>
|
<div>提供仁行研系统功能导览</div>
|
<div>各行业风控业务降本增效</div>
|
|
|
</div>
|
<ul>
|
<li><img src="../../../assets/images/home/1.png" alt=""><span>我的自选</span></li>
|
<li><img src="../../../assets/images/home/2.png" alt=""><span>宏观数据</span></li>
|
<li><img src="../../../assets/images/home/3.png" alt=""><span>行业数据</span></li>
|
<li><img src="../../../assets/images/home/4.png" alt=""><span>公司数据</span></li>
|
<li><img src="../../../assets/images/home/5.png" alt=""><span>特色数据</span></li>
|
<li><img src="../../../assets/images/home/6.png" alt=""><span>智能风控</span></li>
|
</ul>
|
</div>
|
</div>
|
</section> -->
|
</main>
|
<main class="main_right">
|
<section class="section">
|
<div class="fastInfo">
|
<div class="title">
|
<div><span class="shu"></span> 7*24小时快讯</div>
|
<!-- <div class="pointer"></div> -->
|
<div class="pointer"><span style="margin-right: 10px;" @click="openDiy(1)">自定义配置</span><span
|
@click="Alerts">更多</span> </div>
|
</div>
|
<!-- <p v-if="NewsList.length == 0" style="width: 150px;margin: 20px auto;margin-bottom: 12px;">
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
加载中,请稍后...
|
</p> -->
|
<div class="loadEffect" v-if="NewsList.length == 0">
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
</div>
|
<ul v-else>
|
<li class="pointer" v-for="(item, index) in NewsList" :key="index" style="margin-top: 10px;">
|
<Tooltip placement="bottom-start" transfer theme="dark">
|
<div v-if="item.Title">{{
|
item.Title.length > 20 ? `${item.Title.substring(0, 20)}...` :
|
item.Title
|
}}</div>
|
<div slot="content" style="white-space: normal;">
|
{{ item.Title }}
|
</div>
|
</Tooltip>
|
<div>{{ item.NewDateTime.replaceAll('/', '-')
|
}}</div>
|
</li>
|
</ul>
|
</div>
|
<div class="gloabInfo">
|
<div class="title">
|
<div><span class="shu"></span> 全球新闻资讯</div>
|
<div class="pointer"><span style="margin-right: 10px;" @click="openDiy(2)">自定义配置</span> <span
|
@click="alertsGlobe">更多</span></div>
|
</div>
|
<!-- <p v-if="MajorNewsList.length == 0" style="width: 150px;margin: 20px auto;margin-bottom: 12px;">
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
加载中,请稍后...
|
</p> -->
|
<div class="loadEffect" v-if="MajorNewsList.length == 0">
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
<span></span>
|
</div>
|
|
<ul v-else>
|
<li class="pointer homeTooltip" style="margin-top: 10px;" v-for="(item, index) in MajorNewsList" :key="index"
|
@click="getMajorNewsbyId(item)">
|
<!-- <div>{{ item.Title }}</div> -->
|
|
<Tooltip placement="bottom-start" transfer theme="dark">
|
<div v-if="item.Title">{{
|
item.Title.length > 20 ? `${item.Title.substring(0, 20)}...` :
|
item.Title
|
}}</div>
|
<div slot="content" style="white-space: normal;">
|
{{ item.Title }}
|
</div>
|
</Tooltip>
|
<div>{{ item.PubTime }}</div>
|
</li>
|
</ul>
|
</div>
|
<!-- <div class="AIGC">
|
<div class="title">
|
<div><span class="shu"></span> AIGC报告</div>
|
|
<div class="pointer">更多</div>
|
</div>
|
|
<ul>
|
<li class="pointer" v-for="(item, index) in AIGCList" :key="index">
|
<div>{{ item.title }}</div>
|
<div>{{ item.date }}</div>
|
</li>
|
</ul>
|
|
</div> -->
|
</section>
|
</main>
|
<Modal v-model="addModal" ok-text="保存并添加" cancel-text="取消" @on-ok="sureAdd">
|
<p slot="header">
|
<icon custom="custom custom-tianjia" size="18" style="color:#00a0e9"></icon>
|
添加自选
|
</p>
|
<Input v-model="addDate" size="large" style="width: 100%" />
|
</Modal>
|
|
<Modal v-model="diyMoadl" draggable footer-hide cancel-text="取消" @on-ok="AddSysAccountNews">
|
<p slot="header">
|
<icon custom="custom custom-bianji" size="18" style="color:#00a0e9"></icon>
|
自定义配置
|
</p>
|
<Input v-model="keyWord" size="large" placeholder="可输入多个关键字，以'，'隔开" style="width: 100%" />
|
<div style="display:flex;margin-top:12px;">
|
<div style="color:#999999;width: 110px;">当前检索词为:</div>
|
<div style="margin-left:20px;background: #F5F5F5;" v-if="typeidList.length == 0">
|
<span style="font-size: 12px;color: #666666;letter-spacing: 0;">暂无关键词</span>
|
|
</div>
|
<ul style="display:flex;flex-wrap:wrap;margin-left:20px;" v-else>
|
<li v-for="item in typeidList" style="background: #F5F5F5;margin-right: 5px;padding: 2px;"> <span
|
style="font-size: 12px;color: #666666;letter-spacing: 0;">{{ item }}</span>
|
</li>
|
</ul>
|
</div>
|
<div class="clearfix" style="width: 200px;margin:20px auto 0px;">
|
<Button size="large" type="primary" style="float:left" @click="AddSysAccountNews()">确认
|
</Button>
|
<Button size="large" type="error" style="float:right" @click="diyMoadl = false">取消
|
</Button>
|
</div>
|
</Modal>
|
|
</div>
|
</template>
|
<script>
|
import countTo from 'vue-count-to';
|
import axios from '@/libs/api.request'
|
import $ from 'jquery'
|
export default {
|
name: 'app',
|
components: {
|
countTo
|
},
|
data() {
|
return {
|
loading: true,
|
loadingTool: true,
|
NewsList: [],
|
MajorNewsList: [],
|
diyMoadl: false,
|
showTool: false,
|
showZXZH: false,
|
userId: localStorage.getItem("userId"),
|
addModal: false,
|
addDate: '',
|
// zhjkList: [{ title: '1111', num: 1 }],
|
zhjkList: [],
|
AIGCList: [{ title: '1111', date: 1 }],
|
startTime: '',
|
endTime: '',
|
toolList: [],
|
TypeId: 1,
|
typeidList: [],
|
keyWord: '',
|
// startVal: 0,
|
// endVal: 27,
|
// duration: 5000, // 持续时间
|
separator: '', // 分隔符
|
showOCR:false,
|
}
|
},
|
mounted() {
|
// if(window.location.href.indexOf('https')>-1){
|
// this.showOCR=false
|
// }else{
|
// this.showOCR=true
|
// }
|
this.GetSysAccountMenulist()
|
this.getZXList();
|
this.GetNewsList()
|
this.GetMajorNewsList()
|
},
|
methods: {
|
// handleUpdate() {
|
// setTimeout(() => {
|
// this.end1 = 100;
|
// }, 1000);
|
// },
|
// 跳转
|
customPage() {
|
this.$router.push('customPage')
|
},
|
gocustomPage(item, index) {
|
sessionStorage.setItem('homeindex', item.id)
|
console.log(sessionStorage.getItem('homeindex'));
|
this.$router.push('customPage')
|
},
|
Alerts() {
|
this.$router.push('Alerts')
|
},
|
alertsGlobe() {
|
this.$router.push('alertsGlobe')
|
},
|
znxg() {
|
this.$router.push('znxg')
|
},
|
investmentAdvisory() {
|
this.$router.push('investmentAdvisory')
|
},
|
rickControlQuantification() {
|
this.$router.push('rickControlQuantification')
|
},
|
dueDiligence() {
|
this.$router.push('dueDiligence')
|
},
|
riskControlReportORC() {
|
this.$router.push('riskControlReportORC')
|
},
|
rickControlQuantification() {
|
this.$router.push('rickControlQuantification')
|
},
|
riskControlReportFK() {
|
this.$router.push('riskControlReportFK')
|
},
|
rzd() {
|
this.$router.push('rzd')
|
},
|
usedTools() {
|
this.$router.push('usedTools')
|
},
|
|
// 常用工具跳转
|
// newList: [{ name: '7*24小时快讯', url: 'Alerts' }, { name: '全球新闻资讯', url: 'alertsGlobe' }],
|
// // 行业数据
|
// bdtList: [{ name: '半导体市场数据', url: 'SAnnualMarketReview' }, { name: '半导体产业链数据', url: 'SIndustryChainData' }, { name: '半导体硅晶圆数据', url: 'SSiliconWaferData' }, { name: '半导体EDA数据', url: 'EDA' },{ name: '半导体海关微数据', url: 'SRRHaig' }, { name: '半导体行业微图谱', url: 'enterpriseSemiconductor' }],
|
// gfList: [{ name: '光伏市场数据', url: 'PAnnualMarketReview' }, { name: '光伏产业链数据', url: 'PIndustryChainData' }],
|
// // 公司数据
|
// qyList:[{ name: '公司基础数据', url: 'enterpriseDataBase' }, { name: '上市公司微财报', url: 'enterpriseDataReport' }, { name: '上市公司微点评', url: 'comments' }, { name: '并购事件图谱', url: 'enterpriseDataMerger' },{ name: '投资事件图谱', url: 'enterpriseDatainvest' }],
|
// rzList:[{ name: '租赁融资', url: 'financingLease' }, { name: '应收账款融资', url: 'financingReceivable' }, { name: '信托融资', url: 'financingTrust' },
|
// { name: '资管/私募融资', url: 'financingPrivate' },{ name: '动产抵质押', url: 'financingMortgage' },{ name: '其他动产权利登记', url: 'MovablePropertyRegistration' }],
|
// xyList:[{ name: '主体信用评级', url: 'gradeSubject' }, { name: '金融监管处罚', url: 'bankPunishNewEvent' }],
|
// // 特色数据
|
// dqcyList:[{ name: '上海产业地图', url: 'regionShanghai' }, { name: '广州产业地图', url: 'regionGuangzhou' }],
|
// // 智能风控
|
// fkgjList: [{ name: '公司财报OCR', url: 'riskControlReportORC' }, { name: '公司财报智风控', url: 'riskControlReportFK' }],
|
// fkyyList: [{ name: '市场数据智能选股', url: 'znxg' }, { name: '上市公司智能投顾 ', url: 'investmentAdvisory' }, { name: '租赁公司智能风评 ', url: 'rickControlQuantification' }],
|
goToolName(params) {
|
if (params == '7*24小时快讯') {
|
this.$router.push('Alerts')
|
} else if (params == '全球新闻资讯') {
|
this.$router.push('alertsGlobe')
|
} else if (params == '半导体市场数据') {
|
this.$router.push('SAnnualMarketReview')
|
} else if (params == '半导体产业链数据') {
|
this.$router.push('SIndustryChainData')
|
} else if (params == '半导体硅晶圆数据') {
|
this.$router.push('SSiliconWaferData')
|
} else if (params == '半导体EDA数据') {
|
this.$router.push('EDA')
|
} else if (params == '半导体海关微数据') {
|
this.$router.push('SRRHaig')
|
} else if (params == '半导体行业微图谱') {
|
this.$router.push('enterpriseSemiconductor')
|
} else if (params == '光伏市场数据') {
|
this.$router.push('PAnnualMarketReview')
|
} else if (params == '光伏产业链数据') {
|
this.$router.push('PIndustryChainData')
|
} else if (params == '公司工商数据') {
|
this.$router.push('enterpriseDataBase')
|
} else if (params == '上市公司微财报') {
|
this.$router.push('enterpriseDataReport')
|
} else if (params == '上市公司微点评') {
|
this.$router.push('comments')
|
} else if (params == '并购事件图谱') {
|
this.$router.push('enterpriseDataMerger')
|
} else if (params == '投资事件图谱') {
|
this.$router.push('enterpriseDatainvest')
|
} else if (params == '租赁融资') {
|
this.$router.push('financingLease')
|
} else if (params == '应收账款融资') {
|
this.$router.push('financingReceivable')
|
} else if (params == '信托融资') {
|
this.$router.push('financingTrust')
|
} else if (params == '资管/私募融资') {
|
this.$router.push('financingPrivate')
|
} else if (params == '动产抵质押') {
|
this.$router.push('financingMortgage')
|
} else if (params == '其他动产权利登记') {
|
this.$router.push('MovablePropertyRegistration')
|
} else if (params == '主体信用评级') {
|
this.$router.push('gradeSubject')
|
} else if (params == '金融监管处罚') {
|
this.$router.push('bankPunishNewEvent')
|
} else if (params == '上海产业地图') {
|
this.$router.push('regionShanghai')
|
} else if (params == '广州产业地图') {
|
this.$router.push('regionGuangzhou')
|
} else if (params == '公司财报OCR') {
|
this.$router.push('riskControlReportORC')
|
} else if (params == '公司财报智风控') {
|
this.$router.push('riskControlReportFK')
|
} else if (params == '市场数据智能选股') {
|
this.$router.push('znxg')
|
} else if (params == '上市公司智能投顾') {
|
this.$router.push('investmentAdvisory')
|
} else if (params == '租赁公司智能风评') {
|
this.$router.push('rickControlQuantification')
|
} else if (params == '仁软智答GPT') {
|
this.$router.push('rzd')
|
}else if (params == '承兑人信用信息') {
|
this.$router.push('piaoDetail')
|
}else if (params == '承兑人逾期') {
|
this.$router.push('piaoOverdue')
|
}else if (params == '持续逾期') {
|
this.$router.push('piaoOverAlways')
|
}else if (params == '信息未披露') {
|
this.$router.push('piaoNoInfo')
|
}else if (params == '信息延迟披露') {
|
this.$router.push('piaoDelayInfo')
|
}else if (params == '承兑人公告信息') {
|
this.$router.push('piaoNotice')
|
}else if (params == '租赁业务尽职调查') {
|
this.$router.push('dueDiligence')
|
}
|
},
|
openDiy(params) {
|
this.TypeId = params
|
this.GetSysAccountNewsbyUserId()
|
this.diyMoadl = true
|
},
|
//获取新闻自定义配置
|
GetSysAccountNewsbyUserId() {
|
this.typeidList = []
|
axios
|
.request({
|
url: "/SysAccountNews/GetSysAccountNewsbyUserId",
|
params: { UserId: this.userId, TypeId: this.TypeId },
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
if (res.data.Data) {
|
this.keyWord = res.data.Data.Keyword
|
let arr = res.data.Data.Keyword.replaceAll('，', ',').split(',')
|
for (let i = 0; i < arr.length; i++) {
|
if(arr[i]!=''){
|
this.typeidList.push(arr[i])
|
}
|
// console.log(arr[i]);
|
// this.typeidList.push(arr[i])
|
// console.log(this.typeidList);
|
}
|
} else {
|
this.typeidList = []
|
this.keyWord = ''
|
}
|
|
} else {
|
this.typeidList = []
|
this.keyWord = ''
|
}
|
|
},
|
(res) => {
|
|
}
|
);
|
},
|
// 添加关键词
|
AddSysAccountNews() {
|
let str = this.keyWord
|
console.log(str, str.replaceAll('，', ',').split(',').length);
|
if (str.replaceAll('，', ',').split(',').length > 8) {
|
this.$Message.warning('系统最多支持8个自定义关键词!');
|
// return false
|
} else {
|
axios
|
.request({
|
url: "/SysAccountNews/AddSysAccountNews",
|
params: { UserId: this.userId, TypeId: this.TypeId, Keyword: this.keyWord },
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
if (this.TypeId == 1) {
|
this.GetNewsList()
|
} else {
|
this.GetMajorNewsList()
|
}
|
this.diyMoadl = false
|
} else {
|
this.diyMoadl = false
|
}
|
|
},
|
(res) => {
|
|
}
|
);
|
}
|
|
},
|
GetSysAccountMenulist() {
|
this.loadingTool = true
|
this.showTool = false
|
axios
|
.request({
|
url: "/SysAccountMenu/GetSysAccountMenulist",
|
params: {
|
|
UserId: this.userId,
|
},
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
if (res.data.Data.length > 0) {
|
this.toolList = res.data.Data
|
} else {
|
this.toolList = []
|
|
this.showTool = true
|
}
|
this.loadingTool = false
|
} else {
|
this.showTool = true
|
this.loadingTool = false
|
}
|
},
|
(res) => {
|
this.showTool = true
|
this.loadingTool = false
|
}
|
);
|
|
},
|
addZX() {
|
this.addModal = true;
|
let myDate = new Date();
|
this.addDate = "自选组合" + myDate.toLocaleDateString();
|
},
|
// 添加自选
|
sureAdd() {
|
console.log(this.addTitle);
|
axios
|
.request({
|
url: "/RRMonitorGroup/AddRRMonitorGroup",
|
params: {
|
Id: 0,
|
GroupName: this.addDate,
|
GroupDesc: "",
|
CreateUserId: this.userId,
|
},
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.getZXList();
|
this.addDate = ''
|
} else {
|
}
|
},
|
(res) => {
|
}
|
);
|
|
},
|
// 获取自选组合
|
getZXList() {
|
this.zhjkList = []
|
this.loading = true
|
this.showZXZH = false
|
axios
|
.request({
|
url: "/RRMonitorGroup/GetRRMonitorGroupListTop2",
|
params: { UserId: this.userId },
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check && res.data.Data.length > 0) {
|
// for (let i = 0; i < res.data.Data.length; i++) {
|
this.getZXData(res.data.Data)
|
// }
|
this.zhjkList = JSON.parse(JSON.stringify(this.zhjkList))
|
console.log(this.zhjkList);
|
this.loading = false
|
} else {
|
this.showZXZH = true
|
this.loading = false
|
}
|
|
},
|
(res) => {
|
this.showZXZH = true
|
this.loading = false
|
}
|
);
|
},
|
// 获取组合信息
|
getZXData(params) {
|
this.endTime = Date.now()
|
this.startTime = Date.now() - 24 * 60 * 60 * 1000
|
//获取endTime
|
this.getendTime(this.endTime)
|
this.getStartTime(this.startTime)
|
|
let data = {
|
// groupId: params.id,
|
// groupId1: params[0].id,
|
// groupId2: params[1].id,
|
startTime: this.startTime,
|
endTime: this.endTime
|
}
|
if (params[0]) {
|
data.groupId1 = params[0].id
|
}
|
if (params[1]) {
|
data.groupId2 = params[1] ? params[1].id : 0
|
}
|
axios
|
.request({
|
url: "/EventKg/GetRiskMonitorWarnCountResult2",
|
params: data,
|
method: "post",
|
}).then((res) => {
|
if (res.data.Check) {
|
for (let j = 0; j < res.data.Data.length; j++) {
|
let AnnouncementNum = 0
|
let NewsNum = 0
|
let RiskNum = 0
|
let Announcement = res.data.Data[j].Announcement
|
let News = res.data.Data[j].News
|
let Risk = res.data.Data[j].Risk
|
// console.log(Announcement.WarnLevel0=10);
|
// AnnouncementNum = Announcement.WarnLevel0+Announcement.WarnLevel1+Announcement.WarnLevel2+Announcement.WarnLevel3
|
// NewsNum = News.WarnLevel0+News.WarnLevel1+News.WarnLevel2+News.WarnLevel3
|
// RiskNum = Risk.WarnLevel0+Risk.WarnLevel1+Risk.WarnLevel2+Risk.WarnLevel3
|
for (let i in Announcement) {
|
// console.log(i, Announcement[i]);
|
AnnouncementNum += Announcement[i]
|
|
}
|
for (let i in News) {
|
NewsNum += News[i]
|
}
|
for (let i in Risk) {
|
RiskNum += Risk[i]
|
}
|
this.zhjkList.push({ id: params[j].id, title: params[j].GroupName, AnnouncementNum: AnnouncementNum, NewsNum: NewsNum, RiskNum: RiskNum })
|
console.log(this.zhjkList[j]);
|
}
|
|
// let AnnouncementNum = 0
|
// let NewsNum = 0
|
// let RiskNum = 0
|
// let Announcement = res.data.Data.Announcement
|
// let News = res.data.Data.News
|
// let Risk = res.data.Data.Risk
|
// for (let i in Announcement) {
|
// AnnouncementNum += Announcement[i]
|
// }
|
// for (let i in News) {
|
// NewsNum += News[i]
|
// }
|
// for (let i in Risk) {
|
// RiskNum += Risk[i]
|
// }
|
// this.zhjkList[index].AnnouncementNum= AnnouncementNum
|
// this.zhjkList[index].NewsNum=NewsNum
|
// this.zhjkList[index].RiskNum=RiskNum
|
// this.zhjkList[index].num={ id: params.id, title: params.GroupName, AnnouncementNum: AnnouncementNum, NewsNum: NewsNum, RiskNum: RiskNum })
|
} else {
|
}
|
},
|
(res) => {
|
console.log(res);
|
}
|
);
|
// this.getComMonitorMemberNo(this.menberIndex)
|
},
|
getendTime(time) {
|
let date = new Date(time); // 初始化日期
|
let year = date.getFullYear(); //获取年份
|
let month = date.getMonth() + 1 > 9 ? date.getMonth() + 1 : `0${date.getMonth() + 1}`; // 获取月份
|
let day = date.getDate() > 9 ? date.getDate() : `0${date.getDate()}`; // 获取具体日
|
let hour = date.getHours() > 9 ? date.getHours() : `0${date.getHours()}`; // 获取时
|
let minutes = date.getMinutes() > 9 ? date.getMinutes() : `0${date.getMinutes()}`; // 获取分
|
let seconds = date.getSeconds() > 9 ? date.getSeconds() : `0${date.getSeconds()}`; // 获取秒
|
this.endTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
|
},
|
getStartTime(startTime) {
|
let date = new Date(startTime); // 初始化日期
|
let year = date.getFullYear(); //获取年份
|
let month = date.getMonth() + 1 > 9 ? date.getMonth() + 1 : `0${date.getMonth() + 1}`; // 获取月份
|
let day = date.getDate() > 9 ? date.getDate() : `0${date.getDate()}`; // 获取具体日
|
let hour = date.getHours() > 9 ? date.getHours() : `0${date.getHours()}`; // 获取时
|
let minutes = date.getMinutes() > 9 ? date.getMinutes() : `0${date.getMinutes()}`; // 获取分
|
let seconds = date.getSeconds() > 9 ? date.getSeconds() : `0${date.getSeconds()}`; // 获取秒
|
// this.startTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
|
// debugger
|
// if (this.dataItem == '12H' || this.dataItem == '24H') {
|
this.startTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
|
// } else if (this.dataItem == '1W' || this.dataItem == '1M') {
|
// this.startTime = year + '-' + month + '-' + day + ' ' + '00' + ':' + '00' + ':' + '00'
|
// }
|
},
|
// 7*24小时快讯
|
GetNewsList() {
|
this.NewsList = []
|
let data = {
|
UserId: Number(this.userId),
|
PageSize: 5,
|
PageIndex: 1,
|
ParContent: "",
|
SubClassId: "0",
|
}
|
axios
|
.request({
|
url: "/TushareNews/GetNewsList",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.NewsList = res.data.Data.TushareNewses
|
} else {
|
this.NewsList = []
|
}
|
},
|
(res) => {
|
|
}
|
);
|
},
|
//全球新闻
|
GetMajorNewsList() {
|
this.MajorNewsList = []
|
let data = {
|
UserId: Number(this.userId),
|
PageSize: 5,
|
PageIndex: 1,
|
ParContent: "",
|
SubClassId: "0",
|
}
|
axios
|
.request({
|
url: "/TushareNews/GetMajorNewsList",
|
data,
|
method: "post",
|
})
|
.then(
|
(res) => {
|
if (res.data.Check) {
|
this.MajorNewsList = res.data.Data.TrTushareMajorNewses
|
} else {
|
this.MajorNewsList = []
|
}
|
|
},
|
(res) => {
|
|
}
|
);
|
},
|
getMajorNewsbyId(params) {
|
this.$router.push({
|
name: 'globePage',
|
params: {
|
title: params.Title,
|
name: params.Title.length > 15 ? params.Title.substring(0, 12) + '...' : params.Title,
|
date: params.PubTime,
|
content: params.Contents
|
}
|
})
|
// console.log(params);
|
// let data = {
|
// Id:params.id
|
// }
|
// axios
|
// .request({
|
// url: "/Tushare/GetMajorNewsbyId",
|
// data,
|
// method: "post",
|
// })
|
// .then(
|
// (res) => {
|
// if (res.data.Check) {
|
// // this.MajorNewsList = res.data.Data.TrTushareMajorNewses
|
// } else {
|
// // this.MajorNewsList = []
|
// }
|
|
// },
|
// (res) => {
|
|
// }
|
// );
|
}
|
}
|
}
|
</script>
|
<style scoped lang="less">
|
// .homeTooltip .ivu-tooltip-inner{
|
// background: #333333;
|
// color:#fff
|
// }
|
|
|
.pagechange_icon {
|
position: absolute;
|
top: 49%;
|
color: rgba(31, 45, 61, .11);
|
cursor: pointer;
|
}
|
|
.pagechange_icon:hover {
|
color: #8A929B;
|
}
|
|
#shouye {
|
width: 100%;
|
min-width: 1300px;
|
height: 100%;
|
background: #F2F4F5;
|
display: flex;
|
justify-content: space-between;
|
|
|
.title {
|
display: flex;
|
justify-content: space-between;
|
height: 22px;
|
line-height: 22px;
|
|
div:nth-child(1) {
|
font-family: PingFangSC-Semibold;
|
font-size: 16px;
|
color: #333333;
|
letter-spacing: 0;
|
text-align: center;
|
font-weight: 600;
|
|
span {
|
display: inline-block;
|
width: 4px;
|
height: 15px;
|
background: #00A0E9;
|
margin-right: 2px;
|
}
|
}
|
|
div:nth-child(2) {
|
font-family: PingFangSC-Regular;
|
font-size: 14px;
|
color: #00A0E9;
|
letter-spacing: 0;
|
text-align: right;
|
}
|
|
div:nth-child(3) {
|
font-family: PingFangSC-Regular;
|
font-size: 14px;
|
color: #00A0E9;
|
letter-spacing: 0;
|
text-align: right;
|
}
|
}
|
|
.main_left {
|
width: 70%;
|
|
.bg {
|
background-image: url(../../../assets/images/home/bg.png);
|
height: 310px;
|
// background: #00A0E9;
|
|
display: flex;
|
justify-content: space-around;
|
color: #FFFFFF;
|
|
li {
|
width: 20%;
|
text-align: center;
|
|
.text1 {
|
height: 84px;
|
font-size: 60px;
|
letter-spacing: 0;
|
text-align: center;
|
position: relative;
|
top: 72px;
|
}
|
|
.text2 {
|
height: 22px;
|
font-size: 16px;
|
line-height: 22px;
|
font-weight: 600;
|
position: relative;
|
top: 82px;
|
}
|
|
.text3 {
|
height: 20px;
|
font-size: 12px;
|
line-height: 20px;
|
white-space:nowrap;
|
position: relative;
|
top: 92px;
|
}
|
}
|
}
|
|
.section1 {
|
margin-top: 20px;
|
display: flex;
|
justify-content: space-between;
|
|
.border {
|
// height: 280px;
|
// width: 32%;
|
padding: 20px;
|
background: #FAFAFA;
|
}
|
|
.zhjk {
|
width: 36%;
|
height: 309px;
|
|
.addZX {
|
color: #9F9F9F;
|
text-align: center;
|
|
span {
|
color: #00A0E9;
|
cursor: pointer;
|
}
|
}
|
|
.zhjkType {
|
margin-top: 20px;
|
|
div:nth-child(1) {
|
font-family: PingFangSC-Semibold;
|
font-size: 14px;
|
color: #00A0E9;
|
letter-spacing: 0;
|
}
|
|
div:nth-child(2) {
|
font-family: PingFangSC-Semibold;
|
font-size: 14px;
|
color: #00A0E9;
|
letter-spacing: 0;
|
float: left;
|
}
|
|
ul {
|
display: flex;
|
// justify-content: space-between;
|
margin-top: 10px;
|
flex-wrap: wrap;
|
|
li {
|
font-family: PingFangSC-Regular;
|
// width: 50%;
|
font-size: 14px;
|
color: #333333;
|
letter-spacing: 0;
|
text-align: left;
|
margin-right: 10px;
|
|
span:nth-child(1) {
|
color: #000000;
|
}
|
|
span:nth-child(2) {
|
color: #151515;
|
}
|
|
span:nth-child(3) {
|
color: #151515;
|
}
|
}
|
|
// li:nth-child(1) {
|
// border: 1px solid #00A0E9;
|
// }
|
}
|
}
|
}
|
|
.tool {
|
width: 34%;
|
height: 309px;
|
|
ul {
|
display: flex;
|
justify-content: space-between;
|
flex-wrap: wrap;
|
|
li {
|
width: 50%;
|
text-align: left;
|
font-family: PingFangSC-Regular;
|
font-size: 14px;
|
color: #333333;
|
letter-spacing: 0;
|
height: 20px;
|
margin-top: 20px;
|
cursor: pointer;
|
}
|
}
|
}
|
|
.fk {
|
width: 26%;
|
height: 309px;
|
|
ul {
|
// display: flex;
|
// justify-content: space-between;
|
// flex-wrap: wrap;
|
|
li {
|
// width: 50%;
|
text-align: left;
|
font-family: PingFangSC-Regular;
|
font-size: 14px;
|
color: #333333;
|
letter-spacing: 0;
|
height: 20px;
|
line-height: 20px;
|
margin-top: 20px;
|
cursor: pointer;
|
|
// @media screen and (max-width: 1366px) {
|
// width: 100%;
|
// }
|
|
span {
|
display: inline-block;
|
width: 40px;
|
height: 24px;
|
text-align: center;
|
line-height: 22px;
|
// background: rgba(0, 160, 233, 0.10);
|
// border: 1px solid #00A0E9;
|
border-radius: 2px;
|
font-family: PingFangSC-Regular;
|
font-size: 12px;
|
margin-right: 10px;
|
letter-spacing: 0;
|
text-align: center;
|
}
|
|
}
|
}
|
|
// ul:nth-child(1) {
|
// li span {
|
// color: #00A0E9;
|
// }
|
// }
|
|
// ul:nth-child(2) {
|
// li span {
|
// color: #4038CB;
|
// }
|
// }
|
}
|
|
|
|
|
}
|
|
.section2 {
|
margin-top: 20px;
|
display: flex;
|
justify-content: space-between;
|
|
.fastaction {
|
width: 100%;
|
// height: 290px;
|
padding: 20px;
|
background: #FAFAFA;
|
|
.img {
|
margin-top: 20px;
|
display: flex;
|
justify-content: space-between;
|
|
.zhinan {
|
margin-right: 20px;
|
width: 190px;
|
height: 208px;
|
background: url('../../../assets/images/home/jieshao.png') no-repeat;
|
|
div {
|
font-family: PingFangSC-Semibold;
|
color: #FFFFFF;
|
letter-spacing: 0;
|
text-align: center;
|
// margin-left: 20px;
|
}
|
|
div:nth-child(1) {
|
font-size: 16px;
|
font-weight: 600;
|
margin-top: 20px;
|
}
|
|
div:nth-child(2) {
|
font-size: 12px;
|
margin-top: 20px;
|
}
|
|
div:nth-child(3) {
|
font-size: 12px;
|
}
|
|
// img {
|
// width: 190px;
|
// height: 208px;
|
// }
|
}
|
|
ul {
|
display: flex;
|
justify-content: space-between;
|
flex-wrap: wrap;
|
|
li {
|
// width: 32%;
|
height: 94px;
|
|
margin-bottom: 20px;
|
background: #FAFAFA;
|
display: flex;
|
|
// @media screen and (max-width: 1200px) {
|
width: 32%;
|
// }
|
|
|
img {
|
width: 72px;
|
height: 70px;
|
// border: 1px solid #9D9D9D;
|
// box-shadow: 2px 2px 2px 1px rgba(90, 86, 86, 0.2) unset;
|
margin-top: 10px;
|
}
|
|
span {
|
margin-left: 5px;
|
display: inline-block;
|
line-height: 94px;
|
font-size: 16px;
|
font-weight: 600;
|
|
}
|
}
|
|
}
|
}
|
}
|
|
|
|
}
|
|
}
|
|
.main_right {
|
width: 29%;
|
height: 100%;
|
position: relative;
|
|
.fastInfo {
|
width: 100%;
|
height: 310px;
|
padding: 20px;
|
background: #FAFAFA;
|
|
ul {
|
margin-top: 10px;
|
|
div:nth-child(1) {
|
font-family: PingFangSC-Regular;
|
font-size: 14px;
|
color: #333333;
|
letter-spacing: 0;
|
}
|
|
div:nth-child(2) {
|
font-family: PingFangSC-Regular;
|
font-size: 12px;
|
color: #999999;
|
letter-spacing: 0;
|
}
|
}
|
}
|
|
.gloabInfo {
|
height: 309px;
|
width: 100%;
|
padding: 20px;
|
margin-top: 20px;
|
background: #FAFAFA;
|
|
ul {
|
margin-top: 10px;
|
|
div:nth-child(1) {
|
font-family: PingFangSC-Regular;
|
font-size: 14px;
|
color: #333333;
|
letter-spacing: 0;
|
}
|
|
div:nth-child(2) {
|
font-family: PingFangSC-Regular;
|
font-size: 12px;
|
color: #999999;
|
letter-spacing: 0;
|
}
|
}
|
}
|
|
|
|
.AIGC {
|
width: 100%;
|
height: 290px;
|
padding: 20px;
|
margin-top: 20px;
|
// position: absolute;
|
// bottom:20px;
|
// right: 0px;
|
background: #FAFAFA;
|
|
ul {
|
margin-top: 20px;
|
|
div:nth-child(1) {
|
font-family: PingFangSC-Regular;
|
font-size: 14px;
|
color: #333333;
|
letter-spacing: 0;
|
}
|
|
div:nth-child(2) {
|
font-family: PingFangSC-Regular;
|
font-size: 12px;
|
color: #999999;
|
letter-spacing: 0;
|
}
|
}
|
}
|
|
|
}
|
|
|
|
.loadEffect {
|
width: 100px;
|
height: 100px;
|
position: relative;
|
margin: 0 auto;
|
margin-top: 100px;
|
}
|
|
.loadEffect span {
|
display: inline-block;
|
width: 16px;
|
height: 16px;
|
border-radius: 50%;
|
background: #00a0e9;
|
position: absolute;
|
-webkit-animation: load 1.04s ease infinite;
|
}
|
|
@-webkit-keyframes load {
|
0% {
|
opacity: 1;
|
}
|
|
100% {
|
opacity: 0.2;
|
}
|
}
|
|
.loadEffect span:nth-child(1) {
|
left: 0;
|
top: 50%;
|
margin-top: -8px;
|
-webkit-animation-delay: 0.13s;
|
}
|
|
.loadEffect span:nth-child(2) {
|
left: 14px;
|
top: 14px;
|
-webkit-animation-delay: 0.26s;
|
}
|
|
.loadEffect span:nth-child(3) {
|
left: 50%;
|
top: 0;
|
margin-left: -8px;
|
-webkit-animation-delay: 0.39s;
|
}
|
|
.loadEffect span:nth-child(4) {
|
top: 14px;
|
right: 14px;
|
-webkit-animation-delay: 0.52s;
|
}
|
|
.loadEffect span:nth-child(5) {
|
right: 0;
|
top: 50%;
|
margin-top: -8px;
|
-webkit-animation-delay: 0.65s;
|
}
|
|
.loadEffect span:nth-child(6) {
|
right: 14px;
|
bottom: 14px;
|
-webkit-animation-delay: 0.78s;
|
}
|
|
.loadEffect span:nth-child(7) {
|
bottom: 0;
|
left: 50%;
|
margin-left: -8px;
|
-webkit-animation-delay: 0.91s;
|
}
|
|
.loadEffect span:nth-child(8) {
|
bottom: 14px;
|
left: 14px;
|
-webkit-animation-delay: 1.04s;
|
}
|
|
|
|
}
|
</style>
|
