Skip to content

M
mancheng_code
Commit 19a4f005 by heshihao
Options

feat: 指标分析修改

parent 8d9d8ddf
Showing with 76 additions and 127 deletions
src/views/resources/page/page/type0.vue
<template>
<div class="main-chart">
<div>
<!-- <div>
<div class="chart-title">
<img src="~@/assets/images/project/icon-zhuzhuang.png" alt="" />
<span>项目签约金额完成情况（亿元）</span>
......@@ -9,15 +9,15 @@
<div class="chart-title chart-title-bottom">
<span>签约项目金额完成情况（{{ data_time }}）</span>
</div>
</div>
</div> -->
<div>
<div class="chart-title">
<img src="~@/assets/images/project/icon-zhuzhuang.png" alt="" />
<span>项目签约金额完成率（%）</span>
<span>项目签约金额完成情况（亿元，%）</span>
</div>
<div class="chart" ref="chart_bar2"></div>
<div class="chart-title chart-title-bottom">
<span>签约项目金额完成率情况（{{ data_time }}）</span>
<span>项目签约金额完成情况（亿元，%）（{{ data_time }}）</span>
</div>
</div>
</div>
......@@ -46,7 +46,7 @@ export default {
},
mounted() {
this.$nextTick(() => {
this.initChartBar1();
// this.initChartBar1();
this.initChartBar2();
this.getData();
});
......@@ -75,46 +75,15 @@ export default {
data2.map((item) => {
xData2.push(item.district_name);
item.name = item.district_name;
item.value = item.sign_finish_rate;
item.value = item.sign_money;
item.sign_finish_rate = item.sign_finish_rate;
// sign_target_money
return item;
});
console.log(data2);
this.chartBar1.setOption({
xAxis: {
data: [
"满城镇",
"南韩村镇",
"大册营镇",
"神星镇",
"方顺桥镇",
"于家庄乡",
"要庄乡",
"石井乡",
"坨南乡",
"刘家台乡",
"白龙乡",
],
},
series: {
data: data,
},
});
this.chartBar2.setOption({
xAxis: {
data: [
"满城镇",
"南韩村镇",
"大册营镇",
"神星镇",
"方顺桥镇",
"于家庄乡",
"要庄乡",
"石井乡",
"坨南乡",
"刘家台乡",
"白龙乡",
],
data: xData2,
},
series: {
data: data2,
......@@ -280,14 +249,15 @@ export default {
},
data: [],
},
yAxis: {
yAxis: [
{
name: "亿元",
type: "value",
axisLabel: {
show: true,
color: "#A9B0B9",
fontSize: 12,
},
// interval: 100, //每次增加几个
axisLine: {
show: true,
lineStyle: {
......@@ -298,12 +268,12 @@ export default {
splitLine: {
show: true,
lineStyle: {
// 使用深浅的间隔色
color: "#EEF3F8",
width: 1,
},
},
},
],
series: [
{
name: this.district,
......@@ -334,7 +304,7 @@ export default {
& > div {
box-sizing: border-box;
padding: 30px;
flex: 0 0 50%;
flex: 0 0 100%;
}
.chart-title {
height: 60px;
......
src/views/resources/page/page/type1.vue
<template>
<div class="main-chart">
<div>
<!-- <div>
<div class="chart-title">
<img src="~@/assets/images/project/icon-zhuzhuang.png" alt="" />
<span>新开工项目计划投资额（亿元）</span>
......@@ -9,15 +9,15 @@
<div class="chart-title chart-title-bottom">
<span>新开工项目计划投资额完成情况（{{ data_time }}）</span>
</div>
</div>
</div> -->
<div>
<div class="chart-title">
<img src="~@/assets/images/project/icon-zhuzhuang.png" alt="" />
<span>新开工项目计划投资额完成率（%）</span>
<span>新开工项目计划投资额完成情况（亿元，%）</span>
</div>
<div class="chart" ref="chart_bar2"></div>
<div class="chart-title chart-title-bottom">
<span>新开工项目计划投资额完成率情况（{{ data_time }}）</span>
<span>新开工项目计划投资额完成情况（亿元，%）（{{ data_time }}）</span>
</div>
</div>
</div>
......@@ -46,7 +46,7 @@ export default {
},
},
mounted() {
this.initChartBar1();
// this.initChartBar1();
this.initChartBar2();
this.getData();
},
......@@ -73,45 +73,33 @@ export default {
xData2.push(item.district_name);
item.name = item.district_name;
item.plan_finish_rate = item.plan_finish_rate;
item.value = item.plan_finish_rate;
item.value = item.plan_invest_money;
item.sign_finish_rate = item.sign_finish_rate;
return item;
});
console.log(data2);
this.chartBar1.setOption({
xAxis: {
data: [
"满城镇",
"南韩村镇",
"大册营镇",
"神星镇",
"方顺桥镇",
"于家庄乡",
"要庄乡",
"石井乡",
"坨南乡",
"刘家台乡",
"白龙乡",
],
},
series: {
data: data,
},
});
// this.chartBar1.setOption({
// xAxis: {
// data: [
// "满城镇",
// "南韩村镇",
// "大册营镇",
// "神星镇",
// "方顺桥镇",
// "于家庄乡",
// "要庄乡",
// "石井乡",
// "坨南乡",
// "刘家台乡",
// "白龙乡",
// ],
// },
// series: {
// data: data,
// },
// });
this.chartBar2.setOption({
xAxis: {
data: [
"满城镇",
"南韩村镇",
"大册营镇",
"神星镇",
"方顺桥镇",
"于家庄乡",
"要庄乡",
"石井乡",
"坨南乡",
"刘家台乡",
"白龙乡",
],
data: xData2,
},
series: {
data: data2,
......@@ -279,6 +267,7 @@ export default {
data: [],
},
yAxis: {
name: "亿元",
type: "value",
axisLabel: {
show: true,
......@@ -332,7 +321,7 @@ export default {
& > div {
box-sizing: border-box;
padding: 30px;
flex: 0 0 50%;
flex: 0 0 100%;
}
.chart-title {
height: 60px;
......
src/views/resources/page/page/type2.vue
<template>
<div class="main-chart">
<div>
<!-- <div>
<div class="chart-title">
<img src="~@/assets/images/project/icon-zhuzhuang.png" alt="" />
<span>固定资产投资项目资金到位（亿元）</span>
......@@ -9,15 +9,15 @@
<div class="chart-title chart-title-bottom">
<span>固定资产投资项目资金到位完成情况（{{ data_time }}）</span>
</div>
</div>
</div> -->
<div>
<div class="chart-title">
<img src="~@/assets/images/project/icon-zhuzhuang.png" alt="" />
<span>固定资产投资项目资金到位完成率（%）</span>
<span>固定资产投资项目资金到位额完成情况（亿元，%）</span>
</div>
<div class="chart" ref="chart_bar2"></div>
<div class="chart-title chart-title-bottom">
<span>固定资产投资项目资金到位完成率情况（{{ data_time }}）</span>
<span>固定资产投资项目资金到位额完成情况（亿元，%）（{{ data_time }}）</span>
</div>
</div>
</div>
......@@ -46,7 +46,7 @@ export default {
},
},
mounted() {
this.initChartBar1();
// this.initChartBar1();
this.initChartBar2();
this.getData();
},
......@@ -75,46 +75,35 @@ export default {
xData2.push(item.district_name);
item.name = item.district_name;
item.arrive_finish_rate = item.arrive_finish_rate;
item.value = item.arrive_finish_rate;
item.value = item.arrive_money;
item.sign_finish_rate = item.sign_finish_rate;
// sign_target_money
return item;
});
console.log(data2);
this.chartBar1.setOption({
xAxis: {
data: [
"满城镇",
"南韩村镇",
"大册营镇",
"神星镇",
"方顺桥镇",
"于家庄乡",
"要庄乡",
"石井乡",
"坨南乡",
"刘家台乡",
"白龙乡",
],
},
series: {
data: data,
},
});
// this.chartBar1.setOption({
// xAxis: {
// data: [
// "满城镇",
// "南韩村镇",
// "大册营镇",
// "神星镇",
// "方顺桥镇",
// "于家庄乡",
// "要庄乡",
// "石井乡",
// "坨南乡",
// "刘家台乡",
// "白龙乡",
// ],
// },
// series: {
// data: data,
// },
// });
this.chartBar2.setOption({
xAxis: {
data: [
"满城镇",
"南韩村镇",
"大册营镇",
"神星镇",
"方顺桥镇",
"于家庄乡",
"要庄乡",
"石井乡",
"坨南乡",
"刘家台乡",
"白龙乡",
],
data: xData2,
},
series: {
data: data2,
......@@ -283,6 +272,7 @@ export default {
},
yAxis: {
type: "value",
name: "亿元",
axisLabel: {
show: true,
color: "#A9B0B9",
......@@ -335,7 +325,7 @@ export default {
& > div {
box-sizing: border-box;
padding: 30px;
flex: 0 0 50%;
flex: 0 0 100%;
}
.chart-title {
height: 60px;
......
src/views/resources/page/target.vue
......@@ -2,7 +2,7 @@
<div class="portrait_body">
<div class="portrait_main">
<el-tabs v-model="activeName" @change="changeActiveName">
<el-tab-pane label="满城区指标排名情况" name="sheng"> </el-tab-pane>
<el-tab-pane label="保定市指标排名情况" name="sheng"> </el-tab-pane>
<!-- <el-tab-pane label="晋城市县（市、区）、开发区指标排名情况" name="shi"> </el-tab-pane> -->
<div class="content" v-if="activeName == 'sheng'">
<div class="card">
......
src/views/resources/resources.vue
......@@ -23,8 +23,8 @@
<span>项目管理</span>
</template>
<el-menu-item v-if="jc_pageList.includes('11')" index="account">项目台账</el-menu-item>
<el-menu-item v-if="jc_pageList.includes('12')" index="target">指标分析</el-menu-item>
<el-menu-item v-if="jc_pageList.includes('13')" index="analyse">项目分析</el-menu-item>
<el-menu-item v-if="jc_pageList.includes('12')" index="target">指标分析</el-menu-item>
</el-submenu>
</el-menu>
</div>
......
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