You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.1 KiB
93 lines
2.1 KiB
2 years ago
|
<template>
|
||
|
|
<div class="dashboard-editor-container" style="background-color: #f6fbff;">
|
||
|
|
<!-- <div class=" clearfix">-->
|
||
|
|
<!-- <pan-thumb :image="avatar" style="float: left">-->
|
||
|
|
<!-- <!– Your roles:-->
|
||
|
|
<!-- <span v-for="item in roles" :key="item" class="pan-info-roles">{{ item }}</span>–>-->
|
||
|
|
<!-- </pan-thumb>-->
|
||
|
|
<!-- <div class="info-container">-->
|
||
|
|
<!-- <span class="display_name">{{ name }}</span>-->
|
||
|
|
<!-- <!–<span style="font-size:20px;padding-top:20px;display:inline-block;">大连船舶重工集团舾装有限公司</span>–>-->
|
||
|
|
<!-- </div>-->
|
||
|
|
<!-- </div>-->
|
||
|
|
<!-- <div>-->
|
||
|
|
<!-- <img :src="emptyGif" class="emptyGif">-->
|
||
|
|
<!-- </div>-->
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { mapGetters } from 'vuex'
|
||
|
|
import PanThumb from '@/components/PanThumb'
|
||
|
|
|
||
|
|
import { dictALL} from '@/api/user'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'Dashboard',
|
||
|
|
components: { PanThumb },
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
...mapGetters([
|
||
|
|
'name',
|
||
|
|
'avatar',
|
||
|
|
'roles',
|
||
|
|
'dictMapList'
|
||
|
|
])
|
||
|
|
},
|
||
|
|
created(){
|
||
|
|
this.initDict();
|
||
|
|
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
//挂载字典数据
|
||
|
|
initDict(){
|
||
|
|
dictALL().then(res=>{
|
||
|
|
const dictItems=res.data;
|
||
|
|
for (const dictCode in dictItems) {
|
||
|
|
//commit('SET_DICT',dictCode,dictItems[dictCode]);
|
||
|
|
window.localStorage.setItem(dictCode,JSON.stringify(dictItems[dictCode]))
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.emptyGif {
|
||
|
|
display: block;
|
||
|
|
width: 45%;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dashboard-editor-container {
|
||
|
|
background-color: #e3e3e3;
|
||
|
|
min-height: 100vh;
|
||
|
|
padding: 50px 60px 0px;
|
||
|
|
.pan-info-roles {
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 700;
|
||
|
|
color: #333;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.info-container {
|
||
|
|
position: relative;
|
||
|
|
margin-left: 190px;
|
||
|
|
height: 150px;
|
||
|
|
line-height: 200px;
|
||
|
|
.display_name {
|
||
|
|
font-size: 48px;
|
||
|
|
line-height: 48px;
|
||
|
|
color: #212121;
|
||
|
|
position: absolute;
|
||
|
|
top: 25px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|