Skip to content

D
dsk-cr20g
Commit 9ccf7c3a authored by danfuman's avatar danfuman
Browse files
Options

修改

parent 617bcb01
Show whitespace changes
Inline Side-by-side
Showing with 268 additions and 331 deletions
dsk-operate-ui/package.json
View file @ 9ccf7c3a
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
"nprogress": "0.2.0", "nprogress": "0.2.0",
"quill": "1.3.7", "quill": "1.3.7",
"screenfull": "5.0.2", "screenfull": "5.0.2",
"sortablejs": "1.10.2", "sortablejs": "^1.15.0",
"vue": "2.6.12", "vue": "2.6.12",
"vue-count-to": "1.0.13", "vue-count-to": "1.0.13",
"vue-cropper": "0.5.5", "vue-cropper": "0.5.5",
......
dsk-operate-ui/src/assets/styles/index.scss
View file @ 9ccf7c3a
...@@ -364,7 +364,10 @@ ul, li { ...@@ -364,7 +364,10 @@ ul, li {
background: #DCEBFF; background: #DCEBFF;
} }
.el-table__fixed{ .el-table__fixed{
bottom:0 !important; //bottom:0 !important;
.el-table__body{
padding-bottom:16px;
}
tr:nth-child(2n){ tr:nth-child(2n){
background-color: #F8FBFF; background-color: #F8FBFF;
} }
......
dsk-operate-ui/src/views/index.vue
View file @ 9ccf7c3a
...@@ -422,7 +422,6 @@ export default { ...@@ -422,7 +422,6 @@ export default {
cbxmzs:'193', cbxmzs:'193',
cbxmzje:'123', cbxmzje:'123',
}, },
], ],
gjjlData:[ gjjlData:[
{ {
...@@ -672,7 +671,6 @@ export default { ...@@ -672,7 +671,6 @@ export default {
global: false global: false
} }
}, },
}, },
{ {
data: this.jyfxData1.map(item => item.dcjzje), data: this.jyfxData1.map(item => item.dcjzje),
......
dsk-operate-ui/src/views/macro/enterprises/index.vue
View file @ 9ccf7c3a
...@@ -31,6 +31,7 @@ ...@@ -31,6 +31,7 @@
element-loading-text="Loading" element-loading-text="Loading"
border border
fit fit
height="640"
@sort-change="sortChange" @sort-change="sortChange"
highlight-current-row highlight-current-row
v-if="tableDataTotal > 0 && !isSkeleton" v-if="tableDataTotal > 0 && !isSkeleton"
......
dsk-operate-ui/src/views/macro/nationalEconomies/component/qgjjdq.vue
View file @ 9ccf7c3a
...@@ -36,6 +36,7 @@ ...@@ -36,6 +36,7 @@
element-loading-text="Loading" element-loading-text="Loading"
@sort-change="sortChange" @sort-change="sortChange"
border border
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'}"
...@@ -153,22 +154,12 @@ ...@@ -153,22 +154,12 @@
this.getYears() this.getYears()
}, },
mounted() { mounted() {
// window.addEventListener("scroll",this.scrolling)
}, },
beforeDestroy() { beforeDestroy() {
// window.removeEventListener("scroll", this.scrolling);
}, },
methods: { methods: {
scrolling() {
// let el = document.getElementsByClassName("el-table__fixed-header-wrapper")[0]
// let scrollTop =window.pageYOffset ||document.documentElement.scrollTop ||document.body.scrollTop;
// if (scrollTop>138){
// let top = scrollTop-138
// el.style.top = top+'px'
// }else{
// el.style.top = 0
// }
},
getYears(){ getYears(){
getYears({}).then(res => { getYears({}).then(res => {
this.yearOptions=res.data.reverse(); this.yearOptions=res.data.reverse();
......
dsk-operate-ui/src/views/macro/nationalEconomies/component/tdjy.vue
View file @ 9ccf7c3a
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<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 v-model="years" multiple collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small"> <el-select v-model="years" @change="handleYears(1)" multiple collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small">
<el-option v-for="(item, index) in yearOptions" :key="index" :label="item" :value="item" /> <el-option v-for="(item, index) in yearOptions" :key="index" :label="item" :value="item" />
</el-select> </el-select>
</div> </div>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<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 v-model="years1" multiple collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small"> <el-select v-model="years1" @change="handleYears(2)" multiple collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small">
<el-option v-for="(item, index) in yearOptions" :key="index" :label="item" :value="item" /> <el-option v-for="(item, index) in yearOptions" :key="index" :label="item" :value="item" />
</el-select> </el-select>
</div> </div>
...@@ -75,16 +75,16 @@ ...@@ -75,16 +75,16 @@
<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>
<el-select @change="handleSearch" style="margin-right: 8px" v-model="address" multiple collapse-tags filterable class="form-content-width" placeholder="地区筛选" :popper-append-to-body='false' size="small"> <el-select @change="handleYears(3)" style="margin-right: 8px" v-model="address" multiple 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="years2" multiple collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small"> <el-select v-model="years2" @change="handleYears(3)" multiple collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small">
<el-option v-for="(item, index) in yearOptions" :key="index" :label="item" :value="item" /> <el-option v-for="(item, index) in yearOptions" :key="index" :label="item" :value="item" />
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="content_box"> <div class="content_box">
<div class="box-left"> <div class="box-left" style="width: 60%;">
<div id="echarts3" style="height: 300px"></div> <div id="echarts3" style="height: 300px"></div>
</div> </div>
<div class="box-right"> <div class="box-right">
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
</div> </div>
</div> </div>
<div class="content_box"> <div class="content_box">
<div class="box-left"> <div class="box-left" style="width: 60%;">
<div id="echarts4" style="height: 300px"></div> <div id="echarts4" style="height: 300px"></div>
</div> </div>
<div class="box-right"> <div class="box-right">
...@@ -158,14 +158,16 @@ export default { ...@@ -158,14 +158,16 @@ export default {
myChart4:'', myChart4:'',
addressList:[], addressList:[],
address:[], address:[],
years:['2023'], years:[2023],
years1:['2023'], years1:[2023],
years2:['2022'], years2:[2023],
yearOptions:[], yearOptions:[],
gyfsList:[], gyfsList:[],
tdytList:[], tdytList:[],
topList:[], topList:[],
nftjList:[], nftjList:[],
typeName:['住宅用地','工业用地','城镇住宅用地','其他商服用地','公共设施用地','公路用地','城镇村道路用地','公园与绿地',
'工矿仓储用地','零售商业用地','科研用地','街巷用地','机关团体用地','商服用地','商务金融用地']
} }
}, },
created() { created() {
...@@ -175,13 +177,9 @@ export default { ...@@ -175,13 +177,9 @@ export default {
this.getCountLandMarketByTypeTd() this.getCountLandMarketByTypeTd()
this.getCountLandMarketByProvince() this.getCountLandMarketByProvince()
this.getCountLandMarketByYear() this.getCountLandMarketByYear()
window.addEventListener("resize", this.resizeEcharts);
}, },
beforeDestroy(){ beforeDestroy(){
window.removeEventListener("resize", this.resizeEcharts);
},
activated() {
this.resizeEcharts()
}, },
methods: { methods: {
getCountLandMarketByType(){ getCountLandMarketByType(){
...@@ -202,7 +200,7 @@ export default { ...@@ -202,7 +200,7 @@ export default {
countLandMarketByType({type:'土地用途',yearStr:this.years1.join(",")}).then(res => { countLandMarketByType({type:'土地用途',yearStr:this.years1.join(",")}).then(res => {
this.tdytList=res.data.provinceDate; this.tdytList=res.data.provinceDate;
var list=[]; var list=[];
for(var i=0;i<res.data.provinceDate.length;i++){ for(var i=0;i<10;i++){
var obj={}; var obj={};
obj.name=res.data.provinceDate[i].type; obj.name=res.data.provinceDate[i].type;
obj.value=res.data.provinceDate[i].count; obj.value=res.data.provinceDate[i].count;
...@@ -221,26 +219,45 @@ export default { ...@@ -221,26 +219,45 @@ export default {
} }
countLandMarketByProvince(params).then(res => { countLandMarketByProvince(params).then(res => {
this.topList=res.data.provinceDate; this.topList=res.data.provinceDate;
this.initChart3() var list=[];
if(res.data.provinceDate){
for(var i=0;i<res.data.provinceDate.length;i++){
var obj={};
obj.province=res.data.provinceDate[i].province;
obj.value=res.data.provinceDate[i].count;
obj.rate=res.data.provinceDate[i].rate;
obj.typeList=res.data.provinceDate[i].typeList
list.push(obj)
}
this.$nextTick(() => {
this.initChart3(list)
})
}
}) })
}, },
getCountLandMarketByYear(){ getCountLandMarketByYear(){
countLandMarketByYear().then(res => { countLandMarketByYear().then(res => {
this.nftjList=res.data.yearDate; this.nftjList=res.data.yearDate;
// var list=[]; console.log(this.nftjList)
// for(var i=0;i<res.data.provinceDate.length;i++){ var list=[];
// var obj={}; if(res.data.yearDate){
// obj.name=res.data.provinceDate[i].type; for(var i=0;i<res.data.yearDate.length;i++){
// obj.value=res.data.provinceDate[i].count; var obj={};
// obj.rate=res.data.provinceDate[i].rate; obj.type=res.data.yearDate[i].type;
// list.push(obj) obj.value=res.data.yearDate[i].count;
// } obj.rate=res.data.yearDate[i].rate;
// this.initChart2(list) obj.typeList=res.data.yearDate[i].typeList
list.push(obj)
}
this.$nextTick(() => {
this.initChart4(list)
})
}
}) })
}, },
initChart1(data) { initChart1(data) {
this.$nextTick(() => { this.$nextTick(() => {
this.myChart1 = echarts.init(document.getElementById("echarts1")) let myChart = echarts.init(document.getElementById("echarts1"))
let option ={ let option ={
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
...@@ -280,12 +297,15 @@ export default { ...@@ -280,12 +297,15 @@ export default {
} }
] ]
} }
this.myChart1.setOption(option); myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
}) })
}, },
initChart2(data) { initChart2(data) {
this.$nextTick(() => { this.$nextTick(() => {
this.myChart2 = echarts.init(document.getElementById("echarts2")) let myChart = echarts.init(document.getElementById("echarts2"))
let option ={ let option ={
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
...@@ -325,20 +345,92 @@ export default { ...@@ -325,20 +345,92 @@ export default {
} }
] ]
} }
this.myChart2.setOption(option); myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
}) })
}, },
initChart3() { initChart3(data) {
console.log(this.topList)
this.$nextTick(() => { this.$nextTick(() => {
this.myChart3 = echarts.init(document.getElementById("echarts3")) // console.log(typeList)
let option ={ let myChart = echarts.init(document.getElementById("echarts3"))
legend: { let seriesData=[]
x:'right', let color=['#FFE48A', '#FFB8AD', '#FFD7AD', '#A9F1E5', '#D0FAB7', '#ADC0FF', '#81D5BC', '#67B3FD', '#BEECFF', '#E9C8FF'];
padding:[3,120,0,0], let typeNameList=data[0].typeList.map(item => item.type);
itemHeight:8, let item={}
itemWidth:16, for(var i=0; i<data.length; i++){
for(var j=0; j<data[i].typeList.length; j++){
item[typeNameList[j]] = [];
}
}
for(var i=0; i<data.length; i++) {
for (var j = 0; j < data[i].typeList.length; j++) {
if(data[i].typeList[j].type === typeNameList[0]){
item[typeNameList[0]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[1]){
item[typeNameList[1]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[2]){
item[typeNameList[2]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[3]){
item[typeNameList[3]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[4]){
item[typeNameList[4]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[5]){
item[typeNameList[5]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[6]){
item[typeNameList[6]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[7]){
item[typeNameList[7]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[8]){
item[typeNameList[8]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[9]){
item[typeNameList[9]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[10]){
item[typeNameList[10]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[11]){
item[typeNameList[11]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[12]){
item[typeNameList[12]].push(data[i].typeList[j].count)
}
}
}
for(var i=0; i<typeNameList.length; i++) {
seriesData.push({
name:typeNameList[i],
smooth: false, //平滑
type:"line",
symbolSize: 6, //折线拐点大小
itemStyle: {
normal: {
color: color[i], //图例颜色
borderWidth: 4,
borderColor: color[i],
lineStyle: { color: color[i], width: 2 }
}
}, },
data:item[typeNameList[i]],
});
}
let option ={
// legend: {
// left: "center",
// bottom: 0,
// itemHeight:8,
// itemWidth:16,
// },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
...@@ -351,67 +443,109 @@ export default { ...@@ -351,67 +443,109 @@ export default {
xAxis: { xAxis: {
type: 'category', type: 'category',
boundaryGap: false, boundaryGap: false,
data: this.jyfxData, axisLabel: {
show: true,
interval: 0
},
data: data.map(item => item.province),
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
}, },
grid: { grid: {
top:40, top:30,
left:30, left:50,
right:10, right:20,
bottom:20, bottom:60,
}, },
series: [ color:['#FFE48A', '#FFB8AD', '#FFD7AD', '#A9F1E5', '#D0FAB7', '#ADC0FF', '#81D5BC', '#67B3FD', '#BEECFF', '#E9C8FF'],
{ series: seriesData
data: this.topList.map(item => item.count),
name:this.topList.map(item => item.province),
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#81D4BC",
},
itemStyle:{
color: "#81D4BC",
},
//设置面积区域为渐变效果
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(189, 249, 232, 1)'
}, {
offset: 1, color: 'rgba(189, 249, 232, 0)'
} ],
global: false
}
},
},
]
} }
this.myChart3.setOption(option); myChart.setOption(option);
window.addEventListener("resize", function () {
myChart.resize();//图表跟随页面大小变化宽度
});
}) })
}, },
initChart4() { initChart4(data) {
this.$nextTick(() => { this.$nextTick(() => {
this.myChart4 = echarts.init(document.getElementById("echarts4")) let myChart = echarts.init(document.getElementById("echarts4"))
let option ={ let seriesData=[]
legend: { let color=['#FFE48A', '#FFB8AD', '#FFD7AD', '#A9F1E5', '#D0FAB7', '#ADC0FF', '#81D5BC', '#67B3FD', '#BEECFF', '#E9C8FF'];
x:'right', let typeNameList=data[0].typeList.map(item => item.type);
padding:[3,120,0,0], let item={}
itemHeight:8, for(var i=0; i<data.length; i++){
itemWidth:16, for(var j=0; j<data[i].typeList.length; j++){
item[typeNameList[j]] = [];
}
}
for(var i=0; i<data.length; i++) {
for (var j = 0; j < data[i].typeList.length; j++) {
if(data[i].typeList[j].type === typeNameList[0]){
item[typeNameList[0]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[1]){
item[typeNameList[1]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[2]){
item[typeNameList[2]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[3]){
item[typeNameList[3]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[4]){
item[typeNameList[4]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[5]){
item[typeNameList[5]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[6]){
item[typeNameList[6]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[7]){
item[typeNameList[7]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[8]){
item[typeNameList[8]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[9]){
item[typeNameList[9]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[10]){
item[typeNameList[10]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[11]){
item[typeNameList[11]].push(data[i].typeList[j].count)
}
if(data[i].typeList[j].type === typeNameList[12]){
item[typeNameList[12]].push(data[i].typeList[j].count)
}
}
}
for(var i=0; i<typeNameList.length; i++) {
seriesData.push({
name:typeNameList[i],
smooth: false, //平滑
type:"line",
symbolSize: 6, //折线拐点大小
itemStyle: {
normal: {
color: color[i], //图例颜色
borderWidth: 4,
borderColor: color[i],
lineStyle: { color: color[i], width: 2 }
}
}, },
data:item[typeNameList[i]],
});
}
let option ={
// legend: {
// left: "center",
// bottom: 0,
// itemHeight:8,
// itemWidth:16,
// },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
...@@ -424,226 +558,28 @@ export default { ...@@ -424,226 +558,28 @@ export default {
xAxis: { xAxis: {
type: 'category', type: 'category',
boundaryGap: false, boundaryGap: false,
data: this.jyfxData, axisLabel: {
show: true,
interval: 0
},
data: data.map(item => item.type),
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
}, },
grid: { grid: {
top:40, top:30,
left:30, left:50,
right:10, right:20,
bottom:20, bottom:60,
},
series: [
{
data: this.nftjList.map(item => item.type),
name:'待成交项目数',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#81D4BC",
},
itemStyle:{
color: "#81D4BC",
},
//设置面积区域为渐变效果
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(189, 249, 232, 1)'
}, {
offset: 1, color: 'rgba(189, 249, 232, 0)'
} ],
global: false
}
}, },
color:['#FFE48A', '#FFB8AD', '#FFD7AD', '#A9F1E5', '#D0FAB7', '#ADC0FF', '#81D5BC', '#67B3FD', '#BEECFF', '#E9C8FF'],
}, series: seriesData
{
data: this.jyfxData1.map(item => item.dcjzje),
name:'待成交总金额',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#9EE474",
},
itemStyle:{
color: "#9EE474",
},
//设置面积区域为渐变效果
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(208, 250, 183, 1)'
}, {
offset: 1, color: 'rgba(208, 250, 183, 0)'
} ],
global: false
} }
}, myChart.setOption(option);
}, window.addEventListener("resize", function () {
{ myChart.resize();//图表跟随页面大小变化宽度
data: this.jyfxData1.map(item => item.cjxmje), });
name:'成交项目金额',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#E1B3FF",
},
itemStyle:{
color: "#E1B3FF",
},
//设置面积区域为渐变效果
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(233, 200, 255, 1)'
}, {
offset: 1, color: 'rgba(233, 200, 255, 0)'
} ],
global: false
}
},
},
{
data: this.jyfxData1.map(item => item.cjxmzs),
name:'成交项目总数',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#ADC0FF",
},
itemStyle:{
color: "#ADC0FF",
},
//设置面积区域为渐变效果
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(173, 192, 255, 1)'
}, {
offset: 1, color: 'rgba(173, 192, 255, 0)'
} ],
global: false
}
},
},
{
data: this.jyfxData1.map(item => item.cbxmzs),
name:'储备项目总数',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#67B3FD",
},
itemStyle:{
color: "#67B3FD",
},
//设置面积区域为渐变效果
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(192, 224, 255, 1)'
}, {
offset: 1, color: 'rgba(192, 224, 255, 0)'
} ],
global: false
}
},
},
{
data: this.jyfxData1.map(item => item.cbxmzje),
name:'储备项目总金额',
type: 'line',
smooth: true,
emphasis: {
disabled: true,
focus: 'none'
},
//设置折线颜色和粗细
lineStyle: {
width: 2,
color: "#BEECFF",
},
itemStyle:{
color: "#BEECFF",
},
//设置面积区域为渐变效果
areaStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(165, 229, 255, 1)'
}, {
offset: 1, color: 'rgba(165, 229, 255, 0)'
} ],
global: false
}
},
},
]
}
this.myChart4.setOption(option);
}) })
}, },
//地区 //地区
...@@ -664,6 +600,19 @@ export default { ...@@ -664,6 +600,19 @@ export default {
} }
this.addressList = str; this.addressList = str;
}, },
handleYears(key){
switch (key) {
case 1:
this.getCountLandMarketByType()
break;
case 2:
this.getCountLandMarketByTypeTd()
break;
case 3:
this.getCountLandMarketByProvince()
break;
}
},
handleSearch(){ handleSearch(){
// console.log(this.address) // console.log(this.address)
}, },
...@@ -677,15 +626,6 @@ export default { ...@@ -677,15 +626,6 @@ export default {
} }
this.yearOptions=Years.reverse() this.yearOptions=Years.reverse()
}, },
resizeEcharts (){
const self = this
setTimeout(function(){ //图表跟随页面大小变化宽度
self.myChart1.resize()
self.myChart2.resize()
// self.myChart3.resize()
// self.myChart4.resize()
}, 10)
},
formatStatus: function(row, column, cellValue) { formatStatus: function(row, column, cellValue) {
return cellValue? cellValue : '-' return cellValue? cellValue : '-'
}, },
......
dsk-operate-ui/src/views/macro/nationalEconomies/component/zhaobiao.vue
View file @ 9ccf7c3a
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
</div> </div>
<div class="table-item"> <div class="table-item">
<el-table <el-table
:data="tableData1" :data="dataList"
border border
height="430" height="430"
fit fit
...@@ -155,6 +155,7 @@ export default { ...@@ -155,6 +155,7 @@ export default {
}, },
], ],
tableData1:[], tableData1:[],
dataList:[],
dataSort:[ dataSort:[
{ {
label:'', label:'',
...@@ -234,13 +235,15 @@ export default { ...@@ -234,13 +235,15 @@ export default {
getDataByMonth(params){ getDataByMonth(params){
countGroupByMonth(params).then(res => { countGroupByMonth(params).then(res => {
this.tableData1=res.data; this.tableData1=res.data;
let companyValue1 = JSON.parse(JSON.stringify(this.tableData1)) this.dataList=res.data;
let arr = this.tableData1.sort((a, b) => { let dataList=res.data
let dataArr = JSON.parse(JSON.stringify(dataList))
let arr = dataList.sort((a, b) => {
return b.count - a.count return b.count - a.count
}) })
this.tableData1 = JSON.parse(JSON.stringify(companyValue1))
this.dataSort=arr; this.dataSort=arr;
this.initChart1() this.initChart1()
this.dataList = JSON.parse(JSON.stringify(dataArr))
}) })
}, },
initChart() { initChart() {
......
dsk-operate-ui/src/views/macro/urban/index.vue
View file @ 9ccf7c3a
...@@ -153,6 +153,7 @@ ...@@ -153,6 +153,7 @@
element-loading-text="Loading" element-loading-text="Loading"
@sort-change="sortChange" @sort-change="sortChange"
border border
height="640"
fit fit
highlight-current-row highlight-current-row
> >
......
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