Skip to content

C
court-inner
Commit 9c8647f7 by 莫晓莉
Options

登录机制更改

parent 8adbea92
Showing with 110 additions and 357 deletions
src/api/homePage.js
...@@ -41,7 +41,8 @@ export function newsFromBoard(data) { ...@@ -41,7 +41,8 @@ export function newsFromBoard(data) {
// 文章详情 // 文章详情
export function newsDetail(data) { export function newsDetail(data) {
return request({ return request({
url: `websiteCluster/website/newsDetail`, // url: `websiteCluster/website/newsDetail`,
url: `websiteCluster/web/newsDetail`,
data, data,
method: 'post' method: 'post'
}) })
......
src/router/routers.js
...@@ -11,11 +11,7 @@ Vue.prototype.push = function push(location) { ...@@ -11,11 +11,7 @@ Vue.prototype.push = function push(location) {
}; };
const constantRouterMap = [ const constantRouterMap = [
{
path: "/verifyLogin",
name: 'verifyLogin',
component: resolve => require(["@/views/verifyLogin"], resolve),
},
{ {
path: "/", path: "/",
name: "home", name: "home",
...@@ -181,12 +177,7 @@ const constantRouterMap = [ ...@@ -181,12 +177,7 @@ const constantRouterMap = [
meta: { title: '详情', icon: '' }, meta: { title: '详情', icon: '' },
component: resolve => require(["@/views/detail"], resolve), component: resolve => require(["@/views/detail"], resolve),
}, },
{
path: "/manage",
name: 'manage',
meta: { title: '栏目', icon: '' },
component: resolve => require(["@/views/manage"], resolve),
},
// { // {
// path: "/homePage", // path: "/homePage",
// name: 'homePage', // name: 'homePage',
...@@ -194,7 +185,22 @@ const constantRouterMap = [ ...@@ -194,7 +185,22 @@ const constantRouterMap = [
// component: resolve => require(["@/views/homePage"], resolve), // component: resolve => require(["@/views/homePage"], resolve),
// }, // },
], ],
}, ]; },
{
path: "/manage",
name: 'manage',
meta: { title: '栏目', icon: '' },
component: resolve => require(["@/views/manage"], resolve),
},
{
path: "/verifyLogin",
name: 'verifyLogin',
component: resolve => require(["@/views/verifyLogin"], resolve),
},
];
export default new Router({ export default new Router({
mode: "hash", mode: "hash",
......
src/views/detail/index.vue
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
<div <div
style="text-align: center; font-size: 14px; margin-top: 15px" style="text-align: center; font-size: 14px; margin-top: 15px"
> >
您必须先的<span style="color: #d33237">登录</span>才能发表评论 您必须先的<span style="color: #d33237" @click="loginEvent">登录</span>才能发表评论
</div> </div>
</el-row> </el-row>
</div> </div>
...@@ -247,6 +247,7 @@ ...@@ -247,6 +247,7 @@
</template> </template>
<script> <script>
import {newsDetail} from "@/api/homePage.js" import {newsDetail} from "@/api/homePage.js"
import { removeToken } from "@/utils/auth";
export default { export default {
name: "show", name: "show",
...@@ -327,6 +328,17 @@ export default { ...@@ -327,6 +328,17 @@ export default {
console.log("111===", i); console.log("111===", i);
this.activeItem = i; this.activeItem = i;
}, },
loginEvent(){
removeToken();
// alert('11111',process.env.VUE_APP_LOGIN_API);
// removeToken();
// console.log('loginURL11111111111111==',loginURL );
// var loginURL  = process.env.VUE_APP_LOGIN_API;
console.log('loginURL222222222222==',process.env.VUE_APP_LOGIN_API);
// location.href = loginURL ;
location.href = process.env.VUE_APP_LOGIN_API
},
}, },
}; };
</script> </script>
......
src/views/home.vue
...@@ -12,12 +12,12 @@ ...@@ -12,12 +12,12 @@
<!--<div class="title-txt">会议管理模块</div>--> <!--<div class="title-txt">会议管理模块</div>-->
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<div class="center-txt"> <div class="center-txt" v-if="userInfo.id">
法院：{{ userInfo.courtCode }}&ensp;部门：{{ userInfo.dept?userInfo.dept.name:'' }}&ensp;姓名：{{ userInfo.nickName }} 法院：{{ userInfo.courtCode }}&ensp;部门：{{ userInfo.dept?userInfo.dept.name:'' }}&ensp;姓名：{{ userInfo.nickName }}
</div> </div>
</el-col> </el-col>
<el-col :span="5" class="top-btn"> <el-col :span="5" class="top-btn">
<div class="top-btn-item"> <!-- <div class="top-btn-item">
<img <img
:src="require('../assets/iconImg/01-首页/使用手册.png')" :src="require('../assets/iconImg/01-首页/使用手册.png')"
alt="" alt=""
...@@ -30,8 +30,8 @@ ...@@ -30,8 +30,8 @@
alt="" alt=""
/> />
<div class="top-btn-item-text">系统设置</div> <div class="top-btn-item-text">系统设置</div>
</div> </div> -->
<div @click="loginOut" class="top-btn-item" > <div @click="loginOut" class="top-btn-item" v-if="userInfo.id">
<img :src="require('../assets/iconImg/01-首页/退出.png')" alt="" /> <img :src="require('../assets/iconImg/01-首页/退出.png')" alt="" />
<div class="top-btn-item-text">退出</div> <div class="top-btn-item-text">退出</div>
</div> </div>
...@@ -67,7 +67,7 @@ import menuHead from "@/views/layout/menu"; ...@@ -67,7 +67,7 @@ import menuHead from "@/views/layout/menu";
import { mapGetters, mapMutations } from "vuex"; import { mapGetters, mapMutations } from "vuex";
import { setUserInfo } from "@/utils/auth"; import { setUserInfo } from "@/utils/auth";
import { getInfo,logout } from "@/api/login"; import { getInfo,logout } from "@/api/login";
import { removeToken } from "@/utils/auth"; import { removeToken,getToken } from "@/utils/auth";
export default { export default {
components: { components: {
// topHead, // topHead,
...@@ -79,7 +79,10 @@ export default { ...@@ -79,7 +79,10 @@ export default {
}; };
}, },
created() { created() {
this.getUserInfo(); if(getToken()){
this.getUserInfo();
}
}, },
computed:{ computed:{
...mapGetters(['user']), ...mapGetters(['user']),
...@@ -96,6 +99,7 @@ export default { ...@@ -96,6 +99,7 @@ export default {
loginOut() { loginOut() {
logout().then((res) => { logout().then((res) => {
removeToken(); removeToken();
// this.$router.push("/");
location.href = res.data; location.href = res.data;
}); });
}, },
......
src/views/layout/menu-yy.vue deleted 100644 → 0
<template>
<div>
<div class="nav">
<div class="nav-a">
<ul class="nav-a-ul">
<li class="nav-a-li" :class="classA == index ? 'active' : '' " @click="selected(index)" v-for="(item,index) in configNav">
<router-link :to='item.path' class="nav-a-text" @click="showToggle(index)">{{item.name}}</router-link>
<div v-if="item.subItems" class="submenu-container" >
<ul class="menu_ul" :class="{'active' :index===isShow}">
<li class="menu_li" v-for = "nav in item.subItems" :class="classB == nav ? 'active' : '' " @click="menuselected(nav)">
<router-link class="menu_ul_text" :to="nav.link" :class="{'active':nav.link == linkClick}" @click = "treeNavSwitch(nav)">{{nav.text}}</router-link>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return{
classA: 0,
classB: 0,
isShow: 0,
linkClick: "",
configNav: [
{
name: "首页",
path:'homePage',
},
{
name: "法院新闻",
path:'',
subItems:[
{ link:'/education',text: '教学管理系统'},
{ link:'/yingxiaozhaosheng',text: '营销招生系统' },
{ link:'',text: '视频直播系统' },
{ link:'',text: '个性化定制服务' }
]
},
{
name: "工作信息",
path:'/show',
},
{
name: "法院业务",
path:'/aboutour',
},
{
name: "干警作品",
path:'/aboutour',
},
{
name: "娱乐",
path:'/aboutour',
},
{
name: "全区法院",
path:'/aboutour',
},
{
name: "信息发布系统",
path:'/aboutour',
},
]
}
},
methods:{
selected(){},
menuselected(){},
}
}
</script>
<style lang="scss" scoped>
// 路由导航
// .el-menu--horizontal>.el-menu-item{
// background-color: rgb(58, 94, 131);
// color:#fff;
// }
// .el-menu--horizontal>.el-menu-item{
// border-bottom:none;
// background:rgb(58, 94, 131);
// }
// .el-menu--horizontal>.el-menu-item{
// background:rgb(22, 22, 22)!important;
// height:40px;
// line-height:40px;
// margin-right:10px;
// border-radius:5px 5px 0 0;
// font-size:12px;
// font-weight:bold;
// }
// .el-menu--horizontal>.el-menu-item.is-active{
// background-color: rgb(58, 94, 131)!important;
// }
// .el-menu.el-menu--horizontal{
// border-bottom:none;
// }
// .icon-size{
// font-size:15px;margin-right:5px;
// }
ul,li{
padding:0;
margin:0;
}
.nav {
width: 100%;
// min-width: 1300px;
height: auto;
margin: 0px auto;
// position: absolute;
// position: relative;
border-bottom: none;
line-height: 65px;
// padding:5px 0;
background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
box-sizing:border-box;
// box-sizing:border-box;
}
.nav-a {
cursor: pointer;
// float: left;
// margin-left: 50px;
letter-spacing: 4px;
position: relative;
text-align:center;
}
.nav-a-ul {
list-style: none;
line-height:50px;
}
.nav-a-li {
display: inline-block;
// margin-left: 30px;
// height: 60px;
margin:0 20px;
}
.nav-a-text {
font-size: 16px;
color: #fff;
// line-height: 58px;
font-weight:bold;
text-decoration: none;
}
.menu_ul{
list-style: none;
background: #fff;
border-radius: 3px;
z-index: 999;
// position: absolute;
// display:flex;
// flex-wrap: wrap;
// white-space:nowrap;
// display: none;
// margin-top:10px;
}
.submenu-container {
// width: 130px;
// top: 58px;
// left: 67px;
// left:0;
display: none;
margin-top:10px;
width: 100%;
position:absolute;
width:300px;
border:1px solid red;
border-radius:5px;
padding:15px;
}
.menu_li {
float:left;
height: 30px;
line-height: 30px;
padding:0 10px;
margin-bottom:10px;
border-right:1px solid #eee;
// padding-left: 12px;
}
.menu_ul_text {
font-size: 14px;
color: #666;
letter-spacing: 0;
line-height: 30px;
height:30px;
text-decoration: none;
padding-left: 6px;
}
.nav-a-li:hover{
// display:inline-block;
// border-bottom: 2px solid #fff !important;
border-bottom: 2px solid red !important;
box-sizing:border-box;
}
.nav-a-li.active {
// border-bottom: 2px solid #fff;
}
.nav-a-li:active {
border-bottom: 2px solid #fff;
}
// .nav-a-li:hover .menu_ul {
// display: block;
// }
.nav-a-li:hover .submenu-container {
display: block;
}
.menu_ul_text:hover {
color: #2589ff;
}
.menu_li.active .menu_ul_text{
color: #2589ff;
}
.search-container{
// position:relative;
width: 100%;
height: 500px;
background-image: url(../../assets/pic.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.index-div{
position:absolute;
width: 100%;
border-radius: 5px;
top:30%;
}
.indexConFind{
// position:absolute;
width: 60%;
height: 180px;
background-color: rgba(5, 23, 17, 0.21);
margin: 0 auto;
// top:20%;
border-radius: 5px;
}
.seach-input{
width:60%;
}
</style>
src/views/layout/menu.vue
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
</ul> </ul>
</div> </div>
</div>:default-active="this.$router.path" @select="handleSelect"--> </div>:default-active="this.$router.path" @select="handleSelect"-->
<el-row >
<!--<el-col class="my-menu k-flex k-center k-align-center" :span="18" :offset="3">--> <el-row >
<el-col class="my-menu k-flex-between-center" :span="18" :offset="3"> <el-col class="my-menu k-flex-between-center" :span="18" :offset="3">
<el-menu <el-menu
:default-active="activeIndex" :default-active="activeIndex"
...@@ -64,9 +64,9 @@ ...@@ -64,9 +64,9 @@
</el-submenu> </el-submenu>
<el-submenu index="/news"> <el-submenu index="/news">
<template slot="title">娱乐</template> <template slot="title">娱乐</template>
<!--<el-menu-item index="6-1">选项1</el-menu-item> <el-menu-item index="6-1">选项1</el-menu-item>
<el-menu-item index="6-2">选项2</el-menu-item> <el-menu-item index="6-2">选项2</el-menu-item>
<el-menu-item index="6-3">选项3</el-menu-item>--> <el-menu-item index="6-3">选项3</el-menu-item>
</el-submenu> </el-submenu>
<el-submenu index="7"> <el-submenu index="7">
<template slot="title">全区法院</template> <template slot="title">全区法院</template>
...@@ -74,24 +74,7 @@ ...@@ -74,24 +74,7 @@
<el-menu-item index="7-2">选项2</el-menu-item> <el-menu-item index="7-2">选项2</el-menu-item>
<el-menu-item index="7-3">选项3</el-menu-item> <el-menu-item index="7-3">选项3</el-menu-item>
</el-submenu> </el-submenu>
<el-menu-item index="/manage" >信息发布系统</el-menu-item> <el-menu-item @click="openManage" >信息发布系统</el-menu-item>
<!--<el-menu-item index="4">
<a href="https://www.ele.me" target="_blank">订单管理</a>
订单管理
</el-menu-item>-->
<!--<el-menu-item>
<div>
<div class="k-flex seach-input k-align-center">x
<el-input
placeholder="请输入内容"
v-model="input"
clearable>
<i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i>
</el-input>
<el-button style="" type="warning" icon="el-icon-search">搜索</el-button>
</div>
</div>
</el-menu-item>-->
</el-menu> </el-menu>
<div class="k-flex seach-input k-align-center"> <div class="k-flex seach-input k-align-center">
<el-input <el-input
...@@ -100,17 +83,8 @@ ...@@ -100,17 +83,8 @@
clearable> clearable>
<i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i> <i @click="searchEvent" slot="suffix" class="el-input__icon el-icon-search"></i>
</el-input> </el-input>
<!--<el-button style="" type="warning" icon="el-icon-search">搜索</el-button>-->
</div> </div>
</el-col> </el-col>
<!--<div class="k-flex seach-input k-align-center">
<el-input
placeholder="请输入内容"
v-model="input"
clearable>
</el-input>
<el-button type="warning" icon="el-icon-search">搜索</el-button>
</div>-->
</el-row> </el-row>
...@@ -170,6 +144,9 @@ export default { ...@@ -170,6 +144,9 @@ export default {
} }
}, },
methods:{ methods:{
openManage(){
window.open('/#/manage')
},
selected(){}, selected(){},
menuselected(){}, menuselected(){},
searchEvent(){ searchEvent(){
...@@ -185,11 +162,9 @@ export default { ...@@ -185,11 +162,9 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.my-menu{ .my-menu{
// background: linear-gradient(to right, #1a3784 0%,#34bab2 100%);
background:#D33237; background:#D33237;
border-radius:7px; border-radius:7px;
padding:0 15px; padding:0 15px;
} }
::v-deep{ ::v-deep{
...@@ -206,10 +181,12 @@ export default { ...@@ -206,10 +181,12 @@ export default {
.el-menu--horizontal>.el-submenu .el-submenu__title{ .el-menu--horizontal>.el-submenu .el-submenu__title{
font-size:13px; font-size:13px;
} }
// ul{
// padding:0;
// margin:0; // ul{
// } // padding:0;
// margin:0;
// }
// .el-menu.el-menu--horizontal{ // .el-menu.el-menu--horizontal{
// display:flex; // display:flex;
// justify-content:center; // justify-content:center;
...@@ -237,62 +214,53 @@ export default { ...@@ -237,62 +214,53 @@ export default {
// background: red; // background: red;
// width: 100%; // width: 100%;
// } // }
// .el-menu--horizontal .el-submenu { // .el-menu--horizontal .el-submenu {
// float: left; // float: left;
// }
// }
// .el-menu--horizontal{ // .el-menu--horizontal{
// display:block !important; // display:block !important;
// } // }
// .el-menu--horizontal .el-menu-item{ // .el-menu--horizontal .el-menu-item{
// float:left!important; // float:left!important;
// } // }
// .el-submenu .el-menu-item{ // .el-submenu .el-menu-item{
// display:flex; // display:flex;
// float:left!important; // float:left!important;
// } // }
} }
// $childs: false; // $childs: false;
//横向展示需要样式修改 //横向展示需要样式修改
.el-menu--horizontal .el-menu-item { .el-menu--horizontal .el-menu-item {
// float: left; // float: left;
// float: if($childs, left, none); // float: if($childs, left, none);
// float: none; // float: none;
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
margin: 0; margin: 0;
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
border-bottom-width: 2px; border-bottom-width: 2px;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-color: transparent; border-bottom-color: transparent;
color: #909399; color: #909399;
} }
.el-menu--horizontal .el-submenu {
// float: left;
// float: none;
// float: if($childs, left, none);
}
.el-submenu__icon-arrow { .el-submenu__icon-arrow {
position: static; position: static;
vertical-align: middle; vertical-align: middle;
margin-left: 8px; margin-left: 8px;
margin-top: -3px; margin-top: -3px;
color:#fff; color:#fff;
} }
.el-menu--horizontal .el-submenu.is-active .el-submenu__title { .el-menu--horizontal .el-submenu.is-active .el-submenu__title {
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
border-bottom: 2px solid #409EFF; border-bottom: 2px solid #409EFF;
color: #303133; color: #303133;
} }
......
src/views/manage/index.vue
...@@ -19,7 +19,8 @@ ...@@ -19,7 +19,8 @@
<!--左边栏目开始--> <!--左边栏目开始-->
<el-col :span="5" class="border-zone"> <el-col :span="5" class="border-zone">
<div class="list-container" style=""> <div class="list-container" style="">
<div class="list-title mb-10" @click="loginOut">选择栏目</div> <!-- <a :href="process.env.VUE_APP_LOGIN_API">点击</a> -->
<div class="list-title mb-10" @click="loginEvent">选择栏目</div>
<!--<ul class="type-list"> <!--<ul class="type-list">
<li><a href="#">最高法通报</a></li> <li><a href="#">最高法通报</a></li>
<li><a href="#">最高人民法院简报</a></li> <li><a href="#">最高人民法院简报</a></li>
...@@ -1276,6 +1277,7 @@ export default { ...@@ -1276,6 +1277,7 @@ export default {
} }
}, },
created() { created() {
console.log('登录路径==',process.env.VUE_APP_LOGIN_API);
this.getBoardTree();//获取左边栏目树 this.getBoardTree();//获取左边栏目树
this.findCurrentDepts();//获取本院部门 this.findCurrentDepts();//获取本院部门
this.getUserCourtLevel();//用户法院等级 this.getUserCourtLevel();//用户法院等级
...@@ -1313,6 +1315,10 @@ export default { ...@@ -1313,6 +1315,10 @@ export default {
}else{ }else{
return this.deptListData; return this.deptListData;
} }
},
VUE_APP_LOGIN_API(){
console.log('登录路径',process.env.VUE_APP_LOGIN_API);
return process.env.VUE_APP_LOGIN_API
} }
}, },
// 模糊搜索所属部门end // 模糊搜索所属部门end
...@@ -1676,20 +1682,25 @@ export default { ...@@ -1676,20 +1682,25 @@ export default {
loginEvent(){ loginEvent(){
removeToken(); removeToken();
alert('11111',process.env.VUE_APP_LOGIN_API); // alert('11111',process.env.VUE_APP_LOGIN_API);
removeToken(); // removeToken();
console.log('loginURL11111111111111==',loginURL ); // console.log('loginURL11111111111111==',loginURL );
var loginURL  = process.env.VUE_APP_LOGIN_API; // var loginURL  = process.env.VUE_APP_LOGIN_API;
console.log('loginURL222222222222==',loginURL ); // console.log('loginURL222222222222==',loginURL );
location.href = loginURL ; // location.href = loginURL ;
location.href = process.env.VUE_APP_LOGIN_API
}, },
loginOut() { loginOut() {
alert('11111',process.env.VUE_APP_LOGIN_API); // alert('11111',process.env.VUE_APP_LOGIN_API);
logout().then((res) => { // logout().then((res) => {
removeToken(); // removeToken();
location.href = res.data; // location.href = res.data;
}); // });
// var loginURL  = process.env.VUE_APP_LOGIN_API;
// console.log('loginURL222222222222==',loginURL );
// location.href = loginURL ;
location.href = process.env.VUE_APP_LOGIN_API
}, },
// 管理列表--页面切换 // 管理列表--页面切换
pageChange(e) { pageChange(e) {
......
src/views/verifyLogin.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<script> <script>
import { setToken, setUserInfo } from "@/utils/auth"; import { setToken, setUserInfo } from "@/utils/auth";
import { getInfo } from "@/api/login"; // import { getInfo } from "@/api/login";
import { mapGetters, mapMutations } from "vuex"; import { mapGetters, mapMutations } from "vuex";
import Cookie from "js-cookie"; import Cookie from "js-cookie";
export default { export default {
...@@ -19,10 +19,10 @@ export default { ...@@ -19,10 +19,10 @@ export default {
if (obj.Authorization) { if (obj.Authorization) {
let token = "Bearer " + obj.Authorization; let token = "Bearer " + obj.Authorization;
getInfo().then((res) => { // getInfo().then((res) => {
setUserInfo(res); // setUserInfo(res);
this.SET_USER(res.user); // this.SET_USER(res.user);
}); // });
// console.log(token); // console.log(token);
setToken(token, false); setToken(token, false);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment