-
-
-
-
+
+
+
+ - 其他特色：
+ -
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.storeDistrict ? item.storeDistrict + ' | ' : ''}}
+ {{ item.gender }}
+ {{ item.distanceKm }}
+ {{ item.age }}
+
+
+
+
+
+
+ 主推
+
+ {{ item1 }}
+ 暂无特色
+
+
+
+
|
+
+
+
+ {{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}-{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}元/月
+
+
+ {{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}-{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}元/月
+
+
+
-
联系客服
-
-
-
+
+
+
+
+ 更新时间：{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} )
+
+
+
服务费
+
{{ item.servetype }}
+
+
+
+
+
+
+
+
+ {{ item.servetype }}
-
收藏
-
-
-
-
立即报名
-
-
+
+
+
+
+
+
+
+
+ {{ speed == 1 ? '加载中' : '加载完成' }}
+
+
-
-
-
-
-
- 我的日历
-
-
- {{ dateinfo.day }}
-
-
{{ dateinfo.week }}
-
{{ dateinfo.date }}
-
-
-
- 伯才客服
-
-
-
-
-
![]()
-
-
- {{ managerInfo.name }}
-
+
+
+
+ 我的日历
+
+
+ {{ dateinfo.day }}
-
{{ managerInfo.workPhone || "-" }}
+
{{ dateinfo.week }}
+
{{ dateinfo.date }}
-
+
+
+ 伯才客服
+
+
+
+
+
![]()
+
+
+ {{ managerInfo.name }}
+
+
+
{{ managerInfo.workPhone || "-" }}
+
+
+
+
+
-
-
+
+
+
+
+
@@ -551,7 +910,7 @@ import {
import { getUserManagerApi } from "../../api/userinfo";
import $ from "jquery";
-import { moneyToFixed, getSalaryClassifyValue, isNotEmptyCheck, disposeJobListData, setReturnFee } from "../../utils/commonUtil";
+import { moneyToFixed, getSalaryClassifyValue, isNotEmptyCheck, disposeJobListData, setReturnFee,setJobInfoPosition } from "../../utils/commonUtil";
import recommend from "@/components/FirstJob/components/recommend.vue";
import { nationlist } from "../../utils/datalist";
import Clipboard from "clipboard";
@@ -589,6 +948,10 @@ export default {
// 组件状态值
data() {
return {
+ isToggle:false,
+ isFetching: false, // 标志位，防止重复加载
+ speed:1,// 加载进度0 未加载 1加载中 2加载完成
+ isStop:false,// 是否停止加载
jobMainList: [], // 职位列表
jobNum:0,
recordShow: false,
@@ -627,6 +990,7 @@ export default {
filterStatus: 0, // 筛选开合状态
filterHeight: "", // 筛选盒子高度
signType: 0, // 自营三方类型(0全部,1自营,2三方)
+ sortTag:0,
tagArray0: [],
tagArray1: [],
tagArray2: [],
@@ -850,7 +1214,7 @@ export default {
this.getJobList();
this.getJobNum();
} else {
- this.getJobListYicai();
+ this.getJobList();
}
this.getRecommendJob();
@@ -883,10 +1247,12 @@ export default {
mounted() {
this.loginValue = localStorage.getItem("LOGIN_DATA") !== null ? JSON.parse(localStorage.getItem("LOGIN_DATA")) : { tel: "" };
console.log(this.loginValue);
+ window.addEventListener('scroll', this.handleScroll);
},
beforeDestroy() {
console.log("beforeDestroy");
// sessionStorage.removeItem("PAGE_TYPE")
+ window.removeEventListener('scroll', this.handleScroll);
},
destroyed() {
@@ -894,6 +1260,32 @@ export default {
},
// 组件方法
methods: {
+ // ... 其他方法
+ handleScroll() {
+ const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+ const windowHeight = document.documentElement.clientHeight;
+ const scrollHeight = document.documentElement.scrollHeight;
+
+ if (scrollTop + windowHeight >= scrollHeight - 100 && !this.isFetching && !this.isStop) { // 100 是一个阈值，可以根据需要调整
+ this.isFetching = true;
+ setTimeout(() => {
+ this.speed = 1;
+ this.loadMoreData();
+ }, 300);
+ }
+ },
+ loadMoreData() {
+ this.formvalue.pageNum += 1; // 增加页码
+ if (this.signType != 0) {
+ this.getJobList({isScroll:1}).then(() => {
+ this.isFetching = false;
+ });
+ } else {
+ this.getJobList({isScroll:1}).then(() => {
+ this.isFetching = false;
+ });
+ }
+ },
removePageInfo() {
sessionStorage.removeItem("PAGE_TYPE");
},
@@ -934,10 +1326,9 @@ export default {
}
this.isspinning = false;
},
- // 获取工作列表
async getJobList(newdata) {
- this.isspinning = true;
- console.log("this.formvalue", this.formvalue);
+ // this.isspinning = true;
+ console.log('newdata',newdata);
try {
newdata = {
district: "",
@@ -945,83 +1336,102 @@ export default {
ageStr: "",
jobRequestLabelIds: "",
aliasName: "",
- pageNum: 1,
+ pageNum: this.formvalue.pageNum, // 使用当前页码
pageSize: 8,
total: null, //分页配置
+ isScroll: newdata && newdata.isScroll == 1 ? 1 : 0,
+ sortTag: this.sortTag
};
for (var k in this.formvalue) {
- // console.log(this.formvalue[k]);
if (Array.isArray(this.formvalue[k])) {
newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
} else {
newdata[k] = this.formvalue[k];
}
}
- // console.log(newdata);
- // debugger;
- // console.log(this.isLogin);
if (this.isLogin) {
const { data } = await JobListApi(newdata);
- console.log("data", data);
if (data.status === 200) {
- this.jobMainList = disposeJobListData(data.data.recordList);
+ if(data.data.recordList.length < 8){
+ // 停止加载
+ this.isStop = true;
+ this.speed = 2;
+ }else{
+ // 继续加载
+ this.isStop = false;
+ this.speed = 1;
+ }
+ data.data.recordList.forEach(item => {
+ item.up_time = this.timeShowXXX2(item.updateTime)
+ item.storeDistrict = setJobInfoPosition(item.storeDistrict)
+ })
+ if(newdata.isScroll == 1){
+ this.jobMainList = this.jobMainList.concat(disposeJobListData(data.data.recordList)); // 追加数据
+ }else{
+ this.jobMainList = disposeJobListData(data.data.recordList)
+ }
+
this.formvalue.total = data.data.recordCount;
- console.log(this.jobMainList);
} else {
this.$message.info("数据获取失败");
}
}
- this.totop();
- // = data.data.recordList;
- // console.log(this.formvalue);
+ // this.totop();
} catch (error) {
console.log(error);
}
this.isspinning = false;
},
- async getJobNum() {
- const { data } = await getJobNumApi();
- this.jobNum = data.data;
- console.log('getJobNum',data);
+ timeShowXXX2(val){
+ const now = Date.now();
+ const diff = now - val;
+
+ const seconds = Math.floor(diff / 1000);
+ const minutes = Math.floor(seconds / 60);
+ const hours = Math.floor(minutes / 60);
+ const days = Math.floor(hours / 24);
+
+ if (days < 2) {
+ if (hours > 0) {
+ return `${hours}小时前`;
+ } else if (minutes > 0) {
+ return `${minutes}分钟前`;
+ } else {
+ return `${seconds}秒前`;
+ }
+ } else {
+ return `${days}天前`;
+ }
},
- // 获取一才工作列表
async getJobListYicai(newdata) {
- return;
- this.isspinning = true;
+ // this.isspinning = true;
console.log(this.formvalue);
try {
let aId = "";
-
if (window.location.origin.indexOf("localhost:") > -1 || window.location.origin.indexOf("test.") > -1) {
aId = "2743";
} else {
aId = "3087";
}
-
newdata = {
- agencyId: aId, //测试版
+ agencyId: aId,
recruitment: "1",
keys: "",
- pageNum: 1,
+ pageNum: this.formvalue.pageNum, // 使用当前页码
pageSize: 8,
total: null, //分页配置
};
for (var k in this.formvalue) {
- // console.log(this.formvalue[k]);
if (Array.isArray(this.formvalue[k])) {
newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
} else {
newdata[k] = this.formvalue[k];
}
}
- // console.log(newdata);
- // debugger;
- // console.log(this.isLogin);
if (this.isLogin) {
const { data } = await JobListApiYicai(newdata);
- // console.log(data);
if (data.status === 200) {
- this.jobMainList = disposeJobListData(data.data.recordList);
+ this.jobMainList = this.jobMainList.concat(disposeJobListData(data.data.recordList)); // 追加数据
this.jobMainList.forEach((item, index) => {
if (item.jobType == 2) {
item["servetype"] = setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType);
@@ -1030,19 +1440,21 @@ export default {
}
});
this.formvalue.total = data.data.recordCount;
- console.log(this.jobMainList);
} else {
this.$message.info("数据获取失败");
}
}
- this.totop();
- // = data.data.recordList;
- // console.log(this.formvalue);
+ // this.totop();
} catch (error) {
console.log(error);
}
this.isspinning = false;
},
+ async getJobNum() {
+ const { data } = await getJobNumApi();
+ this.jobNum = data.data;
+ console.log('getJobNum',data);
+ },
//搜索企业名称
onSearch() {
@@ -1085,7 +1497,7 @@ export default {
// console.log(this.formvalue);
if (this.formvalue.signType == 1) {
- this.getJobListYicai();
+ this.getJobList();
} else {
this.getJobList();
}
@@ -1099,6 +1511,7 @@ export default {
// 搜索工价
searchPrice(e) {
console.log(e);
+ this.formvalue.pageNum = 1;
if (e.target.nodeName == "SPAN") {
if (e.target.textContent == this.filterObj.price) {
this.formvalue.monthlyPayStr = "";
@@ -1246,15 +1659,16 @@ export default {
},
// 改变自营三方类型
changeTab(e) {
+ this.formvalue.pageNum = 1
if (e.target.dataset.type != undefined) {
this.formvalue.pageNum = 1;
- if (e.target.dataset.type != 0) {
- this.formvalue.signType = this.signType = e.target.dataset.type;
- this.getJobListYicai();
- } else {
- this.formvalue.signType = this.signType = "";
+ // if (e.target.dataset.type != 0) {
+ // this.formvalue.signType = this.signType = e.target.dataset.type;
+ // this.getJobListYicai();
+ // } else {
+ this.formvalue.sortTag = this.sortTag = e.target.dataset.type;
this.getJobList();
- }
+ //}
}
},
async getJobSpecialList() {
@@ -1312,7 +1726,7 @@ export default {
this.formvalue.pageNum = e;
this.$refs.pageinput.value = "";
if (this.signType == 1) {
- this.getJobListYicai();
+ this.getJobList();
} else {
this.getJobList();
}
@@ -1406,7 +1820,7 @@ export default {
// console.log(window);
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
- // window.body.scrollY = 0;
+ window.body.scrollY = 0;
},
moneyToFixed(value) {
// console.log(value);
@@ -1421,7 +1835,7 @@ export default {
this.formvalue.ageStr = "";
console.log("this.formvalue", this.formvalue);
if (this.formvalue.signType == 1) {
- this.getJobListYicai();
+ this.getJobList();
} else {
this.getJobList();
}
@@ -1665,6 +2079,7 @@ export default {
},
searchJob(item) {
// console.log(item);
+ this.formvalue.pageNum = 1;
if (item.levelType == 1) {
this.formvalue.cityName = "";
this.formvalue.provinceName = item.name;
@@ -1678,7 +2093,7 @@ export default {
this.visible = false;
console.log("this.formvalue.signType", this.formvalue.signType);
if (this.signType != 0) {
- this.getJobListYicai();
+ this.getJobList();
} else {
this.getJobList();
}
@@ -1700,7 +2115,7 @@ export default {
// console.log(this.formvalue);
// this.getJobList();
if (this.formvalue.signType != 0) {
- this.getJobListYicai();
+ this.getJobList();
} else {
this.getJobList();
}
@@ -1743,7 +2158,7 @@ export default {
this.formvalue.provinceName = "";
// this.getJobList();
if (this.formvalue.signType != 0) {
- this.getJobListYicai();
+ this.getJobList();
} else {
this.getJobList();
}
@@ -1848,6 +2263,9 @@ export default {
// console.log("this.recordShow", this.recordShow);
// console.log("this.currentInfo", this.currentInfo);
},
+ handleToggle(e){
+ this.isToggle = !this.isToggle
+ }
},
};
@@ -2455,8 +2873,9 @@ export default {
z-index: 999;
font-size: 16px;
.tabSubset {
- width: 96px;
- height: 40px;
+ width: 80px;
+ height: 32px;
+ line-height: 32px;
border-radius: 6px 6px 0px 0px;
cursor: pointer;
&.active {
@@ -2465,318 +2884,8 @@ export default {
}
}
}
- .filter {
- position: relative;
- width: 100%;
- top: -10px;
- margin-top: 10px;
- margin-bottom: 6px;
- box-sizing: border-box;
- border: 1px solid #ededed;
- border-radius: 6px;
- // background-color: pink;
- padding: 0 12px;
- .filter-title {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: space-between;
- font-size: 14px;
- width: 100%;
- height: 24px;
- top: -34px;
- left: 0;
- padding-left: 20px;
- z-index: 10;
- span i {
- font-size: 12px;
- }
- .toggleFilter {
- height: 24px;
- padding: 0px 2px 0 4px;
- line-height: 22px;
- border: 1px solid #ededed;
- background-color: #f5f5f5;
- border-radius: 4px;
- color: #666;
- cursor: pointer;
- user-select: none;
- i {
- // line-height: 28px;
- height: 100%;
- line-height: 22px;
- display: inline-block;
- transform-origin: center;
- transform: scale(0.6);
- margin-left: 2px;
- }
- }
- .sort {
- width: 86px;
- height: 22px;
- margin-left: 16px;
- display: inline-block;
- text-align: center;
- padding: 0px 2px 0 4px;
- line-height: 20px;
- border: 1px solid #ededed;
- background-color: #f5f5f5;
- border-radius: 4px;
- color: #666;
- cursor: pointer;
- user-select: none;
- }
-
- > span:first-child {
- display: flex;
- align-items: center;
- justify-content: start;
- line-height: 22px;
- > span:first-child {
- margin-right: 14px;
- i {
- margin-left: 4px;
- }
- }
- }
- .filter-show {
- display: flex;
- line-height: 1;
- color: #666;
- > span:nth-child(-n + 6) {
- display: inline-block;
- }
- > span {
- display: none;
- height: 24px;
- line-height: 22px;
- padding: 0 2px 0 4px;
- background-color: #f5f5f5;
- border: 1px solid #ededed;
- margin-right: 8px;
- user-select: none;
- border-radius: 4px;
- cursor: pointer;
- &:hover {
- border-color: #1890ff;
- background: #f4faff;
- color: #1890ff;
- i {
- color: #1890ff;
- }
- }
- i {
- font-size: 14px;
- margin-left: 4px;
- color: #666;
- }
- }
- }
- }
-
- .filter-content {
- overflow: hidden;
- // background-color: skyblue;
- dl {
- display: flex;
- justify-content: start;
- padding: 8px 8px 4px 8px;
- font-size: 14px;
- line-height: 1.5;
- user-select: none;
-
- .special-active {
- color: #1890ff !important;
- // background-color: rgba(255, 106, 0, 0.1) !important;
- }
- &:first-child {
- padding-bottom: 7px;
- dd {
- > i {
- > span {
- color: #333;
- &:hover {
- color: #1890ff;
- }
- }
- }
- }
- }
- &:not(:last-child) {
- border-bottom: 1px dotted #ededed;
- }
- &:not(:first-child) {
- dd {
- display: flex;
- justify-content: start;
- flex-wrap: wrap;
- > span {
- margin-bottom: 4px;
- color: #333;
- cursor: pointer;
- &:hover {
- color: #1890ff;
- }
- }
- }
- }
- dt {
- width: 74px;
- margin-right: 16px;
- text-align: left;
- color: #888;
- }
- dd {
- flex: 1;
- .ageinputbox {
- position: relative;
- display: inline-block;
- margin-right: 16px;
- > span:nth-of-type(2) {
- position: relative;
- z-index: 2;
- }
- &:hover .confirm {
- display: block;
- }
-
- .ageinput:not(.age) {
- position: relative;
- z-index: 3;
- padding: 0;
- // margin: 0 5px;
- height: 26px;
- width: 80px;
- border-color: #ddd;
- .ant-input-prefix {
- left: 3px;
- top: 51%;
- }
- &:hover {
- input {
- border-color: #1890ff;
- }
- }
- input {
- border-radius: 4px;
- text-indent: 20px;
- height: 26px;
- padding: 0;
- padding-right: unset;
- border-color: #ddd;
- &::placeholder {
- // text-indent: 30px;
- font-size: 14px !important;
- }
- &:hover {
- border-color: #1890ff;
- box-shadow: none;
- }
- &:focus {
- border-color: #1890ff;
- box-shadow: none;
- }
- }
- .ant-input-suffix {
- right: 3px;
- }
- }
- .ageinput {
- position: relative;
- z-index: 3;
- padding: 0;
- // margin: 0 5px;
- height: 26px;
- width: 80px;
- border-color: #ddd;
- .ant-input-prefix {
- left: 3px;
- top: 51%;
- }
- &:hover {
- input {
- border-color: #1890ff;
- }
- }
- input {
- border-radius: 4px;
- text-indent: 10px;
- height: 26px;
- padding: 0;
- padding-right: unset;
- border-color: #ddd;
- &::placeholder {
- // text-indent: 30px;
- font-size: 14px !important;
- }
- &:hover {
- border-color: #1890ff;
- box-shadow: none;
- }
- &:focus {
- border-color: #1890ff;
- box-shadow: none;
- }
- }
- .ant-input-suffix {
- right: 3px;
- }
- }
- .confirm {
- position: absolute;
- display: none;
- width: 254px;
- height: 46px;
- line-height: 46px;
- left: -8px;
- top: -11px;
- z-index: 1;
- border: 1px solid #eee;
- border-radius: 6px;
- background-color: #fff;
- box-shadow: 0 0px 10px 5px #eee;
- button {
- position: relative;
- width: 44px;
- height: 26px;
- line-height: 26px;
- top: 52%;
- transform: translateY(-50%);
- margin-right: 8px;
- float: right;
- background-color: #1890ff;
- border-radius: 4px;
- border: none;
- color: #fff;
- &:hover {
- background-color: #1890ffdd;
- }
- &:active {
- background-color: #1890ffdd;
- }
- }
- }
- }
- > span {
- margin-right: 40px;
-
- > span {
- cursor: pointer;
- margin-right: 40px;
- }
- }
- }
- }
- .price {
- dd i {
- span {
- cursor: pointer;
- margin-right: 40px;
- }
- }
- }
- }
- }
+
+
.nodata {
overflow: hidden;
@@ -2792,23 +2901,24 @@ export default {
position: relative;
transform: translateY(35px);
}
- }
+ }
.subset {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ededed;
- // width: 944px;
- // height: 212px;
- padding: 16px;
- // margin-bottom: 16px;
background: #ffffff;
- // border-radius: 6px;
transition: all 0.2s;
-
+ // border: 1px solid transparent;
+ overflow: hidden;
+ .item-obj{
+ transition: all 0.2s;
+ padding: 16px;
+ }
&:hover {
- // position: relative;
- box-shadow: 3px 3px 20px 0px rgba(77, 87, 94, 0.1);
- // transform: translateY(-0.5px);
+ .item-obj{
+ transform: scale(1.02);
+ // box-shadow: 0 2px 12px 0 red
+ }
}
.subsetleft {
display: flex;
@@ -2875,13 +2985,14 @@ export default {
font-size: 20px;
}
span {
- height: 20px;
+ // height: 20px;
margin-right: 8px;
line-height: 1;
font-size: 14px;
- padding: 2px 8px;
+ padding: 4px 8px;
background: rgba(51, 51, 51, 0.06);
border-radius: 2px;
+ color: #666666;
}
.hotTag {
background-color: #1890ff;
@@ -2944,7 +3055,7 @@ export default {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
- margin-top: -8px;
+ // margin-top: -8px;
}
.updateTime {
line-height: 1;
@@ -3002,7 +3113,7 @@ export default {
}
button {
min-width: 80px;
- height: 28px;
+ height: 32px;
font-size: 16px;
// border: 1px solid rgba(77, 87, 94, 0.3);
// border-radius: 4px;
@@ -3285,4 +3396,368 @@ export default {
p {
margin-bottom: 0;
}
+.model-obj,.model-obj-copy{
+ background-color: #ffffff;
+ position: absolute;
+ left: -592px;
+ top: 44px;
+ width: 640px;
+ border-radius: 6px;
+ .filter {
+ // position: relative;
+ // width: 100%;
+ // top: -10px;
+ // margin-top: 10px;
+ // margin-bottom: 6px;
+ box-sizing: border-box;
+ border: 1px solid #ededed;
+ // background-color: pink;
+ padding: 12px;
+ .filter-title {
+ position: absolute;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-size: 14px;
+ width: 100%;
+ height: 24px;
+ top: -34px;
+ left: 0;
+ padding-left: 20px;
+ z-index: 10;
+ span i {
+ font-size: 12px;
+ }
+ .toggleFilter {
+ height: 24px;
+ padding: 0px 2px 0 4px;
+ line-height: 22px;
+ border: 1px solid #ededed;
+ background-color: #f5f5f5;
+ border-radius: 4px;
+ color: #666;
+ cursor: pointer;
+ user-select: none;
+ i {
+ // line-height: 28px;
+ height: 100%;
+ line-height: 22px;
+ display: inline-block;
+ transform-origin: center;
+ transform: scale(0.6);
+ margin-left: 2px;
+ }
+ }
+ .sort {
+ width: 86px;
+ height: 22px;
+ margin-left: 16px;
+ display: inline-block;
+ text-align: center;
+ padding: 0px 2px 0 4px;
+ line-height: 20px;
+ border: 1px solid #ededed;
+ background-color: #f5f5f5;
+ border-radius: 4px;
+ color: #666;
+ cursor: pointer;
+ user-select: none;
+ }
+
+ > span:first-child {
+ display: flex;
+ align-items: center;
+ justify-content: start;
+ line-height: 22px;
+ > span:first-child {
+ margin-right: 14px;
+ i {
+ margin-left: 4px;
+ }
+ }
+ }
+ .filter-show {
+ display: flex;
+ line-height: 1;
+ color: #666;
+ > span:nth-child(-n + 6) {
+ display: inline-block;
+ }
+ > span {
+ display: none;
+ height: 24px;
+ line-height: 22px;
+ padding: 0 2px 0 4px;
+ background-color: #f5f5f5;
+ border: 1px solid #ededed;
+ margin-right: 8px;
+ user-select: none;
+ border-radius: 4px;
+ cursor: pointer;
+ &:hover {
+ border-color: #1890ff;
+ background: #f4faff;
+ color: #1890ff;
+ i {
+ color: #1890ff;
+ }
+ }
+ i {
+ font-size: 14px;
+ margin-left: 4px;
+ color: #666;
+ }
+ }
+ }
+ }
+
+ .filter-content {
+ overflow: hidden;
+ // background-color: skyblue;
+ dl {
+ display: flex;
+ justify-content: start;
+ padding: 8px 8px 4px 8px;
+ font-size: 14px;
+ line-height: 1.5;
+ user-select: none;
+
+ .special-active {
+ color: #1890ff !important;
+ // background-color: rgba(255, 106, 0, 0.1) !important;
+ }
+ &:first-child {
+ padding-bottom: 7px;
+ dd {
+ > i {
+ > span {
+ color: #333;
+ &:hover {
+ color: #1890ff;
+ }
+ }
+ }
+ }
+ }
+ &:not(:last-child) {
+ border-bottom: 1px dotted #ededed;
+ }
+ &:not(:first-child) {
+ dd {
+ display: flex;
+ justify-content: start;
+ flex-wrap: wrap;
+ > span {
+ margin-bottom: 4px;
+ color: #333;
+ cursor: pointer;
+ &:hover {
+ color: #1890ff;
+ }
+ }
+ }
+ }
+ dt {
+ width: 74px;
+ margin-right: 16px;
+ text-align: left;
+ color: #888;
+ }
+ dd {
+ flex: 1;
+ .ageinputbox {
+ position: relative;
+ display: inline-block;
+ margin-right: 16px;
+ > span:nth-of-type(2) {
+ position: relative;
+ z-index: 2;
+ }
+ &:hover .confirm {
+ display: block;
+ }
+
+ .ageinput:not(.age) {
+ position: relative;
+ z-index: 3;
+ padding: 0;
+ // margin: 0 5px;
+ height: 26px;
+ width: 80px;
+ border-color: #ddd;
+ .ant-input-prefix {
+ left: 3px;
+ top: 51%;
+ }
+ &:hover {
+ input {
+ border-color: #1890ff;
+ }
+ }
+ input {
+ border-radius: 4px;
+ text-indent: 20px;
+ height: 26px;
+ padding: 0;
+ padding-right: unset;
+ border-color: #ddd;
+ &::placeholder {
+ // text-indent: 30px;
+ font-size: 14px !important;
+ }
+ &:hover {
+ border-color: #1890ff;
+ box-shadow: none;
+ }
+ &:focus {
+ border-color: #1890ff;
+ box-shadow: none;
+ }
+ }
+ .ant-input-suffix {
+ right: 3px;
+ }
+ }
+ .ageinput {
+ position: relative;
+ z-index: 3;
+ padding: 0;
+ // margin: 0 5px;
+ height: 26px;
+ width: 80px;
+ border-color: #ddd;
+ .ant-input-prefix {
+ left: 3px;
+ top: 51%;
+ }
+ &:hover {
+ input {
+ border-color: #1890ff;
+ }
+ }
+ input {
+ border-radius: 4px;
+ text-indent: 10px;
+ height: 26px;
+ padding: 0;
+ padding-right: unset;
+ border-color: #ddd;
+ &::placeholder {
+ // text-indent: 30px;
+ font-size: 14px !important;
+ }
+ &:hover {
+ border-color: #1890ff;
+ box-shadow: none;
+ }
+ &:focus {
+ border-color: #1890ff;
+ box-shadow: none;
+ }
+ }
+ .ant-input-suffix {
+ right: 3px;
+ }
+ }
+ .confirm {
+ position: absolute;
+ display: none;
+ width: 254px;
+ height: 46px;
+ line-height: 46px;
+ left: -8px;
+ top: -11px;
+ z-index: 1;
+ border: 1px solid #eee;
+ border-radius: 6px;
+ background-color: #fff;
+ box-shadow: 0 0px 10px 5px #eee;
+ button {
+ position: relative;
+ width: 44px;
+ height: 26px;
+ line-height: 26px;
+ top: 52%;
+ transform: translateY(-50%);
+ margin-right: 8px;
+ float: right;
+ background-color: #1890ff;
+ border-radius: 4px;
+ border: none;
+ color: #fff;
+ &:hover {
+ background-color: #1890ffdd;
+ }
+ &:active {
+ background-color: #1890ffdd;
+ }
+ }
+ }
+ }
+ > span {
+ margin-right: 40px;
+
+ > span {
+ cursor: pointer;
+ margin-right: 40px;
+ }
+ }
+ }
+ }
+ .price {
+ dd i {
+ span {
+ cursor: pointer;
+ margin-right: 40px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .dav{
+ &:hover{
+ color: rgb(24, 144, 255);
+ }
+ }
+ .b-footer{
+ div {
+ text-align: center;
+ // margin-top: 16px;
+ color: #4d575e;
+ font-size: 12px;
+ i {
+ display: inline-block;
+ vertical-align: middle;
+ width: 1px;
+ height: 16px;
+ margin: 0 10px;
+ background-color: #4d575e;
+ }
+ }
+ }
+
+ .model-obj-copy{
+ left: 50%;
+ top: 52px;
+ transform: translateX(-50%);
+ background-color: transparent;
+ .filter{
+ padding: 0;
+ .filter-title{
+ top: 0 !important;
+ position: relative;
+ padding-left: 0;
+ .filter-show{
+ >span{
+ background-color: #fff;
+ }
+ }
+ }
+ }
+
+ }
+ .stoggle{
+ transform: rotate(90deg);
+ }
diff --git a/src/components/FirstJob/recordBill.vue b/src/components/FirstJob/recordBill.vue
index a79f52e..fbc34de 100644
--- a/src/components/FirstJob/recordBill.vue
+++ b/src/components/FirstJob/recordBill.vue
@@ -1,5 +1,6 @@
-
+
+
@@ -9,7 +10,7 @@
- 伯才职位
+ 职位列表
@@ -131,7 +132,7 @@
/>-->
@@ -1254,7 +1255,7 @@ export default {
text-align: left;
.ant-form {
- width: 640px;
+ width: 560px;
}
}
@@ -1265,7 +1266,7 @@ export default {
margin-top: 12px;
> div {
- margin-left: 107px;
+ margin-left: 93px;
display: flex;
justify-content: start;
@@ -1342,11 +1343,12 @@ export default {
.idCardUpload {
// 上传身份证关闭按钮的样式
position: relative;
+ margin-top: 4px;
.icon-guanbi {
position: absolute;
- top: -3px;
- right: 52px;
+ top: -6px;
+ right: 36px;
height: 16px;
width: 16px;
text-align: center;
@@ -1371,7 +1373,7 @@ export default {
/deep/ .ant-upload-picture-card-wrapper {
width: 100px !important;
- height: 40px !important;
+ height: 32px !important;
// border: 1px solid #ddd !important;
// box-sizing: border-box;
@@ -1379,14 +1381,15 @@ export default {
.ant-upload-list-item,
.ant-upload-list-picture-card-container {
width: 100px !important;
- height: 40px !important;
+ height: 32px !important;
min-width: 100px !important;
- min-height: 40px !important;
+ min-height: 32px !important;
font-size: 12px;
padding: 0;
border-color: #dddddd !important;
box-sizing: border-box;
border-radius: 0px;
+ // margin-top: 4px !important;
&:hover {
border-color: #1890ff !important;
@@ -1415,9 +1418,9 @@ export default {
.ant-upload-list-item-uploading-text {
// display: none;
text-align: center !important;
- line-height: 40px !important;
+ line-height: 32px !important;
width: 100px !important;
- height: 40px !important;
+ height: 32px !important;
margin-top: 0;
// overflow: hidden;
}
@@ -1441,7 +1444,7 @@ export default {
.uploading {
position: absolute;
width: 98px !important;
- height: 38px !important;
+ height: 32px !important;
top: 1px;
left: -49px;
background-color: #f5f5f5;
@@ -1478,7 +1481,7 @@ export default {
.ant-form-item-children {
.pzbox {
// display: flex !important;
- color: #666;
+ color: #000;
span {
display: inline-block;
@@ -1509,9 +1512,9 @@ export default {
.ant-input {
// width: 430px;
- height: 38px;
+ height: 32px;
// color: rgba(77, 87, 94, 0.7);
- color: #666;
+ color: #000;
// border: none;
border: 1px solid #dddddd;
box-shadow: none !important;
@@ -1525,8 +1528,8 @@ export default {
.ant-select-selection__rendered,
.ant-select-selection--single,
.ant-select {
- height: 38px;
- line-height: 38px;
+ height: 32px;
+ line-height: 32px;
// border: none;
// border: 1px solid #dddddd;
box-shadow: none !important;
@@ -1538,8 +1541,8 @@ export default {
}
.ant-select-selection-selected-value {
- line-height: 37px;
- color: #666;
+ line-height: 32px;
+ color: #000;
}
&:hover {
@@ -1597,6 +1600,7 @@ export default {
border-radius: 4px;
overflow: hidden;
line-height: 2;
+ color: #000;
}
.openContral {
@@ -1896,4 +1900,13 @@ export default {
.policyRadios {
flex-wrap: wrap;
}
+
+.baoming-obj{
+ .ant-form-item .ant-input{
+ height: 32px !important;
+ }
+ .ant-upload-list-picture-card-container{
+ margin: 0 !important;
+ }
+}
diff --git a/src/components/main/index.vue b/src/components/main/index.vue
index 179c0ba..1a6a16f 100644
--- a/src/components/main/index.vue
+++ b/src/components/main/index.vue
@@ -262,7 +262,7 @@ export default {
margin-bottom: 30px;
}
i:nth-of-type(2) {
- font-size: 96px;
+ font-size: 80px;
line-height: 1;
}
div {
diff --git a/src/components/merchantManagement/index.vue b/src/components/merchantManagement/index.vue
index ed1d674..10d9ba2 100644
--- a/src/components/merchantManagement/index.vue
+++ b/src/components/merchantManagement/index.vue
@@ -1,5 +1,5 @@
-
+
diff --git a/src/components/userinfo/accountsetting/inedex.vue b/src/components/userinfo/accountsetting/inedex.vue
index e0ff6b9..7bae4be 100644
--- a/src/components/userinfo/accountsetting/inedex.vue
+++ b/src/components/userinfo/accountsetting/inedex.vue
@@ -1,5 +1,5 @@
-
+
@@ -27,7 +27,7 @@
{{ }}
-
+
@@ -73,7 +73,7 @@
-
+
-
绑定手机
@@ -473,18 +473,20 @@ export default {
// background-color: pink;
display: flex;
.accountSetList {
- width: 346px;
+ width: 320px;
// height: 500px;
- // background-color: skyblue;
- margin-right: 16px;
+ background-color: #fff;
+ border-radius: 6px;
+ overflow: hidden;
+ margin-right: 20px;
.userinfobox {
- width: 346px;
+ width: 320px;
height: 158px;
background: #ffffff;
border-radius: 6px;
padding: 24px 0;
text-align: center;
- border: 1px solid #ededed;
+ // border: 1px solid #ededed;
.avatarbox {
margin: 0 auto;
width: 64px;
@@ -549,8 +551,10 @@ export default {
// margin-top: 16px;
// padding: 0 16px;
background-color: #fff;
- border-radius: 6px;
+ border-radius: 6px;
overflow: hidden;
+ width: calc(100% - 32px);
+ margin: 0 auto !important;
li {
position: relative;
display: flex;
@@ -680,7 +684,7 @@ export default {
}
}
.rightcontent {
- width: 838px;
+ width: 620px;
min-height: 600px;
padding: 0 16px;
background-color: #fff;
diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue
index 036827b..9340136 100644
--- a/src/components/userinfo/usercenter/components/mybill.vue
+++ b/src/components/userinfo/usercenter/components/mybill.vue
@@ -1,7 +1,9 @@
-
-
-
+
+
+
+
+
-
全部
{{ billNumber.num }}
@@ -87,7 +89,9 @@
@@ -203,8 +207,8 @@
- {{ item.creator }}
- {{ formatDateYMDHM(item.createTime) }}
+
+ {{ formatDateYMDHM(item.createTime) }}
@@ -279,10 +283,11 @@
@@ -1105,12 +1110,12 @@ export default {
align-items: center;
font-size: 14px;
> div {
- margin-left: 50px;
+ margin-left: 10px;
width: 70px;
}
}
.ant-input {
- width: 400px;
+ width: 348px;
// width: 300px;
position: relative;
height: 32px;
@@ -1174,7 +1179,7 @@ export default {
padding-left: 0;
justify-content: center;
// margin-left: 20px;
- width: 260px;
+ width: 180px;
border-color: #ccc;
// border-radius: 4px;
// border: none;
@@ -1182,14 +1187,14 @@ export default {
border-color: #1890ff;
}
.ant-calendar-range-picker-input {
- width: 95px;
+ width: 78px;
font-size: 14px;
}
.ant-calendar-range-picker-separator {
- margin-right: 10px;
+ margin-right: 6px;
}
.ant-calendar-picker-clear {
- margin-right: 10px;
+ margin-right: 6px;
}
}
}
@@ -1228,11 +1233,11 @@ export default {
// li {
// }
li:first-child {
- width: 263px;
+ width: 188px;
padding-left: 60px;
}
li:nth-child(2) {
- width: 246px;
+ width: 220px;
// line-height: 100px;
// background-color: red;
}
@@ -1305,14 +1310,20 @@ export default {
border: 1px solid #ccc;
border-radius: 6px 6px 0 0;
li {
- flex: 1;
+ width: 25%;
+ font-size: 12px;
+ text-align: center !important;
+ &:nth-child(1) {
+ width: 23%;
+ }
&:nth-child(2) {
margin-left: 5px;
}
&:nth-child(3) {
// margin-left: 100px;
position: relative;
- transform: translateX(52px);
+ transform: translateX(0px);
+ width: 27%;
}
&:last-child {
text-align: right;
diff --git a/src/style/index.css b/src/style/index.css
index 68fd2fb..5ea71f8 100644
--- a/src/style/index.css
+++ b/src/style/index.css
@@ -1,4 +1,4 @@
-@import "//at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css";
+@import "//at.alicdn.com/t/c/font_3135652_w51b50q5ata.css";
@font-face {
font-family: "DingTalk";
/* 这里的字体名称是自定义的 */
diff --git a/src/style/index.less b/src/style/index.less
index 02e1900..d8d058a 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -1,4 +1,4 @@
-@import "//at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css";
+@import "//at.alicdn.com/t/c/font_3135652_w51b50q5ata.css";
@font-face {
font-family: "DingTalk"; /* 这里的字体名称是自定义的 */
src: url("../assets/fonts/DingTalk\ Sans.ttf"); /* 服务器上ttf文件的路径，记得配置域名权限 */
diff --git a/src/utils/commonUtil.js b/src/utils/commonUtil.js
index 16c4e90..205ddfe 100644
--- a/src/utils/commonUtil.js
+++ b/src/utils/commonUtil.js
@@ -1779,4 +1779,21 @@ export function getDateYMD () {
let prevMonth = date.getMonth() + 1;
let prevDay = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
return prevYear + "-" + (prevMonth >= 10 ? prevMonth : "0" + prevMonth) + "-" + prevDay;
+}
+/*
+ 处理详情地址
+*/
+export function setJobInfoPosition (pos) {
+ let city = [];
+ let citys = [];
+ if (isNotEmptyCheck(pos)) {
+ city = pos.split(",");
+ }
+ city.forEach((i) => {
+ if (isNotEmptyCheck(i)) {
+ citys.push(i);
+ }
+ });
+ citys = citys.join(",").replace(/,/g, " | ");
+ return citys ;
}
\ No newline at end of file
diff --git a/src/views/main.vue b/src/views/main.vue
index c38084b..4e667d8 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -2,24 +2,108 @@
-
-
- 
- 伯才供应链平台
+
+
+
+
+ -
+ 首页
+
+ -
+ 职位列表
+
+ -
+ 职教职培
+
+ -
+
+
+
报名工单
+
+
+
+
+ 报名工单
+
+
+
+
+
+ 职教报名
+
+
+
+
+ -
+
+
+ 报名工单
+
+
+
+
+
+
+
+
-
-
-
伯才供应链平台
+
+
+
+
+
+
+
+
@@ -308,7 +397,13 @@
-->
-
- 
-