main
parent
64da455379
commit
c9212d4889
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
|
|
@ -1,97 +1,114 @@
|
|||
<template>
|
||||
<el-container class="newcim-header">
|
||||
<el-row class="tw-w-full tw-flex tw-flex-row tw-items-center">
|
||||
<el-col :span="4" class="flex tw-justify-start tw-items-center">
|
||||
<div v-for="(item,index) in navList" :key="index" class="flex fz-16 fc-w">
|
||||
<div class="flex nav-li ai-c jc-c" :class="navIndex==index?'active':''" @click="sendMapButton(item, index)">{{ item }}</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="16" class="flex tw-justify-center">
|
||||
<div class="newcim-header-center tw-flex tw-flex-row">
|
||||
<span class="header-title">农业农村时空大数据平台底座</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4" class="flex tw-justify-end">
|
||||
<div style="width: 120px;margin-top:-70px" class="tw-flex tw-flex-row tw-items-center tw-justify-center" >
|
||||
<span class="fc-w fz-16 cursor" @click="logout()">退出登录</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-container>
|
||||
</template>
|
||||
<el-container class="flex newcim-header">
|
||||
<div class="flex ai-c max-h" style="width: 600px;">
|
||||
<span class="header-title">农业农村时空大数据平台底座</span>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div v-for="(item,index) in navList" :key="index" class="flex fz-16 fc-w nav-ul">
|
||||
<div class="flex nav-li ai-c jc-c" :class="navIndex==index?'active':''" @click="sendMapButton(item, index)">{{ item }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:-50px" class="flex-1 mr-2 tw-flex tw-flex-row tw-items-center tw-justify-end" >
|
||||
<span class="fc-w fz-16 cursor" @click="logout()">退出登录</span>
|
||||
</div>
|
||||
<!-- <el-row class="tw-w-full tw-flex tw-flex-row tw-items-center">
|
||||
<el-col :span="10">
|
||||
<div class="flex ai-c" style="width: 600px;">
|
||||
<span class="header-title">农业农村时空大数据平台底座</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="10" class="flex ta-l">
|
||||
<div v-for="(item,index) in navList" :key="index" class="flex fz-16 fc-w nav-ul">
|
||||
<div class="flex nav-li ai-c jc-c" :class="navIndex==index?'active':''" @click="sendMapButton(item, index)">{{ item }}</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4" class="flex tw-justify-end">
|
||||
<div style="width: 120px;margin-top:-70px" class="tw-flex tw-flex-row tw-items-center tw-justify-center" >
|
||||
<span class="fc-w fz-16 cursor" @click="logout()">退出登录</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {defineComponent, reactive, watch,onMounted} from "vue";
|
||||
import Weather from "../../weather/Weather.vue";
|
||||
import {useRouter} from 'vue-router'
|
||||
import {toRefs} from "@vueuse/core";
|
||||
import {getMethodCommon, postMethodCommon} from '../../../api/common';
|
||||
export default defineComponent({
|
||||
name: 'CimHeader',
|
||||
components: {Weather},
|
||||
setup(props,context) {
|
||||
const router = useRouter()
|
||||
let data = reactive({
|
||||
navList:["产权交易","产业园区","特色产业","农业资源"],
|
||||
navIndex: null,
|
||||
})
|
||||
onMounted(() => {
|
||||
<script>
|
||||
import {defineComponent, reactive, watch,onMounted} from "vue";
|
||||
import Weather from "../../weather/Weather.vue";
|
||||
import {useRouter} from 'vue-router'
|
||||
import {toRefs} from "@vueuse/core";
|
||||
import {getMethodCommon, postMethodCommon} from '../../../api/common';
|
||||
export default defineComponent({
|
||||
name: 'CimHeader',
|
||||
components: {Weather},
|
||||
setup(props,context) {
|
||||
const router = useRouter()
|
||||
let data = reactive({
|
||||
navList:["产权交易","产业园区","特色产业","农业资源"],
|
||||
navIndex: null,
|
||||
})
|
||||
onMounted(() => {
|
||||
|
||||
})
|
||||
let methods = {
|
||||
sendMapButton(item,index){
|
||||
context.emit('send-map-serve', item)
|
||||
data.navIndex = index
|
||||
},
|
||||
logout() {
|
||||
localStorage.clear()
|
||||
router.push({path: "/login"})
|
||||
}
|
||||
};
|
||||
})
|
||||
let methods = {
|
||||
sendMapButton(item,index){
|
||||
context.emit('send-map-serve', item)
|
||||
data.navIndex = index
|
||||
},
|
||||
logout() {
|
||||
localStorage.clear()
|
||||
router.push({path: "/login"})
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
...methods,
|
||||
...toRefs(data),
|
||||
};
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style scoped>
|
||||
.newcim-header{
|
||||
width: 100%;
|
||||
height: 114px;
|
||||
background: url("/images/citymanage/titlebg1.png");
|
||||
background-size: 100% 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.newcim-header-center{
|
||||
margin-top: -40px;
|
||||
}
|
||||
.header-title{
|
||||
font-size: 34px;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 1px;
|
||||
/* text-shadow: 0px 0px 20px rgba(0,112,255,0.8); */
|
||||
background: linear-gradient(180deg, #FFFFFF 0%, #E3F5FF 76%, #9AD3FF 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.nav-li{
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
border: 1px solid #f00;
|
||||
margin-left: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nav-li.active{
|
||||
border: 1px solid #ff0;
|
||||
}
|
||||
</style>
|
||||
return {
|
||||
...methods,
|
||||
...toRefs(data),
|
||||
};
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style scoped>
|
||||
.newcim-header{
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
background: url("/images/headernew.png");
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.newcim-header-center{
|
||||
margin-top: -40px;
|
||||
}
|
||||
.header-title{
|
||||
font-size: 34px;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 1px;
|
||||
text-align: left;
|
||||
padding-left: 30px;
|
||||
/* text-shadow: 0px 0px 20px rgba(0,112,255,0.8); */
|
||||
background: linear-gradient(180deg, #FFFFFF 0%, #E3F5FF 76%, #9AD3FF 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.nav-ul{
|
||||
margin-top: 53px;
|
||||
}
|
||||
.nav-li{
|
||||
width: 170px;
|
||||
height: 40px;
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
background: url("/images/navli.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.nav-li.active{
|
||||
background: url("/images/navliactive.png");
|
||||
background-size: 100% 100%;
|
||||
border: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
|
@ -77,19 +77,7 @@
|
|||
<video width="500" height="400" id="videoElement" controls autoplay></video>
|
||||
</div>
|
||||
<!-- 图例 -->
|
||||
<div style="z-index:99;bottom:50px;right:420px;background:rgba(0,0,0,0.5);width:190px;height:130px;" class="flex ai-c jc-c pos-f column fc-w" v-if="roleInfo.tuliVisible">
|
||||
<div class="flex ai-c">
|
||||
<span style="width:35px;height:15px;background:#5EE739"></span>
|
||||
<span style="width:60px;" class="ml-2 fz-14 ta-l">已成交</span>
|
||||
</div>
|
||||
<div class="flex mt-1 ai-c">
|
||||
<span style="width:35px;height:15px;background:#FFF433"></span>
|
||||
<span style="width:60px;" class="ml-2 fz-14 ta-l">挂牌 </span>
|
||||
</div><div class="flex mt-1 ai-c">
|
||||
<span style="width:35px;height:15px;background:#76A4DD"></span>
|
||||
<span style="width:60px;" class="ml-2 fz-14 ta-l">竞价中</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pos-f tuliimg" v-if="roleInfo.tuliVisible"></div>
|
||||
<Loading />
|
||||
</template>
|
||||
<script>
|
||||
|
|
@ -944,7 +932,7 @@
|
|||
const center = turf.centroid(featurespoint)
|
||||
let coordinate = center.geometry.coordinates
|
||||
viewer.entities.add({
|
||||
position: Cesium.Cartesian3.fromDegrees(coordinate[0], coordinate[1], 80),
|
||||
position: Cesium.Cartesian3.fromDegrees(coordinate[0], coordinate[1], 200),
|
||||
// 文字
|
||||
label: {
|
||||
// 文本。支持显式换行符“ \ n”
|
||||
|
|
@ -963,7 +951,7 @@
|
|||
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 28000),
|
||||
// 是否显示
|
||||
show: true,
|
||||
// clampToGround: true,
|
||||
clampToGround: true,
|
||||
}
|
||||
});
|
||||
})
|
||||
|
|
@ -1319,12 +1307,12 @@
|
|||
imageryLayerCollection.addImageryProvider(imageryProvider, 0);
|
||||
imageryLayerCollection.remove(layer);
|
||||
|
||||
// viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
|
||||
// url : "http://223.99.16.253:8090/iserver/services/3D-fxdxt/rest/realspace/datas/费县%40fxdxt",
|
||||
// isSct : true,//地形服务源自SuperMap iServer发布时需设置isSct为true
|
||||
// invisibility:true
|
||||
// });
|
||||
// viewer.scene.globe.depthTestAgainstTerrain = true;
|
||||
viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
|
||||
url : "http://223.99.16.253:8090/iserver/services/3D-fxdxt/rest/realspace/datas/费县%40fxdxt",
|
||||
isSct : true,//地形服务源自SuperMap iServer发布时需设置isSct为true
|
||||
invisibility:true
|
||||
});
|
||||
viewer.scene.globe.depthTestAgainstTerrain = true;
|
||||
Cesium.Credential.CREDENTIAL = new Cesium.Credential(SUPER_MAP_KEY); //令牌
|
||||
|
||||
|
||||
|
|
@ -2905,4 +2893,14 @@
|
|||
.el-popper__arrow::before {
|
||||
display: none;
|
||||
}
|
||||
.tuliimg{
|
||||
z-index:99;
|
||||
bottom:50px;
|
||||
right:420px;
|
||||
background:rgba(0,0,0,0.5);
|
||||
width:247px;
|
||||
height:170px;
|
||||
background: url("/images/tuliimg.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue