suzhou-jichuang-lanhai
/
jin_ji_hu
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

+1

Browse Source
lijinlong
吕天方 5 months ago
parent 139b39fe12
commit fd8d96315f
5 changed files with 322 additions and 127 deletions
Show Stats Download Patch File Download Diff File

32
src/api/jin_ji_hu/zijinbiao/index.js
Unescape View File

@ -41,6 +41,14 @@ export function fundStatistics() {
}) })
} }
// 正式环境政务端工作台 --> 服务业发展总览
export function servicesDevelop(){
return request({
url: "/jjh/chiefWork/servicesDevelop" ,
method: "get",
})
}
// 正式环境政务端工作台 --> 企业获得资金拨付排名TOP5 // 正式环境政务端工作台 --> 企业获得资金拨付排名TOP5
export function top5Fund(params){ export function top5Fund(params){
return request({ return request({
@ -48,4 +56,28 @@ export function top5Fund(params){
method: "get", method: "get",
params params
}) })
}
// 正式环境政务端工作台 --> 当年已申报完成的项目
export function currentYearFinish(){
return request({
url: "/jjh/chiefWork/currentYearFinish" ,
method: "get",
})
}
// 正式环境政务端工作台 --> 项目追踪情况
export function projectTrace(){
return request({
url: "/jjh/chiefWork/projectTrace" ,
method: "get",
})
}
// 正式环境政务端工作台 --> 备忘录更新情况
export function memorandum(){
return request({
url: "/jjh/chiefWork/memorandum" ,
method: "get",
})
} }

89
src/assets/styles/publicPro.scss
Unescape View File

@ -26,8 +26,8 @@
.title-item { .title-item {
cursor: pointer; cursor: pointer;
padding: 12px 30px 12px 20px; padding: 10px 30px 10px 20px;
border-radius: 10px; border-radius: 5px;
border-top-right-radius: 20% 50%; border-top-right-radius: 20% 50%;
margin-right: 15px; margin-right: 15px;
background: #FFFFFF; background: #FFFFFF;
@ -53,14 +53,23 @@
.el-input { .el-input {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative;
input { input {
height: 100%; height: 100%;
border-radius: 30px;
} }
.el-input-group__append { .el-input-group__append {
width: 80px; position: absolute;
text-align: center; right: 5px;
top: 5px;
bottom: 5px;
width: 100px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; cursor: pointer;
// background: radial-gradient( farthest-side at 40px 40px, #1B84D2 20%, #30CEF5 100%); // background: radial-gradient( farthest-side at 40px 40px, #1B84D2 20%, #30CEF5 100%);
background: linear-gradient(to right, #1B84D2, #30CEF5); background: linear-gradient(to right, #1B84D2, #30CEF5);
@ -413,7 +422,7 @@
margin: 10px 0; margin: 10px 0;
height: 40%; height: 40%;
// 企业获得资金拨付排名TOP5 // 企业获得资金拨付排名TOP5
.capitalConditionTOP5-box { .capitalConditionTOP5-box,.wancheng-project {
flex: 1; flex: 1;
section { section {
margin-top: 10px; margin-top: 10px;
@ -433,6 +442,10 @@
font-family: ArialB; font-family: ArialB;
color: #FFFFFF; color: #FFFFFF;
} }
.project-trace-table-name {
color: #0086FF;
cursor: pointer;
}
.project-trace-table-number { .project-trace-table-number {
font-weight: bold; font-weight: bold;
@ -476,6 +489,72 @@
} }
} }
.home-mainPro-bottom {
height: 22.5%;
.wancheng-project {
flex: 1;
section {
margin-top: 10px;
.el-table--border {
border: 1px solid #dfe6ec;
}
.el-table {
.project-trace-table-name {
color: #0086FF;
cursor: pointer;
}
.project-trace-table {
width: 11em;
overflow: hidden;
/* 显示省略符号来代表被修剪的文本。 */
text-overflow:ellipsis;
/* 文本不换行 */
white-space:nowrap;
}
.project-trace-table-number {
font-weight: bold;
font-size: 14px;
text-align: center;
font-family: PingFang-SC;
color: #333333;
}
th {
font-weight: bold;
font-size: 14px;
text-align: center;
font-family: PingFang-SC;
color: #333333;
padding: 0;
.Table-header {
// font-family: AlibabaPuHuiTiM;
font-size: 14px;
color: #333333;
}
.Table-unit {
font-family: AlibabaPuHuiTiR;
font-size: 12px;
font-weight: 400;
color: #333333;
}
}
td {
font-weight: bold;
font-size: 14px;
text-align: center;
font-family: PingFang-SC;
color: #333333;
}
}
}
}
}
} }

156
src/views/workbenchPro/components/AFuwufazhanzonglan/index.vue
Unescape View File

@ -1,111 +1,101 @@
<!-- 拨付资金企业申请情况TOP5 --> <!-- 拨付资金企业申请情况TOP5 -->
<template> <template>
<div class="AFuwufazhanzonglan"> <div class="AFuwufazhanzonglan">
<div class="AFuwufazhanzonglan-listbox" v-for="item,index in tableData"> <div class="AFuwufazhanzonglan-listbox">
<div class="AFuwufazhanzonglan-niandu"> <div class="AFuwufazhanzonglan-niandu">
【 {{ item.niandu }} 】 【 上一年度 】
</div> </div>
<div class="AFuwufazhanzonglan-neirongBox"> <div class="AFuwufazhanzonglan-neirongBox">
<div class="AFuwufazhanzonglan-item" v-for="(itemTow,index) in item.list"> <div class="AFuwufazhanzonglan-item">
<div class=" AFuwufazhanzonglan-img-box" :class="'img-box_'+index"></div> <div class=" AFuwufazhanzonglan-img-box img-box_0"></div>
<div class="AFuwufazhanzonglan-item-top"> <div class="AFuwufazhanzonglan-item-top">
<div>{{ itemTow.tponumber }} <span>{{ itemTow.danwei }}</span></div> <div>{{ objYear.valueAdded }} <span>亿元</span></div>
<div>{{ itemTow.content }}</div> <div>服务业增加值</div>
<div>[{{ itemTow.nian }}]</div> <div>[{{ objYear.developYear }}]</div>
</div>
</div>
<div class="AFuwufazhanzonglan-item">
<div class=" AFuwufazhanzonglan-img-box img-box_1"></div>
<div class="AFuwufazhanzonglan-item-top">
<div>{{ objYear.increaseSpeed }} <span>%</span></div>
<div>服务业增速</div>
<div>[{{ objYear.developYear }}]</div>
</div>
</div>
<div class="AFuwufazhanzonglan-item">
<div class=" AFuwufazhanzonglan-img-box img-box_2"></div>
<div class="AFuwufazhanzonglan-item-top">
<div>{{ objYear.gdpProportion }} <span>%</span></div>
<div>服务业增加值GDP比重</div>
<div>[{{ objYear.developYear }}]</div>
</div>
</div>
</div>
</div>
<div class="AFuwufazhanzonglan-listbox">
<div class="AFuwufazhanzonglan-niandu">
【 上一季度 】
</div>
<div class="AFuwufazhanzonglan-neirongBox">
<div class="AFuwufazhanzonglan-item">
<div class=" AFuwufazhanzonglan-img-box img-box_0"></div>
<div class="AFuwufazhanzonglan-item-top">
<div>{{ objQuarter.valueAdded }} <span>亿元</span></div>
<div>服务业增加值</div>
<div>[{{ objQuarter.developYear + '-' +objQuarter.quarterly}}季度]</div>
</div>
</div>
<div class="AFuwufazhanzonglan-item">
<div class=" AFuwufazhanzonglan-img-box img-box_1"></div>
<div class="AFuwufazhanzonglan-item-top">
<div>{{ objQuarter.increaseSpeed }} <span>%</span></div>
<div>服务业增速</div>
<div>[{{ objQuarter.developYear + '-' +objQuarter.quarterly}}季度]</div>
</div>
</div>
<div class="AFuwufazhanzonglan-item">
<div class=" AFuwufazhanzonglan-img-box img-box_2"></div>
<div class="AFuwufazhanzonglan-item-top">
<div>{{ objQuarter.gdpProportion }} <span>%</span></div>
<div>服务业增加值GDP比重</div>
<div>[{{ objQuarter.developYear + '-' +objQuarter.quarterly}}季度]</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { top5Fund } from "@/api/jin_ji_hu/zijinbiao" import { servicesDevelop } from "@/api/jin_ji_hu/zijinbiao"
export default { export default {
data() { data() {
return { return {
loading: false, loading: false,
tableData: [{ objYear:{
niandu: "上一年度", developYear:"",
list: [ valueAdded:"",
{ increaseSpeed:"",
tponumber: "1758.13", gdpProportion:"",
danwei: "亿元",
content: "服务业增加值",
nian: "2023",
}, {
tponumber: "1.3",
danwei: "%",
content: "服务业增速",
nian: "2023",
}, {
tponumber: "49.9",
danwei: "%",
content: "服务业增加值GDP比重",
nian: "2023",
},
]
},
{
niandu: "上一季度",
list: [
{
tponumber: "1758.13",
danwei: "亿元",
content: "服务业增加值",
nian: "2023",
}, {
tponumber: "1.3",
danwei: "%",
content: "服务业增速",
nian: "2023",
}, {
tponumber: "49.9",
danwei: "%",
content: "服务业增加值GDP比重",
nian: "2023",
},
]
}],
tabHeader: 288,
}
},
props: {
typeValue: {
type: Number,
default: 1,
},
yearsChange: {
type: Number,
default: 1,
},
},
watch: {
typeValue: {
handler(newVAlue) {
console.log(newVAlue);
}, },
}, objQuarter:{
yearsChange: { developYear:"",
handler(newVAlue) { quarterly:"",
console.log(newVAlue); valueAdded:"",
increaseSpeed:"",
gdpProportion:"",
}, },
}, }
}, },
mounted() { mounted() {
// this.cancalDebounce(); this.getServicesDevelop();
window.addEventListener('resize', this.cancalDebounce);
}, },
methods: { methods: {
// 获取top5列表 // 获取top5列表
getServicesDevelop(){
// 屏幕尺寸变化 servicesDevelop().then(res=>{
cancalDebounce() { this.objYear = {...res.data[0]}
const element = document.getElementById('zhijinbofu-qingkaung'); // 通过元素的 ID 获取元素 this.objQuarter = {...res.data[1]}
const header = document.getElementById('zhijinbofu-header-id'); // 通过元素的 ID 获取元素 })
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
this.tabHeader = elementHeight - headerHeight - 35;
} }
}, },
} }

33
src/views/workbenchPro/components/BJinsannianzijin/index.vue
Unescape View File

@ -1,4 +1,4 @@
<!-- 拨付资金企业申请情况TOP5 --> <!-- 近三年资金拨付情况 -->
<template> <template>
<div class="BJinsannianzijin"> <div class="BJinsannianzijin">
@ -14,43 +14,12 @@
tabHeader: 288, tabHeader: 288,
} }
}, },
props:{
typeValue:{
type:Number,
default:1,
},
yearsChange:{
type:Number,
default:1,
},
},
watch:{
typeValue:{
handler(newVAlue){
console.log(newVAlue);
},
},
yearsChange:{
handler(newVAlue){
console.log(newVAlue);
},
},
},
mounted() { mounted() {
// this.cancalDebounce(); // this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce); window.addEventListener('resize', this.cancalDebounce);
}, },
methods:{ methods:{
// 获取top5列表 // 获取top5列表
// 屏幕尺寸变化
cancalDebounce(){
const element = document.getElementById('zhijinbofu-qingkaung'); // 通过元素的 ID 获取元素
const header = document.getElementById('zhijinbofu-header-id'); // 通过元素的 ID 获取元素
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
this.tabHeader = elementHeight - headerHeight - 35;
}
}, },
} }
</script> </script>

