|
@@ -86,7 +86,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="text">
|
|
|
- <p>近岸海述海洋生态保护红线
|
|
|
+ <p>近岸海域海洋生态保护红线
|
|
|
|
|
|
</p>
|
|
|
<span>740.63</span>公顷
|
|
@@ -113,6 +113,7 @@
|
|
|
|
|
|
<script>
|
|
|
//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
|
|
|
+import { cockpitInfo } from '@/api/cockpit'
|
|
|
|
|
|
export default {
|
|
|
components: {},
|
|
@@ -128,7 +129,28 @@ export default {
|
|
|
beforeCreate() { }, //生命周期 - 创建之前
|
|
|
created() { }, //生命周期 - 创建完成(可以访问当前this实例)
|
|
|
beforeMount() { }, //生命周期 - 挂载之前
|
|
|
- mounted() { }, //生命周期 - 挂在完成
|
|
|
+ async mounted() {
|
|
|
+ const that = this;
|
|
|
+ // console.log(store.state.cockpit_date, "store.cockpit_date");
|
|
|
+
|
|
|
+
|
|
|
+ // let obj = {
|
|
|
+ // // beginTime: store.state.cockpit_date[0],
|
|
|
+ // // endTime: store.state.cockpit_date[1],
|
|
|
+ // jscType: 'jsc_gkzb_ztgu_stbh',
|
|
|
+ // id: '4602'
|
|
|
+ // };
|
|
|
+ // let data = await cockpitInfo(obj);
|
|
|
+ // console.log(data, "data");
|
|
|
+
|
|
|
+ // // 生态保护红线面积
|
|
|
+ // data.data[0].mj
|
|
|
+ // // 路与生态保护红线
|
|
|
+ // data.data[0].ly_mj
|
|
|
+ // // 近海岸面积
|
|
|
+ // data.data[0].hy_mj
|
|
|
+
|
|
|
+ }, //生命周期 - 挂在完成
|
|
|
beforeUpdate() { }, //生命周期 - 更新之前
|
|
|
updated() { }, //生命周期 - 更新之后
|
|
|
beforeDestroy() { }, //生命周期 - 销毁之前
|
|
@@ -267,6 +289,7 @@ export default {
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
+
|
|
|
.icon_syzb {
|
|
|
background: no-repeat 50%;
|
|
|
background-image: url("/static/images/overview/gkzb_syzb.png");
|
|
@@ -275,7 +298,9 @@ export default {
|
|
|
height: 45px;
|
|
|
display: inline-block;
|
|
|
|
|
|
-}.icon_fgczkfbj {
|
|
|
+}
|
|
|
+
|
|
|
+.icon_fgczkfbj {
|
|
|
background: no-repeat 50%;
|
|
|
background-image: url("/static/images/overview/gkzb_fgczkfbj.png");
|
|
|
/* border: #00FFFF 1px solid; */
|
|
@@ -283,7 +308,9 @@ export default {
|
|
|
height: 45px;
|
|
|
display: inline-block;
|
|
|
|
|
|
-}.icon_yrk {
|
|
|
+}
|
|
|
+
|
|
|
+.icon_yrk {
|
|
|
background: no-repeat 50%;
|
|
|
background-image: url("/static/images/overview/icongdbh2.png");
|
|
|
/* border: #00FFFF 1px solid; */
|
|
@@ -292,6 +319,7 @@ export default {
|
|
|
display: inline-block;
|
|
|
|
|
|
}
|
|
|
+
|
|
|
.text {
|
|
|
display: inline-block;
|
|
|
// border: #00FFFF 1px solid;
|
|
@@ -320,4 +348,5 @@ export default {
|
|
|
// border: #00FFFF 1px solid;
|
|
|
width: 50px;
|
|
|
|
|
|
-}</style>
|
|
|
+}
|
|
|
+</style>
|