1028 lines
23 KiB
Vue
1028 lines
23 KiB
Vue
<template>
|
||
<view class="job-detail">
|
||
<view class="company-header">
|
||
<view class="company-img">
|
||
<image :src="`${imgBaseUrl}/jobfair/company.png`" mode=""></image>
|
||
</view>
|
||
<view>
|
||
<view class="company-name">
|
||
{{ fair.jobFairTitle }}
|
||
<view class="job-type">
|
||
{{ fair.jobFairType == 1 ? "线上" : "线下" }}
|
||
</view>
|
||
</view>
|
||
<view class="company-Address">
|
||
{{ fair.jobFairAddress }}
|
||
<view class="activity-status">
|
||
{{
|
||
getActivityStatus(fair.jobFairStartTime, fair.jobFairEndTime).text
|
||
}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<template v-if="isExpanded">
|
||
<view class="jobfair-title"> 招聘会单位： </view>
|
||
<view class="jobfair-content">
|
||
<view> 1、招聘会协办单位：{{ fair.jobFairHelpUnit }} </view>
|
||
<view> 2、招聘会主办单位：{{ fair.jobFairHostUnit }} </view>
|
||
<view> 3、招聘会承办单位：{{ fair.jobFairOrganizeUnit }} </view>
|
||
</view>
|
||
<view class="jobfair-title"> 内容描述： </view>
|
||
<view class="jobfair-content">
|
||
{{ fair.jobFairIntroduction }}
|
||
</view>
|
||
<view class="jobfair-title"> 联系电话： </view>
|
||
<view class="jobfair-content">
|
||
{{ fair.jobFairPhone }}
|
||
</view>
|
||
<view class="jobfair-title"> 招聘会备注： </view>
|
||
<view class="jobfair-content">
|
||
{{ fair.jobFairRemark }}
|
||
</view>
|
||
<view class="jobfair-content">
|
||
<view class="card-times">
|
||
<view class="time-left">
|
||
<view class="left-date">{{
|
||
parseDateTime(fair.jobFairStartTime).time
|
||
}}</view>
|
||
<view class="left-dateDay">{{
|
||
parseDateTime(fair.jobFairStartTime).date
|
||
}}</view>
|
||
</view>
|
||
<view class="line"></view>
|
||
<view class="time-center">
|
||
<view class="center-date">
|
||
{{
|
||
getTimeStatus(fair.jobFairStartTime, fair.jobFairEndTime)
|
||
.statusText
|
||
}}
|
||
</view>
|
||
<view class="center-dateDay">
|
||
{{
|
||
getHoursBetween(fair.jobFairStartTime, fair.jobFairEndTime)
|
||
}}小时
|
||
</view>
|
||
</view>
|
||
<view class="line"></view>
|
||
<view class="time-right">
|
||
<view class="left-date">{{
|
||
parseDateTime(fair.jobFairEndTime).time
|
||
}}</view>
|
||
<view class="left-dateDay">{{
|
||
parseDateTime(fair.jobFairEndTime).date
|
||
}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="jobfair-title"> 招聘会照片： </view>
|
||
<view class="jobfair-content">
|
||
<image :src="publicUrl + '/file/file/minio' + fair.jobFairImage" alt="" v-if="fair.jobFairImage" />
|
||
<text v-else>暂无照片</text>
|
||
</view>
|
||
</template>
|
||
<view class="expand" @click="expand">
|
||
<text>{{ isExpanded ? "收起" : "展开" }}</text>
|
||
<image class="expand-img" :class="{ 'expand-img-active': !isExpanded }" src="@/static/icon/downs.png">
|
||
</image>
|
||
</view>
|
||
<view class="num-box">
|
||
<view class="num-item">
|
||
<view class="num">
|
||
{{ fair.myJobNum?fair.myJobNum : 0 }}
|
||
</view>
|
||
<view class="num-desc">
|
||
企业招聘岗位
|
||
</view>
|
||
</view>
|
||
<view class="num-item">
|
||
<view class="num">
|
||
{{fair.resumeCount?fair.resumeCount : 0}}
|
||
</view>
|
||
<view class="num-desc">
|
||
收到简历
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 使用scroll-view实现分页加载 -->
|
||
<scroll-view scroll-y class="detail-box" @scrolltolower="onReachBottom" lower-threshold="50">
|
||
<view class="detail-item" v-for="(item, index) in detail.list" :key="index">
|
||
<view class="gw">
|
||
岗位名称：<text>{{ item.jobInfo.jobTitle }}</text>
|
||
</view>
|
||
<view class="name">
|
||
{{ item.personInfo.name }}
|
||
<!-- 应聘状态（1已投递、2已邀请面试、3已录用、4不录用） -->
|
||
<view class="status" :style="getItemBackgroundStyle('wcl.png')">
|
||
{{ getStatusText(item.status) }}
|
||
</view>
|
||
</view>
|
||
<view class="bottom">
|
||
<view class="tag">
|
||
<view class="tag-item">性别：{{ item.personInfo.sex == 0 ? "男" : "女" }}</view>
|
||
<view class="tag-item success">年龄：{{ item.personInfo.age }}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="btn">
|
||
<button type="primary" plain>查看</button>
|
||
<button type="primary" @click="interviewBtn(item)" v-if="item.status == 1">
|
||
面试邀请
|
||
</button>
|
||
<button type="primary" @click="acceptBtn(item, 0)" v-if="item.status != 3 && item.status != 4">
|
||
录用
|
||
</button>
|
||
<button type="primary" @click="acceptBtn(item, 2)" v-if="item.status != 3 && item.status != 4">
|
||
不录用
|
||
</button>
|
||
</view>
|
||
</view>
|
||
<!-- 加载状态 -->
|
||
<view v-if="loading" class="loading">加载中...</view>
|
||
<view v-if="!loading && detail.list.length >= detail.total" class="no-more">没有更多数据了</view>
|
||
</scroll-view>
|
||
|
||
<!-- 面试邀请弹窗 -->
|
||
<uni-popup ref="interviewPopup" type="center" :maskClick="false">
|
||
<view class="popup-content job-dialog" :style="getItemBackgroundStyle('zphbm-k.png')">
|
||
<view class="title">
|
||
<image :src="`${imgBaseUrl}/jobfair/xb.png`" mode="aspectFit"></image>
|
||
面试邀请
|
||
</view>
|
||
<view class="dialog-content">
|
||
<view class="detail-item1">
|
||
<view class="label">面试时间：</view>
|
||
<view class="value">
|
||
<picker mode="date" fields="day" :value="interviewForm.date"
|
||
@change="(e) => (interviewForm.date = e.detail.value)">
|
||
<view class="picker">
|
||
{{ interviewForm.date || "选择日期" }}
|
||
</view>
|
||
</picker>
|
||
<picker mode="time" :value="interviewForm.time"
|
||
@change="(e) => (interviewForm.time = e.detail.value)">
|
||
<view class="picker">
|
||
{{ interviewForm.time || "选择时间" }}
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
</view>
|
||
<view class="detail-item1">
|
||
<view class="label">面试地点：</view>
|
||
<view class="value">
|
||
<radio-group @change="changeAddress">
|
||
<!-- v-model="interviewForm.radio" -->
|
||
<radio :value="'1'" style="transform: scale(0.7)" />企业地址
|
||
<radio :value="'2'" style="transform: scale(0.7)" />定义地址
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
<view class="detail-item1" v-if="interviewForm.radio == '2'">
|
||
<view class="label">定义地址：</view>
|
||
<view class="value">
|
||
<input v-model="interviewForm.address" placeholder="请输入地址" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="btn-box">
|
||
<button type="primary" @click="submitInterview">提交</button>
|
||
<button type="default" @click="closeInterviewPopup">关闭</button>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
|
||
<!-- 企业录用反馈弹窗 -->
|
||
<uni-popup ref="feedBackPopup" type="center" :maskClick="false">
|
||
<view class="popup-content job-dialog" :style="getItemBackgroundStyle('zphbm-k.png')">
|
||
<view class="title">
|
||
<image :src="`${imgBaseUrl}/jobfair/xb.png`" mode="aspectFit"></image>
|
||
企业录用反馈
|
||
</view>
|
||
<view class="dialog-content">
|
||
<textarea :rows="7" placeholder="请输入内容（必填）" v-model="feedBack"></textarea>
|
||
</view>
|
||
<view class="btn-box">
|
||
<button type="primary" @click="submitFeedBack">提交</button>
|
||
<button type="default" @click="closeFeedBackPopup">关闭</button>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import config from "@/config.js";
|
||
import {
|
||
ref,
|
||
reactive,
|
||
onMounted,
|
||
nextTick,
|
||
watch,
|
||
inject
|
||
} from "vue";
|
||
import {
|
||
onLoad
|
||
} from "@dcloudio/uni-app";
|
||
import {
|
||
useRouter,
|
||
useRoute
|
||
} from "vue-router";
|
||
|
||
const {
|
||
$api
|
||
} = inject("globalFunction");
|
||
const imgBaseUrl = config.imgBaseUrl;
|
||
const router = useRouter();
|
||
const route = useRoute();
|
||
const interviewPopup = ref(null);
|
||
const feedBackPopup = ref(null);
|
||
const loading = ref(false);
|
||
const hasMore = ref(true);
|
||
const jobFairId = ref("");
|
||
const userInfo = ref({});
|
||
const isExpanded = ref(false);
|
||
|
||
const publicUrl = config.LCBaseUrl;
|
||
onLoad((option) => {
|
||
jobFairId.value = option.jobFairId;
|
||
getUser();
|
||
});
|
||
// 响应式数据
|
||
const interviewForm = reactive({
|
||
date: "",
|
||
time: "",
|
||
address: "",
|
||
radio: "1",
|
||
});
|
||
|
||
const feedBack = ref("");
|
||
const pages = reactive({
|
||
pageNum: 1,
|
||
pageSize: 10,
|
||
});
|
||
|
||
const detail = reactive({
|
||
list: [],
|
||
total: 0,
|
||
});
|
||
|
||
const fair = reactive({});
|
||
const openGw = reactive({});
|
||
const isAccept = ref(true);
|
||
|
||
function expand() {
|
||
isExpanded.value = !isExpanded.value;
|
||
}
|
||
// 获取状态文本
|
||
const getStatusText = (status) => {
|
||
switch (status) {
|
||
case "1":
|
||
return "已投递";
|
||
case "2":
|
||
return "已邀请面试";
|
||
case "3":
|
||
return "已录用";
|
||
case "4":
|
||
return "不录用";
|
||
default:
|
||
return "未知状态";
|
||
}
|
||
};
|
||
|
||
const baseUrl = config.imgBaseUrl;
|
||
const getItemBackgroundStyle = (imageName) => ({
|
||
backgroundImage: `url(${baseUrl}/jobfair/${imageName})`,
|
||
backgroundSize: "100% 100%", // 覆盖整个容器
|
||
backgroundPosition: "center", // 居中
|
||
backgroundRepeat: "no-repeat",
|
||
});
|
||
const getDetail = () => {
|
||
const data = {
|
||
jobFairId: jobFairId.value,
|
||
enterpriseId: userInfo.value.info.userId,
|
||
};
|
||
$api.myRequest("/jobfair/public/jobfair/detail", data).then((resData) => {
|
||
// 直接将数据合并到fair对象
|
||
Object.assign(fair, resData.data);
|
||
console.log(fair, "fair data");
|
||
});
|
||
};
|
||
|
||
function changeAddress(e) {
|
||
interviewForm.radio = e.detail.value;
|
||
}
|
||
|
||
const getUser = () => {
|
||
const raw = uni.getStorageSync("Padmin-Token");
|
||
const token = typeof raw === "string" ? raw.trim() : "";
|
||
const headers = token ?
|
||
{
|
||
Authorization: raw.startsWith("Bearer ") ? raw : `Bearer ${token}`,
|
||
} :
|
||
{};
|
||
|
||
$api
|
||
.myRequest("/system/user/login/user/info", {}, "GET", 10100, headers)
|
||
.then((resData) => {
|
||
userInfo.value = resData;
|
||
getDetail();
|
||
getList(false);
|
||
});
|
||
};
|
||
// 获取收到的简历列表
|
||
const getList = (isLoadMore = false) => {
|
||
if (loading.value) return;
|
||
|
||
loading.value = true;
|
||
try {
|
||
$api
|
||
.myRequest(
|
||
"/jobfair/public/job-fair-person-job/enterprise/my-received-resume", {
|
||
enterpriseId: userInfo.value.info.userId,
|
||
jobFairId: jobFairId.value,
|
||
...pages,
|
||
}
|
||
)
|
||
.then((data) => {
|
||
if (data.code === 200) {
|
||
if (isLoadMore) {
|
||
detail.list = [...detail.list, ...data.data.list];
|
||
} else {
|
||
detail.list = data.data.list || [];
|
||
}
|
||
detail.total = data.data.total || 0;
|
||
hasMore.value = detail.list.length < detail.total;
|
||
}
|
||
});
|
||
} catch (error) {
|
||
console.log(error, "error");
|
||
uni.showToast({
|
||
title: "获取数据失败",
|
||
icon: "none",
|
||
});
|
||
} finally {
|
||
loading.value = false;
|
||
}
|
||
};
|
||
|
||
// 面试邀请
|
||
const interviewBtn = (item) => {
|
||
Object.assign(openGw, item);
|
||
interviewPopup.value.open();
|
||
};
|
||
|
||
// 关闭面试弹窗
|
||
const closeInterviewPopup = () => {
|
||
interviewPopup.value.close();
|
||
};
|
||
|
||
// 关闭反馈弹窗
|
||
const closeFeedBackPopup = () => {
|
||
feedBackPopup.value.close();
|
||
};
|
||
|
||
// 提交面试邀请
|
||
const submitInterview = () => {
|
||
if (!interviewForm.date) {
|
||
uni.showToast({
|
||
title: "请选择面试日期",
|
||
icon: "none",
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (!interviewForm.time) {
|
||
uni.showToast({
|
||
title: "请选择面试时间",
|
||
icon: "none",
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (interviewForm.radio == "2" && !interviewForm.address) {
|
||
uni.showToast({
|
||
title: "请输入面试地址",
|
||
icon: "none",
|
||
});
|
||
return;
|
||
}
|
||
|
||
const data = {
|
||
jobFairPersonJobId: openGw.jobFairPersonJobId,
|
||
status: "2",
|
||
interviewTime: `${interviewForm.date} ${interviewForm.time}`,
|
||
interviewAddress: interviewForm.radio == "2" ? interviewForm.address : fair.jobFairAddress,
|
||
};
|
||
|
||
update(data, "面试邀请成功");
|
||
};
|
||
|
||
function toIOSDate(input) {
|
||
if (!input) return null;
|
||
if (input instanceof Date) return isNaN(input.getTime()) ? null : input;
|
||
if (typeof input === "number") {
|
||
const d = new Date(input);
|
||
return isNaN(d.getTime()) ? null : d;
|
||
}
|
||
if (typeof input !== "string") return null;
|
||
let s = input.trim();
|
||
// "YYYY-MM-DD HH:mm[:ss]" -> "YYYY-MM-DDTHH:mm[:ss]"
|
||
if (/^\d{4}-\d{2}-\d{2}\s+\d{2}:\d{2}(:\d{2})?$/.test(s)) {
|
||
s = s.replace(" ", "T");
|
||
// 仅到分钟则补秒
|
||
if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/.test(s)) {
|
||
s = s + ":00";
|
||
}
|
||
}
|
||
// 其余已是 iOS 可解析格式："YYYY/MM/DD[ HH:mm:ss]"、"YYYY-MM-DD"、ISO 8601 等
|
||
const d = new Date(s);
|
||
return isNaN(d.getTime()) ? null : d;
|
||
}
|
||
|
||
function parseDateTime(datetimeStr) {
|
||
if (!datetimeStr)
|
||
return {
|
||
time: "",
|
||
date: "",
|
||
};
|
||
|
||
const dateObj = toIOSDate(datetimeStr);
|
||
|
||
if (!dateObj)
|
||
return {
|
||
time: "",
|
||
date: "",
|
||
}; // 无效时间
|
||
|
||
const year = dateObj.getFullYear();
|
||
const month = String(dateObj.getMonth() + 1).padStart(2, "0");
|
||
const day = String(dateObj.getDate()).padStart(2, "0");
|
||
const hours = String(dateObj.getHours()).padStart(2, "0");
|
||
const minutes = String(dateObj.getMinutes()).padStart(2, "0");
|
||
|
||
return {
|
||
time: `${hours}:${minutes}`,
|
||
date: `${year}年${month}月${day}日`,
|
||
};
|
||
}
|
||
|
||
function getTimeStatus(startTimeStr, endTimeStr) {
|
||
const now = new Date();
|
||
const startTime = toIOSDate(startTimeStr);
|
||
const endTime = toIOSDate(endTimeStr);
|
||
|
||
if (!startTime || !endTime) {
|
||
return {
|
||
status: 1,
|
||
statusText: "时间异常",
|
||
color: "#999999",
|
||
};
|
||
}
|
||
|
||
// 判断状态：0 开始中，1 过期，2 未开始
|
||
let status = 0;
|
||
let statusText = "开始中";
|
||
let color = "#13C57C"; // 进行中 - 绿色
|
||
if (now < startTime) {
|
||
status = 2; // 未开始
|
||
statusText = "未开始";
|
||
color = "#015EEA"; // 未开始 - 蓝色
|
||
} else if (now > endTime) {
|
||
status = 1; // 已过期
|
||
statusText = "已过期";
|
||
color = "#999999"; // 已过期 - 灰色
|
||
} else {
|
||
status = 0; // 进行中
|
||
statusText = "进行中";
|
||
color = "#13C57C"; // 进行中 - 绿色
|
||
}
|
||
return {
|
||
status, // 0: 进行中，1: 已过期，2: 未开始
|
||
statusText,
|
||
color,
|
||
};
|
||
}
|
||
|
||
function getHoursBetween(startTimeStr, endTimeStr) {
|
||
const start = toIOSDate(startTimeStr);
|
||
const end = toIOSDate(endTimeStr);
|
||
|
||
if (!start || !end) return 0;
|
||
|
||
const diffMs = end - start;
|
||
const diffHours = diffMs / (1000 * 60 * 60);
|
||
|
||
return +diffHours.toFixed(2); // 保留 2 位小数
|
||
}
|
||
|
||
// 更新简历状态
|
||
const update = (data, msg) => {
|
||
$api
|
||
.myRequest(
|
||
"/jobfair/public/job-fair-person-job/update",
|
||
data,
|
||
"POST",
|
||
9100, {
|
||
"Content-Type": "application/json",
|
||
}
|
||
)
|
||
.then((resData) => {
|
||
if (resData.code == 200) {
|
||
uni.showToast({
|
||
title: msg,
|
||
icon: "success",
|
||
});
|
||
closeInterviewPopup();
|
||
closeFeedBackPopup();
|
||
// 重新加载列表
|
||
pages.pageNum = 1;
|
||
getList(false);
|
||
} else {
|
||
uni.showToast({
|
||
title: "操作失败",
|
||
icon: "none",
|
||
});
|
||
}
|
||
});
|
||
};
|
||
|
||
// 提交反馈
|
||
const submitFeedBack = () => {
|
||
if (!feedBack.value) {
|
||
uni.showToast({
|
||
title: "请输入内容",
|
||
icon: "none",
|
||
});
|
||
return;
|
||
}
|
||
|
||
const data = {
|
||
jobFairPersonJobId: openGw.jobFairPersonJobId,
|
||
status: isAccept.value ? "3" : "4",
|
||
feedback: feedBack.value,
|
||
};
|
||
|
||
update(data, "操作成功");
|
||
feedBack.value = "";
|
||
};
|
||
|
||
// 录用/不录用按钮
|
||
const acceptBtn = (item, num) => {
|
||
isAccept.value = num == 0;
|
||
Object.assign(openGw, item);
|
||
feedBackPopup.value.open();
|
||
};
|
||
|
||
// 返回
|
||
const goBack = () => {
|
||
router.go(-1);
|
||
};
|
||
|
||
// 获取活动状态
|
||
const getActivityStatus = (startTime, endTime) => {
|
||
// 获取当前时间戳（毫秒）
|
||
const now = Date.now();
|
||
|
||
// 将开始时间和结束时间转换为时间戳
|
||
const start =
|
||
typeof startTime === "string" ? new Date(startTime).getTime() : startTime;
|
||
const end =
|
||
typeof endTime === "string" ? new Date(endTime).getTime() : endTime;
|
||
|
||
// 处理无效时间
|
||
if (isNaN(start) || isNaN(end)) {
|
||
return {
|
||
text: "未知状态",
|
||
style: {},
|
||
};
|
||
}
|
||
|
||
// 判断状态
|
||
if (now < start) {
|
||
return {
|
||
status: 0,
|
||
text: "未开始",
|
||
style: {},
|
||
};
|
||
} else if (now > end) {
|
||
return {
|
||
status: 1,
|
||
text: "已结束",
|
||
style: {},
|
||
};
|
||
} else {
|
||
return {
|
||
status: 2,
|
||
text: "进行中",
|
||
style: {},
|
||
};
|
||
}
|
||
};
|
||
|
||
// 滚动到底部加载更多
|
||
const onReachBottom = () => {
|
||
if (!loading.value && hasMore.value) {
|
||
pages.pageNum++;
|
||
getList(true);
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.jobfair-content {
|
||
color: #656565;
|
||
margin-bottom: 20rpx;
|
||
line-height: 44rpx;
|
||
|
||
image {
|
||
width: 300rpx;
|
||
height: 300rpx;
|
||
}
|
||
}
|
||
|
||
.jobfair-title {
|
||
width: max-content;
|
||
color: #404040;
|
||
font-weight: 600;
|
||
font-size: 28rpx;
|
||
margin-bottom: 25rpx;
|
||
position: relative;
|
||
|
||
&::after {
|
||
bottom: -8px;
|
||
position: absolute;
|
||
left: 31%;
|
||
content: "";
|
||
display: block;
|
||
width: 37rpx;
|
||
height: 9rpx;
|
||
background: linear-gradient(to right, #ffad58 0%, #ff7a5b 100%);
|
||
border-radius: 10rpx;
|
||
}
|
||
}
|
||
|
||
.job-detail {
|
||
width: 100%;
|
||
height: 100vh;
|
||
overflow-y: auto;
|
||
padding: 20rpx;
|
||
background: #e9f2ff;
|
||
box-sizing: border-box;
|
||
|
||
.detail-box {
|
||
min-height: max-content;
|
||
max-height: calc(100vh - 375rpx);
|
||
padding-top: 20rpx;
|
||
box-sizing: border-box;
|
||
overflow-y: auto;
|
||
|
||
.detail-item {
|
||
margin-top: 30rpx;
|
||
background: linear-gradient(to bottom, #deecff 0%, #ffffff 100%);
|
||
box-shadow: 0 0 10rpx rgba(0, 95, 169, 0.19);
|
||
border-radius: 12rpx;
|
||
border: 2rpx solid #ffffff;
|
||
padding: 30rpx;
|
||
}
|
||
|
||
.name {
|
||
font-size: 32rpx;
|
||
font-weight: 600;
|
||
margin: 18rpx 0;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.status {
|
||
width: 160rpx;
|
||
text-align: center;
|
||
margin-left: 24rpx;
|
||
font-size: 24rpx;
|
||
color: #fff;
|
||
background-size: 100% 100%;
|
||
font-weight: normal;
|
||
padding: 6rpx 0;
|
||
}
|
||
}
|
||
|
||
.bottom {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
|
||
.tag {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 16rpx;
|
||
flex-wrap: wrap;
|
||
|
||
.tag-item {
|
||
padding: 6rpx 30rpx;
|
||
border-radius: 6rpx;
|
||
background-color: #E5F1FF;
|
||
color: #589BFF;
|
||
font-size: 28rpx;
|
||
|
||
&.success {
|
||
background-color: #E6F8EB;
|
||
color: #21AA5B;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.btn {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-end;
|
||
|
||
button {
|
||
margin: 10rpx;
|
||
font-size: 24rpx;
|
||
}
|
||
}
|
||
|
||
.gw {
|
||
display: flex;
|
||
align-items: center;
|
||
color: #1477f1;
|
||
font-weight: 600;
|
||
font-size: 30rpx;
|
||
}
|
||
}
|
||
|
||
.company-header {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 20rpx;
|
||
margin-bottom: 26rpx;
|
||
|
||
.company-img {
|
||
width: 110rpx;
|
||
height: 107rpx;
|
||
border-radius: 20rpx;
|
||
|
||
image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
}
|
||
|
||
.company-Address {
|
||
font-size: 26rpx;
|
||
color: #404040;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10rpx;
|
||
|
||
.activity-status {
|
||
font-size: 24rpx;
|
||
color: #0088ff;
|
||
font-weight: 600;
|
||
position: relative;
|
||
margin-left: 10rpx;
|
||
|
||
&::before {
|
||
content: "";
|
||
display: inline-block;
|
||
width: 10rpx;
|
||
height: 10rpx;
|
||
background: #0088ff;
|
||
border-radius: 50rpx;
|
||
margin-right: 6rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.company-name {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 38rpx;
|
||
font-weight: bold;
|
||
color: #4d4d4d;
|
||
position: relative;
|
||
margin-bottom: 10rpx;
|
||
gap: 10rpx;
|
||
|
||
.job-type {
|
||
padding: 0 20rpx;
|
||
color: #fff;
|
||
background: #fd9a33;
|
||
border-radius: 20rpx;
|
||
font-weight: normal;
|
||
font-size: 24rpx;
|
||
}
|
||
}
|
||
|
||
.loading,
|
||
.no-more {
|
||
text-align: center;
|
||
padding: 20rpx 0;
|
||
color: #909399;
|
||
font-size: 28rpx;
|
||
}
|
||
}
|
||
|
||
// 弹窗样式
|
||
.popup-content {
|
||
width: 90vw;
|
||
height: 70vh;
|
||
// max-width: 600rpx;
|
||
// background: #fff;
|
||
border-radius: 20rpx;
|
||
padding: 10rpx 20rpx;
|
||
}
|
||
|
||
.btn-box {
|
||
width: 100%;
|
||
padding: 15rpx 0 20rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 50rpx;
|
||
|
||
button {
|
||
padding: 0 80rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
}
|
||
}
|
||
|
||
.job-dialog {
|
||
// background: url("../../../assets/images/job/company/module/") no-repeat 100% 100%;
|
||
|
||
.dialog-content {
|
||
padding: 10rpx;
|
||
height: 80%;
|
||
|
||
.detail-item1 {
|
||
// display: flex;
|
||
// align-items: center;
|
||
margin: 30rpx 0;
|
||
|
||
.label {
|
||
width: 200rpx;
|
||
font-size: 32rpx;
|
||
color: #303133;
|
||
margin-bottom: 15rpx;
|
||
}
|
||
|
||
.value {
|
||
flex: 1;
|
||
display: flex;
|
||
gap: 20rpx;
|
||
align-items: center;
|
||
}
|
||
|
||
.picker {
|
||
width: 275rpx;
|
||
border: 1px solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
padding: 16rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.title {
|
||
font-size: 38rpx;
|
||
font-weight: 600;
|
||
color: #303133;
|
||
padding: 20rpx;
|
||
padding-bottom: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
position: sticky;
|
||
top: 0;
|
||
|
||
image {
|
||
width: 14rpx;
|
||
height: 33rpx;
|
||
margin-right: 14rpx;
|
||
}
|
||
}
|
||
|
||
textarea {
|
||
width: 100%;
|
||
height: 300rpx;
|
||
border: 1px solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
padding: 20rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
input {
|
||
width: 100%;
|
||
border: 1px solid #dcdfe6;
|
||
border-radius: 8rpx;
|
||
height: 75rpx;
|
||
line-height: 75rpx;
|
||
}
|
||
}
|
||
|
||
.card-times {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-top: 24rpx;
|
||
|
||
.left-date {
|
||
font-weight: 600;
|
||
font-size: 48rpx;
|
||
font-family: "PingFangSC-Medium", "PingFang SC", "Helvetica Neue", Helvetica,
|
||
Arial, "Microsoft YaHei", sans-serif;
|
||
background: linear-gradient(180deg, #015eea 0%, #00c0fa 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.left-dateDay {
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #333333;
|
||
margin-top: 12rpx;
|
||
}
|
||
|
||
.line {
|
||
width: 40rpx;
|
||
height: 2rpx;
|
||
background: #7bb6ff;
|
||
margin-top: 7rpx;
|
||
}
|
||
|
||
.time-center {
|
||
text-align: center;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
}
|
||
|
||
.card-times .time-center .center-dateDay {
|
||
font-weight: 400;
|
||
font-size: 24rpx;
|
||
color: #fff;
|
||
margin-top: 6rpx;
|
||
line-height: 48rpx;
|
||
width: max-content;
|
||
height: 48rpx;
|
||
background: #71b1ff;
|
||
border-radius: 8rpx;
|
||
padding: 0 30rpx;
|
||
}
|
||
|
||
.card-times .time-left,
|
||
.card-times .time-right {
|
||
text-align: center;
|
||
}
|
||
|
||
.expand {
|
||
display: flex;
|
||
flex-wrap: nowrap;
|
||
white-space: nowrap;
|
||
justify-content: center;
|
||
margin-bottom: 12rpx;
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
color: #256bfa;
|
||
|
||
.expand-img {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
}
|
||
|
||
.expand-img-active {
|
||
transform: rotate(180deg);
|
||
}
|
||
}
|
||
|
||
.num-box {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
.num-item {
|
||
width: 50%;
|
||
text-align: center;
|
||
|
||
.num {
|
||
font-size: 40rpx;
|
||
font-weight: 600;
|
||
background: linear-gradient(184deg, #0BBAFB 0%, #4285EC 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.num-desc {
|
||
font-size: 30rpx;
|
||
color: #0C458A;
|
||
}
|
||
}
|
||
}
|
||
</style> |