-
推荐职位
+
+
@@ -10,18 +10,26 @@
v-for="(item, index) in relationList"
:key="index"
>
-
+
+
推荐职位
- ![]()
- 服务费1.3元/小时
-
- {{ item.aliasName }}
+
+ ![]()
+ 
+ 服务费1.3元/小时
+
+
+ 服务费1.3元/小时
+
+ {{
+ item.aliasName !== null && item.aliasName !== ""
+ ? item.aliasName
+ : item.storeName
+ }}
+
+
+
{{ item.district }}
{{ item.gender }}
- 丨{{ item.age }}
+ {{ item.age }}
返费
@@ -53,6 +61,7 @@ import {
// getCityApi,
} from "../../../api/job";
export default {
+ inject: ["reload"],
// 组件名称
name: "",
// 局部注册的组件
@@ -63,6 +72,7 @@ export default {
data() {
return {
isspinning: false,
+ isdetail: false,
relationList: [],
};
},
@@ -81,7 +91,13 @@ export default {
* el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
*/
- mounted() {},
+ mounted() {
+ console.log(this.$route.fullPath);
+ if (this.$route.fullPath.indexOf("detail") > -1) {
+ this.isdetail = true;
+ }
+ console.log(this.isdetail);
+ },
// 组件方法
methods: {
async getRecommendJob() {
@@ -94,26 +110,42 @@ export default {
});
console.log(data);
this.relationList = disposeJobListData(data.data.recordList);
+
this.isspinning = false;
console.log(this.relationList);
+ this.relationList.forEach((item) => {
+ item.age = "";
+ });
// this.$emit("update:relationList", this.relationList);
} catch (error) {
console.log(error);
}
},
+ resetpage() {
+ console.log(1);
+ setTimeout(() => {
+ this.reload();
+ document.body.scrollTop = 0;
+ document.documentElement.scrollTop = 0;
+ }, 1000);
+ },
},
};
diff --git a/src/components/Login/login.vue b/src/components/Login/login.vue
new file mode 100644
index 0000000..f1ae68f
--- /dev/null
+++ b/src/components/Login/login.vue
@@ -0,0 +1,430 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Login/register.vue b/src/components/Login/register.vue
new file mode 100644
index 0000000..a4944a2
--- /dev/null
+++ b/src/components/Login/register.vue
@@ -0,0 +1,340 @@
+
+
+
+
+
+
+
+
+
+
+
+ 获取验证码
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 注册
+
+
+
+
+
+
+
+
+
diff --git a/src/components/ServiceOutlets/index.vue b/src/components/ServiceOutlets/index.vue
index baa6e4e..a4861b0 100644
--- a/src/components/ServiceOutlets/index.vue
+++ b/src/components/ServiceOutlets/index.vue
@@ -14,9 +14,13 @@
服务业企业提供RPO、BPO、HRO等人力资源服务。
新用户注册
+
+
+ 注册即表示您已阅读并同意
+
+ 《平台用户协议》
+
+
-
+
@@ -34,7 +38,11 @@
服务业企业提供RPO、BPO、HRO等人力资源服务。
河南省郑州市航空港区XX街道XX号
+ >河南省郑州市航空港区XX街道XX号
-
+
河南省许昌市襄城县XX街道XX号
diff --git a/src/components/main/index.vue b/src/components/main/index.vue
new file mode 100644
index 0000000..11de048
--- /dev/null
+++ b/src/components/main/index.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/router/index.js b/src/router/index.js
index 1fa4b63..7ac7118 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -7,9 +7,14 @@ const routes = [
{
path: "/",
name: "Home",
- redirect: "/list",
+ redirect: "/main",
component: () => import("../views/main.vue"),
children: [
+ {
+ path: "/main",
+ name: "Main",
+ component: () => import("../components/main/index.vue"),
+ },
{
path: "/list",
name: "JobList",
@@ -36,13 +41,34 @@ const routes = [
// which is lazy-loaded when the route is visited.
component: () => import("../components/AboutUs/index.vue"),
},
+ {
+ path: "/login",
+ name: "login",
+ // component: () => import("../components/Login/login.vue"),
+ component: () => import("../views/login.vue"),
+ children: [
+ {
+ path: "/login",
+ name: "login",
+ component: () => import("../components/Login/login.vue"),
+ },
+ ],
+ },
],
},
- {
- path: "/login",
- name: "Login",
- component: () => import("../views/login.vue"),
- },
+ // {
+ // path: "/login",
+ // name: "Loginpage",
+ // component: () => import("../views/login.vue"),
+ // redirect: "/login",
+ // children: [
+ // {
+ // path: "/register",
+ // name: "register",
+ // component: () => import("../components/Login/register.vue"),
+ // },
+ // ],
+ // },
];
const router = new VueRouter({
diff --git a/src/store/index.js b/src/store/index.js
index ba2f84a..12d9c7e 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -4,7 +4,9 @@ import Vuex from "vuex";
Vue.use(Vuex);
export default new Vuex.Store({
- state: {},
+ state: {
+ joblist: {},
+ },
mutations: {},
actions: {},
modules: {},
diff --git a/src/style/index.less b/src/style/index.less
index 82ddc01..220faa8 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -97,11 +97,12 @@ table {
}
body {
- padding: 0;
+ padding: 0;
// height: 3080px;
- background-color: #eef1f5;
+ // background-color: #eef1f5;
+ background-color: #f6f6f6;
font-size: 18px;
- text-align: center;
+ text-align: center;
}
p {
font-size: 18px;
@@ -110,22 +111,12 @@ i {
font-style: normal;
}
-
-
-
-
-
-
-
// 字体图标
@font-face {
font-family: "iconfont"; /* Project id 3135652 */
- src: url("../assets/fontfile/iconfont.woff2")
- format("woff2"),
- url("../assets/fontfile/iconfont.woff")
- format("woff"),
- url("../assets/fontfile/iconfont.ttf")
- format("truetype");
+ src: url("../assets/fontfile/iconfont.woff2") format("woff2"),
+ url("../assets/fontfile/iconfont.woff") format("woff"),
+ url("../assets/fontfile/iconfont.ttf") format("truetype");
}
.iconfont {
@@ -136,36 +127,44 @@ i {
-moz-osx-font-smoothing: grayscale;
}
-.icon-shibai:before {
- content: "\e6ef";
+.icon-xiala:before {
+ content: "\e6f5";
}
-.icon-chenggong:before {
- content: "\e6ee";
+.icon-sousuo:before {
+ content: "\e608";
}
.icon-weixuanzhong:before {
- content: "\e6ed";
-}
-
-.icon-xuanzhong:before {
- content: "\e6ec";
+ content: "\e6f4";
}
.icon-duanxinyanzheng:before {
- content: "\e6ea";
+ content: "\e6f3";
}
.icon-shouji:before {
- content: "\e6eb";
+ content: "\e6f2";
+}
+
+.icon-mima:before {
+ content: "\e6f1";
}
.icon-yonghuming:before {
- content: "\e6e8";
+ content: "\e6f0";
}
-.icon-mima:before {
- content: "\e6e7";
+.icon-shibai:before {
+ content: "\e6ef";
+}
+
+.icon-chenggong:before {
+ content: "\e6ee";
+}
+
+.icon-xuanzhong:before {
+ content: "\e6ec";
}
.icon-weixin:before {
@@ -184,10 +183,6 @@ i {
content: "\e6e2";
}
-.icon-xiala:before {
- content: "\e6de";
-}
-
.icon-dingwei:before {
content: "\e6df";
}
@@ -196,21 +191,25 @@ i {
content: "\e6e0";
}
-
-
-
-
// 公用样式类名
.w {
width: 1200px;
margin: 0 auto;
}
-.ant-cascader-menus {
- ul {
+.ant-cascader-menus.monthlypay,
+.ant-cascader-menus.agestr {
+ width: 100vw;
+ margin: 0 auto;
+ top: 186px !important;
+ -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+ .ant-cascader-menu {
height: auto;
- // background-color: black;
- // width: 100vw !important;
+ width: 100%;
.ant-cascader-menu-item {
+ width: 100%;
+ text-align: left;
+ padding-left: calc((100vw - 1200px) / 2) !important ;
&:hover {
background-color: rgba(255, 106, 0, 0.1);
color: rgb(255, 106, 0);
@@ -218,29 +217,71 @@ i {
}
}
}
+.ant-cascader-menus.flitercity {
+ left: calc((100vw - 1216px) / 2) !important;
+ top: 186px !important;
+ border-radius: 0 0 4px 4px !important;
+ -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+ .ant-cascader-menu {
+ height: 500px;
+ .ant-cascader-menu-item {
+ width: 100%;
+ text-align: left;
+ // padding-left: calc((100vw - 1200px) / 2) !important ;
+ &:hover {
+ background-color: rgba(255, 106, 0, 0.1);
+ color: rgb(255, 106, 0);
+ }
+ }
+}
+}
.beforeblock {
- display: inline-block;
- vertical-align: middle;
- margin-top: -4px;
- width: 4px;
- height: 20px;
- margin-right: 8px;
- background: #ff6a00;
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -4px;
+ width: 4px;
+ height: 20px;
+ margin-right: 8px;
+ background: #ff6a00;
+}
+h1.bottombox,
+p.bottombox {
+ text-align: left;
+ border-bottom: 1px solid #eeefef;
+ margin-bottom: 16px;
+
+ i {
+ display: inline-block;
+ line-height: 20px;
+ border-bottom: 3px solid #ff6a00;
+ padding: 6px 0;
+ }
}
.ant-cascader-menu {
- max-height: 300px !important;
- &::-webkit-scrollbar {/*滚动条整体样式*/
- width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
- height: 4px;
-}
-&::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
- border-radius: 5px;
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
- background: rgba(0,0,0,0.1);
-}
-&::-webkit-scrollbar-track {/*滚动条里面轨道*/
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
- border-radius: 0;
- background: rgba(0,0,0,0.1);
-}
-}
\ No newline at end of file
+ max-height: 300px !important;
+ &::-webkit-scrollbar {
+ /*滚动条整体样式*/
+ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
+ height: 4px;
+ }
+ &::-webkit-scrollbar-thumb {
+ /*滚动条里面小方块*/
+ border-radius: 5px;
+ -webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06);
+ background: rgba(0, 0, 0, 0.1);
+ }
+ &::-webkit-scrollbar-track {
+ /*滚动条里面轨道*/
+ -webkit-box-shadow: inset 0 0 5px rgba(112, 112, 112, 0.06);
+ border-radius: 0;
+ background: rgba(0, 0, 0, 0.1);
+ }
+}
+
+// 媒体查询
+@media screen and (max-width: 1910px) {
+ .loginlogo {
+ margin: 40px auto !important;
+ }
+}
diff --git a/src/utils/commonUtil.js b/src/utils/commonUtil.js
index dccb9d6..6f49f8e 100644
--- a/src/utils/commonUtil.js
+++ b/src/utils/commonUtil.js
@@ -1109,6 +1109,8 @@ function getJobSpecialLabelNamesArray(jobSpecialLabelNames) {
}
return [];
}
+
+// 处理职位列表的方法
export function disposeJobListData(jobList) {
if (jobList !== undefined) {
if (Array.isArray(jobList)) {
@@ -1118,15 +1120,16 @@ export function disposeJobListData(jobList) {
if (isNotEmptyCheck(item.distance)) {
item["distanceKm"] = getDistanceName(item.distance);
}
+
//年龄
- console.log(jobList);
+ // console.log(jobList);
var ageStr = "";
if (isNotEmptyCheck(item.minAge) && isNotEmptyCheck(item.maxAge)) {
- ageStr = item.minAge + "-" + item.maxAge + "岁";
+ ageStr = "丨" + item.minAge + "-" + item.maxAge + "岁";
} else if (isNotEmptyCheck(item.minAge)) {
- ageStr = item.minAge + "岁以上";
+ ageStr = "丨" + item.minAge + "岁以上";
} else if (isNotEmptyCheck(item.maxAge)) {
- ageStr = item.maxAge + "岁以下";
+ ageStr = "丨" + item.maxAge + "岁以下";
}
item["age"] = ageStr;
//时薪
@@ -1190,6 +1193,23 @@ export function disposeJobListData(jobList) {
item["jobSpecialLabelNames"] = getJobSpecialLabelNamesArray(
item.jobSpecialLabelNames
);
+ // 特色标签
+ // console.log(item.jobSpecialLabelNames);
+ const jobSpecialLabelNames = [];
+ if (
+ isNotEmptyCheck(item.jobSpecialLabelNames) &&
+ Array.isArray(item.jobSpecialLabelNames)
+ ) {
+ item.jobSpecialLabelNames.forEach((item, index) => {
+ if (index <= 1) {
+ jobSpecialLabelNames.push(item);
+ // console.log(jobSpecialLabelNames);
+ } else {
+ return;
+ }
+ });
+ item.jobSpecialLabelNames = jobSpecialLabelNames;
+ }
// 年龄限制
if (item["gender"] === 1) {
item["gender"] = "丨男";
@@ -1210,11 +1230,11 @@ export function disposeJobListData(jobList) {
//年龄
var ageStr = "";
if (isNotEmptyCheck(jobList.minAge) && isNotEmptyCheck(jobList.maxAge)) {
- ageStr = jobList.minAge + "-" + jobList.maxAge + "岁";
+ ageStr = "丨" + jobList.minAge + "-" + jobList.maxAge + "岁";
} else if (isNotEmptyCheck(jobList.minAge)) {
- ageStr = jobList.minAge + "岁以上";
+ ageStr = "丨" + jobList.minAge + "岁以上";
} else if (isNotEmptyCheck(jobList.maxAge)) {
- ageStr = jobList.maxAge + "岁以下";
+ ageStr = "丨" + jobList.maxAge + "岁以下";
}
jobList["age"] = ageStr;
//时薪
@@ -1278,6 +1298,24 @@ export function disposeJobListData(jobList) {
jobList["jobSpecialLabelNames"] = getJobSpecialLabelNamesArray(
jobList.jobSpecialLabelNames
);
+ // console.log(jobList.jobSpecialLabelNames);
+ // 特色标签
+ // console.log(jobList.jobSpecialLabelNames);
+ const jobSpecialLabelNames = [];
+ if (
+ isNotEmptyCheck(jobList.jobSpecialLabelNames) &&
+ Array.isArray(jobList.jobSpecialLabelNames)
+ ) {
+ jobList.jobSpecialLabelNames.forEach((item, index) => {
+ if (index <= 4) {
+ jobSpecialLabelNames.push(item);
+ // console.log(jobSpecialLabelNames);
+ } else {
+ return;
+ }
+ });
+ jobList.jobSpecialLabelNames = jobSpecialLabelNames;
+ }
// 年龄限制
if (jobList["gender"] === 1) {
jobList["gender"] = "丨男";
diff --git a/src/utils/request.js b/src/utils/request.js
index c398035..f06f0ec 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,8 +1,9 @@
import axios from "axios";
-// const baseURL = 'https://d.matripe.com.cn'
+const baseURL = "https://d.matripe.com.cn";
// const baseURL = "http://bl7.matripe.com.cn:8001";
const service = axios.create({
- baseURL: "/api", // url = base url + request url
+ // baseURL: "/api", // url = base url + request url
+ baseURL: baseURL, // baseURL: "/api", // url = base url + request url // url = base url + request url
// withCredentials: true, // send cookies when cross-domain requests
timeout: 10000, // request timeout
});
diff --git a/src/views/login.vue b/src/views/login.vue
index fbc8d77..3b24725 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,195 +1,21 @@
+ 
+ 
+
-
-
-
- 
-
-
- -
-
- - 用户名密码登录 - -
- - 手机验证码登录 - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 登录
-
-
-
-
-
-
-
-
-
-
-
-
- 获取验证码
-
-
-
-
- 登录
-
-
-
-
-
- 下次自动登录
-
- 忘记密码
-
-
- 微信登录
- 还没有账号，立即注册
-
-
-
-
-
- 下次自动登录
-
- 忘记密码
-
-
- 微信登录
- 还没有账号，立即注册
-
-
+
+
-
+ 
+
+
+
+
+
- 
-
-