139
src/views/workbenchPro/index.vue
Unescape View File

@ -33,7 +33,7 @@
<span class="box-header-title">服务业发展总览</span> <span class="box-header-title">服务业发展总览</span>
</div> </div>
<div class="AFuwufazhanzonglan-box home-mainPro-top-box"> <div class="AFuwufazhanzonglan-box home-mainPro-top-box">
<AFuwufazhanzonglan :typeValue="typeValue" :yearsChange="yearsChange"></AFuwufazhanzonglan> <AFuwufazhanzonglan></AFuwufazhanzonglan>
</div> </div>
</div> </div>
<div class="pro-right-box"> <div class="pro-right-box">
@ -42,7 +42,7 @@
<span class="box-header-title">近三年资金拨付情况</span> <span class="box-header-title">近三年资金拨付情况</span>
</div> </div>
<div class="BJinsannianzijin-box home-mainPro-top-box"> <div class="BJinsannianzijin-box home-mainPro-top-box">
<BJinsannianzijin :typeValue="typeValue" :yearsChange="yearsChange"></BJinsannianzijin> <BJinsannianzijin></BJinsannianzijin>
</div> </div>
</div> </div>
</div> </div>
@ -79,27 +79,89 @@
</div> </div>
</div> </div>
<div class="pro-right-box"> <div class="pro-right-box">
<div class="box-header" id="zhongdian-header-id"> <div class="box-header">
<span class="garden"></span> <span class="garden"></span>
<span class="box-header-title">当年已申报完成的项目</span> <span class="box-header-title">当年已申报完成的项目</span>
</div> </div>
<div class="wancheng-project"> <div class="wancheng-project">
<section>
<el-table v-loading="loadingProject" :data="tableData" :height="tabHeader" border :header-cell-style="{background:'#E8F3FC'}">
<el-table-column label="项目名称" key="type" prop="type" align="center" width="180">
<template slot-scope="scope">
<div class="project-trace-table-name" @click="goProjectInfo(scope.row.id)"><dict-tag :options="dict.type.project_small_type" :value="scope.row.projectSmallType"/></div>
</template>
</el-table-column>
<el-table-column label="企业名称" key="declareUnit" prop="declareUnit" align="center">
</el-table-column>
<el-table-column label="申报时间" key="createTime" prop="createTime" align="center" width="120">
<template slot-scope="scope">
<div class="project-trace-table-number">{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</div>
</template>
</el-table-column>
</el-table>
</section>
</div> </div>
</div> </div>
</div> </div>
<div class="home-mainPro-bottom"> <div class="home-mainPro-bottom">
<div class="pro-left-box" style="margin-right: 10px;"> <div class="pro-left-box" style="margin-right: 10px;" id="bottom-box-id">
<div class="box-header" id="zhongdian-header-id"> <div class="box-header" id="bottom-header-id">
<span class="garden"></span> <span class="garden"></span>
<span class="box-header-title">项目追踪情况</span> <span class="box-header-title">项目追踪情况</span>
</div> </div>
<div class="wancheng-project">
<section>
<el-table v-loading="loadingTwo" :data="tableDataTWo" :height="tabHeaderTwo" border :header-cell-style="{background:'#E8F3FC'}">
<el-table-column label="项目名称" key="type" prop="type" align="center" width="180">
<template slot-scope="scope">
<div class="project-trace-table-name" @click="goProjectInfo(scope.row.id)"><dict-tag :options="dict.type.project_small_type" :value="scope.row.projectSmallType"/></div>
</template>
</el-table-column>
<el-table-column label="申报时间" key="createTime" prop="createTime" align="center" width="120">
<template slot-scope="scope">
<div class="project-trace-table-number">{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</div>
</template>
</el-table-column>
<el-table-column label="企业名称" key="declareUnit" prop="declareUnit" align="center" />
<el-table-column label="当前状态" key="status" prop="status" align="center" width="120">
<template slot-scope="scope">
<div class="project-status" :class="(scope.row.status == 0 || scope.row.status == 1 || scope.row.status == 2 || scope.row.status == 3) ? 'orange' : (scope.row.status == 6) ? 'green' : (scope.row.status == 7 || scope.row.status == 8 || scope.row.status == 9 || scope.row.status == 10) ? 'red' : ''">
{{scope.row.status == 0 ? '待填报' : scope.row.status == 1 ? '初审中' : scope.row.status == 2 ? '复审中' : scope.row.status == 3 ? '终审中' : scope.row.status == 6 ? '已填报' : scope.row.status == 7 ? '复审不通过' : scope.row.status == 8 ? '初审不通过' : scope.row.status == 9 ? '终审不通过' : scope.row.status == 10 ? '初审驳回' : ''}}
</div>
</template>
</el-table-column>
</el-table>
</section>
</div>
</div> </div>
<div class="pro-right-box"> <div class="pro-right-box">
<div class="box-header" id="zhongdian-header-id"> <div class="box-header" id="zhongdian-header-id">
<span class="garden"></span> <span class="garden"></span>
<span class="box-header-title">备忘录更新情况</span> <span class="box-header-title">备忘录更新情况</span>
</div> </div>
<div class="wancheng-project">
<section>
<el-table v-loading="loadingThree" :data="tableDataThree" :height="tabHeaderTwo" border :header-cell-style="{background:'#E8F3FC'}">
<el-table-column label="备忘录内容" key="content" prop="content" align="center" width="200">
<template slot-scope="scope">
<div class="project-trace-table">{{ scope.row.content }}</div>
</template>
</el-table-column>
<el-table-column label="备忘录类型" key="type" prop="type" align="center" width="100">
<template slot-scope="scope">
<div class="project-trace-table-name" @click="goProjectInfo(scope.row.projectId)">{{ scope.row.type == 1 ? '企业备忘' : scope.row.type == 2 ? '项目备忘' : '' }}</div>
</template>
</el-table-column>
<el-table-column label="添加时间" key="createTime" prop="createTime" align="center" width="120">
<template slot-scope="scope">
<div class="project-trace-table-number">{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</div>
</template>
</el-table-column>
<el-table-column label="添加人" key="createBy" prop="createBy" align="center" />
</el-table>
</section>
</div>
</div> </div>
</div> </div>
</el-col> </el-col>
@ -234,6 +296,7 @@ import { zhinengtixing, daibanrenwu } from "@/views/workbench/components"
import TableThree from "./components/capitalConditionTOP5" import TableThree from "./components/capitalConditionTOP5"
import AFuwufazhanzonglan from "./components/AFuwufazhanzonglan" import AFuwufazhanzonglan from "./components/AFuwufazhanzonglan"
import BJinsannianzijin from "./components/BJinsannianzijin" import BJinsannianzijin from "./components/BJinsannianzijin"
import { currentYearFinish, projectTrace, memorandum } from "@/api/jin_ji_hu/zijinbiao"
export default { export default {
dicts: ["project_small_type"], dicts: ["project_small_type"],
components:{ components:{
@ -268,11 +331,19 @@ export default {
], ],
checked: 0, checked: 0,
loading:false, loading:false,
loadingProject:false,
loadingTwo:false,
loadingThree:false,
remindList: [], remindList: [],
info:{}, info:{},
time:"", time:"",
yearsChange: 1, yearsChange: 1,
typeValue: 1 typeValue: 1,
tableData:[],
tabHeader:null,
tableDataTWo:[],
tableDataThree:[],
tabHeaderTwo:null,
} }
}, },
mounted(){ mounted(){
@ -280,6 +351,11 @@ export default {
this.getList(); this.getList();
this.govRemind(); this.govRemind();
this.time = this.getNowFormatDate(); this.time = this.getNowFormatDate();
this.getCurrentYearFinish();
this.getProjectTrace();
this.cancalDebounce();
this.getMemorandum();
window.addEventListener('resize', this.cancalDebounce);
} }
}, },
methods:{ methods:{
@ -297,6 +373,42 @@ export default {
industryBtn(){ industryBtn(){
this.$refs.collectDialog.open(); this.$refs.collectDialog.open();
}, },
// 当年已申报完成的项目
getCurrentYearFinish(){
this.loadingProject = true;
currentYearFinish().then(res=>{
this.tableData = res.data;
this.loadingProject = false;
}).catch(err=>{
this.loadingProject = false;
})
},
// 项目追踪情况
getProjectTrace(){
this.loadingTwo = true;
projectTrace().then(res=>{
this.tableDataTWo = res.data;
this.loadingTwo = false;
}).catch(err=>{
this.loadingTwo = false;
})
},
goProjectInfo(item){
this.$router.push({
name: 'projectInfo',
query: { userId: Number(item) }
})
},
// 备忘录更新情况
getMemorandum(){
this.loadingThree = true;
memorandum().then(res=>{
this.tableDataThree = [...res.data];
this.loadingThree = false;
}).catch(err=>{
this.loadingThree = false;
})
},
// 智能提醒 // 智能提醒
zhinengtixingBtn(){ zhinengtixingBtn(){
this.$refs.zhinengtixing.open(); this.$refs.zhinengtixing.open();
@ -438,6 +550,19 @@ export default {
}) })
} }
}, },
// 屏幕尺寸变化
cancalDebounce(){
const element = document.getElementById('home-mainPro-middle-id'); // 通过元素的 ID 获取元素
const header = document.getElementById('TOP-header-id'); // 通过元素的 ID 获取元素
const elementTwo = document.getElementById('bottom-box-id'); // 通过元素的 ID 获取元素
const headerTwo = document.getElementById('bottom-header-id'); // 通过元素的 ID 获取元素
const elementHeight = element.offsetHeight;
const headerHeight = header.offsetHeight;
const elementHeightTwo = elementTwo.offsetHeight;
const headerHeightTwo = headerTwo.offsetHeight;
this.tabHeader = elementHeight - headerHeight - 23;
this.tabHeaderTwo = elementHeightTwo - headerHeightTwo - 28;
}
}, },
} }
</script> </script>

Write Preview
Loading…
Cancel
Save