| | |
| | | <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> |
| | | <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> --> |
| | | </el-dropdown> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Cookies from "js-cookie" |
| | | export default { |
| | | name: "SalesLead", |
| | | props: { |
| | |
| | | handleCommand(command) { |
| | | console.log(command) |
| | | if (command === "logout") { |
| | | this.$router.push({ path: "/login" }) |
| | | // 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'; //本地的智慧工厂-登录页 |
| | | this.$message({ |
| | | type: 'success', |
| | | message: '注销成功!' |
| | | }); |
| | | }).catch(() => { |
| | | this.$message({ |
| | | type: 'info', |
| | | message: '已取消注销' |
| | | }); |
| | | }); |
| | | } |
| | | } |
| | | } |
| | |
| | | <style lang="scss" scoped> |
| | | .sales-lead { |
| | | display: flex; |
| | | height: 55px; |
| | | line-height: 55px; |
| | | background-color: #fff; |
| | | margin-bottom: 10px; |
| | | margin-left: -10px; |
| | | height: 50px; |
| | | line-height: 50px; |
| | | flex-shrink: 0; |
| | | box-sizing: border-box; |
| | | background-color: transparent; |
| | | border: 1px solid #ccc; |
| | | align-items: center; |
| | | .header-title { |
| | | margin-left: 16px; |
| | | font-size: 16px; |
| | | color: #475059; |
| | | font-size: 18px; |
| | | font-weight: 700; |
| | | color: #171718; |
| | | } |
| | | .header-user-info { |
| | | margin-left: auto; |