yxt_group
/
yuncaijiao_admin_ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

预定商城系统

master
myTest383 5 months ago
parent
101684103f
commit
637cacad48
3 changed files with 167 additions and 166 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      .env.production
  2. 305
      src/layout/components/Navbar.vue
  3. 24
      src/settings.js

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 {
background: rgba(0, 0, 0, .025)
}
}
.breadcrumb-container { &:hover {
display: flex; background: rgba(0, 0, 0, .025)
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 { .breadcrumb-container {
cursor: pointer; display: flex;
width: 40px; align-items: center;
height: 40px; color: #fff;
border-radius: 10px; font-size: 26px;
} line-height: 60px;
margin: 0;
float: left;
}
.el-icon-caret-bottom { .right-menu {
cursor: pointer; float: right;
position: absolute; height: 100%;
right: -20px; line-height: 60px;
top: 25px; color: #fff;
font-size: 12px;
} &: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;
}
}
}
} }
}
} }
}
.footer {
.footer { position: fixed;
position: fixed; bottom: 0;
bottom: 0; width: 100%;
width: 100%; line-height: 40px;
line-height: 40px; background: #E9F1F7;
background: #E9F1F7; text-align: center;
text-align: center; font-size: 14px;
font-size: 14px; color: #666;
color: #666; }
} </style>
</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
} }
Write Preview
Loading…
Cancel
Save