页面跳转优化

cyl/dev
wangxia 4 years ago
parent 550e535ea4
commit ba103440c5

14
package-lock.json generated

@ -12,6 +12,7 @@
"axios": "^0.25.0", "axios": "^0.25.0",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"jquery": "^3.6.0", "jquery": "^3.6.0",
"js-cookie": "^3.0.1",
"moment": "^2.29.1", "moment": "^2.29.1",
"popmotion": "^9.3.5", "popmotion": "^9.3.5",
"vue": "^2.6.11", "vue": "^2.6.11",
@ -9033,6 +9034,14 @@
"resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.6.0.tgz", "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==" "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
}, },
"node_modules/js-cookie": {
"version": "3.0.1",
"resolved": "https://registry.npmmirror.com/js-cookie/-/js-cookie-3.0.1.tgz",
"integrity": "sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw==",
"engines": {
"node": ">=12"
}
},
"node_modules/js-message": { "node_modules/js-message": {
"version": "1.0.7", "version": "1.0.7",
"resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz", "resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz",
@ -23593,6 +23602,11 @@
"resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.6.0.tgz", "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==" "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
}, },
"js-cookie": {
"version": "3.0.1",
"resolved": "https://registry.npmmirror.com/js-cookie/-/js-cookie-3.0.1.tgz",
"integrity": "sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw=="
},
"js-message": { "js-message": {
"version": "1.0.7", "version": "1.0.7",
"resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz", "resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz",

@ -12,6 +12,7 @@
"axios": "^0.25.0", "axios": "^0.25.0",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"jquery": "^3.6.0", "jquery": "^3.6.0",
"js-cookie": "^3.0.1",
"moment": "^2.29.1", "moment": "^2.29.1",
"popmotion": "^9.3.5", "popmotion": "^9.3.5",
"vue": "^2.6.11", "vue": "^2.6.11",

@ -624,7 +624,7 @@
<div class="maincontentright"> <div class="maincontentright">
<div class="hotphone"> <div class="hotphone">
<h1 class="bottombox"><i>服务热线</i></h1> <h1 class="bottombox"><i>服务热线</i></h1>
<p>0371-666666666</p> <p>135 2307 4549</p>
</div> </div>
<div class="companyinfo"> <div class="companyinfo">
<div class="companydetail"> <div class="companydetail">

@ -320,7 +320,7 @@
</div> </div>
<div class="hotphone"> <div class="hotphone">
<h1 class="bottombox"><i>服务热线</i></h1> <h1 class="bottombox"><i>服务热线</i></h1>
<p>0371-6666 6666</p> <p>135 2307 4549</p>
</div> </div>
<!-- <div class="relationme"> <!-- <div class="relationme">
<p class="bottombox"><i>一手单合作</i></p> <p class="bottombox"><i>一手单合作</i></p>

@ -195,6 +195,7 @@
<script> <script>
import { loginApi, getPhoneCodeApi } from "../../api/login"; import { loginApi, getPhoneCodeApi } from "../../api/login";
import timmer from "./components/countback.vue"; import timmer from "./components/countback.vue";
import Cookies from "js-cookie";
export default { export default {
inject: ["reload"], inject: ["reload"],
@ -256,6 +257,7 @@ export default {
return; return;
} }
sessionStorage.setItem("LOGIN_DATA", JSON.stringify(data.data)); sessionStorage.setItem("LOGIN_DATA", JSON.stringify(data.data));
Cookies.set("LOGIN_DATA", JSON.stringify(data.data));
this.$router.push("/list"); this.$router.push("/list");
this.reload(); this.reload();
// this.$router.push("/list"); // this.$router.push("/list");
@ -282,6 +284,7 @@ export default {
return; return;
} }
sessionStorage.setItem("LOGIN_DATA", JSON.stringify(data.data)); sessionStorage.setItem("LOGIN_DATA", JSON.stringify(data.data));
Cookies.set("LOGIN_DATA", JSON.stringify(data.data));
this.$router.push("/list"); this.$router.push("/list");
this.reload(); this.reload();
} catch (err) { } catch (err) {

@ -9,7 +9,16 @@
<i class="iconfont icon-bannerLOGO"></i> <i class="iconfont icon-bannerLOGO"></i>
<i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
<!-- <p style="font-size:90px;color:white">一个专门服务代理的平台</p> --> <!-- <p style="font-size:90px;color:white">一个专门服务代理的平台</p> -->
<div><router-link to="/list">查看职位</router-link></div> <div v-if="isLogin">
<router-link to="/list" style="display: inline-block; width: 100%"
>查看职位</router-link
>
</div>
<div v-else>
<router-link to="/list" style="display: inline-block; width: 100%"
>登录</router-link
>
</div>
</div> </div>
<div <div
id="toAboutBill" id="toAboutBill"
@ -96,7 +105,7 @@
<div class="left"> <div class="left">
<p>总部地址河南省郑州市郑东新区升龙广场2号楼A座</p> <p>总部地址河南省郑州市郑东新区升龙广场2号楼A座</p>
<p>接待地址河南省郑州市航空港区相州街29-60</p> <p>接待地址河南省郑州市航空港区相州街29-60</p>
<p>联系电话168 3666 8888</p> <p>联系电话135 2307 4549</p>
</div> </div>
<div class="right"> <div class="right">
<span <span
@ -142,7 +151,7 @@
<script> <script>
import Vue from "vue"; import Vue from "vue";
import Cookies from "js-cookie";
const path = require("path"); const path = require("path");
const files = require.context("../../../static/img", false, /.png$/); const files = require.context("../../../static/img", false, /.png$/);
@ -166,6 +175,7 @@ export default {
require("../../assets/banner3.png"), require("../../assets/banner3.png"),
], ],
cooperativeImg: [], cooperativeImg: [],
isLogin: false,
}; };
}, },
// //
@ -177,6 +187,9 @@ export default {
* 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在 * 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在
*/ */
created() { created() {
if (sessionStorage.getItem("LOGIN_DATA") || Cookies.get("LOGIN_DATA")) {
this.isLogin = true;
}
setTimeout(() => { setTimeout(() => {
this.isshow = true; this.isshow = true;
}, 500); }, 500);

@ -1,6 +1,8 @@
// 路由权限的配置 // 路由权限的配置
import router from "./router"; import router from "./router";
import Vue from "vue"; import Vue from "vue";
import Cookies from "js-cookie";
console.dir(Vue); console.dir(Vue);
router.beforeEach(async (to, from, next) => { router.beforeEach(async (to, from, next) => {
// console.log(to); // console.log(to);
@ -23,7 +25,13 @@ router.beforeEach(async (to, from, next) => {
"/updatepsw", "/updatepsw",
// "/register", // "/register",
]; ];
const isLogin = sessionStorage.getItem("LOGIN_DATA") !== null ? true : false; if (sessionStorage.getItem("LOGIN_DATA") || Cookies.get("LOGIN_DATA")) {
if (!sessionStorage.getItem("LOGIN_DATA")) {
console.log("notset");
sessionStorage.setItem("LOGIN_DATA", Cookies.get("LOGIN_DATA"));
}
var isLogin = true;
}
// const isLogin = localStorage.getItem("LOGIN_DATA") !== null ? true : false; // const isLogin = localStorage.getItem("LOGIN_DATA") !== null ? true : false;
// if (to.fullPath === from.fullPath) { // if (to.fullPath === from.fullPath) {
// next(to.path); // next(to.path);

@ -1,5 +1,6 @@
import axios from "axios"; import axios from "axios";
import router from "@/router"; import router from "@/router";
import Cookies from "js-cookie";
// import Vue from "vue"; // import Vue from "vue";
const baseURL = "http://1shoudan.com"; // 正式环境线上 const baseURL = "http://1shoudan.com"; // 正式环境线上
console.log(baseURL); console.log(baseURL);
@ -12,8 +13,8 @@ console.log(baseURL);
axios.defaults.withCredentials = true; //添加这行代码 axios.defaults.withCredentials = true; //添加这行代码
// console.log(axios); // console.log(axios);
const service = axios.create({ const service = axios.create({
// baseURL: "/api_prod", // url = base url + request url baseURL: "/api_prod", // url = base url + request url
baseURL: baseURL, // baseURL: "/api", // url = base url + request url // baseURL: baseURL, // baseURL: "/api", // url = base url + request url
withCredentials: true, // send cookies when cross-domain requests withCredentials: true, // send cookies when cross-domain requests
timeout: 10000, // request timeout timeout: 10000, // request timeout
crossDomain: true, crossDomain: true,
@ -24,7 +25,7 @@ service.interceptors.response.use(
// console.log(status); // console.log(status);
if (status == 9999) { if (status == 9999) {
sessionStorage.removeItem("LOGIN_DATA"); sessionStorage.removeItem("LOGIN_DATA");
Cookies.remove("LOGIN_DATA");
router.push("/login"); router.push("/login");
// 跳转到登录页面 // 跳转到登录页面
// this.$message.warning(msg); // this.$message.warning(msg);

@ -13,27 +13,28 @@
<span> <span>
<ul> <ul>
<li> <li>
<router-link to="/"> <router-link
<a to="/"
href="javascript:;" :class="routertitleindex == 0 ? 'titleactive' : ''"
:class="routertitleindex == 0 ? 'titleactive' : ''" rel="opener"
>首页</a >
></router-link 首页</router-link
> >
</li> </li>
<li> <li>
<router-link to="/list" @click.native="toList" <router-link
><a to="/list"
href="javascript:;" @click.native="toList"
:class="routertitleindex == 1 ? 'titleactive' : ''" :class="routertitleindex == 1 ? 'titleactive' : ''"
>一手职位</a rel="opener"
></router-link >一手职位</router-link
> >
</li> </li>
<li> <li>
<router-link <router-link
to="/mybill" to="/mybill"
:class="routertitleindex == 5 ? 'titleactive' : ''" :class="routertitleindex == 5 ? 'titleactive' : ''"
rel="opener"
>我的报名 >我的报名
</router-link> </router-link>
</li> </li>
@ -217,6 +218,7 @@
<script> <script>
// import joblist from "../components/firstjob/joblist.vue"; // import joblist from "../components/firstjob/joblist.vue";
import Cookies from "js-cookie";
import { import {
JobListApi, JobListApi,
// getCityApi, // getCityApi,
@ -344,7 +346,10 @@ export default {
* 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在 * 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在
*/ */
created() { created() {
this.isLogin = sessionStorage.getItem("LOGIN_DATA") !== null ? true : false; console.log();
if (sessionStorage.getItem("LOGIN_DATA") || Cookies.get("LOGIN_DATA")) {
this.isLogin = true;
}
console.log(JSON.parse(sessionStorage.getItem("LOGIN_DATA"))); console.log(JSON.parse(sessionStorage.getItem("LOGIN_DATA")));
this.getJobList(); this.getJobList();
this.isLaoxiangshow(); this.isLaoxiangshow();
@ -518,6 +523,7 @@ export default {
console.log(data); console.log(data);
if (data.status === 200) { if (data.status === 200) {
sessionStorage.removeItem("LOGIN_DATA"); sessionStorage.removeItem("LOGIN_DATA");
Cookies.remove("LOGIN_DATA");
this.reload(); this.reload();
this.$router.push("/main"); this.$router.push("/main");
} else { } else {

@ -180,6 +180,7 @@
<script> <script>
// import joblist from "../components/firstjob/joblist.vue"; // import joblist from "../components/firstjob/joblist.vue";
import { logoutApi } from "../api/login"; import { logoutApi } from "../api/login";
import Cookies from "js-cookie";
export default { export default {
inject: ["reload"], inject: ["reload"],
@ -315,6 +316,8 @@ export default {
console.log(data); console.log(data);
if (data.status === 200) { if (data.status === 200) {
sessionStorage.removeItem("LOGIN_DATA"); sessionStorage.removeItem("LOGIN_DATA");
Cookies.remove("LOGIN_DATA");
Cookies.remove("LOGIN_DATA");
this.reload(); this.reload();
this.$router.push("/main"); this.$router.push("/main");
} else { } else {

@ -5540,6 +5540,11 @@
"resolved" "https://registry.npmmirror.com/jquery/-/jquery-3.6.0.tgz" "resolved" "https://registry.npmmirror.com/jquery/-/jquery-3.6.0.tgz"
"version" "3.6.0" "version" "3.6.0"
"js-cookie@^3.0.1":
"integrity" "sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw=="
"resolved" "https://registry.npmmirror.com/js-cookie/-/js-cookie-3.0.1.tgz"
"version" "3.0.1"
"js-message@1.0.7": "js-message@1.0.7":
"integrity" "sha512-efJLHhLjIyKRewNS9EGZ4UpI8NguuL6fKkhRxVuMmrGV2xN/0APGdQYwLFky5w9naebSZ0OwAGp0G6/2Cg90rA==" "integrity" "sha512-efJLHhLjIyKRewNS9EGZ4UpI8NguuL6fKkhRxVuMmrGV2xN/0APGdQYwLFky5w9naebSZ0OwAGp0G6/2Cg90rA=="
"resolved" "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz" "resolved" "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz"

Loading…
Cancel
Save