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
export function top5Fund(params){
return request({
@ -49,3 +57,27 @@ export function top5Fund(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 {
cursor: pointer;
padding: 12px 30px 12px 20px;
border-radius: 10px;
padding: 10px 30px 10px 20px;
border-radius: 5px;
border-top-right-radius: 20% 50%;
margin-right: 15px;
background: #FFFFFF;
@ -53,14 +53,23 @@
.el-input {
width: 100%;
height: 100%;
position: relative;
input {
height: 100%;
border-radius: 30px;
}
.el-input-group__append {
width: 80px;
text-align: center;
position: absolute;
right: 5px;
top: 5px;
bottom: 5px;
width: 100px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
// background: radial-gradient( farthest-side at 40px 40px, #1B84D2 20%, #30CEF5 100%);
background: linear-gradient(to right, #1B84D2, #30CEF5);
@ -413,7 +422,7 @@
margin: 10px 0;
height: 40%;
// 企业获得资金拨付排名TOP5
.capitalConditionTOP5-box {
.capitalConditionTOP5-box,.wancheng-project {
flex: 1;
section {
margin-top: 10px;
@ -433,6 +442,10 @@
font-family: ArialB;
color: #FFFFFF;
}
.project-trace-table-name {
color: #0086FF;
cursor: pointer;
}
.project-trace-table-number {
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 -->
<template>
<div class="AFuwufazhanzonglan">
<div class="AFuwufazhanzonglan-listbox" v-for="item,index in tableData">
<div class="AFuwufazhanzonglan-listbox">
<div class="AFuwufazhanzonglan-niandu">
【 {{ item.niandu }} 】
【 上一年度 】
</div>
<div class="AFuwufazhanzonglan-neirongBox">
<div class="AFuwufazhanzonglan-item" v-for="(itemTow,index) in item.list">
<div class=" AFuwufazhanzonglan-img-box" :class="'img-box_'+index"></div>
<div class="AFuwufazhanzonglan-item">
<div class=" AFuwufazhanzonglan-img-box img-box_0"></div>
<div class="AFuwufazhanzonglan-item-top">
<div>{{ itemTow.tponumber }} <span>{{ itemTow.danwei }}</span></div>
<div>{{ itemTow.content }}</div>
<div>[{{ itemTow.nian }}]</div>
<div>{{ objYear.valueAdded }} <span>亿元</span></div>
<div>服务业增加值</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>
</template>
<script>
import { top5Fund } from "@/api/jin_ji_hu/zijinbiao"
import { servicesDevelop } from "@/api/jin_ji_hu/zijinbiao"
export default {
data() {
return {
loading: false,
tableData: [{
niandu: "上一年度",
list: [
{
tponumber: "1758.13",
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);
objYear:{
developYear:"",
valueAdded:"",
increaseSpeed:"",
gdpProportion:"",
},
},
yearsChange: {
handler(newVAlue) {
console.log(newVAlue);
objQuarter:{
developYear:"",
quarterly:"",
valueAdded:"",
increaseSpeed:"",
gdpProportion:"",
},
},
}
},
mounted() {
// this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
this.getServicesDevelop();
},
methods: {
// 获取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;
getServicesDevelop(){
servicesDevelop().then(res=>{
this.objYear = {...res.data[0]}
this.objQuarter = {...res.data[1]}
})
}
},
}

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

@ -1,4 +1,4 @@
<!-- 拨付资金企业申请情况TOP5 -->
<!-- 近三年资金拨付情况 -->
<template>
<div class="BJinsannianzijin">
@ -14,43 +14,12 @@
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() {
// this.cancalDebounce();
window.addEventListener('resize', this.cancalDebounce);
},
methods:{
// 获取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>

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

@ -33,7 +33,7 @@
<span class="box-header-title">服务业发展总览</span>
</div>
<div class="AFuwufazhanzonglan-box home-mainPro-top-box">
<AFuwufazhanzonglan :typeValue="typeValue" :yearsChange="yearsChange"></AFuwufazhanzonglan>
<AFuwufazhanzonglan></AFuwufazhanzonglan>
</div>
</div>
<div class="pro-right-box">
@ -42,7 +42,7 @@
<span class="box-header-title">近三年资金拨付情况</span>
</div>
<div class="BJinsannianzijin-box home-mainPro-top-box">
<BJinsannianzijin :typeValue="typeValue" :yearsChange="yearsChange"></BJinsannianzijin>
<BJinsannianzijin></BJinsannianzijin>
</div>
</div>
</div>
@ -79,27 +79,89 @@
</div>
</div>
<div class="pro-right-box">
<div class="box-header" id="zhongdian-header-id">
<div class="box-header">
<span class="garden"></span>
<span class="box-header-title">当年已申报完成的项目</span>
</div>
<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 class="home-mainPro-bottom">
<div class="pro-left-box" style="margin-right: 10px;">
<div class="box-header" id="zhongdian-header-id">
<div class="pro-left-box" style="margin-right: 10px;" id="bottom-box-id">
<div class="box-header" id="bottom-header-id">
<span class="garden"></span>
<span class="box-header-title">项目追踪情况</span>
</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 class="pro-right-box">
<div class="box-header" id="zhongdian-header-id">
<span class="garden"></span>
<span class="box-header-title">备忘录更新情况</span>
</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>
</el-col>
@ -234,6 +296,7 @@ import { zhinengtixing, daibanrenwu } from "@/views/workbench/components"
import TableThree from "./components/capitalConditionTOP5"
import AFuwufazhanzonglan from "./components/AFuwufazhanzonglan"
import BJinsannianzijin from "./components/BJinsannianzijin"
import { currentYearFinish, projectTrace, memorandum } from "@/api/jin_ji_hu/zijinbiao"
export default {
dicts: ["project_small_type"],
components:{
@ -268,11 +331,19 @@ export default {
],
checked: 0,
loading:false,
loadingProject:false,
loadingTwo:false,
loadingThree:false,
remindList: [],
info:{},
time:"",
yearsChange: 1,
typeValue: 1
typeValue: 1,
tableData:[],
tabHeader:null,
tableDataTWo:[],
tableDataThree:[],
tabHeaderTwo:null,
}
},
mounted(){
@ -280,6 +351,11 @@ export default {
this.getList();
this.govRemind();
this.time = this.getNowFormatDate();
this.getCurrentYearFinish();
this.getProjectTrace();
this.cancalDebounce();
this.getMemorandum();
window.addEventListener('resize', this.cancalDebounce);
}
},
methods:{
@ -297,6 +373,42 @@ export default {
industryBtn(){
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(){
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>

Write Preview
Loading…
Cancel
Save