zzq
/
NONGYESHUZIDIZUO
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

main
zzq 2024-05-08 09:20:51 +08:00
parent 64da455379
commit c9212d4889
7 changed files with 132 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.rar
View File

Binary file not shown.

BIN
public/images/headernew.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
public/images/navli.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
public/images/navliactive.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
public/images/tuliimg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

51
src/components/layer/header/citymanageHeader.vue
View File

@ -1,22 +1,33 @@
<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">
<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>
</el-col>
<el-col :span="16" class="flex tw-justify-center">
<div class="newcim-header-center tw-flex tw-flex-row">
</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-row> -->
</el-container>
</template>
@ -59,9 +70,8 @@
<style scoped>
.newcim-header{
width: 100%;
height: 114px;
background: url("/images/citymanage/titlebg1.png");
background-size: 100% 100%;
height: 90px;
background: url("/images/headernew.png");
position: fixed;
top: 0;
z-index: 11;
@ -76,22 +86,29 @@
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: 100px;
height: 50px;
border: 1px solid #f00;
margin-left: 15px;
width: 170px;
height: 40px;
margin-left: 10px;
cursor: pointer;
background: url("/images/navli.png");
background-size: 100% 100%;
}
.nav-li.active{
border: 1px solid #ff0;
background: url("/images/navliactive.png");
background-size: 100% 100%;
border: none;
}
</style>

40
src/components/map/index.vue
View File

@ -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>