Skip to content

D
dsk-cr20g
Commit 183dee16 authored by danfuman's avatar danfuman
Browse files
Options

宏观市场

parent f9cd4881
Hide whitespace changes
Inline Side-by-side
Showing with 602 additions and 536 deletions
dsk-operate-ui/src/views/macro/component/region.vue
View file @ 183dee16
...@@ -5,7 +5,11 @@ ...@@ -5,7 +5,11 @@
<span class="province">{{province}}</span> <span class="province">{{province}}</span>
<span class="icon"> <span class="icon">
<i class="el-icon-location"></i>切换 <i class="el-icon-location"></i>切换
<el-cascader ref="address" class="cascader-region" popper-class='cascader-region-addd' <el-select v-if="key =='5'" v-model="address" class="cascader-region" @change="addressListbtn1">
<el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option>
</el-select>
<el-cascader v-else ref="address" class="cascader-region" popper-class='cascader-region-addd'
@change="addressListbtn" v-model="address" :options="addressList" :props="props" collapse-tags></el-cascader> @change="addressListbtn" v-model="address" :options="addressList" :props="props" collapse-tags></el-cascader>
</span> </span>
</div> </div>
...@@ -17,7 +21,7 @@ ...@@ -17,7 +21,7 @@
import dataRegion from '@/assets/json/dataRegion' import dataRegion from '@/assets/json/dataRegion'
export default { export default {
name:'region', name:'region',
props:['province','dataQuery'], props:['province','dataQuery','type'],
data(){ data(){
return { return {
props: { props: {
...@@ -28,7 +32,8 @@ ...@@ -28,7 +32,8 @@
addressList: [], addressList: [],
address:'', address:'',
provinceId:[], provinceId:[],
location:'' location:'',
key:'',
} }
}, },
watch: { watch: {
...@@ -39,10 +44,12 @@ ...@@ -39,10 +44,12 @@
created(){ created(){
this.dataRegion() this.dataRegion()
this.location=this.province this.location=this.province
this.key=this.type;
}, },
methods:{ methods:{
addressListbtn() { addressListbtn() {
let nodesObj = this.$refs.address.getCheckedNodes()[0]; let nodesObj = this.$refs.address.getCheckedNodes()[0];
this.location=nodesObj.pathLabels[nodesObj.pathLabels.length-1]; this.location=nodesObj.pathLabels[nodesObj.pathLabels.length-1];
this.provinceId=nodesObj.path; this.provinceId=nodesObj.path;
let data={} let data={}
...@@ -52,6 +59,18 @@ ...@@ -52,6 +59,18 @@
this.$parent.addressListbtn(data) this.$parent.addressListbtn(data)
localStorage.setItem('location', true) localStorage.setItem('location', true)
}, },
addressListbtn1() {
let obj = this.addressList.find((option) => option.id === this.address);
this.location=obj.label;
this.provinceId=[obj.id];
let data={}
data.province=this.location
data.provinceId=this.provinceId
data.provinces=[this.location]
console.log(data,"|||||||")
this.$parent.addressListbtn(data)
localStorage.setItem('location', true)
},
//地区 //地区
async dataRegion() { async dataRegion() {
// await axios.post("https://files.jiansheku.com/file/json/common/dataRegion.json", {}, { // await axios.post("https://files.jiansheku.com/file/json/common/dataRegion.json", {}, {
......
dsk-operate-ui/src/views/macro/economies/component/industrialStructure.vue
View file @ 183dee16
...@@ -376,7 +376,7 @@ export default { ...@@ -376,7 +376,7 @@ export default {
top: 46px; top: 46px;
} }
th{ th{
font-size: 12px !important; font-size: 13px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
.el-table__fixed-header-wrapper th{ .el-table__fixed-header-wrapper th{
......
dsk-operate-ui/src/views/macro/economies/component/localEconomy.vue
View file @ 183dee16
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
v-loading="tableLoading" v-loading="tableLoading"
:data="tableData" :data="tableData"
border border
v-horizontal-scroll="'hover'"
highlight-current-row highlight-current-row
@sort-change="sortChange" @sort-change="sortChange"
:default-sort = "{prop: 'gdp', order: 'descending'}" :default-sort = "{prop: 'gdp', order: 'descending'}"
...@@ -36,7 +37,7 @@ ...@@ -36,7 +37,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="gdp" label="GDP（亿元）" sortable width="120" :formatter="formatStatus"/> <el-table-column prop="gdp" label="GDP（亿元）" sortable width="120" :formatter="formatStatus"/>
<el-table-column prop="gdpGrowth" label="GDP增速（%）" sortable width="120" :formatter="formatStatus"/> <el-table-column prop="gdpGrowth" label="GDP增速（%）" sortable width="130" :formatter="formatStatus"/>
<el-table-column prop="gdpPerCapita" label="人均GDP（元）" sortable width="130" :formatter="formatStatus"/> <el-table-column prop="gdpPerCapita" label="人均GDP（元）" sortable width="130" :formatter="formatStatus"/>
<el-table-column prop="population" label="人口（万人）" sortable width="120" :formatter="formatStatus"/> <el-table-column prop="population" label="人口（万人）" sortable width="120" :formatter="formatStatus"/>
<el-table-column prop="fixedInvestment" label="固定资产投资 （亿元） " sortable width="200" :formatter="formatStatus"/> <el-table-column prop="fixedInvestment" label="固定资产投资 （亿元） " sortable width="200" :formatter="formatStatus"/>
...@@ -111,10 +112,10 @@ export default { ...@@ -111,10 +112,10 @@ export default {
params.provinceIds=[this.provinceId[0]] params.provinceIds=[this.provinceId[0]]
} }
if(this.provinceId.length > 1){ if(this.provinceId.length > 1){
params.cityId=[this.provinceId[1]] params.cityIds=[this.provinceId[1]]
} }
if(this.provinceId.length > 2){ if(this.provinceId.length > 2){
params.areaId=[this.provinceId[2]] params.areaIds=[this.provinceId[2]]
} }
// params.provinceIds=[this.dataQuery.provinceId] // params.provinceIds=[this.dataQuery.provinceId]
// this.isSkeleton = true // this.isSkeleton = true
...@@ -226,7 +227,6 @@ export default { ...@@ -226,7 +227,6 @@ export default {
overflow-y: clip; overflow-y: clip;
} }
th{ th{
font-size: 12px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
.el-table__fixed-header-wrapper th{ .el-table__fixed-header-wrapper th{
......
dsk-operate-ui/src/views/macro/economies/component/regionalEconomy.vue
View file @ 183dee16
...@@ -333,9 +333,9 @@ export default { ...@@ -333,9 +333,9 @@ export default {
getData(){ getData(){
this.isSkeleton = true this.isSkeleton = true
let params={} let params={}
if(this.dataQuery.id){ // if(this.dataQuery.id){
params.id=this.dataQuery.id // params.id=this.dataQuery.id
} // }
if(this.provinceId.length >= 0){ if(this.provinceId.length >= 0){
params.provinceId=this.provinceId[0] params.provinceId=this.provinceId[0]
} }
...@@ -732,16 +732,6 @@ export default { ...@@ -732,16 +732,6 @@ export default {
this.$parent.handleClick('second', data); this.$parent.handleClick('second', data);
break; break;
case 2: case 2:
// this.$router.push({
// path: '/macro/urban',
// query:{
// provinceId:this.dataQuery.provinceId,
// province:this.dataQuery.province,
// }
// })
console.log(this.dataQuery.provinceId)
console.log(this.dataQuery.province)
// return
this.$router.push({name: 'Urban', this.$router.push({name: 'Urban',
params: { params: {
provinceId: this.dataQuery.provinceId, provinceId: this.dataQuery.provinceId,
...@@ -883,7 +873,7 @@ export default { ...@@ -883,7 +873,7 @@ export default {
::v-deep .el-table{ ::v-deep .el-table{
overflow:visible; overflow:visible;
th{ th{
font-size: 12px !important; font-size: 13px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
.el-table__fixed-header-wrapper th{ .el-table__fixed-header-wrapper th{
......
dsk-operate-ui/src/views/macro/economies/index.vue
View file @ 183dee16
...@@ -76,7 +76,13 @@ export default { ...@@ -76,7 +76,13 @@ export default {
if(Array.isArray(this.dataQuery.provinceId)){ if(Array.isArray(this.dataQuery.provinceId)){
this.provinceId=this.dataQuery.provinceId this.provinceId=this.dataQuery.provinceId
}else { }else {
this.provinceId.push(this.dataQuery.provinceId) if(this.dataQuery.cityId){
this.provinceId=[this.dataQuery.provinceId,this.dataQuery.cityId,this.dataQuery.areaId]
}else if(this.dataQuery.cityId){
this.provinceId=[this.dataQuery.provinceId,this.dataQuery.cityId]
}else {
this.provinceId=[this.dataQuery.provinceId]
}
} }
}else { }else {
location({}).then(res => { location({}).then(res => {
......
dsk-operate-ui/src/views/macro/enterprises/index.vue
View file @ 183dee16
<template> <template>
<div class="app-container enterprises"> <div class="app-container enterprises">
<Region v-if="province" :province="province" :dataQuery="dataQuery" @addressListbtn="addressListbtn"></Region> <Region v-if="province" :province="province" :dataQuery="dataQuery" @addressListbtn="addressListbtn" :type="5"></Region>
<div class="flex-box eco-header"> <div class="flex-box eco-header">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="本地企业" name="first"></el-tab-pane> <el-tab-pane label="本地企业" name="first"></el-tab-pane>
...@@ -20,6 +20,7 @@ ...@@ -20,6 +20,7 @@
collapse-tags collapse-tags
clearable></el-cascader> clearable></el-cascader>
<el-input placeholder="输入关键词查询" v-model="queryParams.ename" clearable @clear="handleSearch()"> <el-input placeholder="输入关键词查询" v-model="queryParams.ename" clearable @clear="handleSearch()">
<i slot="prefix" class="el-icon-search"></i>
<el-button slot="append" @click="handleSearch()">搜索</el-button> <el-button slot="append" @click="handleSearch()">搜索</el-button>
</el-input> </el-input>
<span class="total">共{{tableDataTotal}}条</span> <span class="total">共{{tableDataTotal}}条</span>
...@@ -31,7 +32,7 @@ ...@@ -31,7 +32,7 @@
v-loading="tableLoading" v-loading="tableLoading"
border border
fit fit
max-height="640" v-horizontal-scroll="'hover'"
@sort-change="sortChange" @sort-change="sortChange"
highlight-current-row highlight-current-row
v-if="tableDataTotal > 0 && !isSkeleton" v-if="tableDataTotal > 0 && !isSkeleton"
...@@ -291,17 +292,8 @@ export default { ...@@ -291,17 +292,8 @@ export default {
this.dataQuery.province=data.provinces; this.dataQuery.province=data.provinces;
let params={} let params={}
if(data){ if(data){
if(this.provinceId.length > 0){ params.provinceId=this.provinceId
params.provinceId=this.provinceId[0]
}
if(this.provinceId.length > 1){
params.cityId=this.provinceId[1]
}
if(this.provinceId.length > 2){
params.areaId=this.provinceId[2]
}
} }
this.querySubmit() this.querySubmit()
location(params).then(res => { location(params).then(res => {
console.log(res.data) console.log(res.data)
...@@ -362,11 +354,13 @@ export default { ...@@ -362,11 +354,13 @@ export default {
width: 180px; width: 180px;
margin-right: 12px; margin-right: 12px;
height: 32px; height: 32px;
line-height: 32px !important;
.el-input{ .el-input{
width: 100%; width: 100%;
height: 32px; height: 32px;
.el-input__inner{ .el-input__inner{
height: 32px !important; height: 32px !important;
line-height: 32px !important;
} }
} }
.el-cascader__tags{ .el-cascader__tags{
...@@ -379,16 +373,29 @@ export default { ...@@ -379,16 +373,29 @@ export default {
} }
::v-deep .el-input.el-input-group{ ::v-deep .el-input.el-input-group{
width: 240px; width: 240px;
height: 32px; height: 30px;
border: 1px solid #e0e0e0;
.el-input__inner{ .el-input__inner{
height: 32px; height: 30px;
border-right: 0; border: 0;
} }
.el-input__suffix{ .el-input__suffix{
margin-top: -1px; margin-top: -1px;
} }
.el-icon-search{
font-size: 14px;
line-height: 32px;
color:#0081FF;
margin-left: 6px;
margin-right: 4px;
}
.el-input__inner:focus{ .el-input__inner:focus{
border-color: #e0e0e0; /*border-color: #0081FF;*/
}
.el-input__inner:focus ~.el-input-group__append{
/*border: 1px solid #0081FF;*/
color: #ffffff;
background: #0081FF;
} }
.el-input-group__append{ .el-input-group__append{
width: 60px; width: 60px;
...@@ -396,9 +403,12 @@ export default { ...@@ -396,9 +403,12 @@ export default {
text-align: center; text-align: center;
background: #F5F5F5; background: #F5F5F5;
color:#0081FF; color:#0081FF;
border-left: 0; border-radius:0 2px 2px 0;
border-radius: 0; border: 0;
border-right: 0; &:hover{
color: #ffffff;
background: #0081FF;
}
} }
} }
.total{ .total{
...@@ -448,7 +458,7 @@ export default { ...@@ -448,7 +458,7 @@ export default {
overflow-y: clip; overflow-y: clip;
} }
th{ th{
font-size: 12px !important; font-size: 13px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
.el-table__fixed-header-wrapper th{ .el-table__fixed-header-wrapper th{
......
dsk-operate-ui/src/views/macro/financing/index.vue
View file @ 183dee16
...@@ -437,7 +437,6 @@ export default { ...@@ -437,7 +437,6 @@ export default {
.content{ .content{
background: #ffffff; background: #ffffff;
padding: 16px; padding: 16px;
margin-bottom: 16px;
border-radius: 4px; border-radius: 4px;
} }
.common-title{ .common-title{
......
dsk-operate-ui/src/views/macro/firstParty/index.vue deleted 100644 → 0
View file @ f9cd4881
<template>
<div class="app-container">
大型甲方
</div>
</template>
<script>
export default {
name: 'FirstParty',
data() {
return {
}
},
created() {
},
methods: {
}
}
</script>
<style lang="scss" scoped>
</style>
dsk-operate-ui/src/views/macro/list/index.vue deleted 100644 → 0
View file @ f9cd4881
<template>
<div class="app-container">
地区榜单
</div>
</template>
<script>
export default {
name: 'List',
data() {
return {
}
},
created() {
},
methods: {
}
}
</script>
<style lang="scss" scoped>
</style>
dsk-operate-ui/src/views/macro/nationalEconomies/component/BI.vue 0 → 100644
View file @ 183dee16
<template>
<div class="BIfx">
<el-tabs v-model="activeName">
<el-tab-pane label="宏观市场分析" name="first">
<img class="img" src="@/assets/images/BI/hgscfx.png"/>
</el-tab-pane>
<el-tab-pane label="立项设计" name="second">
<img class="img" src="@/assets/images/BI/lxsj.png"/>
</el-tab-pane>
<el-tab-pane label="专项债项目" name="third">
<img class="img" src="@/assets/images/BI/zxz.png"/>
</el-tab-pane>
<el-tab-pane label="中标公告" name="fourth">
<img class="img" src="@/assets/images/BI/zbgg.png"/>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
export default {
name: 'BI',
data() {
return {
activeName:'first'
}
}
}
</script>
<style lang="scss" scoped>
.BIfx{
background: #ffffff;
padding: 16px;
margin-top: 12px;
::v-deep .el-tabs{
.el-tabs__nav-wrap::after {
position: static !important;
}
.el-tabs__header{
margin: 0;
.el-tabs__item{
padding: 0 16px;
font-size: 16px;
}
.is-active{
font-weight: bold;
}
}
.el-tabs__content{
width: 100%;
}
}
.img{
width: 100%;
margin-top: 30px;
}
}
</style>
dsk-operate-ui/src/views/macro/nationalEconomies/component/jzqyfx.vue
View file @ 183dee16
...@@ -225,10 +225,7 @@ ...@@ -225,10 +225,7 @@
} }
}, },
created() { created() {
setTimeout(() => { this.getAreaGroupByProvince()
this.isSkeleton=false;
this.getData()
}, 1000);
var date = new Date() var date = new Date()
var year = date.getFullYear() var year = date.getFullYear()
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth()+ 1 var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth()+ 1
...@@ -274,9 +271,13 @@ ...@@ -274,9 +271,13 @@
total=total+this.jzglData[i].count total=total+this.jzglData[i].count
} }
this.total=total; this.total=total;
this.$nextTick(() => {
this.initChart()
})
this.initChart()
}) })
},
getCertGroupByMajorProvinceLevel(){
certGroupByMajorProvinceLevel().then(res => { certGroupByMajorProvinceLevel().then(res => {
this.dqData=res.data; this.dqData=res.data;
let data=this.dqData[0].province; let data=this.dqData[0].province;
...@@ -305,9 +306,15 @@ ...@@ -305,9 +306,15 @@
list.push(item) list.push(item)
} }
this.jzdqData=list this.jzdqData=list
this.initChart1() this.$nextTick(() => {
this.initChart1()
})
}) })
},
getAreaGroupByProvince(){
areaGroupByProvince().then(res => { areaGroupByProvince().then(res => {
this.isSkeleton=false;
this.zbData=res.data; this.zbData=res.data;
//定义一个变量 保存数据 因为sort方法排序会改变原数组 使用JSON方法深拷贝 将原数值暂存 //定义一个变量 保存数据 因为sort方法排序会改变原数组 使用JSON方法深拷贝 将原数值暂存
// let dataArr = JSON.parse(JSON.stringify(res.data)) // let dataArr = JSON.parse(JSON.stringify(res.data))
...@@ -321,300 +328,311 @@ ...@@ -321,300 +328,311 @@
this.rankList=data; this.rankList=data;
//将原数组数据赋值回去 保持数据不变 //将原数组数据赋值回去 保持数据不变
// this.zbData = JSON.parse(JSON.stringify(dataArr)) // this.zbData = JSON.parse(JSON.stringify(dataArr))
this.initChart2() this.$nextTick(() => {
this.initChart2()
})
this.getData()
this.getCertGroupByMajorProvinceLevel()
}) })
}, },
initChart() { initChart() {
let myChart = echarts.init(document.getElementById("gl-echarts")) this.$nextTick(() => {
let option ={ let myChart = echarts.init(document.getElementById("gl-echarts"))
tooltip: { let option ={
// show:false tooltip: {
}, // show:false
xAxis: { },
type: 'category', xAxis: {
boundaryGap: false, type: 'category',
data: this.jzglData.map(item => item.levelValue), boundaryGap: false,
}, data: this.jzglData.map(item => item.levelValue),
yAxis: { },
type: 'value', yAxis: {
}, type: 'value',
grid: { },
top:40, grid: {
left:70, top:40,
right:40, left:70,
bottom:40, right:40,
}, bottom:40,
series: [ },
{ series: [
data: this.jzglData.map(item => item.count), {
type: 'line', data: this.jzglData.map(item => item.count),
smooth: true, type: 'line',
emphasis: { smooth: true,
disabled: true, emphasis: {
focus: 'none' disabled: true,
}, focus: 'none'
//设置折线颜色和粗细 },
lineStyle: { //设置折线颜色和粗细
width: 1, lineStyle: {
color: "#0081FF", width: 1,
}, color: "#0081FF",
itemStyle:{ },
color: "#4E8EFF", itemStyle:{
}, color: "#4E8EFF",
//设置面积区域为渐变效果 },
areaStyle: { //设置面积区域为渐变效果
color: echarts.graphic.LinearGradient(0, 1, 0, 0, [ areaStyle: {
{ color: echarts.graphic.LinearGradient(0, 1, 0, 0, [
offset: 0.2, {
color: "#DFEAFF", offset: 0.2,
}, color: "#DFEAFF",
{ },
offset: 1, {
color: "#5895FF", offset: 1,
}, color: "#5895FF",
]), },
}, ]),
} },
] }
} ]
myChart.clear(); //图表清除 }
myChart.setOption(option); myChart.clear(); //图表清除
window.addEventListener("resize", function () { myChart.setOption(option);
myChart.resize();//图表跟随页面大小变化宽度 window.addEventListener("resize", function () {
}); myChart.resize();//图表跟随页面大小变化宽度
});
})
}, },
initChart1() { initChart1() {
let myChart = echarts.init(document.getElementById("jzqy-echarts")) this.$nextTick(() => {
let option ={ let myChart = echarts.init(document.getElementById("jzqy-echarts"))
legend: { let option ={
x:'right', legend: {
padding:[0,30,0,0], x:'right',
}, padding:[0,30,0,0],
tooltip: { },
trigger: 'axis', tooltip: {
axisPointer: { trigger: 'axis',
type: 'line', axisPointer: {
label: { type: 'line',
backgroundColor: '#FFFFFF' label: {
backgroundColor: '#FFFFFF'
}
} }
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: this.jzdqData.map(item => item.province),
},
yAxis: {
type: 'value',
},
grid: {
top:35,
left:60,
right:30,
bottom:20,
},
series: [
{
data: this.jzdqData.map(item => item.tjCount),
name:'特级',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#0081FF",
},
itemStyle:{
color: "#4E8EFF",
},
//设置面积区域为渐变效果
areaStyle: {
opacity:0.8,
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0.2,
color: "#DFEAFF",
},
{
offset: 1,
color: "#5895FF",
},
]),
},
}, },
{ xAxis: {
data: this.jzdqData.map(item => item.oneCount), type: 'category',
name:'一级', boundaryGap: false,
type: 'line', data: this.jzdqData.map(item => item.province),
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#FA6C6C",
},
itemStyle:{
color: "#FA6C6C",
},
//设置面积区域为渐变效果
areaStyle: {
opacity:0.8,
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0.1,
color: "#FDF8F5",
},
{
offset: 1,
color: "#FCD7C8",
},
]),
},
}, },
{ yAxis: {
data: this.jzdqData.map(item => item.twoCount), type: 'value',
name:'二级',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#8077F2",
},
itemStyle:{
color: "#8077F2",
},
//设置面积区域为渐变效果
areaStyle: {
opacity:0.8,
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0.1,
color: "#ECE8FF",
},
{
offset: 1,
color: "#BCC0FF",
},
]),
},
}, },
{ grid: {
data: this.jzdqData.map(item => item.threeCount), top:35,
name:'三级', left:60,
type: 'line', right:30,
smooth: true, bottom:20,
emphasis: { },
disabled: true, series: [
focus: 'none' {
data: this.jzdqData.map(item => item.tjCount),
name:'特级',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#0081FF",
},
itemStyle:{
color: "#4E8EFF",
},
//设置面积区域为渐变效果
areaStyle: {
opacity:0.8,
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0.2,
color: "#DFEAFF",
},
{
offset: 1,
color: "#5895FF",
},
]),
},
}, },
//设置折线颜色和粗细 {
lineStyle: { data: this.jzdqData.map(item => item.oneCount),
width: 2, name:'一级',
color: "#FA936C", type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#FA6C6C",
},
itemStyle:{
color: "#FA6C6C",
},
//设置面积区域为渐变效果
areaStyle: {
opacity:0.8,
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0.1,
color: "#FDF8F5",
},
{
offset: 1,
color: "#FCD7C8",
},
]),
},
}, },
itemStyle:{ {
color: "#FA936C", data: this.jzdqData.map(item => item.twoCount),
name:'二级',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#8077F2",
},
itemStyle:{
color: "#8077F2",
},
//设置面积区域为渐变效果
areaStyle: {
opacity:0.8,
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0.1,
color: "#ECE8FF",
},
{
offset: 1,
color: "#BCC0FF",
},
]),
},
}, },
//设置面积区域为渐变效果 {
areaStyle: { data: this.jzdqData.map(item => item.threeCount),
opacity:0.8, name:'三级',
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [ type: 'line',
{ smooth: true,
offset: 0.1, emphasis: {
color: "#FEFBFA", disabled: true,
}, focus: 'none'
{ },
offset: 1, //设置折线颜色和粗细
color: "#FCD7C8", lineStyle: {
}, width: 2,
]), color: "#FA936C",
},
itemStyle:{
color: "#FA936C",
},
//设置面积区域为渐变效果
areaStyle: {
opacity:0.8,
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0.1,
color: "#FEFBFA",
},
{
offset: 1,
color: "#FCD7C8",
},
]),
},
}, },
}, ]
] }
} myChart.clear();
myChart.clear(); myChart.setOption(option);
myChart.setOption(option); window.addEventListener("resize", function () {
window.addEventListener("resize", function () { myChart.resize();//图表跟随页面大小变化宽度
myChart.resize();//图表跟随页面大小变化宽度 });
}); })
}, },
initChart2() { initChart2() {
let myChart = echarts.init(document.getElementById("ba-echarts")) this.$nextTick(() => {
let option ={ let myChart = echarts.init(document.getElementById("ba-echarts"))
tooltip: { let option ={
// show:false tooltip: {
}, // show:false
legend:{}, },
xAxis: { legend:{},
type: 'category', xAxis: {
boundaryGap: false, type: 'category',
data: this.zbData.map(item => item.province), boundaryGap: false,
}, data: this.zbData.map(item => item.province),
yAxis: { },
type: 'value', yAxis: {
}, type: 'value',
grid: { },
top:20, grid: {
left:65, top:20,
right:50, left:65,
bottom:20, right:50,
}, bottom:20,
series: [ },
{ series: [
data: this.zbData.map(item => item.count), {
type: 'line', data: this.zbData.map(item => item.count),
smooth: true, type: 'line',
emphasis: { smooth: true,
disabled: true, emphasis: {
focus: 'none' disabled: true,
}, focus: 'none'
//设置折线颜色和粗细 },
lineStyle: { //设置折线颜色和粗细
width: 1, lineStyle: {
color: "#FFAB44", width: 1,
}, color: "#FFAB44",
itemStyle:{ },
color: "#FFAB44", itemStyle:{
normal: { color: "#FFAB44",
label : {show: true}, normal: {
color:"#FFAB44", label : {show: true},
lineStyle: { color:"#FFAB44",
color: "#FFAB44" lineStyle: {
color: "#FFAB44"
}
} }
} },
}, //设置面积区域为渐变效果
//设置面积区域为渐变效果 areaStyle: {
areaStyle: { color: echarts.graphic.LinearGradient(0, 1, 0, 0, [
color: echarts.graphic.LinearGradient(0, 1, 0, 0, [ {
{ offset: 0.2,
offset: 0.2, color: "#FFEDD0",
color: "#FFEDD0", },
}, {
{ offset: 1,
offset: 1, color: "#FFC671",
color: "#FFC671", },
}, ]),
]), },
}, }
} ]
] }
} myChart.setOption(option);
myChart.setOption(option); window.addEventListener("resize", function () {
window.addEventListener("resize", function () { myChart.resize();//图表跟随页面大小变化宽度
myChart.resize();//图表跟随页面大小变化宽度 });
}); })
}, },
handleClick(type,index){ handleClick(type,index){
if(type === 1){ if(type === 1){
...@@ -848,7 +866,7 @@ ...@@ -848,7 +866,7 @@
} }
} }
th{ th{
font-size: 12px !important; font-size: 13px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
.el-table__fixed-header-wrapper th{ .el-table__fixed-header-wrapper th{
......
dsk-operate-ui/src/views/macro/nationalEconomies/component/qgjjdq.vue
View file @ 183dee16
...@@ -35,8 +35,8 @@ ...@@ -35,8 +35,8 @@
:data="tableData" :data="tableData"
element-loading-text="Loading" element-loading-text="Loading"
@sort-change="sortChange" @sort-change="sortChange"
v-horizontal-scroll="'hover'"
border border
max-height="640"
highlight-current-row highlight-current-row
v-if="tableDataTotal > 0 && !isSkeleton" v-if="tableDataTotal > 0 && !isSkeleton"
:default-sort = "{prop: 'gdp', order: 'descending'}" :default-sort = "{prop: 'gdp', order: 'descending'}"
...@@ -44,9 +44,9 @@ ...@@ -44,9 +44,9 @@
<el-table-column label="序号" width="60" align="left" fixed> <el-table-column label="序号" width="60" align="left" fixed>
<template slot-scope="scope">{{ pageIndex * pageSize - pageSize + scope.$index + 1 }}</template> <template slot-scope="scope">{{ pageIndex * pageSize - pageSize + scope.$index + 1 }}</template>
</el-table-column> </el-table-column>
<el-table-column label="地区" min-width="150" align="left" fixed> <el-table-column label="地区" width="150" align="left" fixed>
<template slot-scope="scope"> <template slot-scope="scope">
<router-link :to="{path:'/macro/economies',query:{id:scope.row.id,provinceId:scope.row.provinceId,province:scope.row.province}}" tag="a" class="a-link">{{ scope.row.province}}{{scope.row.city ? '-': ''}}{{ scope.row.city}}{{scope.row.area ? '-': ''}}{{ scope.row.area}}</router-link> <span @click="clickTo(scope.row)" style="cursor: pointer;" class="a-link">{{ scope.row.province}}{{scope.row.city ? '-': ''}}{{ scope.row.city}}{{scope.row.area ? '-': ''}}{{ scope.row.area}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="年度明细" prop="id" width="90" align="center" fixed> <el-table-column label="年度明细" prop="id" width="90" align="center" fixed>
...@@ -54,26 +54,26 @@ ...@@ -54,26 +54,26 @@
<img src="@/assets/images/icon_detailed.png" class="icon-detailed" @click="handleDetail(scope.row)"> <img src="@/assets/images/icon_detailed.png" class="icon-detailed" @click="handleDetail(scope.row)">
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="GDP（亿元）" prop="gdp" :formatter="formatStatus" sortable="custom" min-width="115" align="right"></el-table-column> <el-table-column label="GDP（亿元）" prop="gdp" :formatter="formatStatus" sortable="custom" width="120" align="right"></el-table-column>
<el-table-column label="GDP增速（%）" prop="gdpGrowth" :formatter="formatStatus" sortable="custom" min-width="120" align="right"></el-table-column> <el-table-column label="GDP增速（%）" prop="gdpGrowth" :formatter="formatStatus" sortable="custom" width="130" align="right"></el-table-column>
<el-table-column label="人均GDP（元）" prop="gdpPerCapita" :formatter="formatStatus" sortable="custom" width="125" align="right"></el-table-column> <el-table-column label="人均GDP（元）" prop="gdpPerCapita" :formatter="formatStatus" sortable="custom" width="130" align="right"></el-table-column>
<el-table-column label="人口（万人）" prop="population" :formatter="formatStatus" sortable="custom" width="120" align="right"></el-table-column> <el-table-column label="人口（万人）" prop="population" :formatter="formatStatus" sortable="custom" width="120" align="right"></el-table-column>
<el-table-column label="一般公共预算收入（亿元）" prop="gbr" sortable="custom" :formatter="formatStatus" width="180" align="right"></el-table-column> <el-table-column label="一般公共预算收入（亿元）" prop="gbr" sortable="custom" :formatter="formatStatus" width="205" align="right"></el-table-column>
<el-table-column label="一般公共预算收入增速（%）" prop="gbrGrowth" :formatter="formatStatus" sortable="custom" min-width="150" align="right"></el-table-column> <el-table-column label="一般公共预算收入增速（%）" prop="gbrGrowth" :formatter="formatStatus" sortable="custom" width="205" align="right"></el-table-column>
<el-table-column label="一般公共预算收入：税收收入（亿元）" prop="taxIncome" :formatter="formatStatus" sortable="custom" min-width="150" align="right"></el-table-column> <el-table-column label="一般公共预算收入：税收收入（亿元）" prop="taxIncome" :formatter="formatStatus" sortable="custom" width="260" align="right"></el-table-column>
<el-table-column label="一般公共预算支出（亿元）" prop="gbe" :formatter="formatStatus" sortable="custom" width="140" align="right"></el-table-column> <el-table-column label="一般公共预算支出（亿元）" prop="gbe" :formatter="formatStatus" sortable="custom" width="195" align="right"></el-table-column>
<el-table-column label="政府性基金收入（亿元）" width="140" prop="govFundIncome" :formatter="formatStatus" sortable="custom" align="right"></el-table-column> <el-table-column label="政府性基金收入（亿元）" width="180" prop="govFundIncome" :formatter="formatStatus" sortable="custom" align="right"></el-table-column>
<el-table-column label="政府性基金收入：土地出让收入（亿元）" prop="landTransferIncome" sortable="custom" :formatter="formatStatus" width="150" align="right"></el-table-column> <el-table-column label="政府性基金收入：土地出让收入（亿元）" prop="landTransferIncome" sortable="custom" :formatter="formatStatus" width="275" align="right"></el-table-column>
<el-table-column label="政府性基金支出（亿元）" prop="govFundExpenditure" :formatter="formatStatus" width="170" sortable="custom" align="right"></el-table-column> <el-table-column label="政府性基金支出（亿元）" prop="govFundExpenditure" :formatter="formatStatus" width="180" sortable="custom" align="right"></el-table-column>
<el-table-column label="国有资本经营收入（亿元）" prop="soecoi" width="160" :formatter="formatStatus" align="right"></el-table-column> <el-table-column label="国有资本经营收入（亿元）" prop="soecoi" width="190" :formatter="formatStatus" align="right"></el-table-column>
<el-table-column label="国有资本经营支出（亿元）" prop="soecoe" width="160" :formatter="formatStatus" align="right"></el-table-column> <el-table-column label="国有资本经营支出（亿元）" prop="soecoe" width="190" :formatter="formatStatus" align="right"></el-table-column>
<el-table-column label="固定资产投资（亿元）" prop="fixedInvestment" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="固定资产投资（亿元）" prop="fixedInvestment" :formatter="formatStatus" width="190" align="right"></el-table-column>
<el-table-column label="财政自给率（%）" prop="fiscalSelfSufficiencyRate" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="财政自给率（%）" prop="fiscalSelfSufficiencyRate" :formatter="formatStatus" width="160" align="right"></el-table-column>
<el-table-column label="地方政府债务余额（亿元）" prop="govDebtBalance" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="地方政府债务余额（亿元）" prop="govDebtBalance" :formatter="formatStatus" width="190" align="right"></el-table-column>
<el-table-column label="一般债余额（亿元）" prop="generalDebtBalance" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="一般债余额（亿元）" prop="generalDebtBalance" :formatter="formatStatus" width="160" align="right"></el-table-column>
<el-table-column label="专项债余额（亿元）" prop="specialDebtBalance" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="专项债余额（亿元）" prop="specialDebtBalance" :formatter="formatStatus" width="180" align="right"></el-table-column>
<el-table-column label="地方政府债务限额（亿元）" prop="govDebtLimit" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="地方政府债务限额（亿元）" prop="govDebtLimit" :formatter="formatStatus" width="190" align="right"></el-table-column>
<el-table-column label="城投平台有息债务（亿元）" prop="uipInterestBearingDebt" :formatter="formatStatus" width="160" align="right" > <el-table-column label="城投平台有息债务（亿元）" prop="uipInterestBearingDebt" :formatter="formatStatus" width="200" align="right" >
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
<span>城投平台有息债务（亿元） <span>城投平台有息债务（亿元）
<el-tooltip popper-class="tips" effect="light" content="城投平台有息债务是该地区行政区划下所有的城投公司的短期债务与长期债务合计。其中，短期债务=短期借款+一年内到期的非流动负债+应付短期债券，长期债务=长期借款+应付长期债券。" placement="top"> <el-tooltip popper-class="tips" effect="light" content="城投平台有息债务是该地区行政区划下所有的城投公司的短期债务与长期债务合计。其中，短期债务=短期借款+一年内到期的非流动负债+应付短期债券，长期债务=长期借款+应付长期债券。" placement="top">
...@@ -83,19 +83,19 @@ ...@@ -83,19 +83,19 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="负债率（%）" prop="govDebtToGdpRate" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="负债率（%）" prop="govDebtToGdpRate" :formatter="formatStatus" width="160" align="right"></el-table-column>
<el-table-column label="负债率（宽口径）（%）" prop="govDebtToGdpRateWild" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="负债率（宽口径）（%）" prop="govDebtToGdpRateWild" :formatter="formatStatus" width="180" align="right"></el-table-column>
<el-table-column label="债务率（%）" prop="govDebtRate" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="债务率（%）" prop="govDebtRate" :formatter="formatStatus" width="160" align="right"></el-table-column>
<el-table-column label="债务率（宽口径）（%）" prop="govDebtRateWild" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="债务率（宽口径）（%）" prop="govDebtRateWild" :formatter="formatStatus" width="180" align="right"></el-table-column>
<!--<el-table-column label="金融机构存款余额（本外币）（亿元）" prop="cgfs" width="160" align="left" />--> <!--<el-table-column label="金融机构存款余额（本外币）（亿元）" prop="cgfs" width="160" align="left" />-->
<!--<el-table-column label="金融机构贷款余额（本外币）（亿元）" prop="cgfs" width="160" align="left" />--> <!--<el-table-column label="金融机构贷款余额（本外币）（亿元）" prop="cgfs" width="160" align="left" />-->
<el-table-column label="第一产业增加值（亿元）" prop="piAddValue" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="第一产业增加值（亿元）" prop="piAddValue" :formatter="formatStatus" width="180" align="right"></el-table-column>
<el-table-column label="第二产业增加值（亿元）" prop="siAddValue" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="第二产业增加值（亿元）" prop="siAddValue" :formatter="formatStatus" width="180" align="right"></el-table-column>
<el-table-column label="第三产业增加值（亿元）" prop="tiAddValue" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="第三产业增加值（亿元）" prop="tiAddValue" :formatter="formatStatus" width="180" align="right"></el-table-column>
<el-table-column label="工业增加值（亿元）" prop="industryAddValue" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="工业增加值（亿元）" prop="industryAddValue" :formatter="formatStatus" width="160" align="right"></el-table-column>
<el-table-column label="工业总产值（亿元）" prop="industryTotalValue" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="工业总产值（亿元）" prop="industryTotalValue" :formatter="formatStatus" width="160" align="right"></el-table-column>
<el-table-column label="进出口总额（亿美元）" prop="eximTotalValue" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="进出口总额（亿美元）" prop="eximTotalValue" :formatter="formatStatus" width="160" align="right"></el-table-column>
<el-table-column label="社会消费品零售总额（亿元）" prop="trscg" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="社会消费品零售总额（亿元）" prop="trscg" :formatter="formatStatus" width="200" align="right"></el-table-column>
<el-table-column label="城镇居民人均可支配收入（元）" prop="urbanPcdi" :formatter="formatStatus" width="160" align="right"></el-table-column> <el-table-column label="城镇居民人均可支配收入（元）" prop="urbanPcdi" :formatter="formatStatus" width="210" align="right"></el-table-column>
</el-table> </el-table>
<div class="empty" v-if="tableDataTotal === 0 && !isSkeleton"> <div class="empty" v-if="tableDataTotal === 0 && !isSkeleton">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
...@@ -324,6 +324,26 @@ ...@@ -324,6 +324,26 @@
message: '功能正在开发中', message: '功能正在开发中',
type: 'warning' type: 'warning'
}); });
},
clickTo(item){
let params={
// id:item.id,
province:item.area ? item.area : item.city ? item.city : item.province,
}
if(item.areaId){
params.provinceId=item.provinceId
params.cityId=item.cityId
params.areaId=item.areaId
}else if(item.cityId !=0){
params.provinceId=item.provinceId
params.cityId=item.cityId
}else {
params.provinceId=item.provinceId
}
this.$router.push({
path: '/macro/economies',
query:params
})
} }
} }
} }
...@@ -345,7 +365,7 @@ ...@@ -345,7 +365,7 @@
width: 110px; width: 110px;
} }
::v-deep .el-cascader{ ::v-deep .el-cascader{
width: 220px; width: 200px;
.el-cascader__tags{ .el-cascader__tags{
flex-wrap: inherit; flex-wrap: inherit;
.el-tag{ .el-tag{
...@@ -356,13 +376,14 @@ ...@@ -356,13 +376,14 @@
} }
} }
::v-deep .el-select-dropdown{ ::v-deep .el-select-dropdown{
left: 0 !important;
.el-select-dropdown__item.hover{ .el-select-dropdown__item.hover{
color: #0081FF; color: #0081FF;
} }
} }
.content{ .content{
background: #ffffff; background: #ffffff;
padding: 16px; padding: 16px 16px 0;
margin-top: 12px; margin-top: 12px;
/*height: calc(100vh - 300px);*/ /*height: calc(100vh - 300px);*/
.table-item{ .table-item{
...@@ -405,7 +426,6 @@ ...@@ -405,7 +426,6 @@
overflow-y: clip; overflow-y: clip;
} }
th{ th{
font-size: 12px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
.el-table__fixed-header-wrapper th{ .el-table__fixed-header-wrapper th{
......
dsk-operate-ui/src/views/macro/nationalEconomies/component/tdjy.vue
View file @ 183dee16
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box" v-if="gyflState"> <div class="content_box" v-if="gyfsList.length > 0 && !isSkeleton">
<div class="box-left"> <div class="box-left">
<div id="echarts1" style="height: 280px"></div> <div id="echarts1" style="height: 280px"></div>
</div> </div>
...@@ -36,12 +36,12 @@ ...@@ -36,12 +36,12 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="!gyflState"> <div class="empty" v-if="gyfsList.length === 0 && !isSkeleton">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div> <div class="p1">抱歉，暂无数据展示</div>
</div> </div>
</div> </div>
<div v-if="!isSkeleton" class="td_content"> <div v-if="!tdytState" class="td_content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">全国土地交易项目土地用途</span> <span class="common-title">全国土地交易项目土地用途</span>
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box" v-if="tdytState"> <div class="content_box" v-if="tdytList.length > 0 && !tdytState">
<div class="box-left"> <div class="box-left">
<div id="echarts2" style="height: 280px"></div> <div id="echarts2" style="height: 280px"></div>
</div> </div>
...@@ -75,12 +75,12 @@ ...@@ -75,12 +75,12 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="!tdytState"> <div class="empty" v-if="tdytList.length === 0 && !tdytState">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div> <div class="p1">抱歉，暂无数据展示</div>
</div> </div>
</div> </div>
<div v-if="!isSkeleton" class="td_content"> <div v-if="!topState" class="td_content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">全国土地交易项目地区Top10</span> <span class="common-title">全国土地交易项目地区Top10</span>
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box" v-if="topList.length > 0 && !isSkeleton"> <div class="content_box" v-if="topList.length > 0 && !topState">
<div class="box-left" style="width: 60%;"> <div class="box-left" style="width: 60%;">
<div id="echarts3" style="height: 300px"></div> <div id="echarts3" style="height: 300px"></div>
</div> </div>
...@@ -117,18 +117,18 @@ ...@@ -117,18 +117,18 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="topList.length === 0 && !isSkeleton"> <div class="empty" v-if="topList.length === 0 && !topState">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div> <div class="p1">抱歉，暂无数据展示</div>
</div> </div>
</div> </div>
<div v-if="!isSkeleton" class="td_content"> <div v-if="!nftjState" class="td_content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">全国土地交易项目年份统计</span> <span class="common-title">全国土地交易项目年份统计</span>
</div> </div>
</div> </div>
<div class="content_box"> <div class="content_box" v-if="nftjList.length > 0 && !nftjState">
<div class="box-left" style="width: 60%;"> <div class="box-left" style="width: 60%;">
<div id="echarts4" style="height: 300px"></div> <div id="echarts4" style="height: 300px"></div>
</div> </div>
...@@ -187,6 +187,7 @@ export default { ...@@ -187,6 +187,7 @@ export default {
gyflState:true, gyflState:true,
tdytState:true, tdytState:true,
topState:true, topState:true,
nftjState:true,
// typeName:['住宅用地','工业用地','城镇住宅用地','其他商服用地','公共设施用地','公路用地','城镇村道路用地','公园与绿地', // typeName:['住宅用地','工业用地','城镇住宅用地','其他商服用地','公共设施用地','公路用地','城镇村道路用地','公园与绿地',
// '工矿仓储用地','零售商业用地','科研用地','街巷用地','机关团体用地','商服用地','商务金融用地'] // '工矿仓储用地','零售商业用地','科研用地','街巷用地','机关团体用地','商服用地','商务金融用地']
} }
...@@ -194,15 +195,16 @@ export default { ...@@ -194,15 +195,16 @@ export default {
created() { created() {
this.dataRegion() this.dataRegion()
this.yearsData() this.yearsData()
setTimeout(() => {
},
mounted() {
this.$nextTick(()=>{
this.getCountLandMarketByType() this.getCountLandMarketByType()
this.getCountLandMarketByTypeTd() this.getCountLandMarketByTypeTd()
this.getCountLandMarketByProvince() this.getCountLandMarketByProvince()
this.getCountLandMarketByYear() this.getCountLandMarketByYear()
this.isSkeleton=false; })
}, 1500);
},
mounted() {
}, },
beforeDestroy(){ beforeDestroy(){
...@@ -211,7 +213,8 @@ export default { ...@@ -211,7 +213,8 @@ export default {
getCountLandMarketByType(){ getCountLandMarketByType(){
// this.isSkeleton = true // this.isSkeleton = true
countLandMarketByType({type:'供应方式',yearStr:this.years.join(",")}).then(res => { countLandMarketByType({type:'供应方式',yearStr:this.years.join(",")}).then(res => {
// this.isSkeleton = false this.isSkeleton = false
this.gyflState = false
this.gyfsList=res.data.provinceDate; this.gyfsList=res.data.provinceDate;
var list=[]; var list=[];
for(var i=0;i<res.data.provinceDate.length;i++){ for(var i=0;i<res.data.provinceDate.length;i++){
...@@ -222,12 +225,9 @@ export default { ...@@ -222,12 +225,9 @@ export default {
list.push(obj) list.push(obj)
} }
if(list.length > 0){ if(list.length > 0){
this.gyflState=true
this.$nextTick(() => { this.$nextTick(() => {
this.initChart1(list) this.initChart1(list)
}) })
}else {
this.gyflState=false;
} }
}) })
}, },
...@@ -235,9 +235,9 @@ export default { ...@@ -235,9 +235,9 @@ export default {
// this.isSkeleton = true // this.isSkeleton = true
countLandMarketByType({type:'土地用途',yearStr:this.years1.join(",")}).then(res => { countLandMarketByType({type:'土地用途',yearStr:this.years1.join(",")}).then(res => {
// this.isSkeleton = false // this.isSkeleton = false
this.tdytState=false;
this.tdytList=res.data.provinceDate; this.tdytList=res.data.provinceDate;
if(res.data.provinceDate.length > 0){ if(res.data.provinceDate.length > 0){
this.tdytState=true
var list=[]; var list=[];
for(var i=0;i<10;i++){ for(var i=0;i<10;i++){
var obj={}; var obj={};
...@@ -251,10 +251,7 @@ export default { ...@@ -251,10 +251,7 @@ export default {
this.initChart2(list) this.initChart2(list)
}) })
} }
}else {
this.tdytState=false;
} }
}) })
}, },
getCountLandMarketByProvince(){ getCountLandMarketByProvince(){
...@@ -264,9 +261,8 @@ export default { ...@@ -264,9 +261,8 @@ export default {
if(this.address.length > 0){ if(this.address.length > 0){
params.provinceId=this.address.join(",") params.provinceId=this.address.join(",")
} }
// this.isSkeleton = true
countLandMarketByProvince(params).then(res => { countLandMarketByProvince(params).then(res => {
// this.isSkeleton = false this.topState = false
this.topList=res.data.provinceDate; this.topList=res.data.provinceDate;
var list=[]; var list=[];
if(res.data.provinceDate){ if(res.data.provinceDate){
...@@ -288,10 +284,10 @@ export default { ...@@ -288,10 +284,10 @@ export default {
}, },
getCountLandMarketByYear(){ getCountLandMarketByYear(){
countLandMarketByYear().then(res => { countLandMarketByYear().then(res => {
this.nftjState=false;
this.nftjList=res.data.yearDate; this.nftjList=res.data.yearDate;
var list=[]; var list=[];
if(res.data.yearDate){ if(res.data.yearDate){
this.topState=true
for(var i=0;i<res.data.yearDate.length;i++){ for(var i=0;i<res.data.yearDate.length;i++){
var obj={}; var obj={};
obj.type=res.data.yearDate[i].type; obj.type=res.data.yearDate[i].type;
...@@ -300,11 +296,11 @@ export default { ...@@ -300,11 +296,11 @@ export default {
obj.typeList=res.data.yearDate[i].typeList obj.typeList=res.data.yearDate[i].typeList
list.push(obj) list.push(obj)
} }
this.$nextTick(() => { if(list.length > 0){
this.initChart4(list) this.$nextTick(() => {
}) this.initChart4(list)
}else { })
this.topState=false; }
} }
}) })
}, },
......
dsk-operate-ui/src/views/macro/nationalEconomies/component/zhongbiao.vue
View file @ 183dee16
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box" v-if="gyflState"> <div class="content_box" v-if="xmtjList.length > 0 && !isSkeleton">
<div class="box-left"> <div class="box-left">
<div id="echarts1" style="height: 280px"></div> <div id="echarts1" style="height: 280px"></div>
</div> </div>
...@@ -38,12 +38,12 @@ ...@@ -38,12 +38,12 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="!gyflState"> <div class="empty" v-if="xmtjList.length === 0 && !isSkeleton">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div> <div class="p1">抱歉，暂无数据展示</div>
</div> </div>
</div> </div>
<div v-if="!isSkeleton" class="td_content"> <div v-if="!zbtjState" class="td_content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">全国各地区中标统计TOP10</span> <span class="common-title">全国各地区中标统计TOP10</span>
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box" v-if="tdytState"> <div class="content_box" v-if="topList.length > 0 && !zbtjState">
<div class="box-left"> <div class="box-left">
<div id="echarts2" style="height: 280px"></div> <div id="echarts2" style="height: 280px"></div>
</div> </div>
...@@ -79,12 +79,12 @@ ...@@ -79,12 +79,12 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="!tdytState"> <div class="empty" v-if="topList.length === 0 && !zbtjState">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div> <div class="p1">抱歉，暂无数据展示</div>
</div> </div>
</div> </div>
<div v-if="!isSkeleton" class="td_content"> <div v-if="!jefxState" class="td_content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">全国中标金额分析</span> <span class="common-title">全国中标金额分析</span>
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box" v-if="tdytState"> <div class="content_box" v-if="zbjeList.length > 0 && !jefxState">
<div class="box-left"> <div class="box-left">
<div id="echarts3" style="height: 280px"></div> <div id="echarts3" style="height: 280px"></div>
</div> </div>
...@@ -118,18 +118,18 @@ ...@@ -118,18 +118,18 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="!tdytState"> <div class="empty" v-if="zbjeList.length === 0 && !jefxState">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div> <div class="p1">抱歉，暂无数据展示</div>
</div> </div>
</div> </div>
<div v-if="!isSkeleton" class="td_content"> <div v-if="!qsfxState" class="td_content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">全国中标趋势分析</span> <span class="common-title">全国中标趋势分析</span>
</div> </div>
</div> </div>
<div class="content_box"> <div class="content_box" v-if="zbqsList.length > 0 && !qsfxState">
<div class="box-left"> <div class="box-left">
<div id="echarts4" style="height: 300px"></div> <div id="echarts4" style="height: 300px"></div>
</div> </div>
...@@ -154,8 +154,12 @@ ...@@ -154,8 +154,12 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="zbqsList.length === 0 && !qsfxState">
<img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div>
</div>
</div> </div>
<div v-if="!isSkeleton" class="td_content"> <div v-if="!xflState" class="td_content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">全国中标下浮率分析</span> <span class="common-title">全国中标下浮率分析</span>
...@@ -164,7 +168,7 @@ ...@@ -164,7 +168,7 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box" v-if="tdytState"> <div class="content_box" v-if="xflList.length > 0 && !xflState">
<div class="box-left"> <div class="box-left">
<div id="echarts5" style="height: 280px"></div> <div id="echarts5" style="height: 280px"></div>
</div> </div>
...@@ -189,17 +193,17 @@ ...@@ -189,17 +193,17 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="!tdytState"> <div class="empty" v-if="xflList.length === 0 && !xflState">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div> <div class="p1">抱歉，暂无数据展示</div>
</div> </div>
</div> </div>
<div v-if="!isSkeleton" class="td_content"> <div v-if="!xmlxState" class="td_content">
<div class="flex-box query-box"> <div class="flex-box query-box">
<div class="flex-box query-params"> <div class="flex-box query-params">
<span class="common-title">全国中标业绩项目类型下浮率</span> <span class="common-title">全国中标业绩项目类型下浮率</span>
<el-select @change="handleYears(6)" style="margin-right: 8px" v-model="address" collapse-tags filterable class="form-content-width" placeholder="地区筛选" :popper-append-to-body='false' size="small"> <el-select @change="handleYears(6)" style="margin-right: 8px" v-model="address" clearable collapse-tags filterable class="form-content-width" placeholder="地区筛选" :popper-append-to-body='false' size="small">
<el-option v-for="(item, index) in addressList" :key="index" :label="item.label" :value="item.id" /> <el-option v-for="(item, index) in addressList" :key="index" :label="item.label" :value="item.id" />
</el-select> </el-select>
<el-select v-model="years4" @change="handleYears(6)" collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small"> <el-select v-model="years4" @change="handleYears(6)" collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small">
...@@ -207,7 +211,7 @@ ...@@ -207,7 +211,7 @@
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box" v-if="topList.length > 0 && !isSkeleton"> <div class="content_box" v-if="xmxflList.length > 0 && !isSkeleton">
<div class="box-left"> <div class="box-left">
<div id="echarts6" style="height: 300px"></div> <div id="echarts6" style="height: 300px"></div>
</div> </div>
...@@ -233,7 +237,7 @@ ...@@ -233,7 +237,7 @@
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="empty" v-if="topList.length === 0 && !isSkeleton"> <div class="empty" v-if="xmxflList.length === 0 && !xmlxState">
<img class="img" src="@/assets/images/project/empty.png"> <img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，暂无数据展示</div> <div class="p1">抱歉，暂无数据展示</div>
</div> </div>
...@@ -269,24 +273,24 @@ ...@@ -269,24 +273,24 @@
xflList :[], xflList :[],
xmxflList :[], xmxflList :[],
isSkeleton:true, isSkeleton:true,
gyflState:true, zbtjState:true,
tdytState:true, jefxState:true,
topState:true, qsfxState:true,
xflState:true,
xmlxState:true,
} }
}, },
created() { created() {
this.dataRegion() this.dataRegion()
this.yearsData() this.yearsData()
this.getCountBidByType() this.getCountBidByType()
this.$nextTick(() => { this.getCountBidGroupByProvince()
this.getRangeBidMoney()
}) this.getRangeBidFiveYears()
this.getLowerRateByYear()
this.getLowerRangeTenderType()
setTimeout(() => { setTimeout(() => {
this.getCountBidGroupByProvince()
this.getRangeBidMoney()
this.getRangeBidFiveYears()
this.getLowerRateByYear()
this.getLowerRangeTenderType()
}, 1000); }, 1000);
}, },
mounted() { mounted() {
...@@ -322,6 +326,7 @@ ...@@ -322,6 +326,7 @@
yearStr:this.years1.join(",") yearStr:this.years1.join(",")
} }
countBidGroupByProvince(params).then(res => { countBidGroupByProvince(params).then(res => {
this.zbtjState=false;
this.topList=res.data; this.topList=res.data;
if(res.data){ if(res.data){
this.$nextTick(() => { this.$nextTick(() => {
...@@ -335,6 +340,7 @@ ...@@ -335,6 +340,7 @@
yearStr:this.years2.join(",") yearStr:this.years2.join(",")
} }
rangeBidMoney(params).then(res => { rangeBidMoney(params).then(res => {
this.jefxState=false;
this.zbjeList=res.data; this.zbjeList=res.data;
var list=[]; var list=[];
for(var i=0;i<res.data.length;i++){ for(var i=0;i<res.data.length;i++){
...@@ -353,6 +359,7 @@ ...@@ -353,6 +359,7 @@
}, },
getRangeBidFiveYears(){ getRangeBidFiveYears(){
rangeBidFiveYears().then(res => { rangeBidFiveYears().then(res => {
this.qsfxState=false;
this.zbqsList=res.data; this.zbqsList=res.data;
if(res.data){ if(res.data){
this.$nextTick(() => { this.$nextTick(() => {
...@@ -366,6 +373,7 @@ ...@@ -366,6 +373,7 @@
yearStr:this.years3 yearStr:this.years3
} }
lowerRateByYear(params).then(res => { lowerRateByYear(params).then(res => {
this.xflState=false;
for (var i=0; i<res.data.length; i++){ for (var i=0; i<res.data.length; i++){
res.data[i].rate=res.data[i].rate.toFixed(2) res.data[i].rate=res.data[i].rate.toFixed(2)
} }
...@@ -385,7 +393,7 @@ ...@@ -385,7 +393,7 @@
params.provinceId=this.address params.provinceId=this.address
} }
lowerRangeTenderType(params).then(res => { lowerRangeTenderType(params).then(res => {
this.xmlxState=false;
for (var i=0; i<res.data.length; i++){ for (var i=0; i<res.data.length; i++){
for (let j=0; j<res.data[i].typeList.length; j++){ for (let j=0; j<res.data[i].typeList.length; j++){
if(res.data[i].typeList[j].tenderType === '施工'){ if(res.data[i].typeList[j].tenderType === '施工'){
...@@ -526,7 +534,6 @@ ...@@ -526,7 +534,6 @@
}, },
initChart2(data) { initChart2(data) {
this.$nextTick(() => { this.$nextTick(() => {
// console.log(typeList)
let myChart = echarts.init(document.getElementById("echarts2")) let myChart = echarts.init(document.getElementById("echarts2"))
let seriesData=[] let seriesData=[]
let color=['#FCD68A', '#67B3FD', '#FFB8AD', '#FFD7AD', '#A9F1E5', '#D0FAB7', '#ADC0FF', '#BEECFF', '#81D5BC', '#FFE48A']; let color=['#FCD68A', '#67B3FD', '#FFB8AD', '#FFD7AD', '#A9F1E5', '#D0FAB7', '#ADC0FF', '#BEECFF', '#81D5BC', '#FFE48A'];
......
dsk-operate-ui/src/views/macro/nationalEconomies/index.vue
View file @ 183dee16
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
<el-tab-pane label="全国商机项目分析" name="second"></el-tab-pane> <el-tab-pane label="全国商机项目分析" name="second"></el-tab-pane>
<el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane> <el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane>
<el-tab-pane label="全国建筑企业分析" name="fourth"></el-tab-pane> <el-tab-pane label="全国建筑企业分析" name="fourth"></el-tab-pane>
<el-tab-pane label="BI统计分析" name="five"></el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
...@@ -13,6 +14,7 @@ ...@@ -13,6 +14,7 @@
<Sjxmfx v-if="activeName === 'second'"></Sjxmfx> <Sjxmfx v-if="activeName === 'second'"></Sjxmfx>
<Zhongbiao v-if="activeName === 'third'"></Zhongbiao> <Zhongbiao v-if="activeName === 'third'"></Zhongbiao>
<Jzqyfx v-if="activeName === 'fourth'"></Jzqyfx> <Jzqyfx v-if="activeName === 'fourth'"></Jzqyfx>
<BI v-if="activeName === 'five'"></BI>
</div> </div>
</template> </template>
...@@ -21,10 +23,11 @@ ...@@ -21,10 +23,11 @@
import Sjxmfx from './component/sjxmfx' import Sjxmfx from './component/sjxmfx'
import Jzqyfx from './component/jzqyfx' import Jzqyfx from './component/jzqyfx'
import Zhongbiao from './component/zhongbiao' import Zhongbiao from './component/zhongbiao'
import BI from './component/BI'
export default { export default {
name: 'NationalEconomies', name: 'NationalEconomies',
components: { components: {
Economic,Sjxmfx,Jzqyfx,Zhongbiao Economic,Sjxmfx,Jzqyfx,Zhongbiao,BI
}, },
data() { data() {
return { return {
......
dsk-operate-ui/src/views/macro/rmation/index.vue deleted 100644 → 0
View file @ f9cd4881
<template>
<div class="app-container">
区域资讯
</div>
</template>
<script>
export default {
name: 'Rmation',
data() {
return {
}
},
created() {
},
methods: {
}
}
</script>
<style lang="scss" scoped>
</style>
dsk-operate-ui/src/views/macro/urban/index.vue
View file @ 183dee16
...@@ -92,8 +92,8 @@ ...@@ -92,8 +92,8 @@
</div> </div>
</div> </div>
<el-input class="search-input" placeholder="输入企业名称查询" v-model="queryParams.keyword" clearable @clear="handleKeyword()"> <el-input class="search-input" placeholder="输入企业名称查询" v-model="queryParams.keyword" clearable @clear="handleKeyword()">
<template slot="prepend"><i class="el-icon-search"></i></template> <i slot="prefix" class="el-icon-search"></i>
<el-button slot="append" @click="handleKeyword">搜索</el-button> <el-button slot="append" @click="handleKeyword()">搜索</el-button>
</el-input> </el-input>
</div> </div>
<div class="list-box"> <div class="list-box">
...@@ -152,7 +152,7 @@ ...@@ -152,7 +152,7 @@
element-loading-text="Loading" element-loading-text="Loading"
@sort-change="sortChange" @sort-change="sortChange"
border border
max-height="640" v-horizontal-scroll="'hover'"
fit fit
highlight-current-row highlight-current-row
> >
...@@ -202,34 +202,34 @@ ...@@ -202,34 +202,34 @@
<el-table-column prop="restrictedAssets" label="受限资产（亿元）" :formatter="formatStatus" sortable="custom" width="150" align="right"/> <el-table-column prop="restrictedAssets" label="受限资产（亿元）" :formatter="formatStatus" sortable="custom" width="150" align="right"/>
<el-table-column prop="accountsReceivable" label="应收账款（亿元）" :formatter="formatStatus" sortable="custom" width="150" align="right"/> <el-table-column prop="accountsReceivable" label="应收账款（亿元）" :formatter="formatStatus" sortable="custom" width="150" align="right"/>
<el-table-column prop="otherReceivable" label="其他应收款（亿元）" :formatter="formatStatus" sortable="custom" width="160" align="right"/> <el-table-column prop="otherReceivable" label="其他应收款（亿元）" :formatter="formatStatus" sortable="custom" width="160" align="right"/>
<el-table-column prop="econData001" label="公益性＆准公益性主营占比（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData001" label="公益性＆准公益性主营占比（%）" :formatter="formatStatus" width="220" align="right"/>
<el-table-column prop="receivableFromGovRatio" label="应收类款项来自政府占比（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="receivableFromGovRatio" label="应收类款项来自政府占比（%）" :formatter="formatStatus" width="220" align="right"/>
<el-table-column prop="govSubsidy" label="政府补助（亿元）" :formatter="formatStatus" width="130" align="right" /> <el-table-column prop="govSubsidy" label="政府补助（亿元）" :formatter="formatStatus" width="130" align="right" />
<el-table-column prop="specialPayable" label="专项应付款（亿元）" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="specialPayable" label="专项应付款（亿元）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="operatingIncome" label="营业收入（亿元）" :formatter="formatStatus" width="130" align="right"/> <el-table-column prop="operatingIncome" label="营业收入（亿元）" :formatter="formatStatus" width="130" align="right"/>
<el-table-column prop="belongNetProfit" label="归母净利润（亿元）" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="belongNetProfit" label="归母净利润（亿元）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="roe" label="净资产收益率（%）" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="roe" label="净资产收益率（%）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="netOperatingCashFlow" label="经营现金流量净额（亿元）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="netOperatingCashFlow" label="经营现金流量净额（亿元）" :formatter="formatStatus" width="190" align="right"/>
<el-table-column prop="netFinancingCashFlow" label="筹资现金流量净额（亿元）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="netFinancingCashFlow" label="筹资现金流量净额（亿元）" :formatter="formatStatus" width="190" align="right"/>
<el-table-column prop="netInvestmentCashFlow" label="投资现金流量净额（亿元）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="netInvestmentCashFlow" label="投资现金流量净额（亿元）" :formatter="formatStatus" width="190" align="right"/>
<el-table-column prop="totalLiabilities" label="总负债（亿元）" :formatter="formatStatus" width="120" align="right"/> <el-table-column prop="totalLiabilities" label="总负债（亿元）" :formatter="formatStatus" width="120" align="right"/>
<el-table-column prop="uipInterestBearingDebt" label="有息债务（亿元）" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="uipInterestBearingDebt" label="有息债务（亿元）" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="econData002" label="有息债务/总负债（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData002" label="有息债务/总负债（%）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="tdr" label="资产负债率（%）" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="tdr" label="资产负债率（%）" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="ofcb" label="综合融资成本（%）" :formatter="formatStatus" width="150" align="right"/> <el-table-column prop="ofcb" label="综合融资成本（%）" :formatter="formatStatus" width="150" align="right"/>
<el-table-column prop="cashRatio" label="现金比率" :formatter="formatStatus" width="110" align="right"/> <el-table-column prop="cashRatio" label="现金比率（%）" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="cashFlowRatio" label="现金流量比率" :formatter="formatStatus" width="120" align="right"/> <el-table-column prop="cashFlowRatio" label="现金流量比率（%）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="cashDebtRatio" label="现金到期债务比" :formatter="formatStatus" width="120" align="right"/> <el-table-column prop="cashDebtRatio" label="现金到期债务比（%）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="creditBalance" label="授信余额（亿元）" :formatter="formatStatus" width="130" align="right"/> <el-table-column prop="creditBalance" label="授信余额（亿元）" :formatter="formatStatus" width="130" align="right"/>
<el-table-column prop="econData003" label="授信余额/全部债务（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData003" label="授信余额/全部债务（%）" :formatter="formatStatus" width="180" align="right"/>
<el-table-column prop="ebitdaIcr" label="EBITDA保障倍数" :formatter="formatStatus" width="150" align="right"/> <el-table-column prop="ebitdaIcr" label="EBITDA保障倍数" :formatter="formatStatus" width="150" align="right"/>
<el-table-column prop="ppnBalanceProp" label="私募债余额占比（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="ppnBalanceProp" label="私募债余额占比（%）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="econData004" label="一年内到期债权占比（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData004" label="一年内到期债权占比（%）" :formatter="formatStatus" width="180" align="right"/>
<el-table-column prop="econData005" label="债券余额/有息债务（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData005" label="债券余额/有息债务（%）" :formatter="formatStatus" width="180" align="right"/>
<el-table-column prop="loan" label="借款余额（亿元）" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="loan" label="借款余额（亿元）" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="econData006" label="借款/有息债务（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="econData006" label="借款/有息债务（%）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="nonStandardBalance" label="非标余额（亿元）" :formatter="formatStatus" width="140" align="right"/> <el-table-column prop="nonStandardBalance" label="非标余额（亿元）" :formatter="formatStatus" width="140" align="right"/>
<el-table-column prop="nonStandardRatio" label="非标余额/有息债务（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="nonStandardRatio" label="非标余额/有息债务（%）" :formatter="formatStatus" width="180" align="right"/>
<el-table-column prop="guaranteeAmount" label="对外担保金额（亿元）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="guaranteeAmount" label="对外担保金额（亿元）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="guaranteeRatio" label="对外担保比例（%）" :formatter="formatStatus" width="160" align="right"/> <el-table-column prop="guaranteeRatio" label="对外担保比例（%）" :formatter="formatStatus" width="160" align="right"/>
<el-table-column prop="developmentZone" label="所属开发区" :formatter="formatStatus" width="160" /> <el-table-column prop="developmentZone" label="所属开发区" :formatter="formatStatus" width="160" />
...@@ -430,6 +430,7 @@ export default { ...@@ -430,6 +430,7 @@ export default {
methods: { methods: {
scrolling() { scrolling() {
let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0] let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
// let scrollTop =window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop; // let scrollTop =window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop;
// if (scrollTop>368){ // if (scrollTop>368){
// let top = scrollTop-368 // let top = scrollTop-368
...@@ -830,7 +831,6 @@ export default { ...@@ -830,7 +831,6 @@ export default {
.content{ .content{
background: #ffffff; background: #ffffff;
padding: 16px; padding: 16px;
margin-bottom: 16px;
border-radius: 4px; border-radius: 4px;
.search{ .search{
margin-top: 22px; margin-top: 22px;
...@@ -859,8 +859,8 @@ export default { ...@@ -859,8 +859,8 @@ export default {
left: 0; left: 0;
z-index: 999; z-index: 999;
.item{ .item{
margin-bottom: 5px; /*margin-bottom: 5px;*/
/*display: flex;*/ display: flex;
/*align-items: center;*/ /*align-items: center;*/
font-size: 14px; font-size: 14px;
.wrap_label{ .wrap_label{
...@@ -868,12 +868,16 @@ export default { ...@@ -868,12 +868,16 @@ export default {
margin-right: 12px; margin-right: 12px;
line-height: 30px; line-height: 30px;
float: left; float: left;
width: 85px;
text-align: right;
} }
.item_ckquery{ .item_ckquery{
position: relative; position: relative;
width: 700px;
span{ span{
color: #232323; color: #232323;
padding: 5px 12px; padding: 2px 10px;
margin-bottom: 4px;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
margin-right: 8px; margin-right: 8px;
...@@ -906,39 +910,44 @@ export default { ...@@ -906,39 +910,44 @@ export default {
::v-deep .search-input{ ::v-deep .search-input{
/*::v-deep .el-input{*/ /*::v-deep .el-input{*/
width: 235px; width: 235px;
height: 32px; height: 30px;
.el-input__inner:focus{ border: 1px solid #e0e0e0;
border-color: #e0e0e0;
}
.el-input-group__prepend:first-child{
padding: 0;
background-color:#ffffff;
border-right: 0;
padding-left: 8px;
i{
color:#0081FF;
}
}
.el-input__inner{ .el-input__inner{
border-left: 0; height: 30px;
height: 32px; line-height: 30px;
line-height: 32px;
font-size: 12px; font-size: 12px;
padding-left: 8px; border: 0;
border-right: 0;
} }
.el-input__suffix{ .el-input__suffix{
margin-top: -1px; margin-top: -1px;
} }
.el-icon-search{
font-size: 14px;
line-height: 32px;
color:#0081FF;
margin-left: 6px;
margin-right: 4px;
}
.el-input__inner:focus{
/*border-color: #0081FF;*/
}
.el-input__inner:focus ~.el-input-group__append{
/*border: 1px solid #0081FF;*/
color: #ffffff;
background: #0081FF;
}
.el-input-group__append:last-child{ .el-input-group__append:last-child{
width: 60px; width: 60px;
padding: 0; padding: 0;
text-align: center; text-align: center;
background: #F5F5F5; background: #F5F5F5;
color:#0081FF; color:#0081FF;
border-left: 0; border-radius:0 2px 2px 0;
border-radius: 0; border: 0;
border-right: 0; &:hover{
color: #ffffff;
background: #0081FF;
}
} }
/*}*/ /*}*/
} }
...@@ -984,7 +993,6 @@ export default { ...@@ -984,7 +993,6 @@ export default {
overflow-y: clip; overflow-y: clip;
} }
th{ th{
font-size: 12px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
.el-table__fixed-header-wrapper th{ .el-table__fixed-header-wrapper th{
......
dsk-operate-ui/vue.config.js
View file @ 183dee16
...@@ -35,9 +35,9 @@ module.exports = { ...@@ -35,9 +35,9 @@ module.exports = {
// detail: https://cli.vuejs.org/config/#devserver-proxy // detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
// target: `http://47.104.91.229:9099/prod-api`, // target: `http://47.104.91.229:9099/prod-api`,
target: `http://192.168.0.165:9098`,//施 // target: `http://192.168.0.165:9098`,//施
// target: `http://192.168.60.6:9098`,//谭 // target: `http://192.168.60.6:9098`,//谭
// target: `http://139.9.157.49:9099`,//测试 target: `http://139.9.157.49:9099/prod-api`,//测试
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '' ['^' + process.env.VUE_APP_BASE_API]: ''
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment