504 lines
12 KiB
Vue
504 lines
12 KiB
Vue
|
<template>
|
|||
|
|
<view class="content">
|
|||
|
|
<view class="mb">
|
|||
|
|
<view class="filter_container">
|
|||
|
|
<view class="search_container" @click="toSearch()">
|
|||
|
|
<uni-icons
|
|||
|
|
class="search_icon"
|
|||
|
|
type="search"
|
|||
|
|
size="20"
|
|||
|
|
v-model="advertisePositionName"
|
|||
|
|
color="#bdbdbd"
|
|||
|
|
></uni-icons>
|
|||
|
|
<input
|
|||
|
|
style="text1"
|
|||
|
|
class="input-"
|
|||
|
|
size="20"
|
|||
|
|
placeholder="招聘岗位(模糊查询)"
|
|||
|
|
v-model="advertisePositionName"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="otherFixed">
|
|||
|
|
<!-- <view class="text " @click="showSinglePicker">{{deptResult.name}}</view> -->
|
|||
|
|
<view class="text" @click="filterDate">{{
|
|||
|
|
timeData.begin == ""
|
|||
|
|
? "日期范围"
|
|||
|
|
: timeData.begin + "~" + timeData.end
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="mybox" v-if="listCards.length > 0">
|
|||
|
|
<view
|
|||
|
|
v-for="(item, index) in listCards"
|
|||
|
|
:key="index"
|
|||
|
|
class="example-box"
|
|||
|
|
style="position: relative"
|
|||
|
|
@click="clickDetail(item)"
|
|||
|
|
>
|
|||
|
|
<dev-block
|
|||
|
|
:title="item.title"
|
|||
|
|
:titleNumber="item.titleNumber"
|
|||
|
|
:note="item.note"
|
|||
|
|
:extra="item.extra"
|
|||
|
|
:tagType="item.tagType"
|
|||
|
|
:contentList="item.contentList"
|
|||
|
|
></dev-block>
|
|||
|
|
</view>
|
|||
|
|
<uni-load-more :status="loading_status"></uni-load-more>
|
|||
|
|
</view>
|
|||
|
|
<view class="mybox" v-else>
|
|||
|
|
<no-record></no-record>
|
|||
|
|
</view>
|
|||
|
|
<view class="goHome" @click="goMain('workInfo')">
|
|||
|
|
<img src="../../static/img/gohome.png" />
|
|||
|
|
</view>
|
|||
|
|
<uni-calendar
|
|||
|
|
ref="calendar"
|
|||
|
|
:lunar="false"
|
|||
|
|
:range="true"
|
|||
|
|
@confirm="confirmDate"
|
|||
|
|
@cancel="cancleData"
|
|||
|
|
/>
|
|||
|
|
<lb-picker
|
|||
|
|
ref="picker"
|
|||
|
|
mode="multiSelector"
|
|||
|
|
:level="level"
|
|||
|
|
:pickerValueDefault="[0, 0]"
|
|||
|
|
@confirm="pickerConfirm"
|
|||
|
|
:props="myProps"
|
|||
|
|
:list="deptArray"
|
|||
|
|
></lb-picker>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import LbPicker from "@/components/lb-picker";
|
|||
|
|
import mpvuePicker from "@/components/mpvue-picker/mpvuePicker.vue";
|
|||
|
|
import devBlock from "@/components/xinsoft-dev-block/xinsoft-dev-block.vue";
|
|||
|
|
import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue";
|
|||
|
|
import noRecord from "@/components/xinsoft-no-record/xinsoft-no-record";
|
|||
|
|
import uniBadge from "@/components/uni-badge/uni-badge.vue";
|
|||
|
|
import uniCalendar from "@/components/uni-calendar/uni-calendar.vue";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
LbPicker,
|
|||
|
|
devBlock,
|
|||
|
|
uniLoadMore,
|
|||
|
|
noRecord,
|
|||
|
|
uniBadge,
|
|||
|
|
uniCalendar,
|
|||
|
|
mpvuePicker,
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
current_num: 2,
|
|||
|
|
deptArray: [],
|
|||
|
|
level: 4,
|
|||
|
|
advertisePositionName: "",
|
|||
|
|
myProps: {
|
|||
|
|
label: "text",
|
|||
|
|
value: "id",
|
|||
|
|
children: "children",
|
|||
|
|
},
|
|||
|
|
listCards: [],
|
|||
|
|
//上拉刷新，下拉加载
|
|||
|
|
loading_status: "more", //more（loading前）、loading（loading中）、noMore（没有更多了）
|
|||
|
|
pageSize: 5,
|
|||
|
|
page: 1,
|
|||
|
|
filter: {},
|
|||
|
|
//日历变量。
|
|||
|
|
timeData: {
|
|||
|
|
begin: "",
|
|||
|
|
end: "",
|
|||
|
|
},
|
|||
|
|
deptResult: {
|
|||
|
|
value: "",
|
|||
|
|
name: "部门",
|
|||
|
|
},
|
|||
|
|
userInfo: {},
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
var _this = this;
|
|||
|
|
this.userInfo = uni.getStorageSync("userInfo");
|
|||
|
|
this.filter = {
|
|||
|
|
approveUserId: this.userInfo.userId,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// this.getDept('');
|
|||
|
|
// this.getDept(this.userInfo.deptId);
|
|||
|
|
|
|||
|
|
//初始化当前列表。
|
|||
|
|
this.dataList();
|
|||
|
|
},
|
|||
|
|
onReachBottom: function () {
|
|||
|
|
//下拉刷新的时候请求一次数据
|
|||
|
|
if (this.loading_status == "noMore") {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
this.page++;
|
|||
|
|
this.dataList();
|
|||
|
|
},
|
|||
|
|
onPullDownRefresh: function () {
|
|||
|
|
this.listCards = [];
|
|||
|
|
this.page = 1;
|
|||
|
|
this.loading_status = "more";
|
|||
|
|
//触底的时候请求数据，即为上拉加载更多
|
|||
|
|
this.dataList();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 按招聘岗位查询
|
|||
|
|
toSearch() {
|
|||
|
|
this.dataList(1);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
filterConfirm(f) {
|
|||
|
|
//筛选成功。
|
|||
|
|
var num = f.num;
|
|||
|
|
if (num == 1 || num == "") {
|
|||
|
|
this.filter = {
|
|||
|
|
userId: this.userInfo.userId,
|
|||
|
|
};
|
|||
|
|
} else if (num == 2) {
|
|||
|
|
this.filter = {
|
|||
|
|
approveUserId: this.userInfo.userId,
|
|||
|
|
};
|
|||
|
|
} else if (num == 3) {
|
|||
|
|
this.filter = {
|
|||
|
|
deptId: this.userInfo.deptId,
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
this.current_num = num;
|
|||
|
|
this.filter.userName = f.userName;
|
|||
|
|
this.listCards = [];
|
|||
|
|
this.page = 1;
|
|||
|
|
this.loading_status = "more";
|
|||
|
|
this.dataList();
|
|||
|
|
},
|
|||
|
|
dataList(n) {
|
|||
|
|
if (n == 1) {
|
|||
|
|
this.page = 1;
|
|||
|
|
this.listCards = [];
|
|||
|
|
}
|
|||
|
|
this.loading_status = "loading";
|
|||
|
|
|
|||
|
|
var filterRes = this.filter;
|
|||
|
|
filterRes.pageno = this.page;
|
|||
|
|
filterRes.pagesize = this.pageSize;
|
|||
|
|
filterRes.startTime = this.timeData.begin;
|
|||
|
|
filterRes.endTime = this.timeData.end;
|
|||
|
|
filterRes.advertisePositionName = this.advertisePositionName;
|
|||
|
|
this.$http
|
|||
|
|
.request({
|
|||
|
|
url: "/apis/interviewRecord/myselfPlan",
|
|||
|
|
method: "post",
|
|||
|
|
paramsBody: filterRes,
|
|||
|
|
})
|
|||
|
|
.then((res) => {
|
|||
|
|
uni.stopPullDownRefresh();
|
|||
|
|
if (!res.data.data) {
|
|||
|
|
this.loading_status = "noMore";
|
|||
|
|
} else if (res.data.data.datas.length < this.pagesize) {
|
|||
|
|
this.loading_status = "noMore";
|
|||
|
|
} else {
|
|||
|
|
this.loading_status = "more";
|
|||
|
|
}
|
|||
|
|
if (res.data.code == 0) {
|
|||
|
|
if (res.data.data.datas.length > 0) {
|
|||
|
|
this.listCards = this.listCards.concat(
|
|||
|
|
this.formaterData(res.data.data.datas)
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.catch((err) => {
|
|||
|
|
this.loading_status = "noMore";
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
clickDetail(item) {
|
|||
|
|
//点击详情
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: "interviewManagement_addRecord?interviewId=" + item.id,
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
showSinglePicker() {
|
|||
|
|
//关闭之前filter。
|
|||
|
|
// document.getElementById("popupRef").style.display="none";
|
|||
|
|
this.$refs.picker.show();
|
|||
|
|
},
|
|||
|
|
pickerConfirm(e) {
|
|||
|
|
var value = e.value;
|
|||
|
|
console.log(value);
|
|||
|
|
var name = "";
|
|||
|
|
this.filter.deptId = "";
|
|||
|
|
if (value[1] == "-") {
|
|||
|
|
name = e.item[0].text;
|
|||
|
|
this.deptResult.value = value[0];
|
|||
|
|
} else {
|
|||
|
|
this.deptResult.value = value[2] ? value[2] : value[1];
|
|||
|
|
if (value[2]) {
|
|||
|
|
// name = name.substring(0,name.length-2);
|
|||
|
|
name = e.item[0].text + "/" + e.item[1].text + "/" + e.item[2].text;
|
|||
|
|
} else {
|
|||
|
|
name = e.item[0].text + "/" + e.item[1].text;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
console.log(this.deptResult.value);
|
|||
|
|
this.deptResult.name = name;
|
|||
|
|
this.listCards = [];
|
|||
|
|
this.page = 1;
|
|||
|
|
this.loading_status = "more";
|
|||
|
|
this.dataList();
|
|||
|
|
},
|
|||
|
|
// showSinglePicker() {
|
|||
|
|
// //关闭之前filter。
|
|||
|
|
// // document.getElementById("popupRef").style.display="none";
|
|||
|
|
// this.$refs.mpvuePicker.show()
|
|||
|
|
// },
|
|||
|
|
// pickerConfirm(e){
|
|||
|
|
// var value = e.value;
|
|||
|
|
// this.deptResult.value = value[1]?value[1]:value[0];
|
|||
|
|
// var name = e.label;
|
|||
|
|
// if(!value[1]){
|
|||
|
|
// name = name.substring(0,name.length-2);
|
|||
|
|
// }
|
|||
|
|
// this.deptResult.name = name;
|
|||
|
|
// this.listCards=[];
|
|||
|
|
// this.page=1;
|
|||
|
|
// this.loading_status="more";
|
|||
|
|
// this.dataList();
|
|||
|
|
// },
|
|||
|
|
formaterData(data) {
|
|||
|
|
var resData = [];
|
|||
|
|
data.forEach((vals, index) => {
|
|||
|
|
var combineJSON = {
|
|||
|
|
id: vals.recordId,
|
|||
|
|
title: "招聘岗位" + ":" + vals.postName,
|
|||
|
|
contentList: [
|
|||
|
|
{
|
|||
|
|
id: 1,
|
|||
|
|
isDouble: false,
|
|||
|
|
labelName: "应聘人",
|
|||
|
|
labelContent: vals.candidateName,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 2,
|
|||
|
|
isDouble: false,
|
|||
|
|
labelName: "性别",
|
|||
|
|
labelContent: vals.genderName,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 3,
|
|||
|
|
isDouble: false,
|
|||
|
|
labelName: "最高学历",
|
|||
|
|
labelContent: vals.highestEducationName,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 4,
|
|||
|
|
isDouble: false,
|
|||
|
|
labelName: "所学专业",
|
|||
|
|
labelContent: vals.major,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 5,
|
|||
|
|
isDouble: false,
|
|||
|
|
labelName: "毕业学校",
|
|||
|
|
labelContent: vals.graduateSchool,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 6,
|
|||
|
|
isDouble: false,
|
|||
|
|
labelName: "面试时间",
|
|||
|
|
labelContent: vals.interviewDate,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
note: "查看详情",
|
|||
|
|
// extra: vals.approveStateName,
|
|||
|
|
// tagType:this.setTag(vals.approveStateName),
|
|||
|
|
};
|
|||
|
|
resData.push(combineJSON);
|
|||
|
|
});
|
|||
|
|
return resData;
|
|||
|
|
},
|
|||
|
|
filterDate() {
|
|||
|
|
//关闭之前filter。
|
|||
|
|
// document.getElementById("popupRef").style.display="none";
|
|||
|
|
this.$refs.calendar.open();
|
|||
|
|
},
|
|||
|
|
confirmDate(e) {
|
|||
|
|
if (e.range.begin && e.range.end) {
|
|||
|
|
this.timeData = {
|
|||
|
|
begin: e.range.begin + " 00:00:00",
|
|||
|
|
end: e.range.end + " 00:00:00",
|
|||
|
|
};
|
|||
|
|
this.listCards = [];
|
|||
|
|
this.page = 1;
|
|||
|
|
this.loading_status = "more";
|
|||
|
|
this.dataList();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
onNavigationBarButtonTap(obj) {
|
|||
|
|
//重置下
|
|||
|
|
uni.removeStorageSync("workInfo");
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: "addWorkApply",
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onBackPress(options) {
|
|||
|
|
//取消默认的返回事件.
|
|||
|
|
uni.switchTab({
|
|||
|
|
url: "../main/main",
|
|||
|
|
});
|
|||
|
|
return true;
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
uni-input {
|
|||
|
|
position: relative;
|
|||
|
|
top: 4px;
|
|||
|
|
color: rgb(102, 102, 102);
|
|||
|
|
display: block;
|
|||
|
|
font-size: 13px;
|
|||
|
|
line-height: 1.4em;
|
|||
|
|
height: 1.4em;
|
|||
|
|
min-height: 1.4em;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.content {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.filter_container {
|
|||
|
|
position: fixed;
|
|||
|
|
width: 50%;
|
|||
|
|
top: var(--window-top);
|
|||
|
|
background-color: #fff;
|
|||
|
|
height: 40px;
|
|||
|
|
z-index: 2;
|
|||
|
|
padding-top: 7px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
>>> .doubleList:nth-of-type(1) {
|
|||
|
|
width: 60%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
>>> .doubleList:nth-of-type(2) {
|
|||
|
|
width: 40%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
>>> .doubleList:nth-of-type(3) {
|
|||
|
|
width: 60%;
|
|||
|
|
}
|
|||
|
|
>>> .doubleList:nth-of-type(4) {
|
|||
|
|
width: 40%;
|
|||
|
|
}
|
|||
|
|
>>> .dev-label {
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
>>> .select-tab-fixed-top {
|
|||
|
|
right: 0;
|
|||
|
|
width: 50%;
|
|||
|
|
z-index: 2;
|
|||
|
|
top: var(--window-top);
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
>>> .popup-layer {
|
|||
|
|
position: fixed;
|
|||
|
|
top: var(--window-top);
|
|||
|
|
margin-top: 40px;
|
|||
|
|
}
|
|||
|
|
>>> .filter-content-detail {
|
|||
|
|
/* position: relative;
|
|||
|
|
height: 90px;
|
|||
|
|
overflow: scroll; */
|
|||
|
|
}
|
|||
|
|
.search_container {
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 30px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
color: #bdbdbd;
|
|||
|
|
margin: auto;
|
|||
|
|
width: 80%;
|
|||
|
|
height: 26px;
|
|||
|
|
background-color: #f6f6f6;
|
|||
|
|
border-radius: 26px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 26px;
|
|||
|
|
}
|
|||
|
|
.search_icon {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 5px;
|
|||
|
|
top: 3px;
|
|||
|
|
}
|
|||
|
|
.fliter_content {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 15px;
|
|||
|
|
left: 85px;
|
|||
|
|
height: 100%;
|
|||
|
|
z-index: 2;
|
|||
|
|
}
|
|||
|
|
.arrowright {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 30upx;
|
|||
|
|
bottom: 30upx;
|
|||
|
|
font-size: 40upx !important;
|
|||
|
|
}
|
|||
|
|
>>> .dev-block__content {
|
|||
|
|
padding-right: 36upx;
|
|||
|
|
}
|
|||
|
|
>>> .dev-block__header-title-text {
|
|||
|
|
overflow: auto;
|
|||
|
|
white-space: pre-wrap !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* >>>.select-tab >>>.select-tab-item[data-v-fe683d44],
|
|||
|
|
>>>.select-tab-fixed-top >>>.select-tab-item[data-v-fe683d44] {
|
|||
|
|
width: 100% !important;
|
|||
|
|
} */
|
|||
|
|
.arrowright {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 30upx;
|
|||
|
|
bottom: 30upx;
|
|||
|
|
font-size: 40upx !important;
|
|||
|
|
}
|
|||
|
|
>>> .dev-block__content {
|
|||
|
|
padding-right: 36upx;
|
|||
|
|
}
|
|||
|
|
>>> .popup-layer {
|
|||
|
|
position: fixed;
|
|||
|
|
top: var(--window-top);
|
|||
|
|
margin-top: 40px;
|
|||
|
|
}
|
|||
|
|
.otherFixed {
|
|||
|
|
background: #fff;
|
|||
|
|
width: 50%;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #666;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 45px;
|
|||
|
|
z-index: 2;
|
|||
|
|
height: 40px;
|
|||
|
|
right: 0px;
|
|||
|
|
}
|
|||
|
|
.mb {
|
|||
|
|
margin-bottom: 50px;
|
|||
|
|
}
|
|||
|
|
.otherFixed .text {
|
|||
|
|
margin: 5px 3%;
|
|||
|
|
background: #f6f6f6;
|
|||
|
|
border-radius: 40px;
|
|||
|
|
float: left;
|
|||
|
|
width: 90%;
|
|||
|
|
line-height: 30px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
</style>
|