|
@@ -23,15 +23,10 @@
|
|
menuIndex: '2',
|
|
menuIndex: '2',
|
|
subMenuIndex: '5',
|
|
subMenuIndex: '5',
|
|
legendIcon: legendIcon,
|
|
legendIcon: legendIcon,
|
|
- legendTitle: legendTitle,
|
|
|
|
|
|
+ legendTitle: legendTitle
|
|
}"
|
|
}"
|
|
/>
|
|
/>
|
|
- <div
|
|
|
|
- class="select-title"
|
|
|
|
- :style="{ left: $ifMenu('2', '5') ? '20px' : 'calc(50% - 80px)' }"
|
|
|
|
- >
|
|
|
|
- 所属街道
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="select-title" :style="{ left: $ifMenu('2', '5') ? '20px' : 'calc(50% - 80px)' }">所属街道</div>
|
|
<NewSelect
|
|
<NewSelect
|
|
class="select-container"
|
|
class="select-container"
|
|
:style="{ left: $ifMenu('2', '5') ? '100px' : '50%' }"
|
|
:style="{ left: $ifMenu('2', '5') ? '100px' : '50%' }"
|
|
@@ -43,10 +38,7 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 综合分析 -->
|
|
<!-- 综合分析 -->
|
|
- <ComprehensiveAnalysis
|
|
|
|
- id="ComprehensiveContainer"
|
|
|
|
- v-show="$ifMenu('3', '')"
|
|
|
|
- />
|
|
|
|
|
|
+ <ComprehensiveAnalysis id="ComprehensiveContainer" v-show="$ifMenu('3', '')" />
|
|
|
|
|
|
<!-- 消息提醒 -->
|
|
<!-- 消息提醒 -->
|
|
<MessageList id="MessageListContainer" v-if="$ifMenu('6', '')" />
|
|
<MessageList id="MessageListContainer" v-if="$ifMenu('6', '')" />
|
|
@@ -70,8 +62,7 @@
|
|
</div>
|
|
</div>
|
|
<!-- 左侧菜单列(较宽,两列) -- 疑点筛查 -->
|
|
<!-- 左侧菜单列(较宽,两列) -- 疑点筛查 -->
|
|
<div id="leftMenusW" v-for="(item, index) in menus.leftW" :key="index">
|
|
<div id="leftMenusW" v-for="(item, index) in menus.leftW" :key="index">
|
|
- <MenuCard :menuData="item2" v-for="item2 in item" :key="item2.title">
|
|
|
|
- </MenuCard>
|
|
|
|
|
|
+ <MenuCard :menuData="item2" v-for="item2 in item" :key="item2.title"> </MenuCard>
|
|
</div>
|
|
</div>
|
|
<!-- 中部菜单列 -->
|
|
<!-- 中部菜单列 -->
|
|
<div id="mainMenus">
|
|
<div id="mainMenus">
|
|
@@ -84,11 +75,7 @@
|
|
@selectEvent="homeSelect"
|
|
@selectEvent="homeSelect"
|
|
v-if="$ifMenu('1', '')"
|
|
v-if="$ifMenu('1', '')"
|
|
/>
|
|
/>
|
|
- <div
|
|
|
|
- id="mainMenus_topRight"
|
|
|
|
- v-if="menus.main[0]"
|
|
|
|
- v-show="$ifMenu('1', '')"
|
|
|
|
- >
|
|
|
|
|
|
+ <div id="mainMenus_topRight" v-if="menus.main[0]" v-show="$ifMenu('1', '')">
|
|
<MenuCard :menuData="menus.main[0]">
|
|
<MenuCard :menuData="menus.main[0]">
|
|
<div class="bar-btn">
|
|
<div class="bar-btn">
|
|
<div
|
|
<div
|
|
@@ -121,35 +108,17 @@
|
|
boxHeight: '180',
|
|
boxHeight: '180',
|
|
menuIndex: '1',
|
|
menuIndex: '1',
|
|
legendIcon: legendIcon,
|
|
legendIcon: legendIcon,
|
|
- legendTitle: legendTitle,
|
|
|
|
|
|
+ legendTitle: legendTitle
|
|
}"
|
|
}"
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
<!-- 首页右侧菜单列 -->
|
|
<!-- 首页右侧菜单列 -->
|
|
- <div
|
|
|
|
- class="rightMenus"
|
|
|
|
- v-for="(item, index) in menus.right"
|
|
|
|
- :key="'rightBox' + index"
|
|
|
|
- >
|
|
|
|
- <MenuCard
|
|
|
|
- :menuData="item2"
|
|
|
|
- v-for="(item2, index2) in item"
|
|
|
|
- :key="'right' + index2"
|
|
|
|
- >
|
|
|
|
- </MenuCard>
|
|
|
|
|
|
+ <div class="rightMenus" v-for="(item, index) in menus.right" :key="'rightBox' + index">
|
|
|
|
+ <MenuCard :menuData="item2" v-for="(item2, index2) in item" :key="'right' + index2"> </MenuCard>
|
|
</div>
|
|
</div>
|
|
<!-- 首页右侧菜单列 -->
|
|
<!-- 首页右侧菜单列 -->
|
|
- <div
|
|
|
|
- class="rightMenusW"
|
|
|
|
- v-for="(item, index) in menus.rightW"
|
|
|
|
- :key="'rightBoxW' + index"
|
|
|
|
- >
|
|
|
|
- <MenuCard
|
|
|
|
- :menuData="item2"
|
|
|
|
- v-for="(item2, index2) in item"
|
|
|
|
- :key="'rightW' + index2"
|
|
|
|
- >
|
|
|
|
- </MenuCard>
|
|
|
|
|
|
+ <div class="rightMenusW" v-for="(item, index) in menus.rightW" :key="'rightBoxW' + index">
|
|
|
|
+ <MenuCard :menuData="item2" v-for="(item2, index2) in item" :key="'rightW' + index2"> </MenuCard>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -201,7 +170,7 @@ export default {
|
|
LawView,
|
|
LawView,
|
|
IndexSystem,
|
|
IndexSystem,
|
|
CapitalInput,
|
|
CapitalInput,
|
|
- MessageList,
|
|
|
|
|
|
+ MessageList
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -210,7 +179,7 @@ export default {
|
|
type: "lr",
|
|
type: "lr",
|
|
title: "林地面积",
|
|
title: "林地面积",
|
|
value: 654,
|
|
value: 654,
|
|
- unit: "公顷",
|
|
|
|
|
|
+ unit: "公顷"
|
|
},
|
|
},
|
|
testTitle: "土地资源",
|
|
testTitle: "土地资源",
|
|
activeIndex: 1,
|
|
activeIndex: 1,
|
|
@@ -219,38 +188,38 @@ export default {
|
|
left: [],
|
|
left: [],
|
|
leftW: [],
|
|
leftW: [],
|
|
main: [],
|
|
main: [],
|
|
- right: [],
|
|
|
|
|
|
+ right: []
|
|
},
|
|
},
|
|
// 首页饼图相关
|
|
// 首页饼图相关
|
|
buttonData: ["A", "B", "C"],
|
|
buttonData: ["A", "B", "C"],
|
|
legendTitle: [
|
|
legendTitle: [
|
|
{
|
|
{
|
|
name: "A类",
|
|
name: "A类",
|
|
- info: "耕地林地总和占镇域面积约 45%以上,或超过3000公顷",
|
|
|
|
|
|
+ info: "耕地林地总和占镇域面积约 45%以上,或超过3000公顷"
|
|
},
|
|
},
|
|
{
|
|
{
|
|
name: "B类",
|
|
name: "B类",
|
|
- info: "有一定的自然资源资产(耕地林地总和 900-3000公项)",
|
|
|
|
|
|
+ info: "有一定的自然资源资产(耕地林地总和 900-3000公项)"
|
|
},
|
|
},
|
|
{
|
|
{
|
|
name: "C类",
|
|
name: "C类",
|
|
- info: "自然资源资产较少(耕地林地总和低于 900公项)",
|
|
|
|
- },
|
|
|
|
|
|
+ info: "自然资源资产较少(耕地林地总和低于 900公项)"
|
|
|
|
+ }
|
|
],
|
|
],
|
|
// legendData: ["#E565FF", "#0055FF", "#00FFD5"],
|
|
// legendData: ["#E565FF", "#0055FF", "#00FFD5"],
|
|
legendIcon: [
|
|
legendIcon: [
|
|
{
|
|
{
|
|
background: "#E565FF",
|
|
background: "#E565FF",
|
|
- border: "none",
|
|
|
|
|
|
+ border: "none"
|
|
},
|
|
},
|
|
{
|
|
{
|
|
background: "#0055FF",
|
|
background: "#0055FF",
|
|
- border: "none",
|
|
|
|
|
|
+ border: "none"
|
|
},
|
|
},
|
|
{
|
|
{
|
|
background: "#00FFD5",
|
|
background: "#00FFD5",
|
|
- border: "none",
|
|
|
|
- },
|
|
|
|
|
|
+ border: "none"
|
|
|
|
+ }
|
|
],
|
|
],
|
|
btnChecked: "A",
|
|
btnChecked: "A",
|
|
soil: [],
|
|
soil: [],
|
|
@@ -261,19 +230,19 @@ export default {
|
|
soil: [],
|
|
soil: [],
|
|
other: [],
|
|
other: [],
|
|
forestry: [],
|
|
forestry: [],
|
|
- categoryData: [],
|
|
|
|
|
|
+ categoryData: []
|
|
},
|
|
},
|
|
BData: {
|
|
BData: {
|
|
soil: [],
|
|
soil: [],
|
|
other: [],
|
|
other: [],
|
|
forestry: [],
|
|
forestry: [],
|
|
- categoryData: [],
|
|
|
|
|
|
+ categoryData: []
|
|
},
|
|
},
|
|
CData: {
|
|
CData: {
|
|
soil: [],
|
|
soil: [],
|
|
other: [],
|
|
other: [],
|
|
forestry: [],
|
|
forestry: [],
|
|
- categoryData: [],
|
|
|
|
|
|
+ categoryData: []
|
|
},
|
|
},
|
|
streetSelectVal: "全部",
|
|
streetSelectVal: "全部",
|
|
streetOptions: [],
|
|
streetOptions: [],
|
|
@@ -282,12 +251,12 @@ export default {
|
|
{ name: "土地资源问题", num: 67 },
|
|
{ name: "土地资源问题", num: 67 },
|
|
{ name: "水资源问题", num: 37 },
|
|
{ name: "水资源问题", num: 37 },
|
|
{ name: "林地资源问题", num: 60 },
|
|
{ name: "林地资源问题", num: 60 },
|
|
- { name: "生态资源问题", num: 55 },
|
|
|
|
|
|
+ { name: "生态资源问题", num: 55 }
|
|
],
|
|
],
|
|
// 综合分析
|
|
// 综合分析
|
|
analysis: {
|
|
analysis: {
|
|
- searchInput: "",
|
|
|
|
- },
|
|
|
|
|
|
+ searchInput: ""
|
|
|
|
+ }
|
|
};
|
|
};
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -308,12 +277,12 @@ export default {
|
|
let params = new FormData();
|
|
let params = new FormData();
|
|
params = {
|
|
params = {
|
|
type: type,
|
|
type: type,
|
|
- cName: cName,
|
|
|
|
|
|
+ cName: cName
|
|
};
|
|
};
|
|
- this.$Post(this.urlsCollection.selectByCNameAType, params).then((res) => {
|
|
|
|
|
|
+ this.$Post(this.urlsCollection.selectByCNameAType, params).then(res => {
|
|
if (res.code === 200 && res.content.length > 0) {
|
|
if (res.code === 200 && res.content.length > 0) {
|
|
this.classTextToIndex[keyName] = new Map();
|
|
this.classTextToIndex[keyName] = new Map();
|
|
- res.content.forEach((v) => {
|
|
|
|
|
|
+ res.content.forEach(v => {
|
|
this.classTextToIndex[keyName].set(v.index + "", v.name);
|
|
this.classTextToIndex[keyName].set(v.index + "", v.name);
|
|
});
|
|
});
|
|
}
|
|
}
|
|
@@ -359,12 +328,12 @@ export default {
|
|
params.append("type", type);
|
|
params.append("type", type);
|
|
params.append("cName", cName);
|
|
params.append("cName", cName);
|
|
this.$Post(this.urlsCollection.selectByCNameAType, params).then(
|
|
this.$Post(this.urlsCollection.selectByCNameAType, params).then(
|
|
- (res) => {
|
|
|
|
|
|
+ res => {
|
|
if (res.code === 200 && res.content.length > 0) {
|
|
if (res.code === 200 && res.content.length > 0) {
|
|
this.$store.state.selectSelectDataMap[keyName] = res.content;
|
|
this.$store.state.selectSelectDataMap[keyName] = res.content;
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- (error) => {
|
|
|
|
|
|
+ error => {
|
|
this.$message.error(error);
|
|
this.$message.error(error);
|
|
console.log(error);
|
|
console.log(error);
|
|
}
|
|
}
|
|
@@ -398,10 +367,10 @@ export default {
|
|
columnId: 30,
|
|
columnId: 30,
|
|
states: "0,1,2,3",
|
|
states: "0,1,2,3",
|
|
pageSize: 30,
|
|
pageSize: 30,
|
|
- page: 0,
|
|
|
|
|
|
+ page: 0
|
|
};
|
|
};
|
|
this.$Post(this.urlsCollection.selectContentList, params)
|
|
this.$Post(this.urlsCollection.selectContentList, params)
|
|
- .then((res) => {
|
|
|
|
|
|
+ .then(res => {
|
|
if (res.code === 200 && res.content.data.length > 0) {
|
|
if (res.code === 200 && res.content.data.length > 0) {
|
|
// console.log(res.content.data, "getSourcesData接口获取成功");
|
|
// console.log(res.content.data, "getSourcesData接口获取成功");
|
|
this.soil = [];
|
|
this.soil = [];
|
|
@@ -411,38 +380,32 @@ export default {
|
|
let ADataArr = [];
|
|
let ADataArr = [];
|
|
let BDataArr = [];
|
|
let BDataArr = [];
|
|
let CDataArr = [];
|
|
let CDataArr = [];
|
|
- data.map((v) => {
|
|
|
|
|
|
+ data.map(v => {
|
|
if (v.zy_type === "0") {
|
|
if (v.zy_type === "0") {
|
|
ADataArr.push({
|
|
ADataArr.push({
|
|
- name: this.classTextToIndex["浦东新区行政区划"].get(
|
|
|
|
- v.zy_town
|
|
|
|
- ),
|
|
|
|
|
|
+ name: this.classTextToIndex["浦东新区行政区划"].get(v.zy_town),
|
|
soil: v.c_land_area,
|
|
soil: v.c_land_area,
|
|
other: v.other_area,
|
|
other: v.other_area,
|
|
forest: v.c_forest_area,
|
|
forest: v.c_forest_area,
|
|
- sum: v.c_land_area + v.other_area + v.c_forest_area,
|
|
|
|
|
|
+ sum: v.c_land_area + v.other_area + v.c_forest_area
|
|
});
|
|
});
|
|
}
|
|
}
|
|
if (v.zy_type === "1") {
|
|
if (v.zy_type === "1") {
|
|
BDataArr.push({
|
|
BDataArr.push({
|
|
- name: this.classTextToIndex["浦东新区行政区划"].get(
|
|
|
|
- v.zy_town
|
|
|
|
- ),
|
|
|
|
|
|
+ name: this.classTextToIndex["浦东新区行政区划"].get(v.zy_town),
|
|
soil: v.c_land_area,
|
|
soil: v.c_land_area,
|
|
other: v.other_area,
|
|
other: v.other_area,
|
|
forest: v.c_forest_area,
|
|
forest: v.c_forest_area,
|
|
- sum: v.c_land_area + v.other_area + v.c_forest_area,
|
|
|
|
|
|
+ sum: v.c_land_area + v.other_area + v.c_forest_area
|
|
});
|
|
});
|
|
}
|
|
}
|
|
if (v.zy_type === "2") {
|
|
if (v.zy_type === "2") {
|
|
CDataArr.push({
|
|
CDataArr.push({
|
|
- name: this.classTextToIndex["浦东新区行政区划"].get(
|
|
|
|
- v.zy_town
|
|
|
|
- ),
|
|
|
|
|
|
+ name: this.classTextToIndex["浦东新区行政区划"].get(v.zy_town),
|
|
soil: v.c_land_area,
|
|
soil: v.c_land_area,
|
|
other: v.other_area,
|
|
other: v.other_area,
|
|
forest: v.c_forest_area,
|
|
forest: v.c_forest_area,
|
|
- sum: v.c_land_area + v.other_area + v.c_forest_area,
|
|
|
|
|
|
+ sum: v.c_land_area + v.other_area + v.c_forest_area
|
|
});
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
@@ -452,20 +415,20 @@ export default {
|
|
CDataArr.sort(publicFun.compare("sum"));
|
|
CDataArr.sort(publicFun.compare("sum"));
|
|
|
|
|
|
// 按A,B,C分出各自资源的排序数组
|
|
// 按A,B,C分出各自资源的排序数组
|
|
- ADataArr.forEach((item) => {
|
|
|
|
|
|
+ ADataArr.forEach(item => {
|
|
this.AData.soil.push(item.soil);
|
|
this.AData.soil.push(item.soil);
|
|
this.AData.other.push(item.other);
|
|
this.AData.other.push(item.other);
|
|
this.AData.forestry.push(item.forest);
|
|
this.AData.forestry.push(item.forest);
|
|
this.AData.categoryData.push(item.name);
|
|
this.AData.categoryData.push(item.name);
|
|
});
|
|
});
|
|
- BDataArr.forEach((item) => {
|
|
|
|
|
|
+ BDataArr.forEach(item => {
|
|
this.BData.soil.push(item.soil);
|
|
this.BData.soil.push(item.soil);
|
|
this.BData.other.push(item.other);
|
|
this.BData.other.push(item.other);
|
|
this.BData.forestry.push(item.forest);
|
|
this.BData.forestry.push(item.forest);
|
|
this.BData.categoryData.push(item.name);
|
|
this.BData.categoryData.push(item.name);
|
|
});
|
|
});
|
|
|
|
|
|
- CDataArr.forEach((item) => {
|
|
|
|
|
|
+ CDataArr.forEach(item => {
|
|
this.CData.soil.push(item.soil);
|
|
this.CData.soil.push(item.soil);
|
|
this.CData.other.push(item.other);
|
|
this.CData.other.push(item.other);
|
|
this.CData.forestry.push(item.forest);
|
|
this.CData.forestry.push(item.forest);
|
|
@@ -484,10 +447,10 @@ export default {
|
|
});
|
|
});
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- .catch((error) => {
|
|
|
|
|
|
+ .catch(error => {
|
|
console.log(error, "getSourcesData");
|
|
console.log(error, "getSourcesData");
|
|
});
|
|
});
|
|
- },
|
|
|
|
|
|
+ }
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
this.classDictQuery("0", "浦东新区行政区划", "浦东新区行政区划");
|
|
this.classDictQuery("0", "浦东新区行政区划", "浦东新区行政区划");
|
|
@@ -496,10 +459,10 @@ export default {
|
|
for (let key in street) {
|
|
for (let key in street) {
|
|
this.streetOptions.push({
|
|
this.streetOptions.push({
|
|
value: street[key],
|
|
value: street[key],
|
|
- label: street[key],
|
|
|
|
|
|
+ label: street[key]
|
|
});
|
|
});
|
|
}
|
|
}
|
|
- },
|
|
|
|
|
|
+ }
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
@@ -812,22 +775,14 @@ export default {
|
|
transform: translate(-50%, -50%) rotate(45deg);
|
|
transform: translate(-50%, -50%) rotate(45deg);
|
|
width: 110px;
|
|
width: 110px;
|
|
height: 100px;
|
|
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;
|
|
background-size: 6px 6px, 6px 6px, 6px 6px, 6px 6px;
|
|
}
|
|
}
|
|
}
|
|
}
|