product_platform/ordermall_yuncaijiao_admin_ui
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

预定商城系统

Browse Source
This commit is contained in:
myTest383
2024-11-27 08:53:56 +08:00
parent 101684103f
commit 637cacad48
3 changed files with 167 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.env.production
View File

@@ -5,5 +5,5 @@ ENV = 'production'
VUE_APP_BASE_API = '/lpkapi' VUE_APP_BASE_API = '/lpkapi'
## 配置 正式接口地址 ## 配置 正式接口地址
VUE_APP_URL = "" VUE_APP_URL = "https://ordermall.yxtsoft.com"
VUE_APP_REPORT_URL = "" VUE_APP_REPORT_URL = "https://ordermall.yxtsoft.com"

305
src/layout/components/Navbar.vue
View File

@@ -1,168 +1,169 @@
<template> <template>
<div> <div>
<div class="navbar"> <div class="navbar">
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;"/>惠享管理平台</p> <p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png"
<!-- <h3 class="breadcrumb-container">银行供应链贷后监管平台</h3> --> style="width: 45px;height: 45px;margin-right: 10px;" />预定商城管理平台</p>
<div class="right-menu"> <!-- <h3 class="breadcrumb-container">银行供应链贷后监管平台</h3> -->
<!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>--> <div class="right-menu">
<!-- <p>欢迎您，{{name}}</p> <!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>-->
<!-- <p>欢迎您，{{name}}</p>
<p class="dy" @click="logout()"><img src="@/assets/images/dy.png"></p> --> <p class="dy" @click="logout()"><img src="@/assets/images/dy.png"></p> -->
</div> </div>
</div>
<el-footer class="footer" height="40px">Copyright © {{ year }} 预定商城管理平台 All Rights Reserved</el-footer>
</div> </div>
<el-footer class="footer" height="40px">Copyright © {{ year }} 惠享管理平台 All Rights Reserved</el-footer>
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
name: '', name: '',
year:'', year: '',
} }
}, },
mounted() { mounted() {
this.name = window.sessionStorage.getItem('userName') this.name = window.sessionStorage.getItem('userName')
var nowDate = new Date() var nowDate = new Date()
this.year = nowDate.getFullYear() this.year = nowDate.getFullYear()
}, },
methods: { methods: {
logout() { logout() {
this.$confirm('确定要退出吗, 是否继续?', '提示', { this.$confirm('确定要退出吗, 是否继续?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
// this.$store.commit('user/SET_UESRINFO', '') // this.$store.commit('user/SET_UESRINFO', '')
this.$router.push({ this.$router.push({
path: '/login' path: '/login'
}) })
}) })
}, },
}
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "~@/styles/variables.scss"; @import "~@/styles/variables.scss";
.navbar { .navbar {
height: 60px; height: 60px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
background: $header-bg; background: $header-bg;
padding: 0 30px; padding: 0 30px;
box-shadow: 0 1px 4px rgba(0, 21, 41, .08); box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
.hamburger-container { .hamburger-container {
line-height: 46px; line-height: 46px;
height: 100%; height: 100%;
float: left; float: left;
cursor: pointer; cursor: pointer;
transition: background .3s; transition: background .3s;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
&:hover { &:hover {
background: rgba(0, 0, 0, .025) background: rgba(0, 0, 0, .025)
} }
}
.breadcrumb-container {
display: flex;
align-items: center;
color: #fff;
font-size: 26px;
line-height: 60px;
margin: 0;
float: left;
}
.right-menu {
float: right;
height: 100%;
line-height: 60px;
color: #fff;
&:focus {
outline: none;
}
p {
display: inline-block;
margin: 0;
padding: 0;
padding: 0 15px;
}
img {
vertical-align: middle;
margin: 0 10px;
cursor: pointer;
}
.backToHome {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
cursor: pointer;
}
.backToHome:hover {
background: #087dba;
}
.right-menu-item {
display: inline-block;
padding: 0 8px;
height: 100%;
font-size: 18px;
color: #5a5e66;
vertical-align: text-bottom;
&.hover-effect {
cursor: pointer;
transition: background .3s;
&:hover {
background: rgba(0, 0, 0, .025)
}
}
}
.avatar-container {
margin-right: 30px;
.avatar-wrapper {
margin-top: 5px;
position: relative;
.user-avatar {
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 10px;
}
.el-icon-caret-bottom {
cursor: pointer;
position: absolute;
right: -20px;
top: 25px;
font-size: 12px;
}
}
}
}
} }
.breadcrumb-container { .footer {
display: flex; position: fixed;
align-items: center; bottom: 0;
color: #fff; width: 100%;
font-size: 26px; line-height: 40px;
line-height: 60px; background: #E9F1F7;
margin: 0; text-align: center;
float: left; font-size: 14px;
} color: #666;
.right-menu {
float: right;
height: 100%;
line-height: 60px;
color: #fff;
&:focus {
outline: none;
}
p {
display: inline-block;
margin: 0;
padding: 0;
padding: 0 15px;
}
img {
vertical-align: middle;
margin: 0 10px;
cursor: pointer;
}
.backToHome {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
cursor: pointer;
}
.backToHome:hover {
background: #087dba;
}
.right-menu-item {
display: inline-block;
padding: 0 8px;
height: 100%;
font-size: 18px;
color: #5a5e66;
vertical-align: text-bottom;
&.hover-effect {
cursor: pointer;
transition: background .3s;
&:hover {
background: rgba(0, 0, 0, .025)
}
}
}
.avatar-container {
margin-right: 30px;
.avatar-wrapper {
margin-top: 5px;
position: relative;
.user-avatar {
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 10px;
}
.el-icon-caret-bottom {
cursor: pointer;
position: absolute;
right: -20px;
top: 25px;
font-size: 12px;
}
}
}
} }
} </style>
.footer {
position: fixed;
bottom: 0;
width: 100%;
line-height: 40px;
background: #E9F1F7;
text-align: center;
font-size: 14px;
color: #666;
}
</style>

24
src/settings.js
View File

@@ -1,16 +1,16 @@
module.exports = { module.exports = {
title: '惠享', title: '预定商城系统',
/** /**
* @type {boolean} true | false * @type {boolean} true | false
* @description Whether fix the header * @description Whether fix the header
*/ */
fixedHeader: false, fixedHeader: false,
/** /**
* @type {boolean} true | false * @type {boolean} true | false
* @description Whether show the logo in sidebar * @description Whether show the logo in sidebar
*/ */
sidebarLogo: false sidebarLogo: false
} }