fedexFooter.vue
2.74 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<template>
<div class="el-login-footer">
<div class="footer-top">
<div>{{ $t('login.loginIndex.title') }}</div>
<div>
<a :href="link.termsOfUse" target="_blank">{{ $t('login.loginIndex.termsOfUse') }}</a>
<a :href="link.businessLicense" target="_blank">{{ $t('login.loginIndex.businessLicense') }}</a>
<a :href="link.businessPermit" target="_blank">{{ $t('login.loginIndex.expressDeliveryBusinessLicense')
}}</a>
</div>
</div>
<div class="footer-bottom">
<div v-show="false">version:{{ version }}</div>
FedEx Express China <a :href="link.beian" target="_blank"> <el-image class="footerImg" :src="footerImg"
fit="contain"></el-image>沪公网安备
31010102007222号 </a><span style='cursor:pointer' @click="toLink(link.beianMiit)">京ICP备18052618号-3</span>
</div>
</div>
</template>
<script>
import reportingImg from '@/assets/images/reporting.png'//公安logo
export default {
data() {
return {
footerImg: reportingImg,
link: {
termsOfUse: process.env.VUE_APP_TERMS_OF_USE,
businessLicense: process.env.VUE_APP_BUSINESS_LICENSE,
businessPermit: process.env.VUE_APP_BUSINESS_PERMIT,
beian: process.env.VUE_APP_SHANGHAI_FILLING_NUMBER,
beianMiit: process.env.VUE_APP_BEIJING_FILLING_NUMBER,
},
version: process.env.VUE_APP_Version
}
},
methods:{
toLink(val){
window.open('https://beian.miit.gov.cn/#/Integrated/recordQuery', '_black')
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss">
@import '@/assets/styles/variables.scss';
.el-login-footer {
height: 75px;
background-color: $fedexColor;
// position: fixed;
// bottom: 0;
// left: 0;
width: 100%;
color: #fff;
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
z-index: 10;
text-align: center;
.footer-top {
width: 80%;
height: 55px;
line-height: 55px;
margin: 0 auto;
display: flex;
justify-content: space-between;
font-size: 14px;
color: #fff;
div:last-child {
a {
display: inline-block;
margin-right: 30px;
// font-weight: 600;
}
}
}
.footer-bottom {
height: 10px;
line-height: 10px;
font-size: .625rem;
color: rgba(255, 255, 255, 0.38);
a,span {
margin-left: 10px;
}
.footerImg {
width: 10px;
height: 10px;
}
}
}
</style>