parent
33f0cfcd94
commit
d8147a02c8
@ -0,0 +1,113 @@
|
||||
<!-- 拨付资金企业申请情况TOP5 -->
|
||||
<template>
|
||||
<div class="AFuwufazhanzonglan">
|
||||
<div class="AFuwufazhanzonglan-listbox" v-for="item in tableData">
|
||||
<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-top">
|
||||
<div>{{ itemTow.tponumber }} <span>{{ itemTow.danwei }}</span></div>
|
||||
<div>{{ itemTow.content }}</div>
|
||||
<div>[{{ itemTow.nian }}]</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { top5Fund } 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: "服务业增速",
|
||||
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);
|
||||
},
|
||||
},
|
||||
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>
|
||||
<style lang="scss"></style>
|
||||
@ -0,0 +1,60 @@
|
||||
<!-- 拨付资金企业申请情况TOP5 -->
|
||||
<template>
|
||||
<div class="BJinsannianzijin">
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { top5Fund } from "@/api/jin_ji_hu/zijinbiao"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading:false,
|
||||
tableData:[],
|
||||
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>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue