revisit
/
DSDSWeb
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

登录功能完成

This commit is contained in:
琪 2024-08-26 17:13:38 +08:00
parent aa285cf04e
commit 55bdc8f06c
6 changed files with 42 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/container.vue
View File

@ -5,19 +5,17 @@
<router-view />
</div>
<Footer />
</div>
</template>
<script>
import Footer from './public/Footer'
import Header from './public/Header'
export default {
name: 'Container',
components: {
Footer,
Header
},
props: {},

17
src/components/public/Footer.vue
View File

@ -7,7 +7,7 @@
</div>
<div class="left_list">
<ul>
<li><router-link to="/">首页</router-link></li>
<li><router-link to="/">样品发现</router-link></li>
<li><router-link to="/">数据资源</router-link></li>
@ -89,15 +89,13 @@ export default {
};
</script>
<style scoped lang="scss">
<style scoped lang="scss">
.footer{
width: 100%;
height: 320px;
background: url(../../../static/images/footBg.jpg) center no-repeat;
background-size: 100% 100%;
padding: 20px 0;
box-sizing: border-box;
padding: 50px;
padding-bottom: 20px;
.footer_con{
margin: auto;
width: 1200px;
@ -106,7 +104,7 @@ export default {
align-items: center;
justify-content: space-between;
.footer_left{
width: 405px;
width: 450px;
height: 140px;
border-right: 1px solid #34455d;
display: flex;
@ -130,9 +128,8 @@ export default {
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
li{
width: 31%;
width: 25%;
height: auto;
margin-bottom: 20px;
a{
@ -144,6 +141,7 @@ export default {
}
}
.footer_right{
padding-left: 50px;
width: 720px;
height: 140px;
display: flex;
@ -204,7 +202,6 @@ export default {
}
.dibu{
margin: auto;
margin-top: 60px;
width: 1200px;
height: auto;
display: flex;
@ -240,4 +237,4 @@ export default {
.dibu_2 .el-input{
height: 35px;
}
</style>
</style>

2
src/components/public/Header.vue
View File

@ -240,7 +240,7 @@ export default {
// 退出登录
onLogout() {
loginOut().then(res => {
location.href = '/#/container/login'
location.href = './#/container/login'
setTimeout(() => {
location.reload()
}, 100)

8
src/style/style.scss
View File

@ -18,9 +18,9 @@ header{
background: #012458;
padding: 0 3%;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
//position: fixed;
//top: 0;
//left: 0;
z-index: 2000;
color:white;
.otherPub{
@ -1311,7 +1311,7 @@ header{
}
.container_a {
padding-top: 90px;
//padding-top: 90px;
}
.box_p{
padding:20px 4%;

4
src/views/dataTransfer/voyageReg.vue
View File

@ -89,7 +89,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="离岗日期" prop="start_date">
<el-form-item label="航次开始" prop="start_date">
<el-date-picker
style="width: 100%"
v-model="form.start_date"
@ -98,7 +98,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="返岗日期" prop="end_date">
<el-form-item label="航次结束" prop="end_date">
<el-date-picker
style="width: 100%"
v-model="form.end_date"

37
src/views/home.vue
View File

@ -209,10 +209,13 @@
</ul>
</div>
</div>
<Footer />
</div>
</template>
<script>
import Footer from '../components/public/Footer'
import { getVoyage, getVoyageLine, getParamsList } from '../api/home'
import { swiper, swiperSlide } from 'vue-awesome-swiper'
import 'swiper/swiper-bundle.css'
@ -222,7 +225,8 @@ export default {
name: 'Index',
components: {
swiper,
swiperSlide
swiperSlide,
Footer
},
data() {
return {
@ -389,13 +393,16 @@ export default {
this.viewer.shadowMap.darkness = 0.8
this.viewer.scene._sunBloom = false
this.viewer.scene.globe.showGroundAtmosphere = false
// 不显示底图
// this.viewer.imageryLayers.get(0).show = false
// 叠加叠加影像服务
const earthMap = new Cesium.WebMapTileServiceImageryProvider(
{
url: this.CesiumHostAddr + 'geoserver/gwc/service/wmts/rest/ougp:world/EPSG:4326/EPSG:4326:{z}/{y}/{x}?format=image/png',
layer: 'ne:gmrt_20231018',
url: this.CesiumHostAddr + 'geoserver/gwc/service/wmts/rest/ougp:world/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{TileCol}?format=image/jpeg',
layer: 'ougp:world',
style: 'default',
tileMatrixSetID: 'EPSG:4326',
tileMatrixSetID: 'EPSG:900913',
format: 'image/jpeg',
tilingScheme: new Cesium.GeographicTilingScheme()
}
@ -404,10 +411,10 @@ export default {
// 增加海岸线
const coastline = new Cesium.WebMapTileServiceImageryProvider(
{
url: this.CesiumHostAddr + 'geoserver/gwc/service/wmts/rest/ougp:GSHHS_f_L1/EPSG:4326/EPSG:4326:{z}/{y}/{x}?format=image/png',
url: this.CesiumHostAddr + 'geoserver/gwc/service/wmts/rest/ougp:GSHHS_f_L1/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{TileCol}?format=image/png',
layer: 'ne:GSHHS_f_L1',
style: 'default',
tileMatrixSetID: 'EPSG:4326',
tileMatrixSetID: 'EPSG:900913',
format: 'image/png',
tilingScheme: new Cesium.GeographicTilingScheme()
}
@ -416,10 +423,10 @@ export default {
// 沉船摄影拼接图
const shipline = new Cesium.WebMapTileServiceImageryProvider(
{
url: this.CesiumHostAddr + 'geoserver/gwc/service/wmts/rest/ougp:正射影像图_GM输出_20240516/EPSG:4326/EPSG:4326:{z}/{y}/{x}?format=image/png',
layer: 'ne:No1ShipWreck_UP',
url: this.CesiumHostAddr + 'geoserver/gwc/service/wmts/rest/ougp:正射影像图_GM输出_20240516/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{TileCol}?format=image/png',
layer: 'ougp:正射影像图_GM输出_20240516',
style: 'default',
tileMatrixSetID: 'EPSG:4326',
tileMatrixSetID: 'EPSG:900913',
format: 'image/png',
tilingScheme: new Cesium.GeographicTilingScheme()
}
@ -491,7 +498,7 @@ export default {
} else {
window.open(val, '_blank')
}
}
},
}
}
</script>
@ -657,6 +664,7 @@ export default {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
.guiji_1 {
margin-bottom: 20px;
@ -747,6 +755,15 @@ export default {
height: 100%;
}
}
.cover {
width: 100%;
height: 800px;
position: absolute;
top: 0;
left: 0;
z-index: 3000;
background-color: pink;
}
}
.shuju {