Merge pull request 'dj' (#822) from dj into master

Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/822
This commit is contained in:
2024-10-11 07:00:58 +00:00
3 changed files with 97 additions and 48 deletions

View File

@@ -13,3 +13,11 @@ export const getDoneTaskInfo = () => {
method: "get" method: "get"
}); });
}; };
//获取专项资金饼图数据
export const getSpecialFundChart = () => {
return request({
url: '/workflow/home/page/statistic',
method: "get"
});
};

View File

@@ -54,7 +54,10 @@
<Tag dictType="todo_type" :value="item.targetState"/> <Tag dictType="todo_type" :value="item.targetState"/>
</div> </div>
<div v-else></div> <div v-else></div>
<div class="target-name">{{item.targetState=='00'?'征集名称':'项目名称'}}{{ item.targetName }}</div> <div class="target-name">{{ item.targetState == '00' ? '征集名称' : '项目名称' }}{{
item.targetName
}}
</div>
<div class="black-text">发起人{{ item.initiatorName }}</div> <div class="black-text">发起人{{ item.initiatorName }}</div>
<div class="black-text">当前节点{{ item.taskName }}</div> <div class="black-text">当前节点{{ item.taskName }}</div>
<div class="gray-time"> <div class="gray-time">
@@ -106,7 +109,10 @@
<Tag dictType="todo_type" :value="item.targetState"/> <Tag dictType="todo_type" :value="item.targetState"/>
</div> </div>
<div v-else></div> <div v-else></div>
<div class="target-name">{{item.targetState=='00'?'征集名称':'项目名称'}}{{ item.targetName }}</div> <div class="target-name">{{ item.targetState == '00' ? '征集名称' : '项目名称' }}{{
item.targetName
}}
</div>
<div class="black-text">发起人{{ item.initiatorName }}</div> <div class="black-text">发起人{{ item.initiatorName }}</div>
<!-- <div class="black-text">当前节点{{ item.taskName }}</div>--> <!-- <div class="black-text">当前节点{{ item.taskName }}</div>-->
<div class="gray-time"> <div class="gray-time">
@@ -229,7 +235,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="fund-pie" v-if="totalMoney" 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>
</div> </div>
</el-col> </el-col>
@@ -312,6 +320,7 @@ import {ElNotification} from "element-plus";
import {getHomeTaskInfo, getDoneTaskInfo} from "@/api/home"; import {getHomeTaskInfo, getDoneTaskInfo} from "@/api/home";
import {getResearchFundChart} from "@/api/research-fund"; import {getResearchFundChart} from "@/api/research-fund";
import {getArticle} from "@/api/article"; import {getArticle} from "@/api/article";
import {getSpecialFundChart} from "../../api/home";
const AuthStore = useAuthStore() const AuthStore = useAuthStore()
const router = useRouter() const router = useRouter()
@@ -422,7 +431,7 @@ const fundPieOption = ref({
}, },
left: 'center', left: 'center',
right: 'center', right: 'center',
top: '42%', top: '42%'
}] }]
}, },
series: [ series: [
@@ -542,6 +551,7 @@ const moneyPieOption = ref({
onMounted(async () => { onMounted(async () => {
getTodoList() getTodoList()
getDoneList() getDoneList()
await getFundChart()
await getResearchChart() await getResearchChart()
// nextTick(() => { // nextTick(() => {
// let topLeft=document.getElementById('topLeft') // let topLeft=document.getElementById('topLeft')
@@ -552,7 +562,7 @@ onMounted(async () => {
rulesList.value = await getArticleList(1) rulesList.value = await getArticleList(1)
helpDocList.value = await getArticleList(2) helpDocList.value = await getArticleList(2)
problemList.value = await getArticleList(3) problemList.value = await getArticleList(3)
await initFundCharts() // await initFundCharts()
}) })
const handleGoToArticleDetail = (row) => { const handleGoToArticleDetail = (row) => {
router.push({ router.push({
@@ -622,6 +632,29 @@ const changeResearchFundDataByYear=(year)=>{
} }
} }
const getFundChart = () => {
getSpecialFundChart().then(res => {
if (res.code === 1000) {
moneyData.value = res.data
if (res.data?.length == 0) return;
if (fundPieOption.value.series && fundPieOption.value.series?.length > 0) {
fundPieOption.value.series[0].data[0].value = res.data[0].value
fundPieOption.value.series[0].data[0].name = res.data[0].name
fundPieOption.value.series[0].data[1].value = res.data[1].value
fundPieOption.value.series[0].data[1].name = res.data[1].name
nextTick(() => {
initFundCharts()
})
}
} else {
ElNotification({
title: '提示',
message: res.msg,
type: 'error'
})
}
})
}
const getResearchChart = (year) => { const getResearchChart = (year) => {
getResearchFundChart(year).then(res => { getResearchFundChart(year).then(res => {
if (res.code === 1000) { if (res.code === 1000) {
@@ -803,6 +836,7 @@ const handleView = (row) => {
} }
} }
@media only screen and (max-width: 1720px) { @media only screen and (max-width: 1720px) {
.statistics { .statistics {
.block { .block {
@@ -817,6 +851,7 @@ const handleView = (row) => {
// height: 624px !important; // height: 624px !important;
//} //}
} }
@media only screen and (max-width: 1620px) { @media only screen and (max-width: 1620px) {
.statistics { .statistics {
.block { .block {
@@ -825,6 +860,7 @@ const handleView = (row) => {
} }
} }
@media only screen and (max-width: 1500px) { @media only screen and (max-width: 1500px) {
.statistics { .statistics {
.block { .block {
@@ -943,11 +979,13 @@ const handleView = (row) => {
color: #000000; color: #000000;
line-height: 18px; line-height: 18px;
} }
.legend-block { .legend-block {
height: 240px; height: 240px;
overflow-y: auto; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 6px; width: 6px;
height: 6px; height: 6px;
@@ -965,6 +1003,7 @@ const handleView = (row) => {
border-radius: 10px; border-radius: 10px;
} }
} }
.legend { .legend {
margin-top: 14px; margin-top: 14px;
display: flex; display: flex;
@@ -1236,6 +1275,7 @@ const handleView = (row) => {
margin-bottom: 7px; margin-bottom: 7px;
font-size: 12px; font-size: 12px;
} }
.target-name { .target-name {
width: 140px; width: 140px;
color: #000000; color: #000000;
@@ -1246,6 +1286,7 @@ const handleView = (row) => {
white-space: nowrap; white-space: nowrap;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
} }
.process-type { .process-type {
white-space: nowrap; white-space: nowrap;
margin-top: 13px; margin-top: 13px;

View File

@@ -98,14 +98,14 @@ const researchFundTableConfig = reactive({
showOverflowTooltip: false, showOverflowTooltip: false,
currentRender: ({row, index}) => { currentRender: ({row, index}) => {
let btn = [] let btn = []
btn.push({label: '编辑', func: () => handleEdit(row), type: 'primary'}) btn.push({label: '编辑', prem: ['rd:fund:update'], func: () => handleEdit(row), type: 'primary'})
return ( return (
<div style={{width: '100%'}}> <div style={{width: '100%'}}>
{ {
btn.map(item => ( btn.map(item => (
<el-button <el-button
type={item.type} type={item.type}
// v-perm={item.prem} v-perm={item.prem}
onClick={() => item.func()} onClick={() => item.func()}
link link
> >
@@ -114,7 +114,7 @@ const researchFundTableConfig = reactive({
)) ))
} }
{ {
<popover-delete name={row.rdCompany} type={'研发投入资金'} btnType={'danger'} <popover-delete name={row.rdCompany} type={'研发投入资金'} btnType={'danger'} perm={['rd:fund:remove']}
onDelete={() => handleDelete(row)}/> onDelete={() => handleDelete(row)}/>
} }
@@ -125,7 +125,7 @@ const researchFundTableConfig = reactive({
], ],
api: '/workflow/mosr/rd/list', api: '/workflow/mosr/rd/list',
btns: [ btns: [
{name: '新增', key: 'add', color: '#DED0B2'} {name: '新增', key: 'add', color: '#DED0B2', auth: ['rd:fund:add']}
], ],
params: {} params: {}
}) })