Skip to content

M
mancheng_code
Commit 19a4f005 by heshihao
Options

feat: 指标分析修改

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