<template>
|
<el-row class="container">
|
<p-head ref="pHead"></p-head>
|
<div class="home" style="width:100%;height:100%">
|
<img src="../../../assets/bj_bak.png" alt="" style="width:100%;height:100%">
|
</div>
|
<p-foot></p-foot>
|
</el-row>
|
</template>
|
<script>
|
|
import PHead from '@/base/components/head.vue';
|
import PFoot from '@/base/components/foot.vue';
|
import utilApi from '../../../common/utils';
|
import * as systemApi from '../../../base/api/system';
|
import {getNcLogInfoMap} from "../../../vuex/getters";
|
export default {
|
components:{
|
PHead,
|
PFoot
|
},
|
data() {
|
return {
|
imagesBox:[
|
{id:1,idView:require("@/assets/timg_one.jpg")},
|
{id:2,idView:require("@/assets/timg_two.jpg")},
|
{id:3,idView:require("@/assets/timg_three.jpg")}],
|
fiveNews: [],
|
carouselHeight:'',
|
collapsed: false,
|
sysUserName: '',
|
sysUserAvatar: '/static/images/small.jpg',
|
form: {
|
name: '',
|
region: '',
|
date1: '',
|
date2: '',
|
delivery: false,
|
type: [],
|
resource: '',
|
desc: ''
|
}
|
}
|
},
|
methods: {
|
getHeight(){
|
let h = document.body.offsetHeight;
|
this.carouselHeight = h-100+'px'
|
},
|
initProductStatus() {
|
let map = this.$store.getters.getProductStatusMap;
|
if(map && Object.keys(map).length === 0) {
|
systemApi.single_dic_list('PRODUCT_STATUS').then((res) => {
|
if(res.success && res.list && res.list.length > 0){
|
res.list.forEach((v, k) => {
|
map[v.dicValue]=v.dicName;
|
});
|
this.$store.dispatch("setProductStatusMap", map)
|
}else {
|
this.$store.dispatch("setProductStatusMap", {})
|
}
|
}).catch((err) => {
|
this.$store.dispatch("setProductStatusMap", {})
|
});
|
}
|
},
|
initBtnStatus() {
|
let map = this.$store.getters.getBtnTypeMap;
|
if(map && Object.keys(map).length === 0) {
|
systemApi.single_dic_list('BTN_TYPE').then((res) => {
|
if(res.success && res.list && res.list.length > 0){
|
res.list.forEach((v, k) => {
|
map[v.dicValue]=v.dicName;
|
});
|
this.$store.dispatch("setBtnTypeMap", map)
|
}else {
|
this.$store.dispatch("setBtnTypeMap", {})
|
}
|
}).catch((err) => {
|
this.$store.dispatch("setBtnTypeMap", {})
|
});
|
}
|
},
|
initPullStatus() {
|
let map = this.$store.getters.getPullStatusMap;
|
if(map && Object.keys(map).length === 0) {
|
systemApi.single_dic_list('PULL_STATUS').then((res) => {
|
if(res.success && res.list && res.list.length > 0){
|
res.list.forEach((v, k) => {
|
map[v.dicValue]=v.dicName;
|
});
|
this.$store.dispatch("setPullStatusMap", map)
|
}else {
|
this.$store.dispatch("setPullStatusMap", {})
|
}
|
}).catch((err) => {
|
this.$store.dispatch("setPullStatusMap", {})
|
});
|
}
|
},
|
initDocSyncStatus() {
|
let map = this.$store.getters.getDocSyncStatusMap;
|
if(map && Object.keys(map).length === 0) {
|
systemApi.single_dic_list('DOC_SYNC_STATUS').then((res) => {
|
if(res.success && res.list && res.list.length > 0){
|
res.list.forEach((v, k) => {
|
map[v.dicValue]=v.dicName;
|
});
|
this.$store.dispatch("setDocSyncStatusMap", map)
|
}else {
|
this.$store.dispatch("setDocSyncStatusMap", {})
|
}
|
}).catch((err) => {
|
this.$store.dispatch("setDocSyncStatusMap", {})
|
});
|
}
|
},
|
initNcLogInfo(){
|
let map = this.$store.getters.getNcLogInfoMap;
|
if(map && Object.keys(map).length === 0) {
|
systemApi.multiple_dic_list('OPERATE_TYPE').then((res) => {
|
if(res.success && res.list && res.list.length > 0){
|
res.list.forEach((v, k) => {
|
map[v.dicValue]=v.dicName;
|
});
|
this.$store.dispatch("setNcLogInfoMap", map)
|
}else {
|
this.$store.dispatch("setNcLogInfoMap", {})
|
}
|
}).catch((err) => {
|
this.$store.dispatch("setNcLogInfoMap", {})
|
});
|
}
|
},
|
|
},
|
created() {
|
this.initProductStatus();
|
this.initBtnStatus();
|
this.initPullStatus();
|
this.initDocSyncStatus();
|
this.initNcLogInfo();
|
},
|
mounted(){
|
window.addEventListener('resize', this.getHeight);
|
this.getHeight();
|
this.$refs.pHead.activeIndex = '/home'
|
}
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
@import '~scss_vars';
|
.container {
|
position: absolute;
|
top: 0px;
|
bottom: 0px;
|
width: 100%;
|
height: 100%;
|
overflow: hidden;
|
.main {
|
display: flex;
|
// background: #324057;
|
position: absolute;
|
top: 60px;
|
bottom: 0px;
|
overflow: hidden;
|
}
|
#world{
|
position: absolute;
|
width:100%;
|
height: 100%;
|
background-color: #6ecccc;
|
overflow:hidden;
|
}
|
#credits{
|
position:absolute;
|
width:100%;
|
margin: auto;
|
bottom:0;
|
margin-bottom:20px;
|
font-family:'Open Sans', sans-serif;
|
color:#328685;
|
font-size:0.7em;
|
text-transform: uppercase;
|
text-align : center;
|
}
|
#credits a {
|
color:#328685;
|
}
|
#credits a:hover {
|
color:#630d15;
|
}
|
}
|
|
</style>
|
<style>
|
html,body{
|
height: 100%;
|
}
|
</style>
|
