|
|
@@ -13,7 +13,7 @@
|
|
|
menuIndex: '2',
|
|
|
subMenuIndex: '5',
|
|
|
legendIcon: legendIcon,
|
|
|
- legendTitle: legendTitle,
|
|
|
+ legendTitle: legendTitle
|
|
|
}"
|
|
|
/>
|
|
|
<div class="select-title">所属街道</div>
|
|
|
@@ -31,7 +31,7 @@
|
|
|
type: 'card',
|
|
|
title: streetSelectVal + '资源问题',
|
|
|
titleWidth: 40,
|
|
|
- boxWidth: '780',
|
|
|
+ boxWidth: '780'
|
|
|
}"
|
|
|
>
|
|
|
<template slot="top">
|
|
|
@@ -47,7 +47,7 @@
|
|
|
type: 'card',
|
|
|
title: '资金投入TOP10',
|
|
|
titleWidth: 85,
|
|
|
- boxWidth: '400',
|
|
|
+ boxWidth: '400'
|
|
|
}"
|
|
|
><template slot="top"><TopCard :dataSize="10" /></template
|
|
|
></MenuCard>
|
|
|
@@ -56,7 +56,7 @@
|
|
|
type: 'card',
|
|
|
title: '历年频发问题TOP10',
|
|
|
titleWidth: 85,
|
|
|
- boxWidth: '400',
|
|
|
+ boxWidth: '400'
|
|
|
}"
|
|
|
><template slot="top"><TopCard :dataSize="10" /></template
|
|
|
></MenuCard>
|
|
|
@@ -65,10 +65,7 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 综合分析 -->
|
|
|
- <ComprehensiveAnalysis
|
|
|
- id="ComprehensiveContainer"
|
|
|
- v-if="$ifMenu('3', '')"
|
|
|
- />
|
|
|
+ <ComprehensiveAnalysis id="ComprehensiveContainer" v-if="$ifMenu('3', '')" />
|
|
|
|
|
|
<!-- 法律法规 -->
|
|
|
<LawView id="LawContainer" v-if="$ifMenu('5', '1')" />
|
|
|
@@ -83,8 +80,7 @@
|
|
|
</div>
|
|
|
<!-- 左侧菜单列(较宽，两列) -- 疑点筛查 -->
|
|
|
<div id="leftMenusW">
|
|
|
- <MenuCard v-for="item in menus.leftW" :menuData="item" :key="item.title">
|
|
|
- </MenuCard>
|
|
|
+ <MenuCard v-for="item in menus.leftW" :menuData="item" :key="item.title"> </MenuCard>
|
|
|
</div>
|
|
|
<!-- 中部菜单列 -->
|
|
|
<div id="mainMenus">
|
|
|
@@ -129,7 +125,7 @@
|
|
|
boxHeight: '180',
|
|
|
menuIndex: '1',
|
|
|
legendIcon: legendIcon,
|
|
|
- legendTitle: legendTitle,
|
|
|
+ legendTitle: legendTitle
|
|
|
}"
|
|
|
/>
|
|
|
</div>
|
|
|
@@ -168,13 +164,7 @@ import Header from "@/components/layout/Header.vue";
|
|
|
import MenuCard from "@/components/layout/MenuCard";
|
|
|
import NewSelect from "@/components/common/NewSelect.vue";
|
|
|
import BarChart from "@/components/chart/BarChart.vue";
|
|
|
-import {
|
|
|
- street,
|
|
|
- streetLocation,
|
|
|
- soilData,
|
|
|
- waterData,
|
|
|
- forestryData,
|
|
|
-} from "@/config/common";
|
|
|
+import { street, streetLocation, soilData, waterData, forestryData } from "@/config/common";
|
|
|
import publicFun from "@/utils/publicFunction.js";
|
|
|
import TagCard from "@/components/common/TagCard";
|
|
|
import ChartCard from "@/components/common/ChartCard.vue";
|
|
|
@@ -209,7 +199,7 @@ export default {
|
|
|
Legend,
|
|
|
WholeProcessManagement,
|
|
|
FrequencyView,
|
|
|
- LawView,
|
|
|
+ LawView
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -217,7 +207,7 @@ export default {
|
|
|
type: "lr",
|
|
|
title: "林地面积",
|
|
|
value: 654,
|
|
|
- unit: "公顷",
|
|
|
+ unit: "公顷"
|
|
|
},
|
|
|
testTitle: "土地资源",
|
|
|
activeIndex: 1,
|
|
|
@@ -238,37 +228,37 @@ export default {
|
|
|
title: "基本农田面积",
|
|
|
value: 150,
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [100, 120, 150],
|
|
|
+ valueData: [100, 120, 150]
|
|
|
},
|
|
|
{
|
|
|
title: "储备土地面积",
|
|
|
value: 250,
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [2000, 220, 250],
|
|
|
+ valueData: [2000, 220, 250]
|
|
|
},
|
|
|
{
|
|
|
title: "减量化面积",
|
|
|
value: 350,
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [300, 20, 350],
|
|
|
+ valueData: [300, 20, 350]
|
|
|
},
|
|
|
{
|
|
|
title: "一般耕地面积",
|
|
|
value: 450,
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [40, 420, 450],
|
|
|
+ valueData: [40, 420, 450]
|
|
|
},
|
|
|
{
|
|
|
type: "tb",
|
|
|
title: "土地资源面积",
|
|
|
value: 172,
|
|
|
- unit: "公顷",
|
|
|
- },
|
|
|
- ],
|
|
|
+ unit: "公顷"
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
bottomSolt: {
|
|
|
- commonName: "ChartCard",
|
|
|
- },
|
|
|
+ commonName: "ChartCard"
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
type: "card",
|
|
|
@@ -286,7 +276,7 @@ export default {
|
|
|
value: 654,
|
|
|
unit: "条",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [40, 420, 654],
|
|
|
+ valueData: [40, 420, 654]
|
|
|
},
|
|
|
{
|
|
|
type: "tb",
|
|
|
@@ -294,7 +284,7 @@ export default {
|
|
|
value: 654,
|
|
|
unit: "条",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [400, 420, 654],
|
|
|
+ valueData: [400, 420, 654]
|
|
|
},
|
|
|
{
|
|
|
type: "tb",
|
|
|
@@ -302,13 +292,13 @@ export default {
|
|
|
value: 654,
|
|
|
unit: "条",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [400, 40, 654],
|
|
|
- },
|
|
|
- ],
|
|
|
+ valueData: [400, 40, 654]
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
bottomSolt: {
|
|
|
- commonName: "ChartCard",
|
|
|
- },
|
|
|
+ commonName: "ChartCard"
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
type: "card",
|
|
|
@@ -326,7 +316,7 @@ export default {
|
|
|
value: 654,
|
|
|
unit: "公顷",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [40, 420, 654],
|
|
|
+ valueData: [40, 420, 654]
|
|
|
},
|
|
|
{
|
|
|
type: "lr",
|
|
|
@@ -334,14 +324,14 @@ export default {
|
|
|
value: 654,
|
|
|
unit: "公顷",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [400, 420, 654],
|
|
|
- },
|
|
|
- ],
|
|
|
+ valueData: [400, 420, 654]
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
bottomSolt: {
|
|
|
- commonName: "ChartCard",
|
|
|
- },
|
|
|
- },
|
|
|
+ commonName: "ChartCard"
|
|
|
+ }
|
|
|
+ }
|
|
|
],
|
|
|
leftW: [
|
|
|
{
|
|
|
@@ -354,7 +344,7 @@ export default {
|
|
|
menuIndex: "2",
|
|
|
subMenuIndex: "1",
|
|
|
position: "left",
|
|
|
- gotoPageInfo: { index: "3", subIndex: "", name: "综合分析" },
|
|
|
+ gotoPageInfo: { index: "3", subIndex: "", name: "综合分析" }
|
|
|
},
|
|
|
{
|
|
|
type: "imageMenu",
|
|
|
@@ -366,7 +356,7 @@ export default {
|
|
|
menuIndex: "2",
|
|
|
subMenuIndex: "1",
|
|
|
position: "left",
|
|
|
- gotoPageInfo: { index: "3", subIndex: "", name: "综合分析" },
|
|
|
+ gotoPageInfo: { index: "3", subIndex: "", name: "综合分析" }
|
|
|
},
|
|
|
{
|
|
|
type: "imageMenu",
|
|
|
@@ -378,7 +368,7 @@ export default {
|
|
|
menuIndex: "2",
|
|
|
subMenuIndex: "1",
|
|
|
position: "left",
|
|
|
- gotoPageInfo: { index: "3", subIndex: "", name: "综合分析" },
|
|
|
+ gotoPageInfo: { index: "3", subIndex: "", name: "综合分析" }
|
|
|
},
|
|
|
{
|
|
|
type: "imageMenu",
|
|
|
@@ -390,8 +380,8 @@ export default {
|
|
|
menuIndex: "2",
|
|
|
subMenuIndex: "1",
|
|
|
position: "left",
|
|
|
- gotoPageInfo: { index: "3", subIndex: "", name: "综合分析" },
|
|
|
- },
|
|
|
+ gotoPageInfo: { index: "3", subIndex: "", name: "综合分析" }
|
|
|
+ }
|
|
|
],
|
|
|
main: [
|
|
|
{
|
|
|
@@ -402,8 +392,8 @@ export default {
|
|
|
boxBackground: "rgba(0,39,77,0.6)",
|
|
|
menuIndex: "1",
|
|
|
position: "top",
|
|
|
- minDomWidth: 1500,
|
|
|
- },
|
|
|
+ minDomWidth: 1500
|
|
|
+ }
|
|
|
],
|
|
|
right: [
|
|
|
{
|
|
|
@@ -422,13 +412,13 @@ export default {
|
|
|
value: 72,
|
|
|
unit: "万元",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [100, 120, 72],
|
|
|
- },
|
|
|
- ],
|
|
|
+ valueData: [100, 120, 72]
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
bottomSolt: {
|
|
|
- commonName: "ChartCard",
|
|
|
- },
|
|
|
+ commonName: "ChartCard"
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
type: "card",
|
|
|
@@ -446,7 +436,7 @@ export default {
|
|
|
value: 172,
|
|
|
unit: "个",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [40, 420, 172],
|
|
|
+ valueData: [40, 420, 172]
|
|
|
},
|
|
|
{
|
|
|
type: "tb",
|
|
|
@@ -454,7 +444,7 @@ export default {
|
|
|
value: 156,
|
|
|
unit: "个",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [400, 420, 156],
|
|
|
+ valueData: [400, 420, 156]
|
|
|
},
|
|
|
{
|
|
|
type: "tb",
|
|
|
@@ -462,13 +452,13 @@ export default {
|
|
|
value: 188,
|
|
|
unit: "个",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [100, 40, 188],
|
|
|
- },
|
|
|
- ],
|
|
|
+ valueData: [100, 40, 188]
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
bottomSolt: {
|
|
|
- commonName: "ChartCard",
|
|
|
- },
|
|
|
+ commonName: "ChartCard"
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
type: "card",
|
|
|
@@ -477,7 +467,7 @@ export default {
|
|
|
menuIndex: "1",
|
|
|
position: "right",
|
|
|
minDomWidth: 1000,
|
|
|
- gotoPageInfo: { index: "5", subIndex: "2", name: "频发问题" },
|
|
|
+ gotoPageInfo: { index: "5", subIndex: "2", name: "频发问题" }
|
|
|
},
|
|
|
{
|
|
|
type: "card",
|
|
|
@@ -496,13 +486,13 @@ export default {
|
|
|
value: 72,
|
|
|
unit: "个",
|
|
|
categoryData: ["2019", "2020", "2021"],
|
|
|
- valueData: [100, 120, 72],
|
|
|
- },
|
|
|
- ],
|
|
|
+ valueData: [100, 120, 72]
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
bottomSolt: {
|
|
|
- commonName: "ChartCard",
|
|
|
- },
|
|
|
+ commonName: "ChartCard"
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
type: "card",
|
|
|
@@ -511,59 +501,59 @@ export default {
|
|
|
menuIndex: "2",
|
|
|
subMenuIndex: "1",
|
|
|
position: "right",
|
|
|
- minDomWidth: 1200,
|
|
|
- },
|
|
|
- ],
|
|
|
+ minDomWidth: 1200
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
// 首页饼图相关
|
|
|
buttonData: ["A", "B", "C"],
|
|
|
legendTitle: [
|
|
|
{
|
|
|
name: "A类",
|
|
|
- info: "耕地林地总和占镇域面积约 45%以上,或超过3000公顷",
|
|
|
+ info: "耕地林地总和占镇域面积约 45%以上,或超过3000公顷"
|
|
|
},
|
|
|
{
|
|
|
name: "B类",
|
|
|
- info: "有一定的自然资源资产(耕地林地总和 900-3000公项)",
|
|
|
+ info: "有一定的自然资源资产(耕地林地总和 900-3000公项)"
|
|
|
},
|
|
|
{
|
|
|
name: "C类",
|
|
|
- info: "自然资源资产较少(耕地林地总和低于 900公项)",
|
|
|
- },
|
|
|
+ info: "自然资源资产较少(耕地林地总和低于 900公项)"
|
|
|
+ }
|
|
|
],
|
|
|
// legendData: ["#E565FF", "#0055FF", "#00FFD5"],
|
|
|
legendIcon: [
|
|
|
{
|
|
|
background: "#E565FF",
|
|
|
- border: "none",
|
|
|
+ border: "none"
|
|
|
},
|
|
|
{
|
|
|
background: "#0055FF",
|
|
|
- border: "none",
|
|
|
+ border: "none"
|
|
|
},
|
|
|
{
|
|
|
background: "#00FFD5",
|
|
|
- border: "none",
|
|
|
- },
|
|
|
+ border: "none"
|
|
|
+ }
|
|
|
],
|
|
|
btnChecked: "A",
|
|
|
AData: {
|
|
|
soil: [],
|
|
|
water: [],
|
|
|
forestry: [],
|
|
|
- categoryData: [],
|
|
|
+ categoryData: []
|
|
|
},
|
|
|
BData: {
|
|
|
soil: [],
|
|
|
water: [],
|
|
|
forestry: [],
|
|
|
- categoryData: [],
|
|
|
+ categoryData: []
|
|
|
},
|
|
|
CData: {
|
|
|
soil: [],
|
|
|
water: [],
|
|
|
forestry: [],
|
|
|
- categoryData: [],
|
|
|
+ categoryData: []
|
|
|
},
|
|
|
streetSelectVal: "浦东新区",
|
|
|
streetOptions: [],
|
|
|
@@ -572,17 +562,18 @@ export default {
|
|
|
{ name: "土地资源问题", num: 67 },
|
|
|
{ name: "水资源问题", num: 37 },
|
|
|
{ name: "林地资源问题", num: 60 },
|
|
|
- { name: "生态资源问题", num: 55 },
|
|
|
+ { name: "生态资源问题", num: 55 }
|
|
|
],
|
|
|
// 综合分析
|
|
|
analysis: {
|
|
|
- searchInput: "",
|
|
|
- },
|
|
|
+ searchInput: ""
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
navSelect: function (data) {
|
|
|
this.$store.commit("changeNavSelect", data);
|
|
|
+ this.$store.commit("changeBackMenu", {});
|
|
|
},
|
|
|
clickEvent(type) {
|
|
|
this.btnChecked = type;
|
|
|
@@ -615,7 +606,7 @@ export default {
|
|
|
// 镇域专题下拉框
|
|
|
specialTownSelect(val) {
|
|
|
this.$refs.mapLoaderRef.setView(streetLocationMap.get(val), 11);
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
created() {
|
|
|
// 目录
|
|
|
@@ -630,19 +621,10 @@ export default {
|
|
|
let CDataArr = [];
|
|
|
// 街道排序
|
|
|
for (let i in category) {
|
|
|
- let ADataSum =
|
|
|
- soilData[category[i]].A +
|
|
|
- waterData[category[i]].A +
|
|
|
- forestryData[category[i]].A;
|
|
|
- let BDataSum =
|
|
|
- soilData[category[i]].B +
|
|
|
- waterData[category[i]].B +
|
|
|
- forestryData[category[i]].B;
|
|
|
+ let ADataSum = soilData[category[i]].A + waterData[category[i]].A + forestryData[category[i]].A;
|
|
|
+ let BDataSum = soilData[category[i]].B + waterData[category[i]].B + forestryData[category[i]].B;
|
|
|
|
|
|
- let CDataSum =
|
|
|
- soilData[category[i]].C +
|
|
|
- waterData[category[i]].C +
|
|
|
- forestryData[category[i]].C;
|
|
|
+ let CDataSum = soilData[category[i]].C + waterData[category[i]].C + forestryData[category[i]].C;
|
|
|
ADataArr.push({ name: category[i], sum: ADataSum });
|
|
|
BDataArr.push({ name: category[i], sum: BDataSum });
|
|
|
CDataArr.push({ name: category[i], sum: CDataSum });
|
|
|
@@ -653,21 +635,21 @@ export default {
|
|
|
CDataArr.sort(publicFun.compare("sum"));
|
|
|
|
|
|
// 按A,B,C分出各自资源的排序数组
|
|
|
- ADataArr.forEach((item) => {
|
|
|
+ ADataArr.forEach(item => {
|
|
|
this.AData.soil.push(soilData[item.name].A);
|
|
|
this.AData.water.push(waterData[item.name].A);
|
|
|
this.AData.forestry.push(forestryData[item.name].A);
|
|
|
this.AData.categoryData.push(item.name);
|
|
|
});
|
|
|
|
|
|
- BDataArr.forEach((item) => {
|
|
|
+ BDataArr.forEach(item => {
|
|
|
this.BData.soil.push(soilData[item.name].B);
|
|
|
this.BData.water.push(waterData[item.name].B);
|
|
|
this.BData.forestry.push(forestryData[item.name].B);
|
|
|
this.BData.categoryData.push(item.name);
|
|
|
});
|
|
|
|
|
|
- CDataArr.forEach((item) => {
|
|
|
+ CDataArr.forEach(item => {
|
|
|
this.CData.soil.push(soilData[item.name].C);
|
|
|
this.CData.water.push(waterData[item.name].C);
|
|
|
this.CData.forestry.push(forestryData[item.name].C);
|
|
|
@@ -683,10 +665,10 @@ export default {
|
|
|
for (let key in street) {
|
|
|
this.streetOptions.push({
|
|
|
value: street[key],
|
|
|
- label: street[key],
|
|
|
+ label: street[key]
|
|
|
});
|
|
|
}
|
|
|
- },
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
@@ -964,22 +946,14 @@ export default {
|
|
|
transform: translate(-50%, -50%) rotate(45deg);
|
|
|
width: 110px;
|
|
|
height: 100px;
|
|
|
- background: linear-gradient(to left, @commonBorderColor, @commonBorderColor)
|
|
|
- left top no-repeat,
|
|
|
- linear-gradient(to bottom, @commonBorderColor, @commonBorderColor) left
|
|
|
- top no-repeat,
|
|
|
- linear-gradient(to left, @commonBorderColor, @commonBorderColor) right top
|
|
|
- no-repeat,
|
|
|
- linear-gradient(to bottom, @commonBorderColor, @commonBorderColor) right
|
|
|
- top no-repeat,
|
|
|
- linear-gradient(to left, @commonBorderColor, @commonBorderColor) left
|
|
|
- bottom no-repeat,
|
|
|
- linear-gradient(to bottom, @commonBorderColor, @commonBorderColor) left
|
|
|
- bottom no-repeat,
|
|
|
- linear-gradient(to left, @commonBorderColor, @commonBorderColor) right
|
|
|
- bottom no-repeat,
|
|
|
- linear-gradient(to left, @commonBorderColor, @commonBorderColor) right
|
|
|
- bottom no-repeat;
|
|
|
+ background: linear-gradient(to left, @commonBorderColor, @commonBorderColor) left top no-repeat,
|
|
|
+ linear-gradient(to bottom, @commonBorderColor, @commonBorderColor) left top no-repeat,
|
|
|
+ linear-gradient(to left, @commonBorderColor, @commonBorderColor) right top no-repeat,
|
|
|
+ linear-gradient(to bottom, @commonBorderColor, @commonBorderColor) right top no-repeat,
|
|
|
+ linear-gradient(to left, @commonBorderColor, @commonBorderColor) left bottom no-repeat,
|
|
|
+ linear-gradient(to bottom, @commonBorderColor, @commonBorderColor) left bottom no-repeat,
|
|
|
+ linear-gradient(to left, @commonBorderColor, @commonBorderColor) right bottom no-repeat,
|
|
|
+ linear-gradient(to left, @commonBorderColor, @commonBorderColor) right bottom no-repeat;
|
|
|
background-size: 6px 6px, 6px 6px, 6px 6px, 6px 6px;
|
|
|
}
|
|
|
}
|
DESKTOP-6LTVLN7\Liumouren