| | |
|---|
| | | <template> |
|---|
| | | <div class="sales-lead"> |
|---|
| | | <div class="header-title">{{ headerTitle }}</div> |
|---|
| | | <div class="header-user-info"> |
|---|
| | | <div class="avatar"><el-avatar icon="el-icon-user-solid"></el-avatar></div> |
|---|
| | | <el-dropdown @command="handleCommand"> |
|---|
| | | <div class="el-dropdown-link">用户名<i class="el-icon-arrow-down el-icon--right"></i></div> |
|---|
| | | <el-dropdown-menu slot="dropdown"> |
|---|
| | | <el-dropdown-item command="logout">退出</el-dropdown-item> |
|---|
| | | </el-dropdown-menu> |
|---|
| | | </el-dropdown> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import Cookies from "js-cookie" |
|---|
| | | export default { |
|---|
| | | name: "SalesLead", |
|---|
| | | props: { |
|---|
| | | headerTitle: String |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return {} |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | environmentType(){ |
|---|
| | | let type |
|---|
| | | if (location.href.includes('192.168.20.119')) { |
|---|
| | | type = 'test' |
|---|
| | | } else if (location.href.includes('192.168') || location.href.includes('localhost')) { |
|---|
| | | type = 'dev' |
|---|
| | | } else { |
|---|
| | | type = 'prod' |
|---|
| | | } |
|---|
| | | |
|---|
| | | return type |
|---|
| | | }, |
|---|
| | | getApsPage(){ |
|---|
| | | // 首页部署在各个环境的端口 |
|---|
| | | const loginPathMap = { |
|---|
| | | prod:`//${window.location.hostname}:9080`, |
|---|
| | | test:`//192.168.20.119:9080`, |
|---|
| | | // 想跳到本地启动的登录页的话需要把dev改成你本地项目路径 |
|---|
| | | dev: `//192.168.8.112:8081` |
|---|
| | | } |
|---|
| | | return loginPathMap[this.environmentType()] |
|---|
| | | }, |
|---|
| | | handleCommand(command) { |
|---|
| | | console.log(command) |
|---|
| | | if (command === "logout") { |
|---|
| | | // this.$router.push({ path: "/login" }) |
|---|
| | | document.cookie = "cookieName=; path=/;"; |
|---|
| | | this.$confirm('确定要注销当前用户吗?', '注销用户', { |
|---|
| | | confirmButtonText: '确定', |
|---|
| | | cancelButtonText: '取消', |
|---|
| | | type: 'warning' |
|---|
| | | }).then(() => { |
|---|
| | | Cookies.remove('token') |
|---|
| | | // window.location.href = 'http://localhost:8080/login'; //本地的智慧工厂-登录页 |
|---|
| | | window.location.href = 'http:'+this.getApsPage()+'/login'; |
|---|
| | | this.$message({ |
|---|
| | | type: 'success', |
|---|
| | | message: '注销成功!' |
|---|
| | | }); |
|---|
| | | }).catch(() => { |
|---|
| | | this.$message({ |
|---|
| | | type: 'info', |
|---|
| | | message: '已取消注销' |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | |
|---|
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .sales-lead { |
|---|
| | | height: 55px; |
|---|
| | | line-height: 55px; |
|---|
| | | background-color: #fff; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | display: flex; |
|---|
| | | height: 50px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | line-height: 50px; |
|---|
| | | background-color: $color-bg; |
|---|
| | | border: 1px solid #ccc; |
|---|
| | | .header-title { |
|---|
| | | margin-left: 16px; |
|---|
| | | font-size: 16px; |
|---|
| | | color: #475059; |
|---|
| | | padding-left: 16px; |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: bold; |
|---|
| | | color: #171718; |
|---|
| | | } |
|---|
| | | .header-user-info { |
|---|
| | | margin-left: auto; |
|---|
| | | margin-right: 20px; |
|---|
| | | display: flex; |
|---|
| | | .avatar { |
|---|
| | | margin-top: 4px; |
|---|
| | | margin-right: 10px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
