|
|
|
|
@ -10,29 +10,30 @@
|
|
|
|
|
<el-col :span="12" class="capital-proportion" id="one-table">
|
|
|
|
|
<div class="box-header" id="one-table-header">
|
|
|
|
|
<span class="garden"></span>
|
|
|
|
|
<span class="box-header-title">往年资金拨付完成比例（5%）</span>
|
|
|
|
|
<span class="box-header-title">往年资金拨付完成比例（100%）</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="capital-echart-table" id="echart-wai-box">
|
|
|
|
|
<div class="left-echart">
|
|
|
|
|
<echart></echart>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-tables" :style="{height : tabOneHeader + 'px'}">
|
|
|
|
|
<div class="table-items" v-for="item in 5">
|
|
|
|
|
<div class="project-name">【项目名称】</div>
|
|
|
|
|
<div class="right-tables" :style="{height : tabOneHeader + 'px'}" v-if="tableData.length > 0">
|
|
|
|
|
<div class="table-items" v-for="item in tableData" :key="item.id">
|
|
|
|
|
<div class="project-name" @click="goProjectInfoLeft(item)">【{{item.projectName}}】</div>
|
|
|
|
|
<div class="project-type">
|
|
|
|
|
<span class="left-title">项目类别：</span>
|
|
|
|
|
<span class="right-value">自主品牌先进技术研究院</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="declare-time">
|
|
|
|
|
<span class="left-title">申报时间：</span>
|
|
|
|
|
<span class="right-number">2023-04-01</span>
|
|
|
|
|
<span class="left-title">拨付时间：</span>
|
|
|
|
|
<span class="right-number">{{ parseTime(item.appropriationTime, '{y}-{m}-{d}') }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="appropriate">
|
|
|
|
|
<span class="left-title">拨付金额<span class="left-unit">(亿元)</span>:</span>
|
|
|
|
|
<span class="right-number">50</span>
|
|
|
|
|
<span class="right-number">{{item.fundAmount}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-empty class="right-tables-Two" :style="{height : tabOneHeader + 'px'}" :image-size="160" v-else></el-empty>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" class="enterprise-honor">
|
|
|
|
|
@ -40,15 +41,16 @@
|
|
|
|
|
<span class="garden"></span>
|
|
|
|
|
<span class="box-header-title">企业荣誉资质（5个）</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="two-tables" :style="{height : tabOneHeader + 'px'}">
|
|
|
|
|
<div class="table-items" v-for="item in 10">
|
|
|
|
|
<div class="two-left">xxxxx项目</div>
|
|
|
|
|
<div class="two-tables" :style="{height : tabOneHeader + 'px'}" v-if="enterpriseHonor.length > 0">
|
|
|
|
|
<div class="table-items" v-for="item in enterpriseHonor" :key="item.id">
|
|
|
|
|
<div class="two-left" @click="goProjectInfo(item)"><dict-tag :options="dict.type.project_small_type" :value="item.projectSmallType"/></div>
|
|
|
|
|
<div class="two-right">
|
|
|
|
|
<span class="right-left">项目类别：</span>
|
|
|
|
|
<span class="right-span">自主品牌先进技术研究院</span>
|
|
|
|
|
<span class="right-span"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-empty :style="{height : tabOneHeader + 'px'}" :image-size="160" v-else></el-empty>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row class="home-enterprise-bottom">
|
|
|
|
|
@ -59,15 +61,19 @@
|
|
|
|
|
</div>
|
|
|
|
|
<section>
|
|
|
|
|
<el-table v-loading="loadingTab" class="dataMap-two-table" :data="tableData" :height="tableTwoHeight" border :header-cell-style="{background:'#E8F3FC'}">
|
|
|
|
|
<el-table-column label="项目类别" prop="projectType" align="center"/>
|
|
|
|
|
<el-table-column label="项目类别" prop="projectType" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<dict-tag :options="dict.type.projectBigType" :value="item.projectBigType"/>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="项目名称" prop="projectName" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div class="project-trace-table">{{ scope.row.projectName }}</div>
|
|
|
|
|
<div class="project-trace-table" @click="goProjectInfo(item)">{{ scope.row.projectName }}</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="专项资金申报时间" prop="time" align="center">
|
|
|
|
|
<el-table-column label="专项资金拨付时间" prop="time" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<div class="project-trace-table-number">{{ scope.row.time }}</div>
|
|
|
|
|
<div class="project-trace-table-number">{{ parseTime(scope.row.appropriationTime, '{y}-{m}-{d}') }}</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
@ -78,24 +84,27 @@
|
|
|
|
|
<span class="garden"></span>
|
|
|
|
|
<span class="box-header-title">关联项目进展（3个）</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="promoteProject-box-wai-box" :style="{height:tableTwoHeight + 'px'}">
|
|
|
|
|
<div class="promoteProject-box-wai-box" :style="{height:tableTwoHeight + 'px'}" v-if="tableTwoData.length > 0">
|
|
|
|
|
<div class="promoteProject-box-div" v-for="(item,index) in tableTwoData" :key="index">
|
|
|
|
|
<div class="promoteProject-top">
|
|
|
|
|
<span class="span-one">【{{ item.projectName }}】</span>
|
|
|
|
|
<span class="span-one" @click="goProjectInfo(item)">【<dict-tag :options="dict.type.project_small_type" :value="item.projectSmallType"/>】</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="promoteProject-bottom">
|
|
|
|
|
<div class="promoteProject-bottom-left">
|
|
|
|
|
所属企业：
|
|
|
|
|
<span class="span-two">{{ item.enterprice }}</span>
|
|
|
|
|
项目类别：
|
|
|
|
|
<span class="span-two"><dict-tag :options="dict.type.project_categories" :value="item.projectBigType"/></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="promoteProject-bottom-right">
|
|
|
|
|
申报时间：
|
|
|
|
|
<span class="span-three">{{ item.time }}</span>
|
|
|
|
|
<span class="span-three">{{ parseTime(item.createTime, '{y}-{m}-{d}') }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="promoteProject-position" :class="item.type == 1 ? 'orange' : item.type == 2 ? 'green' : item.type == 3 ? 'red' : ''">{{item.type == 1 ? '复审中' : item.type == 2 ? '评审通过' : item.type == 3 ? '复审不通过' : ''}}</div>
|
|
|
|
|
<div class="promoteProject-position" :class="(item.status == 0 || item.status == 1 || item.status == 2 || item.status == 3) ? 'orange' : (item.status == 6) ? 'green' : (item.status == 7 || item.status == 8 || item.status == 9 || item.status == 10) ? 'red' : ''">
|
|
|
|
|
{{item.status == 0 ? '待填报' : item.status == 1 ? '初审中' : item.status == 2 ? '复审中' : item.status == 3 ? '终审中' : item.status == 6 ? '已填报' : item.status == 7 ? '复审不通过' : item.status == 8 ? '初审不通过' : item.status == 9 ? '终审不通过' : item.status == 10 ? '初审驳回' : ''}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-empty :style="{height : tableTwoHeight + 'px'}" :image-size="160" v-else></el-empty>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
@ -155,9 +164,10 @@
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-main" v-else>
|
|
|
|
|
<el-empty class="left-main" :image-size="160" v-else></el-empty>
|
|
|
|
|
<!-- <div class="right-main" v-else>
|
|
|
|
|
<el-divider content-position="center">暂无</el-divider>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" class="work-main-right" style="height: 49.5%;">
|
|
|
|
|
@ -178,9 +188,10 @@
|
|
|
|
|
<div @click="MoreRecords(item.status)" class="last_child_item" :class="item.status == 0 ? 'tab-red' : item.status == 10 ? 'tab-red' : 'last_child_item'">{{ item.status == 0 ? "去填报" : item.status == 10 ? "去修改" : "去查看"}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right-main" v-else>
|
|
|
|
|
<el-empty :style="{height: tabHeader+'px'}" :image-size="160" v-else></el-empty>
|
|
|
|
|
<!-- <div class="right-main" v-else>
|
|
|
|
|
<el-divider content-position="center">暂无</el-divider>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
@ -201,13 +212,15 @@
|
|
|
|
|
<script>
|
|
|
|
|
import { listRecords } from "@/api/onlineDeclartion/records"
|
|
|
|
|
import { chiefAll, enterpriseAll, changeIsRead } from "@/api/jin_ji_hu/intelligentReminder"
|
|
|
|
|
import { usualFund, enterpriseProject } from "@/api/jin_ji_hu/zijinbiao"
|
|
|
|
|
import echart from "./components/echartsPage"
|
|
|
|
|
export default {
|
|
|
|
|
dicts: ["project_small_type"],
|
|
|
|
|
dicts: ["project_small_type", "project_categories"],
|
|
|
|
|
components:{
|
|
|
|
|
echart
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
// 项目类别展示大类； 项目名称展示小类
|
|
|
|
|
return {
|
|
|
|
|
// 判断登陆用户是何身份⌈ 01 ： 企业 02 ： 政务 ⌋
|
|
|
|
|
// userType: this.$store.state.user.userType,
|
|
|
|
|
@ -230,64 +243,9 @@ export default {
|
|
|
|
|
tabHeader: 200,
|
|
|
|
|
tabOneHeader: 200,
|
|
|
|
|
tableTwoHeight:null,
|
|
|
|
|
tableData:[
|
|
|
|
|
{
|
|
|
|
|
projectType:"省级总部",
|
|
|
|
|
projectName:"xxx项目",
|
|
|
|
|
time:"2024-04-01"
|
|
|
|
|
},{
|
|
|
|
|
projectType:"市级总部",
|
|
|
|
|
projectName:"xxx项目",
|
|
|
|
|
time:"2024-04-01"
|
|
|
|
|
},{
|
|
|
|
|
projectType:"区级总部",
|
|
|
|
|
projectName:"xxx项目",
|
|
|
|
|
time:"2024-04-01"
|
|
|
|
|
},{
|
|
|
|
|
projectType:"省级服务业领军",
|
|
|
|
|
projectName:"xxx项目",
|
|
|
|
|
time:"2024-04-01"
|
|
|
|
|
},{
|
|
|
|
|
projectType:"两业融合试点单位",
|
|
|
|
|
projectName:"xxx项目",
|
|
|
|
|
time:"2024-04-01"
|
|
|
|
|
},{
|
|
|
|
|
projectType:"市级工业设计中心",
|
|
|
|
|
projectName:"xxx项目",
|
|
|
|
|
time:"2024-04-01"
|
|
|
|
|
},{
|
|
|
|
|
projectType:"两业融合试点单位",
|
|
|
|
|
projectName:"xxx项目",
|
|
|
|
|
time:"2024-04-01"
|
|
|
|
|
},{
|
|
|
|
|
projectType:"市级工业设计中心",
|
|
|
|
|
projectName:"xxx项目",
|
|
|
|
|
time:"2024-04-01"
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
tableTwoData:[
|
|
|
|
|
{
|
|
|
|
|
projectName:"项目名称",
|
|
|
|
|
enterprice:"苏州众汇聚合信息科技有限公司",
|
|
|
|
|
time:"2024-04-01",
|
|
|
|
|
type:1,
|
|
|
|
|
},{
|
|
|
|
|
projectName:"项目名称",
|
|
|
|
|
enterprice:"苏州众汇聚合信息科技有限公司",
|
|
|
|
|
time:"2024-04-01",
|
|
|
|
|
type:2,
|
|
|
|
|
},{
|
|
|
|
|
projectName:"项目名称",
|
|
|
|
|
enterprice:"苏州众汇聚合信息科技有限公司",
|
|
|
|
|
time:"2024-04-01",
|
|
|
|
|
type:3,
|
|
|
|
|
},{
|
|
|
|
|
projectName:"项目名称",
|
|
|
|
|
enterprice:"苏州众汇聚合信息科技有限公司",
|
|
|
|
|
time:"2024-04-01",
|
|
|
|
|
type:3,
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
tableData:[],
|
|
|
|
|
tableTwoData:[],
|
|
|
|
|
enterpriseHonor:[],
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
@ -295,11 +253,35 @@ export default {
|
|
|
|
|
this.cancalDebounce();
|
|
|
|
|
window.addEventListener('resize', this.cancalDebounce);
|
|
|
|
|
this.entRemind();
|
|
|
|
|
// 往年资金拨付比例
|
|
|
|
|
this.getUsualFund();
|
|
|
|
|
// 企业荣誉资质
|
|
|
|
|
this.getEnterpriseProjectOne();
|
|
|
|
|
// 关联项目进展
|
|
|
|
|
this.getEnterpriseProjectTwo();
|
|
|
|
|
},
|
|
|
|
|
beforeDestroy() {
|
|
|
|
|
window.removeEventListener('resize', this.cancalDebounce);
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
// 企业荣誉资质
|
|
|
|
|
getEnterpriseProjectOne(){
|
|
|
|
|
enterpriseProject({type:1}).then(res=>{
|
|
|
|
|
this.enterpriseHonor = res.data;
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 关联项目进展
|
|
|
|
|
getEnterpriseProjectTwo(){
|
|
|
|
|
enterpriseProject({type:2}).then(res=>{
|
|
|
|
|
this.tableTwoData = res.data;
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 往年资金拨付比例
|
|
|
|
|
getUsualFund(){
|
|
|
|
|
usualFund().then(res=>{
|
|
|
|
|
this.tableData = res.data
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 待填报
|
|
|
|
|
getListTwo(){
|
|
|
|
|
this.loading = true;
|
|
|
|
|
@ -314,6 +296,22 @@ export default {
|
|
|
|
|
this.remindList = res.data.records;
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 企业荣誉资质/关联项目进展跳转
|
|
|
|
|
goProjectInfo(item){
|
|
|
|
|
this.$router.push({
|
|
|
|
|
name: 'projectInfo',
|
|
|
|
|
query: { userId: Number(item.id) }
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 往年专项资金申报
|
|
|
|
|
goProjectInfoLeft(item){
|
|
|
|
|
if(item.projectName == "区级总部" || item.projectName == "市级服务业领军") {
|
|
|
|
|
this.$router.push({
|
|
|
|
|
name: 'projectInfo',
|
|
|
|
|
query: { userId: Number(item.id) }
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 智能提醒跳转
|
|
|
|
|
enterjump(){
|
|
|
|
|
this.$router.push({
|
|
|
|
|
|
