职位排序

cyl/dev
wangxia 3 years ago
parent 1d7a281463
commit 7d7c00f9bc

@ -219,3 +219,13 @@ export function dataStatisticsListApi(data) {
// data,
});
}
// 数据统计工单详情获取
export function dataStatisticsTeamDetailApi(data) {
return request({
url: "/yishoudan/statistics/agency/teamDetail",
method: "post",
// headers: { "Content-Type": "multipart/form-data" },
data: setqs(data),
// data,
});
}

File diff suppressed because it is too large Load Diff

@ -261,13 +261,29 @@
<i v-show="showDotted" style="line-height: 24px">...</i>
</span>
</span>
<span @click="hideFilterContent">
<span>
<span class="toggleFilter" @click="hideFilterContent">
{{ filterStatus == 0 ? "收起筛选" : "展开筛选"
}}
<i class="iconfont icon-sousuoxiala" :style="{
transform: filterStatus == 0 ? 'rotate(180deg) scale(.6)' : '',
}"></i>
</span>
<a-dropdown :trigger="['click']" overlayClassName="sortClass" placement="bottomRight">
<span class="sort">{{sortStr}}</span>
<a-menu slot="overlay">
<a-menu-item>
<div class="sortMenu" :class="sortNum == 1 ?'active':''" @click="sortList('price')"></div>
</a-menu-item>
<a-menu-item>
<div class="sortMenu" :class="sortNum == 2 ?'active':''" @click="sortList('juli')"></div>
</a-menu-item>
<a-menu-item>
<div class="sortMenu" :class="sortNum == 3 ?'active':''" @click="sortList('fuwufei')"></div>
</a-menu-item>
</a-menu>
</a-dropdown>
</span>
</div>
<div class="filter-content" style="transition: height 0.2s">
<dl class="price">
@ -392,7 +408,8 @@
<div class="jobinfo">
<span>{{ item.district }}</span>
<span>{{ item.gender }}</span>
<span>{{ item.age }}</span>
<span v-if="item.distance != null && item.distance != '' && formvalue.sortTag == 2">{{item.distanceKm}}</span>
<span v-else>{{item.age}}</span>
</div>
<div class="jobtag">
<!-- <span>返费</span> -->
@ -498,6 +515,8 @@ import {
getHotStoreApi,
// getCityApi,
} from '../../api/job'
import $ from 'jquery'
import { moneyToFixed, getSalaryClassifyValue, isNotEmptyCheck } from '../../utils/commonUtil'
import recommend from '@/components/FirstJob/components/recommend.vue'
import { nationlist } from '../../utils/datalist'
@ -535,6 +554,8 @@ export default {
data() {
return {
// jobMainList: [], //
sortNum: 1, //
sortStr: '排序',
specialList: [], //
searchValue: '',
specialvalue: [], //
@ -642,6 +663,8 @@ export default {
],
},
relationList: [],
lng: '',
lat: '',
}
},
//
@ -772,6 +795,16 @@ export default {
this.getCityWhichHasJob()
this.getHotStore()
this.hideFilterContent()
if (isNotEmptyCheck(localStorage.getItem('POSITION_INFO'))) {
let position = JSON.parse(localStorage.getItem('POSITION_INFO'))
let diffTime = new Date().getTime() - JSON.parse(localStorage.getItem('POSITION_INFO')).timestamp
if (diffTime / 3600000 > 24) {
this.getPosition()
} else {
this.lng = position.lng
this.lat = position.lat
}
}
},
/**
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
@ -892,8 +925,8 @@ export default {
// var timestamp = new Date().getTime();
console.log(new Date().getTime() - JSON.parse(localStorage.getItem('SPECIALLIST')))
console.log(new Date(new Date().getTime() - JSON.parse(localStorage.getItem('SPECIALLIST'))))
let diffTime = new Date().getTime() - JSON.parse(localStorage.getItem('SPECIALLIST'))
if (isNotEmptyCheck(localStorage.getItem('SPECIALLIST'))) {
let diffTime = new Date().getTime() - JSON.parse(localStorage.getItem('SPECIALLIST')).timestamp
if (diffTime / 3600000 > 2) {
console.log('======================', 'needRequest')
this.getJobSpecialList().then((res) => {
@ -922,6 +955,7 @@ export default {
})
} else {
this.specialList = JSON.parse(localStorage.getItem('SPECIALLIST')).data
console.log(diffTime)
this.specialList.forEach((item) => {
if (item.typeClassify == '0') {
this.tagArray0.push(item)
@ -990,7 +1024,7 @@ export default {
if (data.status == 200) {
let container = {
data: data.data,
// timestamp: new Date().getTime(),
timestamp: new Date().getTime(),
}
// console.log(container.timestamp);
localStorage.setItem('SPECIALLIST', JSON.stringify(container))
@ -1400,6 +1434,63 @@ export default {
}
}, 0)
},
/**
* 获取当前位置信息
*
*
*/
getPosition() {
let that = this
$.ajax({
url: 'https://restapi.amap.com/v3/ip?key=44c6ad3624a5957505fec66f6bdd6110',
// type: "GET",
dataType: 'JSONP',
success: function (data) {
console.log(data)
let position = data.rectangle.split(';')
console.log(position)
var lng1
var lng2
position.forEach((item, index) => {
if (index == 0) {
lng1 = item.split(',')
} else if (index == 1) {
lng2 = item.split(',')
}
})
that.lng = (+lng1[0] + +lng2[0]) / 2
that.lat = (+lng1[1] + +lng2[1]) / 2
localStorage.setItem('POSITION_INFO', JSON.stringify({ lng: that.lng, lat: that.lat, timestamp: new Date().getTime() }))
// lng: '',
// lat: '',
// let code = cityList.find((item) => {
// return item.city == data.city
// }).code
},
})
},
sortList(type) {
console.log(type)
this.formvalue.lng = ''
this.formvalue.lat = ''
if (type == 'juli') {
this.formvalue.sortTag = 2
this.sortNum = 2
this.sortStr = '距离'
this.formvalue.lng = this.lng
this.formvalue.lat = this.lat
} else if (type == 'fuwufei') {
this.sortNum = 3
this.sortStr = '服务费'
this.formvalue.sortTag = 3
} else if (type == 'price') {
this.sortNum = 1
this.sortStr = '排序'
this.formvalue.sortTag = 1
}
this.getJobList()
},
},
}
</script>
@ -2117,7 +2208,7 @@ export default {
span i {
font-size: 12px;
}
> span:last-child {
.toggleFilter {
height: 24px;
padding: 0px 2px 0 4px;
line-height: 22px;
@ -2137,6 +2228,22 @@ export default {
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: 0px;
color: #666;
cursor: pointer;
user-select: none;
}
> span:first-child {
display: flex;
align-items: center;
@ -2182,6 +2289,7 @@ export default {
}
}
}
.filter-content {
overflow: hidden;
// background-color: skyblue;
@ -2343,6 +2451,7 @@ export default {
}
}
}
.nodata {
overflow: hidden;
height: 230px;
@ -2712,6 +2821,25 @@ export default {
}
}
}
.sortClass {
.sortMenu {
text-align: center;
height: 46px;
line-height: 46px;
}
.ant-dropdown-menu-item {
width: 140px;
padding: 0 16px;
&:not(:last-child) {
.sortMenu {
border-bottom: 1px solid #eee;
}
}
}
.active.sortMenu {
color: #ff4400;
}
}
.cityModal {
.inputBox {
display: flex;

@ -5,7 +5,7 @@
<!-- <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yishoudanlogo"></use>
</svg>-->
<img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/dtLogo.png" style="width: 80px; text-align: center" alt />
<img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/dtLogo.png" style="width: 64px; text-align: center" alt />
</div>
<ul class="loginchange centerall">
<li :class="{ loginactive: loginway === 1 }" @click="loginway = 1">用户名密码登录</li>
@ -290,7 +290,7 @@ export default {
margin: 0 auto;
}
.logo {
margin: 30px auto 0px;
margin: 40px auto 0px;
text-align: center;
// img {
// width: 100%;

@ -8,7 +8,7 @@
<div class="middleslogan" :style="{ opacity: isshow ? '1' : '0' }">
<!-- </i> -->
<i class="iconfont" style="margin-bottom: 20px">
<img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/zzlogo.png" style="width: 140px !important; height: 70px; margin-bottom: 30px" alt />
<img src="http://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/zzlogo2.png" style="height: 62px; margin-bottom: 20px" alt />
</i>
<i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
@ -41,7 +41,7 @@
<div class="w">
<div class="title">关于稻田</div>
<div class="content">
<p>伯才稻田隶属郑州伯才科技有限公司是一个专门服务同业合作伙伴的综合平台一个专门服务代理的平台平台为合作伙伴提供交付全流程的产品和服务是伯才供应链产品矩阵中的旗舰产品平台通过直签联合派遣和战略合作等方式严选上线项目深度介入服务的每一个环节为合作伙伴的顺利交付保驾护航</p>
<p>伯才稻田隶属郑州伯才科技有限公司是一个专门服务同业合作伙伴的综合平台伯才稻田的使命是让天下没有难做的劳务平台为合作伙伴提供交付全流程的产品和服务是伯才供应链产品矩阵中的旗舰产品平台通过直签联合派遣和战略合作等方式严选上线项目深度介入服务的每一个环节为合作伙伴的顺利交付保驾护航</p>
<p>郑州伯才科技有限公司的前身为北京矩阵动力科技有限公司项目于2015年5月在郑州启动并于2016年5月在北京正式注册公司开始商业化运作伯才科技旗下有郑州伯才人力资源服务有限公司江西人海企业管理有限公司等多家企业服务业务公司</p>
<p>公司2021年启用全新品牌伯才新品牌新里程品牌升级但初心不变伯才团队以崭新的面貌继续全心全意服务老乡成就伙伴</p>
</div>
@ -261,13 +261,13 @@ export default {
margin-bottom: 30px;
}
i:nth-of-type(2) {
font-size: 64px;
font-size: 96px;
line-height: 1;
}
div {
width: 100px;
height: 32px;
margin-top: 115px;
margin-top: 136px;
font-size: 14px;
line-height: 29px;
text-align: center;

@ -28,12 +28,11 @@
<i class="iconfont icon-zhuyi f14 ml4"></i>
</a-tooltip>
</span>
<a @click="townsmanDetailVisible = true" slot="signUps" slot-scope="text">{{text}}</a>
<a @click="townsmanDetailVisible = true" slot="obJob" slot-scope="text">{{text}}</a>
<a @click="townsmanDetailVisible = true" slot="entry" slot-scope="text">{{text}}</a>
<a @click="townsmanDetailVisible = true" slot="passed" slot-scope="text">{{text}}</a>
<a @click="townsmanDetailVisible = true" slot="arrived" slot-scope="text">{{text}}</a>
<a @click="townsmanDetailVisible = true" slot="nickName" slot-scope="text">{{ text }}</a>
<a @click="getBillInfo(text1,10)" style="color:#576B95;text-decoration:underline" slot="signUps" slot-scope="text, text1">{{text}}</a>
<a @click="getBillInfo(text1,20)" style="color:#576B95;text-decoration:underline" slot="arrived" slot-scope="text, text1">{{text}}</a>
<a @click="getBillInfo(text1,30)" style="color:#576B95;text-decoration:underline" slot="passed" slot-scope="text, text1">{{text}}</a>
<a @click="getBillInfo(text1,40)" style="color:#576B95;text-decoration:underline" slot="entry" slot-scope="text, text1">{{text}}</a>
<a @click="getBillInfo(text1,50)" style="color:#576B95;text-decoration:underline" slot="obJob" slot-scope="text, text1">{{text}}</a>
</a-table>
<div class="total">
<div style="width:60px">{{totalObj.index}}</div>
@ -48,26 +47,21 @@
<a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="1200px" @cancel="townsmanDetailModalClose" :footer="null" destroyOnClose>
<div slot="title" destoryOnClose>明细</div>
<div class="searchinput">
<a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys">
<a-input placeholder="请输入老乡姓名/身份证号" @keyup.enter="onSearch" @input="resetsearch" v-model.trim="billPagination.keys">
<i slot="prefix" class="iconfont icon-sousuo"></i>
<button slot="suffix" @click="onSearch"></button>
</a-input>
</div>
<a-table :columns="billColumns" :data-source="billList" :scroll="{ y: 420 }" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :rowKey="(record) => record.index">
<span slot="custom_objob">
<template>在职</template>
<a-tooltip>
<template slot="title">
<p class="f12" style="color:#fff">仅显示当前在职数</p>
</template>
<i class="iconfont icon-zhuyi f14 ml4"></i>
</a-tooltip>
</span>
<a-table :columns="billColumns" :data-source="billList" :pagination="false" @change="onChange" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle', }" :rowKey="(record) => record.index">
<span slot="storeJobName" slot-scope="text">{{text}}</span>
<span slot="userName" slot-scope="text">{{text}}1</span>
<span slot="billDate">{{dateType}}</span>
</a-table>
<div class="pagecontainer">
<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
<a-pagination :current="billPagination.pageNum" :default-current="1" :defaultPageSize="8" :total="billPagination.total" @change="onChange" />
<div class="ant-pagination-options-quick-jumper">
<span>{{ pagination.total }}</span>跳至
<span>{{ billPagination.total }}</span>跳至
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />
</div>
</div>
@ -76,9 +70,9 @@
</template>
<script>
import { dataStatisticsListApi } from '../../../../api/userinfo'
import { dataStatisticsListApi, dataStatisticsTeamDetailApi } from '../../../../api/userinfo'
import moment from 'moment'
import { getDateYMD } from '../../../../utils/commonUtil'
import { getDateYMD, formatDateYMD, formatDateYMDHM, getUserApplyOrderStatusById } from '../../../../utils/commonUtil'
export default {
//
name: 'dataStatistics',
@ -95,7 +89,7 @@ export default {
checked5: false,
sortedInfo: null,
dataList: [],
pagination: {
billPagination: {
pageNum: 1,
pageSize: 8,
total: null, //
@ -192,6 +186,8 @@ export default {
// this.pageSize = pageSize;
// }
},
dateType: '',
dateVal: '',
}
},
//
@ -212,8 +208,8 @@ export default {
},
{
title: '姓名',
dataIndex: 'nickName',
key: 'nickName',
dataIndex: 'aliasName',
key: 'aliasName',
ellipsis: true,
width: 100,
},
@ -281,10 +277,14 @@ export default {
},
{
title: '姓名',
dataIndex: 'name',
key: 'name',
dataIndex: 'userName',
key: 'userName',
ellipsis: true,
width: 100,
width: 90,
// scopedSlots: { customRender: 'userName' },
customRender: (text, row, index) => {
return text.trim() + ' '
},
},
{
title: '年龄',
@ -299,7 +299,6 @@ export default {
key: 'nation',
ellipsis: true,
width: 60,
ellipsis: true,
},
{
title: '电话',
@ -310,31 +309,61 @@ export default {
},
{
title: '身份证',
dataIndex: 'IDCard',
key: 'IDCard',
dataIndex: 'idCard',
key: 'idCard',
ellipsis: true,
// width: 60,
},
{
title: '岗位',
dataIndex: 'storeJob',
key: 'storeJob',
dataIndex: 'storeJobName',
key: 'storeJobName',
ellipsis: true,
// width: 60,
},
{
title: '报名时间',
dataIndex: 'recordDate',
key: 'recordDate',
// title: '',
dataIndex: this.dateVal,
key: this.dateVal,
ellipsis: true,
width: 160,
slots: { title: 'billDate' },
customRender: (text, row, index) => {
return formatDateYMDHM(text)
},
},
{
title: '状态',
dataIndex: 'state',
key: 'state',
dataIndex: 'status',
key: 'status',
ellipsis: true,
width: 120,
customRender: (text, row, index) => {
switch (text) {
case 10:
return '报名审核中'
case 20:
return '审核通过'
case 21:
return '审核未通过'
case 25:
return '已接到'
case 26:
return '未接到'
case 30:
return '面试通过'
case 35:
return '面试未通过'
case 40:
return '已入职'
case 45:
return '通过未入职'
case 50:
return '已离职'
default:
break
}
},
},
]
return columns
@ -429,17 +458,18 @@ export default {
}
},
inputpageChange(e) {
const pagenumcount = this.pagination.total / this.pagination.pageSize
const pagenumcount = this.billPagination.total / this.billPagination.pageSize
console.log(pagenumcount)
if (e.target.value) {
if (e.target.value > pagenumcount) {
this.pagination.pageNum = Math.ceil(pagenumcount)
this.billPagination.pageNum = Math.ceil(pagenumcount)
} else {
this.pagination.pageNum = e.target.value
this.billPagination.pageNum = e.target.value
}
} else {
this.pagination.pageNum = 1
this.billPagination.pageNum = 1
}
this.gitBillList()
// this.getJobList();
// this.getTownsman()
console.log(e)
@ -472,9 +502,18 @@ export default {
},
townsmanDetailModalClose() {
this.townsmanDetailVisible = false
this.billPagination = {
pageNum: 1,
pageSize: 8,
total: null, //
status: 0,
keys: null,
// searchTag: 1,
}
},
onSearch() {
if (this.pagination.keys != null && this.pagination.keys.length != 0) {
if (this.billPagination.keys != null && this.billPagination.keys.length != 0) {
this.gitBillList()
// this.getTownsman()
// this.gettownsManCount()
}
@ -482,8 +521,9 @@ export default {
resetsearch(e) {
console.log(e)
if (e.target.value.length === 0) {
this.pagination.keys = ''
this.billPagination.keys = ''
this.gitBillList()
// this.gettownsManCount()
// this.getTownsman()
}
@ -493,10 +533,66 @@ export default {
console.log(e1)
console.log(e2)
if (typeof e == 'number') {
this.pagination.pageNum = e
this.getTownsman()
this.billPagination.pageNum = e
this.gitBillList()
}
},
/**
* 点击获取数据统计详情
*
*
*/
getBillInfo(e, type) {
console.log(e)
this.currentData = { ...e, type }
switch (type) {
case 10:
this.dateType = '报名时间'
this.dateVal = 'createTime'
break
case 20:
this.dateType = '面试时间'
this.dateVal = 'status25OperateTime'
break
case 30:
this.dateType = '通过时间'
this.dateVal = 'status30OperateTime'
break
case 40:
this.dateType = '入职时间'
this.dateVal = 'status40OperateTime'
break
case 50:
this.dateType = '入职时间'
this.dateVal = 'status40OperateTime'
break
default:
break
}
this.gitBillList()
},
async gitBillList() {
this.isspinning = true
console.log(this.billPagination.keys)
let data = {
pageNum: this.billPagination.pageNum,
pageSize: this.billPagination.pageSize,
start: this.contentListSearchForm.start,
end: this.contentListSearchForm.end,
keys: this.billPagination.keys,
userId: this.currentData.id,
type: this.currentData.type,
}
let res = await dataStatisticsTeamDetailApi(data)
console.log(res)
let pageBean = res.data.data.pageBean
if (res.data.status == 200) {
this.billList = pageBean.recordList
this.billPagination = { ...this.billPagination, total: pageBean.recordCount, pageNum: pageBean.currentPage }
this.townsmanDetailVisible = true
}
this.isspinning = false
},
},
}
</script>
@ -530,9 +626,9 @@ export default {
}
/deep/ .ant-modal-content {
.ant-modal-body {
min-height: 600px;
min-height: 640px;
max-height: 700px;
padding-bottom:90px;
padding-bottom: 90px;
overflow: auto;
}
}

@ -1,4 +1,4 @@
@import "http://at.alicdn.com/t/c/font_3135652_bm2vrgg6x95.css";
@import "http://at.alicdn.com/t/c/font_3135652_1zcnm5yaaef.css";
// 初始化页面样式
body,

@ -37,6 +37,7 @@ service.interceptors.request.use(
if (localStorage.getItem("LOGIN_DATA")) {
req.headers.Authorization = "Bearer " + JSON.parse(localStorage.getItem("LOGIN_DATA")).token;
console.log('getToken++++++++++++++++++++++++++++++++++++++++++++++++++++');
}
// application/json
// if(req.headers.common.Accept.indexOf('application/json') > 0 || req.headers.Accept.indexOf('application/json') > 0){

@ -97,6 +97,9 @@ export default {
height: 100%;
float: left;
position: relative;
background: url('https://matripe.oss-cn-beijing.aliyuncs.com/bcSVG/Login_Bg.png');
background-repeat: no-repeat;
background-size: cover;
background-color: #ff4400;
.slogan {
position: absolute;
@ -110,9 +113,9 @@ export default {
// height: 100%;
// }
i {
font-size: 91px;
font-size: 80px;
color: #fff;
line-height: 91px;
// line-height: 91px;
}
}
}

@ -1,50 +1,25 @@
<template>
<div class="index-container" @click="isspecialboxshow = false">
<!-- title部分 -->
<div class="pagetitle" >
<div class="pagetitle">
<div class="w">
<span> 欢迎来到伯才稻田平台 </span>
<span>欢迎来到伯才稻田平台</span>
<span>
<ul>
<li>
<router-link
to="/"
:class="routertitleindex == 0 ? 'titleactive' : ''"
rel="opener"
>
首页</router-link
>
<router-link to="/" :class="routertitleindex == 0 ? 'titleactive' : ''" rel="opener">首页</router-link>
</li>
<li>
<router-link
to="/list"
@click.native="toList"
:class="routertitleindex == 1 ? 'titleactive' : ''"
rel="opener"
>稻田职位</router-link
>
<router-link to="/list" @click.native="toList" :class="routertitleindex == 1 ? 'titleactive' : ''" rel="opener">稻田职位</router-link>
</li>
<li>
<router-link
to="/mybill"
:class="routertitleindex == 5 ? 'titleactive' : ''"
rel="opener"
>我的报名
</router-link>
<router-link to="/mybill" :class="routertitleindex == 5 ? 'titleactive' : ''" rel="opener">我的报名</router-link>
</li>
<li>
<router-link
to="/mytownsman"
:class="routertitleindex == 4 ? 'titleactive' : ''"
>我的老乡
</router-link>
<router-link to="/mytownsman" :class="routertitleindex == 4 ? 'titleactive' : ''">我的老乡</router-link>
</li>
<li>
<router-link
to="/dataStatistics"
:class="routertitleindex == 6 ? 'titleactive' : ''"
>数据统计
</router-link>
<router-link to="/dataStatistics" :class="routertitleindex == 6 ? 'titleactive' : ''">数据统计</router-link>
</li>
<!-- <li>
<router-link to="/serviceoutlets"
@ -63,7 +38,7 @@
>关于我们</a
>
</router-link>
</li> -->
</li>-->
</ul>
</span>
@ -71,34 +46,32 @@
<span v-if="isLogin" class="logined">
<a-dropdown overlayClassName="logindropdown">
<!-- <img :src="loginValue.imgSrc" alt="" v-if="loginValue.imgSrc !== ''" style="border-radius: 50%" />
<span v-else><i class="iconfont icon-morentouxiang" style="color:#ff4400"></i></span> -->
<span v-else><i class="iconfont icon-morentouxiang" style="color:#ff4400"></i></span>-->
<span>个人中心</span>
<div class="loginbox" slot="overlay">
<div>
<img
:src="loginValue.imgSrc"
alt=""
v-if="loginValue.imgSrc !== ''"
style="border-radius: 50%"
/>
<span v-else class="iconfont icon-morentouxiang avatar"></span
><span class="username">{{
<img :src="loginValue.imgSrc" alt v-if="loginValue.imgSrc !== ''" style="border-radius: 50%" />
<span v-else class="iconfont icon-morentouxiang avatar"></span>
<span class="username">
{{
loginValue.userName || loginValue.nickName || loginValue.tel
}}</span>
}}
</span>
</div>
<router-link to="/accountsetting">
<div>
<span
><i class="iconfont icon-gerenzhongxin"></i>个人中心</span
><i class="iconfont icon-youjiantou"></i>
<span>
<i class="iconfont icon-gerenzhongxin"></i>个人中心
</span>
<i class="iconfont icon-youjiantou"></i>
</div>
</router-link>
<router-link to="/memberInfo">
<div>
<span
><i class="iconfont icon-zhanghaoshezhi"></i
>成员管理</span
><i class="iconfont icon-youjiantou"></i>
<span>
<i class="iconfont icon-zhanghaoshezhi"></i>成员管理
</span>
<i class="iconfont icon-youjiantou"></i>
</div>
</router-link>
<!-- <router-link to="/accountsetting"
@ -108,16 +81,16 @@
>账号设置</span
><i class="iconfont icon-youjiantou"></i>
</div>
</router-link> -->
</router-link>-->
<button @click="logout">退</button>
</div>
</a-dropdown>
</span>
<span class="loginbtn" v-else>
<!-- <router-link to="/register">注册</router-link>/ -->
<router-link to="/login"
><button style="cursor: pointer">登录</button></router-link
>
<router-link to="/login">
<button style="cursor: pointer">登录</button>
</router-link>
</span>
</span>
<!-- <span class="navigationright">
@ -137,17 +110,12 @@
</router-link>
</li>
</ul>
</span> -->
</span>-->
</div>
</div>
<!-- 搜索栏 -->
<router-view
:isspecialboxshow.sync="isspecialboxshow"
:formvalue="formvalue"
:jobMainList="jobMainList"
:isspinning="isspinning"
></router-view>
<router-view :isspecialboxshow.sync="isspecialboxshow" :formvalue="formvalue" :jobMainList="jobMainList" :isspinning="isspinning"></router-view>
<!-- 老乡广告 -->
<!-- <div class="fellowtownsman" v-if="laoxiangshow">
<div class="w">
@ -196,13 +164,13 @@
</div>
</div>
</div>
</div> -->
</div>-->
<!-- banner广告栏 -->
<!-- <div class="banner" v-if="isbannershow">
<div class="w">
<i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i>
</div>
</div> -->
</div>-->
<!-- footer部分 -->
<footer v-if="isfootershow">
<div class="w">
@ -216,12 +184,11 @@
<li @click="totop">
<router-link to="/aboutus">关于我们</router-link>
</li>
</ul> -->
</ul>-->
<div>
Copyright © 2015 - 2022 Bocai. All Rights Reserved. <i></i>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
>豫ICP备2023001993号</a
>
Copyright © 2015 - 2022 Bocai. All Rights Reserved.
<i></i>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备2023001993号</a>
</div>
</div>
</footer>
@ -230,24 +197,24 @@
<script>
// import joblist from "../components/firstjob/joblist.vue";
import Cookies from "js-cookie";
import Cookies from 'js-cookie'
import {
JobListApi,
// getCityApi,
} from "../api/job";
} from '../api/job'
import { logoutApi } from "../api/login";
import { disposeJobListData } from "../utils/commonUtil";
import { logoutApi } from '../api/login'
import { disposeJobListData } from '../utils/commonUtil'
export default {
inject: ["reload"],
inject: ['reload'],
provide() {
return {
getJobList: this.getJobList,
};
}
},
//
name: "",
name: '',
//
components: {
// joblist,
@ -270,38 +237,38 @@ export default {
//
district: [], //
monthlyPayStr: [], //
ageStr: "", //
ageStr: '', //
jobSpecialLabelIds: [], //
aliasName: "",
aliasName: '',
sex: [],
pageNum: 1,
pageSize: 8,
total: null, //
},
};
}
},
//
computed: {
routertitleindex: {
set() {},
get() {
const path = this.$route.fullPath;
if (path.indexOf("serviceoutlets") > -1) {
return 2;
} else if (path.indexOf("list") > -1 || path.indexOf("detail") > -1) {
return 1;
} else if (path.indexOf("aboutus") > -1) {
return 3;
} else if (path.indexOf("main") > -1) {
return 0;
} else if (path.indexOf("mytownsman") > -1) {
return 4;
} else if (path.indexOf("mybill") > -1) {
return 5;
} else if (path.indexOf("dataStatistics") > -1) {
return 6;
const path = this.$route.fullPath
if (path.indexOf('serviceoutlets') > -1) {
return 2
} else if (path.indexOf('list') > -1 || path.indexOf('detail') > -1) {
return 1
} else if (path.indexOf('aboutus') > -1) {
return 3
} else if (path.indexOf('main') > -1) {
return 0
} else if (path.indexOf('mytownsman') > -1) {
return 4
} else if (path.indexOf('mybill') > -1) {
return 5
} else if (path.indexOf('dataStatistics') > -1) {
return 6
} else {
return 7;
return 7
}
},
},
@ -318,17 +285,17 @@ export default {
//
watch: {
routertitleindex() {
const path = this.$route.fullPath;
if (path.indexOf("serviceoutlets") > -1) {
this.laoxiangshow = true;
} else if (path.indexOf("list") > -1 || path.indexOf("detail") > -1) {
this.laoxiangshow = true;
} else if (path.indexOf("aboutus") > -1) {
this.laoxiangshow = false;
const path = this.$route.fullPath
if (path.indexOf('serviceoutlets') > -1) {
this.laoxiangshow = true
} else if (path.indexOf('list') > -1 || path.indexOf('detail') > -1) {
this.laoxiangshow = true
} else if (path.indexOf('aboutus') > -1) {
this.laoxiangshow = false
} else {
this.laoxiangshow = true;
this.laoxiangshow = true
}
this.showfooter();
this.showfooter()
},
$route: {
handler(to) {
@ -336,17 +303,17 @@ export default {
// console.log(to);
// console.log(from);
// console.dir(this.navigationBarLocation);
window.addEventListener("scroll", this.navigationBarLocation);
window.addEventListener("scroll", this.windowScroll); //
if (to.fullPath == "/list") {
window.removeEventListener("scroll", this.navigationBarLocation);
return;
} else if (to.fullPath == "/main") {
window.removeEventListener("scroll", this.windowScroll);
return;
}
window.removeEventListener("scroll", this.navigationBarLocation);
window.removeEventListener("scroll", this.windowScroll);
window.addEventListener('scroll', this.navigationBarLocation)
window.addEventListener('scroll', this.windowScroll) //
if (to.fullPath == '/list') {
window.removeEventListener('scroll', this.navigationBarLocation)
return
} else if (to.fullPath == '/main') {
window.removeEventListener('scroll', this.windowScroll)
return
}
window.removeEventListener('scroll', this.navigationBarLocation)
window.removeEventListener('scroll', this.windowScroll)
},
deep: true,
immediate: true,
@ -361,25 +328,21 @@ export default {
* 组件实例创建完成属性已绑定但DOM还未生成$ el属性还不存在
*/
created() {
console.log();
if (localStorage.getItem("LOGIN_DATA")) {
this.isLogin = true;
}
this.getJobList();
this.isLaoxiangshow();
this.getRecommendJob();
this.showfooter();
console.log()
if (localStorage.getItem('LOGIN_DATA')) {
this.isLogin = true
}
this.getJobList()
this.isLaoxiangshow()
this.getRecommendJob()
this.showfooter()
},
/**
* el 被新创建的 vm.el 替换并挂载到实例上去之后调用该钩子
* 如果 root 实例挂载了一个文档内元素 mounted 被调用时 vm.el 也在文档内
*/
mounted() {
this.loginValue =
localStorage.getItem("LOGIN_DATA") !== null
? JSON.parse(localStorage.getItem("LOGIN_DATA"))
: { tel: "" };
this.loginValue = localStorage.getItem('LOGIN_DATA') !== null ? JSON.parse(localStorage.getItem('LOGIN_DATA')) : { tel: '' }
// console.log(this.loginValue);
// console.log(document.querySelector(".ant-pagination-options-quick-jumper"));
},
@ -420,130 +383,123 @@ export default {
// }
// },
navigationBarLocation() {
let navigationBar = document.getElementById("navigationBar");
let aboutBill = document.getElementById("aboutBill");
let navigationBar = document.getElementById('navigationBar')
let aboutBill = document.getElementById('aboutBill')
// console.log(navigationBar.getBoundingClientRect().top);
// console.log(aboutBill);
// console.log(aboutBill.getBoundingClientRect().top);
if (this.$route.fullPath == "/main") {
if (
navigationBar.getBoundingClientRect().top <= 0 &&
aboutBill.getBoundingClientRect().top < 84
) {
navigationBar.style.position = "fixed";
navigationBar.style.top = "0px";
navigationBar.style.boxShadow = "0 0 10px 0 #eee";
navigationBar.style.width = "1920px";
} else if (
navigationBar.getBoundingClientRect().top == 0 &&
aboutBill.getBoundingClientRect().top >= 84
) {
if (this.$route.fullPath == '/main') {
if (navigationBar.getBoundingClientRect().top <= 0 && aboutBill.getBoundingClientRect().top < 84) {
navigationBar.style.position = 'fixed'
navigationBar.style.top = '0px'
navigationBar.style.boxShadow = '0 0 10px 0 #eee'
navigationBar.style.width = '1920px'
} else if (navigationBar.getBoundingClientRect().top == 0 && aboutBill.getBoundingClientRect().top >= 84) {
// console.log('isbig');
navigationBar.style.position = "absolute";
navigationBar.style.top = "unset";
navigationBar.style.bottom = "0px";
navigationBar.style.boxShadow = "none";
navigationBar.style.width = "1200px";
navigationBar.style.position = 'absolute'
navigationBar.style.top = 'unset'
navigationBar.style.bottom = '0px'
navigationBar.style.boxShadow = 'none'
navigationBar.style.width = '1200px'
}
}
},
//
async getJobList(newdata) {
this.isspinning = true;
console.log(this.formvalue);
this.isspinning = true
console.log(this.formvalue)
try {
newdata = {
district: "",
monthlyPayStr: "",
ageStr: "",
jobSpecialLabelIds: "",
aliasName: "",
district: '',
monthlyPayStr: '',
ageStr: '',
jobSpecialLabelIds: '',
aliasName: '',
pageNum: 1,
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() : "";
newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : ''
} else {
newdata[k] = this.formvalue[k];
newdata[k] = this.formvalue[k]
}
}
// console.log(newdata);
// debugger;
// console.log(this.isLogin);
if (this.isLogin) {
const { data } = await JobListApi(newdata);
const { data } = await JobListApi(newdata)
// console.log(data);
if (data.status === 200) {
this.jobMainList = disposeJobListData(data.data.recordList);
this.formvalue.total = data.data.recordCount;
console.log(this.jobMainList);
this.jobMainList = disposeJobListData(data.data.recordList)
this.formvalue.total = data.data.recordCount
console.log(this.jobMainList)
} else {
this.$message.info("数据获取失败");
this.$message.info('数据获取失败')
}
}
this.totop();
this.totop()
// = data.data.recordList;
// console.log(this.formvalue);
} catch (error) {
console.log(error);
console.log(error)
}
this.isspinning = false;
this.isspinning = false
},
totop() {
// console.log(window);
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0
document.documentElement.scrollTop = 0
// window.body.scrollY = 0;
},
isLaoxiangshow() {
const path = this.$route.fullPath;
if (path.indexOf("serviceoutlets") > -1) {
this.laoxiangshow = true;
} else if (path.indexOf("list") > -1 || path.indexOf("detail") > -1) {
this.laoxiangshow = true;
} else if (path.indexOf("aboutus") > -1) {
this.laoxiangshow = false;
const path = this.$route.fullPath
if (path.indexOf('serviceoutlets') > -1) {
this.laoxiangshow = true
} else if (path.indexOf('list') > -1 || path.indexOf('detail') > -1) {
this.laoxiangshow = true
} else if (path.indexOf('aboutus') > -1) {
this.laoxiangshow = false
} else {
this.laoxiangshow = true;
this.laoxiangshow = true
}
},
async getRecommendJob() {
this.isspinning = true;
this.isspinning = true
try {
if (this.isLogin) {
const { data } = await JobListApi({
pageNum: 1,
pageSize: 4,
jobCategory: 608,
});
})
// console.log(data);
this.fellowList = disposeJobListData(data.data.recordList);
this.fellowList = disposeJobListData(data.data.recordList)
// console.log(this.fellowList);
}
// this.$emit("update:relationList", this.relationList);
} catch (error) {
console.log(error);
console.log(error)
}
this.isspinning = false;
this.isspinning = false
},
async logout() {
// logoutApi().then((result) => {
// console.log(result);
// });
try {
const data = await logoutApi();
console.log(data);
const data = await logoutApi()
console.log(data)
if (data.status === 200) {
localStorage.removeItem("LOGIN_DATA");
this.reload();
this.$router.push("/main");
localStorage.removeItem('LOGIN_DATA')
this.reload()
this.$router.push('/main')
} else {
console.log(1);
console.log(1)
}
// this.fellowList = disposeJobListData(data.data.recordList);
@ -551,8 +507,8 @@ export default {
// console.log(this.fellowList);
// this.$emit("update:relationList", this.relationList);
} catch (error) {
console.log(error);
this.$message.warning(error.message);
console.log(error)
this.$message.warning(error.message)
}
// console.log(data);
// if (data.status === 200) {
@ -560,36 +516,36 @@ export default {
// }
},
resetpage() {
console.log(1);
console.log(1)
setTimeout(() => {
this.reload();
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}, 1000);
this.reload()
document.body.scrollTop = 0
document.documentElement.scrollTop = 0
}, 1000)
},
showfooter() {
const path = this.$route.fullPath;
const path = this.$route.fullPath
if (path.indexOf("main") > -1) {
this.isbannershow = false;
this.isfootershow = false;
if (path.indexOf('main') > -1) {
this.isbannershow = false
this.isfootershow = false
} else {
this.isbannershow = true;
this.isbannershow = true
this.isfootershow = true;
this.isfootershow = true
}
if (path.indexOf("login") > -1 && path.indexOf("loginpsw") == -1) {
this.isbannershow = false;
if (path.indexOf('login') > -1 && path.indexOf('loginpsw') == -1) {
this.isbannershow = false
}
},
toList() {
console.log(this.$router);
console.log(this.$router)
// this.$router.go(0);
// window.location.reload();
this.reload();
this.reload()
},
},
};
}
</script>
<style scoped lang="less">
@ -598,7 +554,7 @@ export default {
display: flex;
flex-direction: column;
justify-content: space-between;
&>div:nth-child(2){
& > div:nth-child(2) {
flex: 1;
}
/deep/ .pagetitle {

Loading…
Cancel
Save