You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
416 lines
9.5 KiB
Vue
416 lines
9.5 KiB
Vue
<template>
|
|
<view class="p-apply-inedx g_w_all g_h_all g_bg_f_5 g_kuaishou g-apply-tab">
|
|
<view class="g_h_all">
|
|
<view class="">
|
|
<view class="m-box-fixed" :style="{ top: 0 }" v-if="isLogin">
|
|
<view style="background-color: #fff" class="">
|
|
<view class="m-select">
|
|
<view style="height: 52px" class="g_flex_row_between flex_center g_pr_10">
|
|
<view class="m-search g_pb_0 g_position_rela g_flex_1" style="padding-bottom: 0; padding-left: 12px; padding-right: 12px">
|
|
<u-search @btnSearch="getSearch" height="40" v-model="keyword" placeholder="搜索姓名/职位/手机号" bg-color="#f5f5f5" :show-action="false" @change="getSearch" @clear="getSearch" @custom="getSearch" @search="getSearch" search-icon-color="#999999" :maxlength="20"></u-search>
|
|
<view class="g_w_all g_h_40 g_position_abso" style="left: 0; top: 0px; z-index: 9999" @click.stop="goSearch"></view>
|
|
</view>
|
|
<view class="g_w_40 g_h_40" @click="addResume">
|
|
<image src="../../../static/image/addresume.svg" class="g_w_all g_h_all"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="width: 100vw" class="g_border_e_b" v-if="isLogin">
|
|
<!-- item-width="126" itemWidth="auto" -->
|
|
<u-tabs :list="tabInfo" :current="menuActive" active-color="#6A81FF" bar-width="60" bar-height="6" font-size="32" @change="handleUpdateMenu" :gutter="22" duration="0.1" height="84"></u-tabs>
|
|
</view>
|
|
</view>
|
|
<!-- <view class="g_h_10" v-if="isLogin"> </view> -->
|
|
<!-- 面板 -->
|
|
<g-list-job from="task" @uploadList="getList('concat')" bg="#f5f5f5" class="g_h_all" :classify="tabInfo[menuActive].classify" :list="query.list" :active="tabInfo.active" @shareJob="shareJob" :loading="loading" :speed="speed" :query="query" :isShowLoginBtn="isLogin ? false : true" :emptyText="isLogin ? (tabInfo.active == 0 || tabInfo.active == 2 ? '嘿，这里还没有数据呢' : '嘿，这里还没有数据呢') : '您还有没有登录，请登录后查看'" :emptySubText="isLogin ? (tabInfo.active == 0 ? '关注发单号，我们会第一时间通知您新的动态' : tabInfo.active == 2 ? '快去试试发布职位吧' : '') : ''" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { orderMock } from "../../../utils/mock.js";
|
|
export default {
|
|
data() {
|
|
return {
|
|
isHaveOrder: -1,
|
|
loading: true,
|
|
speed: -1,
|
|
query: {
|
|
page: 1,
|
|
size: 50,
|
|
list: [],
|
|
isFinish: -1,
|
|
},
|
|
GZHInfo: 0,
|
|
cdnBaseImg: this.G.store().cdnBaseImg,
|
|
keyword: "",
|
|
|
|
tabActive: 0,
|
|
tabTip: "",
|
|
tabInfo: [
|
|
{
|
|
name: "新简历",
|
|
classify: "50",
|
|
},
|
|
{
|
|
name: "推工作",
|
|
classify: "60",
|
|
},
|
|
{
|
|
name: "审核中",
|
|
classify: "40",
|
|
},
|
|
{
|
|
name: "跟面试",
|
|
classify: "70",
|
|
},
|
|
{
|
|
name: "跟入职",
|
|
classify: "80",
|
|
},
|
|
{
|
|
name: "跟在职",
|
|
classify: "90",
|
|
},
|
|
{
|
|
name: "已完成",
|
|
classify: "110",
|
|
},
|
|
],
|
|
menuActive: 0,
|
|
isLogin: false,
|
|
loginInfo: {},
|
|
navInfo: {},
|
|
};
|
|
},
|
|
onHide() {
|
|
let that = this;
|
|
},
|
|
onLoad() {},
|
|
created() {
|
|
let that = this;
|
|
// 导航栏高度信息
|
|
// that.isLogin = uni.getStorageSync("apply-token") ? true : false;
|
|
that.isLogin = true;
|
|
console.log("that.isLogin", that.isLogin);
|
|
if (!that.isLogin) {
|
|
that.loading = false;
|
|
that.speed = 0;
|
|
} else {
|
|
this.query.page = 1;
|
|
this.getList();
|
|
}
|
|
},
|
|
onReachBottom() {
|
|
// let that = this;
|
|
// this.G.isLogin();
|
|
// if (this.G.isLogin()) {
|
|
// if (that.query.isFinish == -1 || that.query.isFinish == that.query.size) {
|
|
// that.query.page++;
|
|
// that.getList("concat");
|
|
// }
|
|
// }
|
|
},
|
|
methods: {
|
|
getNum() {
|
|
let that = this;
|
|
that.tabInfo = [
|
|
{
|
|
name: "新简历",
|
|
classify: "50",
|
|
},
|
|
{
|
|
name: "推工作",
|
|
classify: "60",
|
|
},
|
|
{
|
|
name: "审核中",
|
|
classify: "40",
|
|
},
|
|
{
|
|
name: "跟面试",
|
|
classify: "70",
|
|
},
|
|
{
|
|
name: "跟入职",
|
|
classify: "80",
|
|
},
|
|
{
|
|
name: "跟在职",
|
|
classify: "90",
|
|
},
|
|
{
|
|
name: "已完成",
|
|
classify: "110",
|
|
},
|
|
];
|
|
},
|
|
getList($type = "init") {
|
|
let that = this;
|
|
that.G.Post(
|
|
that.api.task_list,
|
|
{
|
|
pageNum: that.query.page,
|
|
pageSize: that.query.size,
|
|
classify: that.tabInfo[that.menuActive].classify,
|
|
keys: that.keyword,
|
|
},
|
|
(res) => {
|
|
res = orderMock.data;
|
|
that.computeCode = 1;
|
|
let classify = that.tabInfo[that.menuActive].classify;
|
|
res.recordList.forEach((item, index) => {
|
|
item.status_notify = that.G.setDeadLine(item.notifyTime || new Date().getTime());
|
|
item.status_after = that.G.setDeadLine(item.willEntryTime || new Date().getTime(), "后入职");
|
|
item.intervie_Time = that.G.getPointTime(item.interviewTime || new Date().getTime(), "MM--DD HH:MM");
|
|
item.willEntry_Time = that.G.getPointTime(item.willEntryTime || new Date().getTime(), "MM--DD HH:MM");
|
|
item.entry_Time = that.G.getPointTime(item.entryTime || new Date().getTime(), "MM--DD HH:MM");
|
|
item.status_text = that.G.setDeadLine(item.entryTime || new Date().getTime(), "在职");
|
|
// || classify == 120
|
|
if (classify == 110) {
|
|
if (item.statusFailOperateTime) {
|
|
item.statusFailOperate_Time = that.G.getPointTime(item.statusFailOperateTime || new Date().getTime(), "MM--DD HH:MM");
|
|
} else if (item.leaveTime) {
|
|
item.statusFailOperate_Time = that.G.getPointTime(item.leaveTime || new Date().getTime(), "MM--DD HH:MM");
|
|
} else {
|
|
item.statusFailOperate_Time = "";
|
|
}
|
|
}
|
|
});
|
|
if (res.recordCount == 0) {
|
|
that.loading = false;
|
|
} else {
|
|
that.loading = true;
|
|
}
|
|
that.speed = res.recordCount;
|
|
that.query.isFinish = res.recordList.length;
|
|
if ($type == "init") {
|
|
that.query.list = [];
|
|
if (res.recordList.length > 0) {
|
|
that.query.list = res.recordList;
|
|
}
|
|
} else {
|
|
that.query.list = that.query.list.concat(res.recordList);
|
|
}
|
|
console.log("首页 列表：", that.query.list);
|
|
}
|
|
);
|
|
},
|
|
goTel($item) {
|
|
console.log($item);
|
|
if ($item) {
|
|
uni.makePhoneCall({
|
|
phoneNumber: $item,
|
|
});
|
|
}
|
|
},
|
|
getGZHInfo() {},
|
|
/**
|
|
* 跳转搜索页
|
|
*/
|
|
goSearch() {
|
|
return false;
|
|
this.G.isLogin();
|
|
if (this.G.isLogin()) {
|
|
uni.navigateTo({
|
|
url: `/root/other/search?from=task&classify=${this.tabInfo[this.menuActive].classify}`,
|
|
});
|
|
}
|
|
},
|
|
// 一级tab切换
|
|
handleUpdateTab(e) {
|
|
let that = this;
|
|
this.tabActive = e;
|
|
this.menuActive = 0;
|
|
this.speed = -1;
|
|
this.query.page = 1;
|
|
that.G.isLogin();
|
|
if (that.G.isLogin()) {
|
|
this.getList();
|
|
}
|
|
},
|
|
// 二级tab切换
|
|
handleUpdateMenu($item, $index) {
|
|
let that = this;
|
|
this.menuActive = $item;
|
|
this.speed = -1;
|
|
this.query.page = 1;
|
|
that.G.isLogin();
|
|
if (that.G.isLogin()) {
|
|
this.getList();
|
|
}
|
|
},
|
|
getSearch(e) {},
|
|
goDetail($item, $index) {
|
|
let that = this;
|
|
return false;
|
|
console.log("$item", $item);
|
|
// return
|
|
uni.navigateTo({
|
|
// url: "/root/detail/apply?id=" + $item.id + "&type=" + (that.tabActive + 1),
|
|
url: `/root/detail/apply?id=${$item.id}&type=${that.tabActive + 1}&relationId=${$item.relationId}`,
|
|
});
|
|
},
|
|
goLogin() {
|
|
return false;
|
|
uni.reLaunch({
|
|
url: "/pages/login/index",
|
|
});
|
|
},
|
|
toMessage() {
|
|
return false;
|
|
uni.navigateTo({
|
|
url: "/root/person/message",
|
|
});
|
|
},
|
|
addResume() {
|
|
uni.navigateTo({
|
|
url: "/root/detail/fellow?resumeFlag=1&type=add",
|
|
});
|
|
},
|
|
},
|
|
onShareAppMessage: function () {
|
|
return this.G.shareFun();
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.apply-header {
|
|
position: fixed;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
.box {
|
|
padding: 0 2px;
|
|
width: 148px;
|
|
height: 32px;
|
|
background-color: #eeeeee;
|
|
border-radius: 4px;
|
|
.item {
|
|
width: 72px;
|
|
height: 28px;
|
|
margin-top: 2px;
|
|
border-radius: 4px;
|
|
.btn {
|
|
font-size: 14px;
|
|
color: #333;
|
|
}
|
|
}
|
|
.item-active {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
.p-apply-inedx {
|
|
width: 100vw;
|
|
background-color: #f5f5f5;
|
|
overflow-x: hidden;
|
|
min-height: 100%;
|
|
|
|
.bg_shawdoc {
|
|
background: linear-gradient(180deg, #caf1e0 1%, rgba(249, 249, 249, 0));
|
|
}
|
|
|
|
.suffix {
|
|
position: absolute;
|
|
right: 20rpx;
|
|
top: 10px;
|
|
z-index: 1;
|
|
border-top-right-radius: 110rpx;
|
|
border-bottom-right-radius: 110rpx;
|
|
}
|
|
|
|
.tab-fixed {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: calc(112rpx + 36px);
|
|
background-color: #fff;
|
|
z-index: 1;
|
|
}
|
|
|
|
.m-search {
|
|
.u-icon-wrap {
|
|
}
|
|
}
|
|
|
|
.m-search-active {
|
|
.u-icon-wrap {
|
|
position: inherit;
|
|
left: 0rpx;
|
|
}
|
|
}
|
|
|
|
.m-select {
|
|
.u-tab-bar {
|
|
bottom: 5px !important;
|
|
}
|
|
|
|
.link {
|
|
.item {
|
|
.doc {
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
}
|
|
|
|
.showdoc {
|
|
// box-shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 0 6px rgba(0, 0, 0, .02);
|
|
border-bottom: 1rpx solid #eee;
|
|
overflow-x: "auto";
|
|
width: 100vw;
|
|
|
|
.menu-obj {
|
|
min-width: 422px;
|
|
|
|
.menu-btn {
|
|
margin-right: 8px;
|
|
|
|
.btn {
|
|
background: rgba(204, 204, 204, 0.2);
|
|
color: #666666;
|
|
}
|
|
|
|
&:first-child {
|
|
margin-left: 12px;
|
|
}
|
|
}
|
|
|
|
.menu-active {
|
|
.btn {
|
|
background: rgba(0, 182, 102, 0.1);
|
|
color: #6a81ff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.m-login-false {
|
|
height: calc(100% - 92px);
|
|
.m-panel,
|
|
.link {
|
|
height: 100%;
|
|
.m-log {
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
.m-panel {
|
|
min-height: 100%;
|
|
}
|
|
.m-box-fixed {
|
|
// position: fixed;
|
|
// left: 0;
|
|
// top: 92px;
|
|
width: 100vw;
|
|
// background-color: #fff;
|
|
// z-index: 999;
|
|
}
|
|
}
|
|
</style>
|