@@ -6,7 +6,7 @@
< el-card shadow = "never" >
< div class = "notice-title" > 早上好 , 小i提醒您 < span > 有 < span > { { taskTabList [ 0 ] . num } } < / span > 个审批待立项 < / span > < / div >
< el-row class = "statistics" >
< el-col :xs = "24" :sm = "12" :md = "8 " :lg = "8 " :xl = "6" v-for = "(item,index) in taskTabList" :key="index" >
< el-col :xs = "24" :sm = "12" :md = "12 " :lg = "6 " :xl = "6" v-for = "(item,index) in taskTabList" :key="index" >
< div class = "block" :style = "{'background-image':'url('+getImgUrl(item.icon)+')'}"
@click ="clickGotoListPage(item)" >
< div class = "block-right" >
@@ -147,6 +147,9 @@
< / div >
< / div >
< div class = "notice-block" >
< div v-if = "noticeList&¬iceList.length==0" >
< el -empty image -size = " 135 " description = "暂无通知公告~" / >
< / div >
< div v-for = "(item,index) in noticeList" class="notice" @click="handleGoToArticleDetail(item)" >
< span > { { index > 8 ? '' : 0 } } { { index + 1 } } < / span > { { item . articleTitle } }
< / div >
@@ -195,12 +198,16 @@
< / el-icon >
< / div >
< / div >
< div class = "money-block" >
< div v-if = "moneyData&&moneyData.length==0" style="margin-top: 15px" >
< el -empty image -size = " 135 " description = "暂无研发投入资金信息~" / >
< / div >
< div class = "money-block" v-else >
< div class = "money-container" >
< div id = "moneyPie" ref = "moneyPie" > < / div >
< / div >
< div >
< div class = "total-money" > 总资金 : { { toThousands ( totalMoney ) } } < / div >
< div class = "total-money" > 总资金 : { { toThousands ( totalMoney ) } } < / div >
< div v-for = "(item,index) in moneyData" class="legend" >
< div style = "display: flex;align-items: center" >
< div class = "money-dot" : style = "{'background-color': moneyColorList[index]}" > < / div >
@@ -210,7 +217,7 @@
< / div >
< / div >
< / div >
< div class = "fund-pie" style = "text-align: left;margin-left: 70px;margin-top: 10px" > 研发投入资金统计图< / div >
< div class = "fund-pie" v-if = "totalMoney" style= "text-align: left;margin-left: 70px;margin-top: 10px"> 研发投入资金统计图< / div >
< / div >
< / div >
< / el -col >
@@ -218,16 +225,19 @@
< el-card shadow = "never" class = "todo-bg" >
< el-tabs v-model = "docActiveTab" editable @tab-add="goToArticleList" >
< template # add -icon >
< div style = "white-space: nowrap;display: flex;align-items: center" >
更多
< el-icon color = "#1F63E6" size = "18" >
< ArrowRight / >
< / el-icon >
< / div >
< div style = "white-space: nowrap;display: flex;align-items: center" >
更多
< el-icon color = "#1F63E6" size = "18" >
< ArrowRight / >
< / el-icon >
< / div >
< div style = "width: 15px" > < / div >
< / template >
< el-tab-pane label = "规章制度" name = "first" >
< div class = "notice-block rules-block" >
< div v-if = "rulesList&&rulesList.length==0" >
< el -empty image -size = " 135 " description = "暂无规章制度~" / >
< / div >
< div v-for = "(item,index) in rulesList" class="notice" @click="handleGoToArticleDetail(item)" >
< ! - - < div > -- >
<!-- < span > { { index > 8 ? '' : 0 } } { { index + 1 } } < / span > { { item . title } } -- >
@@ -258,6 +268,9 @@
< / el-tab-pane >
< el-tab-pane label = "常见问题" name = "third" >
< div class = "notice-block rules-block" >
< div v-if = "problemList&&problemList.length==0" >
< el -empty image -size = " 135 " description = "暂无常见问题~" / >
< / div >
< div v-for = "(item,index) in problemList" class="notice" @click="handleGoToArticleDetail(item)" >
< ! - - < span > { { index > 8 ? '' : 0 } } { { index + 1 } } < / span > -- >
< div >
@@ -284,7 +297,7 @@ import {useAuthStore} from '@/stores/userstore.js'
import * as echarts from 'echarts'
import { toThousands } from "@/utils/changePrice.js" ;
import { ElNotification } from "element-plus" ;
import { getHomeInfo } from "@/api/home" ;
import { getHomeTask Info } from "@/api/home" ;
import { getResearchFundChart } from "@/api/research-fund" ;
import { getArticle } from "@/api/article" ;
@@ -660,7 +673,7 @@ const initMoneyCharts = () => {
data . moneyPieCharts = echarts . init ( document . getElementById ( 'moneyPie' ) ) . setOption ( moneyPieOption . value )
}
const getTodoList = ( ) => {
getHomeInfo ( ) . then ( res => {
getHomeTask Info ( ) . then ( res => {
if ( res . code === 1000 ) {
// todoList.value=res.data.rows
// todoNum.value=res.data.total
@@ -678,10 +691,19 @@ const getResearchChart = () => {
if ( res . code === 1000 ) {
totalMoney . value = res . data . totalAmount
moneyData . value = res . data . rdCompanyList
if ( moneyPieOption . value . series && moneyPieOption . value . series ? . length > 0 ) {
moneyPieOption . value . series [ 0 ] . data = res . data . rdCompanyList
initMoneyCharts ( )
}
// if (res.data.rdCompanyList?.length == 0) {
// moneyData.value = [{value: 5000, name: '智汇未来科技公司',},
// {value: 3000, name: '云航信息技术公司'},
// {value: 12345, name: '融智投资管理公司'},]
// moneyPieOption.value.series[0].data = moneyData.value
// initMoneyCharts()
// } else {
if ( res . data . rdCompanyList ? . length == 0 ) return ;
if ( moneyPieOption . value . series && moneyPieOption . value . series ? . length > 0 ) {
moneyPieOption . value . series [ 0 ] . data = res . data . rdCompanyList
initMoneyCharts ( )
}
// }
} else {
ElNotification ( {
title : '提示' ,
@@ -828,26 +850,21 @@ const handleView = (row) => {
< style lang = "scss" scoped >
@ media ( min - width : 1200 px ) and ( max - width : 1918 px ) {
. right- top {
height: 684 px ! important;
//. right-top {
// height: 684px ! important;
//}
//.home-bg .notice-block {
// height: 624px !important;
//}
. todo - bg {
margin - top : 10 px ;
}
. block {
width : 300 px ! important ;
}
. home - bg . notice - block {
height : 624 px ! important ;
} . todo - bg {
margin - top : 10 px ;
}
}
@ media only screen and ( max - width : 15 00 px ) {
. statistics {
. block {
width : 300 px ! important ;
}
}
}
@ media only screen and ( max - width : 1420 px ) {
@ media only screen and ( max - width : 18 00 px ) {
. statistics {
. block {
width : 280 px ! important ;
@@ -855,17 +872,21 @@ const handleView = (row) => {
}
}
@ media only screen and ( max - width : 1344 px ) {
@ media only screen and ( max - width : 1720 px ) {
. statistics {
. block {
width : 260 px ! important ;
//height: 140px!important;
}
}
//.right-top {
// height: 670px !important;
//}
//.home-bg .notice-block {
// height: 624px !important;
//}
}
@ media only screen and ( max - width : 1270 px ) {
@ media only screen and ( max - width : 1620 px ) {
. statistics {
. block {
width : 240 px ! important ;
@@ -873,6 +894,42 @@ const handleView = (row) => {
}
}
@ media only screen and ( max - width : 1500 px ) {
. statistics {
. block {
width : 220 px ! important ;
//height: 120px!important;
}
}
}
//@media only screen and (max-width: 1420px) {
// .statistics {
// .block {
// width: 280px !important;
// }
// }
//
//}
//@media only screen and (max-width: 1344px) {
// .statistics {
// .block {
// width: 260px !important;
// }
// }
//
//}
//
//@media only screen and (max-width: 1270px) {
// .statistics {
// .block {
// width: 240px !important;
// }
// }
//
//}
@ media only screen and ( max - width : 1200 px ) {
. right {
@@ -886,18 +943,11 @@ const handleView = (row) => {
}
. statistics {
. block {
width : 32 0 px ! important ;
width : 35 0 px ! important ;
}
}
}
@ media only screen and ( max - width : 1120 px ) {
. statistics {
. block {
width : 290 px ! important ;
}
}
}
@ media only screen and ( max - width : 1000 px ) {
. right {
@@ -911,6 +961,22 @@ const handleView = (row) => {
}
}
@ media only screen and ( max - width : 888 px ) {
. statistics {
. block {
width : 320 px ! important ;
}
}
}
@ media only screen and ( max - width : 820 px ) {
. statistics {
. block {
width : 300 px ! important ;
}
}
}
@ media only screen and ( max - width : 767 px ) {
. right {
margin - top : 10 px ;
@@ -921,6 +987,11 @@ const handleView = (row) => {
. todo - bg {
margin - top : 10 px ;
}
. statistics {
. block {
width : 350 px ! important ;
}
}
}
* {
@@ -1261,7 +1332,7 @@ const handleView = (row) => {
cursor : pointer ;
display : flex ;
align - items : center ;
width : 320 px ;
width : 344 px ;
height : 170 px ;
background - size : 100 % 100 % ;
background - repeat : no - repeat ;