Compare commits
7 Commits
yxl
...
311d234b5c
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
311d234b5c | ||
|
|
708f135ec3 | ||
| cd084835f6 | |||
|
|
56437a88ea | ||
|
|
7796261deb | ||
|
|
b51edb246a | ||
|
|
70a95dfe5d |
@@ -1,13 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<view style="display: flex; justify-content: center; padding: 0px 0">
|
<view style="display: flex; justify-content: center; padding: 0px 0">
|
||||||
<canvas canvas-id="radarCanvas" id="radarCanvas" style="width: 300px; height: 250px"></canvas>
|
<canvas canvas-id="radarCanvas" style="width: 600rpx; height: 500rpx"></canvas>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
|
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
|
||||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
import { onReady } from '@dcloudio/uni-app';
|
||||||
// const src = ref('');
|
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
value: {
|
value: {
|
||||||
@@ -41,7 +40,7 @@ function getRadarData() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 监听页面初始化
|
// 监听页面初始化
|
||||||
onMounted(() => {
|
onReady(() => {
|
||||||
// 延迟执行,确保 canvas 已经渲染
|
// 延迟执行,确保 canvas 已经渲染
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
const { labels, data } = getRadarData();
|
const { labels, data } = getRadarData();
|
||||||
@@ -66,12 +65,10 @@ watch(
|
|||||||
|
|
||||||
function rawRadarChart(labels, data) {
|
function rawRadarChart(labels, data) {
|
||||||
const ctx = uni.createCanvasContext('radarCanvas');
|
const ctx = uni.createCanvasContext('radarCanvas');
|
||||||
const width = 80;
|
const width = 150;
|
||||||
const height = 80;
|
const height = 125;
|
||||||
const centerX = 150;
|
const centerX = 300;
|
||||||
const centerY = 125;
|
const centerY = 250;
|
||||||
// const data = [2, 3.5, 5, 3.5, 5, 3.5]; // 示例数据
|
|
||||||
// const labels = ['火烧', '泡水', '事故', '外观', '部件', '火烧'];
|
|
||||||
const colors = ['#F5F5F5', '#F5F5F5', '#F5F5F5', '#F5F5F5', '#F5F5F5'];
|
const colors = ['#F5F5F5', '#F5F5F5', '#F5F5F5', '#F5F5F5', '#F5F5F5'];
|
||||||
const maxScore = 5; // 数据最大值
|
const maxScore = 5; // 数据最大值
|
||||||
|
|
||||||
@@ -88,7 +85,6 @@ function rawRadarChart(labels, data) {
|
|||||||
ctx.closePath();
|
ctx.closePath();
|
||||||
ctx.fill();
|
ctx.fill();
|
||||||
|
|
||||||
//多边形圈
|
|
||||||
//多边形圈
|
//多边形圈
|
||||||
for (let i = 5; i > 0; i--) {
|
for (let i = 5; i > 0; i--) {
|
||||||
ctx.setStrokeStyle(colors[i - 1]); // 设置边框颜色
|
ctx.setStrokeStyle(colors[i - 1]); // 设置边框颜色
|
||||||
@@ -106,20 +102,14 @@ function rawRadarChart(labels, data) {
|
|||||||
ctx.stroke(); // 只描边,不填充
|
ctx.stroke(); // 只描边,不填充
|
||||||
}
|
}
|
||||||
|
|
||||||
// //竖线
|
// 绘制连接线
|
||||||
labels.forEach((label, index) => {
|
labels.forEach((label, index) => {
|
||||||
ctx.setStrokeStyle('#F5F5F5');
|
ctx.setStrokeStyle('#F5F5F5');
|
||||||
ctx.setFillStyle('#F5F5F5');
|
|
||||||
ctx.beginPath();
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(centerX, centerY);
|
||||||
const x1 = centerX + width * 0.6 * Math.sin(angleStep * index);
|
const x = centerX + width * Math.cos(angleStep * index - Math.PI / 2);
|
||||||
const y1 = centerY + height * 0.6 * Math.cos(angleStep * index);
|
const y = centerY + height * Math.sin(angleStep * index - Math.PI / 2);
|
||||||
const x = centerX + width * Math.sin(angleStep * index);
|
|
||||||
const y = centerY + height * Math.cos(angleStep * index);
|
|
||||||
|
|
||||||
ctx.moveTo(x1, y1);
|
|
||||||
ctx.lineTo(x, y);
|
ctx.lineTo(x, y);
|
||||||
|
|
||||||
ctx.closePath();
|
ctx.closePath();
|
||||||
ctx.stroke();
|
ctx.stroke();
|
||||||
});
|
});
|
||||||
@@ -145,15 +135,16 @@ function rawRadarChart(labels, data) {
|
|||||||
ctx.stroke();
|
ctx.stroke();
|
||||||
|
|
||||||
// 绘制每个小圆点
|
// 绘制每个小圆点
|
||||||
ctx.setFillStyle('#256BFA'); // 小圆点颜色(你可以改)
|
ctx.setFillStyle('#256BFA'); // 小圆点颜色
|
||||||
pointList.forEach((point) => {
|
pointList.forEach((point) => {
|
||||||
ctx.beginPath();
|
ctx.beginPath();
|
||||||
ctx.arc(point.x, point.y, 4, 0, 2 * Math.PI); // 半径 4,可以自己调大小
|
ctx.arc(point.x, point.y, 4, 0, 2 * Math.PI); // 半径 4
|
||||||
ctx.fill();
|
ctx.fill();
|
||||||
});
|
});
|
||||||
|
|
||||||
// 绘制标签
|
// 绘制标签
|
||||||
ctx.setTextAlign('center');
|
ctx.setTextAlign('center');
|
||||||
|
ctx.setTextBaseline('middle');
|
||||||
|
|
||||||
labels.forEach((label, index) => {
|
labels.forEach((label, index) => {
|
||||||
const x = centerX + (width + 30) * Math.cos(angleStep * index - Math.PI / 2);
|
const x = centerX + (width + 30) * Math.cos(angleStep * index - Math.PI / 2);
|
||||||
@@ -162,33 +153,13 @@ function rawRadarChart(labels, data) {
|
|||||||
//标题
|
//标题
|
||||||
ctx.setFillStyle('#000');
|
ctx.setFillStyle('#000');
|
||||||
ctx.setFontSize(12);
|
ctx.setFontSize(12);
|
||||||
ctx.font = 'bold 12px sans-serif';
|
|
||||||
ctx.fillText(label, x, y);
|
ctx.fillText(label, x, y);
|
||||||
|
|
||||||
// ctx.setFillStyle('#A2A4A2');
|
|
||||||
// ctx.font = '12px sans-serif';
|
|
||||||
// ctx.setFontSize(12);
|
|
||||||
// ctx.fillText(data[index], x, y + 16);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
ctx.draw();
|
ctx.draw();
|
||||||
|
|
||||||
//转图片
|
|
||||||
|
|
||||||
// uni.canvasToTempFilePath({
|
|
||||||
// x: 0,
|
|
||||||
// y: 0,
|
|
||||||
// width: 320,
|
|
||||||
// height: 320,
|
|
||||||
// destWidth: 840,
|
|
||||||
// destHeight: 840,
|
|
||||||
// canvasId: 'radarCanvas',
|
|
||||||
// success: (res) => {
|
|
||||||
// // 在H5平台下,tempFilePath 为 base64
|
|
||||||
// src = res.tempFilePath;
|
|
||||||
// },
|
|
||||||
// });
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style></style>
|
<style>
|
||||||
|
/* 确保canvas容器有足够的空间 */
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -293,7 +293,7 @@ const showConfirmDialog = ref(false);
|
|||||||
|
|
||||||
onLoad((option) => {
|
onLoad((option) => {
|
||||||
console.log(option, 'option');
|
console.log(option, 'option');
|
||||||
if (option.jobId) {
|
if (option.encryptJobId) {
|
||||||
initLoad(option);
|
initLoad(option);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -303,7 +303,7 @@ onShow(() => {
|
|||||||
// #ifdef H5
|
// #ifdef H5
|
||||||
try {
|
try {
|
||||||
const option = parseQueryParams(); // 兼容微信内置浏览器
|
const option = parseQueryParams(); // 兼容微信内置浏览器
|
||||||
if (option.jobId) {
|
if (option.encryptJobId) {
|
||||||
initLoad(option);
|
initLoad(option);
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@@ -312,10 +312,10 @@ onShow(() => {
|
|||||||
// #endif
|
// #endif
|
||||||
});
|
});
|
||||||
function initLoad(option) {
|
function initLoad(option) {
|
||||||
const jobId = decodeURIComponent(option.jobId);
|
const encryptJobId = decodeURIComponent(option.encryptJobId);
|
||||||
if (jobId !== jobIdRef.value) {
|
if (encryptJobId !== jobIdRef.value) {
|
||||||
jobIdRef.value = jobId;
|
jobIdRef.value = encryptJobId;
|
||||||
getDetail(jobId);
|
getDetail(encryptJobId);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -327,17 +327,17 @@ function seeExplain() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function getDetail(jobId) {
|
function getDetail(encryptJobId) {
|
||||||
return new Promise((reslove, reject) => {
|
return new Promise((reslove, reject) => {
|
||||||
$api.createRequest(`/app/job/${jobId}`).then((resData) => {
|
$api.createRequest(`/app/job/${encryptJobId}`).then((resData) => {
|
||||||
const { latitude, longitude, companyName, companyId } = resData.data;
|
const { latitude, longitude, companyName, companyId } = resData.data;
|
||||||
jobInfo.value = resData.data;
|
jobInfo.value = resData.data;
|
||||||
reslove(resData.data);
|
reslove(resData.data);
|
||||||
getCompanyIsAJobs(companyId);
|
getCompanyIsAJobs(companyId);
|
||||||
if (currentUserType.value !== 0) {
|
if (currentUserType.value !== 0) {
|
||||||
getCompetivetuveness(jobId);
|
getCompetivetuveness(encryptJobId);
|
||||||
}
|
}
|
||||||
// getCompetivetuveness(jobId);
|
// getCompetivetuveness(encryptJobId);
|
||||||
if (latitude && longitude) {
|
if (latitude && longitude) {
|
||||||
mapCovers.value = [
|
mapCovers.value = [
|
||||||
{
|
{
|
||||||
@@ -379,8 +379,8 @@ function getTextWidth(text, size = 12) {
|
|||||||
return -(estimatedWidth / 2) - 20; // 计算文字中心点
|
return -(estimatedWidth / 2) - 20; // 计算文字中心点
|
||||||
}
|
}
|
||||||
|
|
||||||
function getCompetivetuveness(jobId) {
|
function getCompetivetuveness(encryptJobId) {
|
||||||
$api.createRequest(`/app/job/competitiveness/${jobId}`, {}, 'GET').then((resData) => {
|
$api.createRequest(`/app/job/competitiveness/${encryptJobId}`, {}, 'GET').then((resData) => {
|
||||||
// 如果接口返回的数据为 null 或空,使用默认值0
|
// 如果接口返回的数据为 null 或空,使用默认值0
|
||||||
if (resData && resData.data) {
|
if (resData && resData.data) {
|
||||||
// 确保 radarChart 字段存在,如果不存在则使用默认值
|
// 确保 radarChart 字段存在,如果不存在则使用默认值
|
||||||
@@ -455,19 +455,19 @@ function hideDialog() {
|
|||||||
|
|
||||||
// 确认操作
|
// 确认操作
|
||||||
function confirmAction() {
|
function confirmAction() {
|
||||||
const jobId = jobInfo.value.jobId;
|
const encryptJobId = jobIdRef.value;
|
||||||
if (jobInfo.value.isApply === 1) {
|
if (jobInfo.value.isApply === 1) {
|
||||||
// 取消投递
|
// 取消投递
|
||||||
$api.createRequest(`/app/job/applyJobCencal`, { jobId }, 'DELETE').then((resData) => {
|
$api.createRequest(`/app/job/applyJobCencal`, { encryptJobId }, 'DELETE').then((resData) => {
|
||||||
$api.msg('取消投递成功');
|
$api.msg('取消投递成功');
|
||||||
getDetail(jobId); // 刷新职位信息
|
getDetail(encryptJobId); // 刷新职位信息
|
||||||
showConfirmDialog.value = false;
|
showConfirmDialog.value = false;
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
// 确认投递
|
// 确认投递
|
||||||
$api.createRequest(`/app/job/apply/${jobId}`, {}, 'GET').then((resData) => {
|
$api.createRequest(`/app/job/apply/${encryptJobId}`, {}, 'GET').then((resData) => {
|
||||||
$api.msg('申请成功');
|
$api.msg('申请成功');
|
||||||
getDetail(jobId); // 刷新职位信息
|
getDetail(encryptJobId); // 刷新职位信息
|
||||||
showConfirmDialog.value = false;
|
showConfirmDialog.value = false;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -475,8 +475,8 @@ function confirmAction() {
|
|||||||
|
|
||||||
// 确认投递
|
// 确认投递
|
||||||
function confirmApply() {
|
function confirmApply() {
|
||||||
const jobId = jobInfo.value.jobId;
|
const encryptJobId = jobIdRef.value;
|
||||||
$api.createRequest(`/app/job/apply/${jobId}`, {}, 'GET').then((resData) => {
|
$api.createRequest(`/app/job/apply/${encryptJobId}`, {}, 'GET').then((resData) => {
|
||||||
$api.msg('申请成功');
|
$api.msg('申请成功');
|
||||||
const jobUrl = jobInfo.value.jobUrl;
|
const jobUrl = jobInfo.value.jobUrl;
|
||||||
// return window.open(jobUrl);
|
// return window.open(jobUrl);
|
||||||
@@ -486,8 +486,8 @@ function confirmApply() {
|
|||||||
|
|
||||||
// 取消投递
|
// 取消投递
|
||||||
function cancelApply() {
|
function cancelApply() {
|
||||||
const jobId = jobInfo.value.jobId;
|
const encryptJobId = jobIdRef.value;
|
||||||
$api.createRequest(`/app/job/applyJobCencal`, { jobId }, 'DELETE').then((resData) => {
|
$api.createRequest(`/app/job/applyJobCencal`, { encryptJobId }, 'DELETE').then((resData) => {
|
||||||
$api.msg('取消投递成功');
|
$api.msg('取消投递成功');
|
||||||
showConfirmDialog.value = false;
|
showConfirmDialog.value = false;
|
||||||
});
|
});
|
||||||
@@ -495,15 +495,15 @@ function cancelApply() {
|
|||||||
|
|
||||||
// 取消/收藏岗位
|
// 取消/收藏岗位
|
||||||
function jobCollection() {
|
function jobCollection() {
|
||||||
const jobId = jobInfo.value.jobId;
|
const encryptJobId = jobIdRef.value;
|
||||||
if (jobInfo.value.isCollection) {
|
if (jobInfo.value.isCollection) {
|
||||||
$api.createRequest(`/app/job/collection/${jobId}`, {}, 'DELETE').then((resData) => {
|
$api.createRequest(`/app/job/collection/${encryptJobId}`, {}, 'DELETE').then((resData) => {
|
||||||
getDetail(jobId);
|
getDetail(encryptJobId);
|
||||||
$api.msg('取消收藏成功');
|
$api.msg('取消收藏成功');
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
$api.createRequest(`/app/job/collection/${jobId}`, {}, 'POST').then((resData) => {
|
$api.createRequest(`/app/job/collection/${encryptJobId}`, {}, 'POST').then((resData) => {
|
||||||
getDetail(jobId);
|
getDetail(encryptJobId);
|
||||||
$api.msg('收藏成功');
|
$api.msg('收藏成功');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -42,7 +42,7 @@ import { inject, ref, reactive, onMounted } from "vue";
|
|||||||
const { $api, navTo, navBack, vacanciesTo } = inject("globalFunction");
|
const { $api, navTo, navBack, vacanciesTo } = inject("globalFunction");
|
||||||
import config from "@/config.js";
|
import config from "@/config.js";
|
||||||
import AppLayout from "@/components/AppLayout/AppLayout.vue";
|
import AppLayout from "@/components/AppLayout/AppLayout.vue";
|
||||||
import CryptoJS from 'crypto-js'
|
// import CryptoJS from 'crypto-js'
|
||||||
|
|
||||||
|
|
||||||
const title = ref("");
|
const title = ref("");
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ import { onLoad, onShow } from '@dcloudio/uni-app';
|
|||||||
const { $api, navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
|
const { $api, navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
|
||||||
import useUserStore from '@/stores/useUserStore';
|
import useUserStore from '@/stores/useUserStore';
|
||||||
import useDictStore from '@/stores/useDictStore';
|
import useDictStore from '@/stores/useDictStore';
|
||||||
import CryptoJS from 'crypto-js'
|
// import CryptoJS from 'crypto-js'
|
||||||
|
|
||||||
onLoad(() => {
|
onLoad(() => {
|
||||||
// thirdLogin()
|
// thirdLogin()
|
||||||
|
|||||||
@@ -57,7 +57,7 @@ import { onLoad, onShow } from '@dcloudio/uni-app';
|
|||||||
const { $api, navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
|
const { $api, navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
|
||||||
import useUserStore from '@/stores/useUserStore';
|
import useUserStore from '@/stores/useUserStore';
|
||||||
import useDictStore from '@/stores/useDictStore';
|
import useDictStore from '@/stores/useDictStore';
|
||||||
import CryptoJS from 'crypto-js'
|
// import CryptoJS from 'crypto-js'
|
||||||
|
|
||||||
onLoad(() => {
|
onLoad(() => {
|
||||||
thirdLogin()
|
thirdLogin()
|
||||||
|
|||||||
@@ -66,7 +66,7 @@ import { inject, ref, reactive } from 'vue';
|
|||||||
import { onLoad } from '@dcloudio/uni-app';
|
import { onLoad } from '@dcloudio/uni-app';
|
||||||
const { $api, navTo, navBack } = inject('globalFunction');
|
const { $api, navTo, navBack } = inject('globalFunction');
|
||||||
import config from "@/config.js"
|
import config from "@/config.js"
|
||||||
import CryptoJS from 'crypto-js'
|
// import CryptoJS from 'crypto-js'
|
||||||
|
|
||||||
// state
|
// state
|
||||||
const title = ref('');
|
const title = ref('');
|
||||||
|
|||||||
@@ -63,7 +63,7 @@ import { inject, ref, reactive } from 'vue';
|
|||||||
import { onLoad } from '@dcloudio/uni-app';
|
import { onLoad } from '@dcloudio/uni-app';
|
||||||
const { $api, navTo, navBack } = inject('globalFunction');
|
const { $api, navTo, navBack } = inject('globalFunction');
|
||||||
import config from "@/config.js"
|
import config from "@/config.js"
|
||||||
import CryptoJS from 'crypto-js'
|
// import CryptoJS from 'crypto-js'
|
||||||
|
|
||||||
// state
|
// state
|
||||||
const title = ref('');
|
const title = ref('');
|
||||||
|
|||||||
@@ -163,7 +163,7 @@
|
|||||||
} from "@/utils/tabbarManager";
|
} from "@/utils/tabbarManager";
|
||||||
|
|
||||||
import config from "@/config.js";
|
import config from "@/config.js";
|
||||||
import CryptoJS from 'crypto-js'
|
// import CryptoJS from 'crypto-js'
|
||||||
const {
|
const {
|
||||||
longitudeVal,
|
longitudeVal,
|
||||||
latitudeVal
|
latitudeVal
|
||||||
|
|||||||
@@ -304,8 +304,14 @@
|
|||||||
:value="list"
|
:value="list"
|
||||||
>
|
>
|
||||||
<view v-for="(job, index) in list" :key="index" :slot="`slot${index}`">
|
<view v-for="(job, index) in list" :key="index" :slot="`slot${index}`">
|
||||||
<view class="item btn-feel" v-if="!job.recommend">
|
<view class="item" v-if="!job.recommend">
|
||||||
<view class="falls-card" :class="{ 'disabled-card': Number(job.jobStatus) === 1 }" @click="nextDetail(job)">
|
<view
|
||||||
|
class="falls-card"
|
||||||
|
:class="{
|
||||||
|
'disabled-card': Number(job.isPublish) === 0
|
||||||
|
}"
|
||||||
|
@click="Number(job.isPublish) === 1 ? nextDetail(job) : null"
|
||||||
|
>
|
||||||
<view class="falls-card-pay">
|
<view class="falls-card-pay">
|
||||||
<view class="fl_1 falls-card-title">{{ job.jobTitle }}</view>
|
<view class="fl_1 falls-card-title">{{ job.jobTitle }}</view>
|
||||||
<view class="fr_1 pay-text">
|
<view class="fr_1 pay-text">
|
||||||
@@ -354,13 +360,16 @@
|
|||||||
<view class="fl_1">
|
<view class="fl_1">
|
||||||
{{ job.companyName }}
|
{{ job.companyName }}
|
||||||
</view>
|
</view>
|
||||||
<view class="fr-1">
|
<view class="fr-1" v-if="job.regionName">
|
||||||
地区:{{ config.appInfo.areaName }}
|
地区:{{ job.regionName }}
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 未通过审核状态显示 -->
|
||||||
|
<view class="unpublished-badge" v-if="Number(job.isPublish) === 0">
|
||||||
|
未通过审核
|
||||||
</view>
|
</view>
|
||||||
<!-- 招聘者显示上下架开关 -->
|
<!-- 招聘者显示上下架开关 -->
|
||||||
<view class="falls-card-actions" v-if="isRecruiter">
|
<view class="falls-card-actions" v-if="isRecruiter && Number(job.isPublish) === 1">
|
||||||
<view class="job-status-switch" @click.stop="toggleJobStatus(job)">
|
<view class="job-status-switch" @click.stop="toggleJobStatus(job)">
|
||||||
<view class="switch-track" :class="{ 'active': Number(job.jobStatus) === 0 }">
|
<view class="switch-track" :class="{ 'active': Number(job.jobStatus) === 0 }">
|
||||||
<view class="switch-thumb" :class="{ 'active': Number(job.jobStatus) === 0 }"></view>
|
<view class="switch-thumb" :class="{ 'active': Number(job.jobStatus) === 0 }"></view>
|
||||||
@@ -401,8 +410,14 @@
|
|||||||
:value="list"
|
:value="list"
|
||||||
>
|
>
|
||||||
<template v-slot:default="job">
|
<template v-slot:default="job">
|
||||||
<view class="item btn-feel" v-if="!job.recommend">
|
<view class="item" v-if="!job.recommend">
|
||||||
<view class="falls-card" :class="{ 'disabled-card': Number(job.jobStatus) === 1 }" @click="nextDetail(job)">
|
<view
|
||||||
|
class="falls-card"
|
||||||
|
:class="{
|
||||||
|
'disabled-card': (Number(job.jobStatus) === 1 || Number(job.isPublish) === 0) && currentUserType !== 0
|
||||||
|
}"
|
||||||
|
@click="Number(job.isPublish) === 1 ? nextDetail(job) : null"
|
||||||
|
>
|
||||||
<view class="falls-card-pay">
|
<view class="falls-card-pay">
|
||||||
<view class="fl_1 falls-card-title">{{ job.jobTitle }}</view>
|
<view class="fl_1 falls-card-title">{{ job.jobTitle }}</view>
|
||||||
<view class="fr_1 pay-text">
|
<view class="fr_1 pay-text">
|
||||||
@@ -447,13 +462,16 @@
|
|||||||
<view class="fl_1">
|
<view class="fl_1">
|
||||||
{{ job.companyName }}
|
{{ job.companyName }}
|
||||||
</view>
|
</view>
|
||||||
<view class="fr-1">
|
<view class="fr-1" v-if="job.regionName">
|
||||||
地区:{{ config.appInfo.areaName }}
|
地区:{{ job.regionName }}
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 未通过审核状态显示 -->
|
||||||
|
<view class="unpublished-badge" v-if="Number(job.isPublish) === 0">
|
||||||
|
未通过审核
|
||||||
</view>
|
</view>
|
||||||
<!-- 招聘者显示上下架开关 -->
|
<!-- 招聘者显示上下架开关 -->
|
||||||
<view class="falls-card-actions" v-if="isRecruiter">
|
<view class="falls-card-actions" v-if="isRecruiter && Number(job.isPublish) === 1">
|
||||||
<view class="job-status-switch" @click.stop="toggleJobStatus(job)">
|
<view class="job-status-switch" @click.stop="toggleJobStatus(job)">
|
||||||
<view class="switch-track" :class="{ 'active': Number(job.jobStatus) === 0 }">
|
<view class="switch-track" :class="{ 'active': Number(job.jobStatus) === 0 }">
|
||||||
<view class="switch-thumb" :class="{ 'active': Number(job.jobStatus) === 0 }"></view>
|
<view class="switch-thumb" :class="{ 'active': Number(job.jobStatus) === 0 }"></view>
|
||||||
@@ -578,6 +596,15 @@ const shouldShowCompanyCard = computed(() => {
|
|||||||
return companyInfo.name && companyInfo.name.trim() !== '';
|
return companyInfo.name && companyInfo.name.trim() !== '';
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 计算当前用户类型
|
||||||
|
const currentUserType = computed(() => {
|
||||||
|
// 优先从store获取,如果为空则从缓存获取
|
||||||
|
const storeIsCompanyUser = userInfo.value?.isCompanyUser;
|
||||||
|
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
|
||||||
|
const cachedIsCompanyUser = cachedUserInfo.isCompanyUser;
|
||||||
|
return storeIsCompanyUser !== undefined ? Number(storeIsCompanyUser) : Number(cachedIsCompanyUser);
|
||||||
|
});
|
||||||
|
|
||||||
// 计算是否显示企业用户内容
|
// 计算是否显示企业用户内容
|
||||||
const shouldShowCompanyContent = computed(() => {
|
const shouldShowCompanyContent = computed(() => {
|
||||||
// 未登录时不显示企业内容
|
// 未登录时不显示企业内容
|
||||||
@@ -1065,7 +1092,7 @@ function clearfindJob(job) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function nextDetail(job) {
|
function nextDetail(job) {
|
||||||
navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
|
navTo(`/packageA/pages/post/post?encryptJobId=${encodeURIComponent(job.encryptJobId)}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
function navToService(serviceType) {
|
function navToService(serviceType) {
|
||||||
@@ -1216,7 +1243,6 @@ function getJobRecommend(type = 'add') {
|
|||||||
sessionId: useUserStore().seesionId,
|
sessionId: useUserStore().seesionId,
|
||||||
...pageState.search,
|
...pageState.search,
|
||||||
...conditionSearch.value,
|
...conditionSearch.value,
|
||||||
isPublish: 1,
|
|
||||||
};
|
};
|
||||||
// 当选中零工市场(4)或疆外(3)时,order参数传递0
|
// 当选中零工市场(4)或疆外(3)时,order参数传递0
|
||||||
if (pageState.search.order === 3 || pageState.search.order === 4) {
|
if (pageState.search.order === 3 || pageState.search.order === 4) {
|
||||||
@@ -1231,9 +1257,11 @@ function getJobRecommend(type = 'add') {
|
|||||||
// 只有企业用户(isCompanyUser=0)才添加current字段
|
// 只有企业用户(isCompanyUser=0)才添加current字段
|
||||||
if (userType === 0) {
|
if (userType === 0) {
|
||||||
params.current = pageNull.value;
|
params.current = pageNull.value;
|
||||||
|
// 企业用户不传递isPublish字段
|
||||||
} else {
|
} else {
|
||||||
// 求职者只显示已上架的岗位(jobStatus=0)
|
// 求职者只显示已上架且通过审核的岗位(jobStatus=0, isPublish=1)
|
||||||
params.jobStatus = 0;
|
params.jobStatus = 0;
|
||||||
|
params.isPublish = 1;
|
||||||
}
|
}
|
||||||
let comd = { recommend: true, jobCategory: '', tip: '确认你的兴趣,为您推荐更多合适的岗位' };
|
let comd = { recommend: true, jobCategory: '', tip: '确认你的兴趣,为您推荐更多合适的岗位' };
|
||||||
$api.createRequest('/app/job/recommend', params).then((resData) => {
|
$api.createRequest('/app/job/recommend', params).then((resData) => {
|
||||||
@@ -1315,9 +1343,10 @@ function getJobList(type = 'add') {
|
|||||||
const cachedIsCompanyUser = cachedUserInfo.isCompanyUser;
|
const cachedIsCompanyUser = cachedUserInfo.isCompanyUser;
|
||||||
const userType = storeIsCompanyUser !== undefined ? Number(storeIsCompanyUser) : Number(cachedIsCompanyUser);
|
const userType = storeIsCompanyUser !== undefined ? Number(storeIsCompanyUser) : Number(cachedIsCompanyUser);
|
||||||
|
|
||||||
// 如果不是企业用户(求职者),只显示已上架的岗位
|
// 如果不是企业用户(求职者),只显示已上架且通过审核的岗位
|
||||||
if (userType !== 0) {
|
if (userType !== 0) {
|
||||||
params.jobStatus = 0;
|
params.jobStatus = 0;
|
||||||
|
params.isPublish = 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
$api.createRequest('/app/job/list', params).then((resData) => {
|
$api.createRequest('/app/job/list', params).then((resData) => {
|
||||||
@@ -1344,7 +1373,7 @@ function getJobList(type = 'add') {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 上架岗位
|
// 上架岗位
|
||||||
const jobUp = (jobId) => {
|
const jobUp = (encryptJobId) => {
|
||||||
if (!checkLogin()) return;
|
if (!checkLogin()) return;
|
||||||
|
|
||||||
uni.showLoading({
|
uni.showLoading({
|
||||||
@@ -1352,7 +1381,7 @@ const jobUp = (jobId) => {
|
|||||||
mask: true
|
mask: true
|
||||||
});
|
});
|
||||||
|
|
||||||
$api.createRequest(`/app/job/jobUp/${jobId}`, {}, 'PUT', true).then((res) => {
|
$api.createRequest(`/app/job/jobUp/${encryptJobId}`, {}, 'PUT', true).then((res) => {
|
||||||
uni.hideLoading();
|
uni.hideLoading();
|
||||||
$api.msg('上架成功');
|
$api.msg('上架成功');
|
||||||
// 刷新数据
|
// 刷新数据
|
||||||
@@ -1369,7 +1398,7 @@ const jobUp = (jobId) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// 下架岗位
|
// 下架岗位
|
||||||
const jobDown = (jobId) => {
|
const jobDown = (encryptJobId) => {
|
||||||
if (!checkLogin()) return;
|
if (!checkLogin()) return;
|
||||||
|
|
||||||
uni.showLoading({
|
uni.showLoading({
|
||||||
@@ -1377,7 +1406,7 @@ const jobDown = (jobId) => {
|
|||||||
mask: true
|
mask: true
|
||||||
});
|
});
|
||||||
|
|
||||||
$api.createRequest(`/app/job/jobDown/${jobId}`, {}, 'PUT', true).then((res) => {
|
$api.createRequest(`/app/job/jobDown/${encryptJobId}`, {}, 'PUT', true).then((res) => {
|
||||||
uni.hideLoading();
|
uni.hideLoading();
|
||||||
$api.msg('下架成功');
|
$api.msg('下架成功');
|
||||||
// 刷新数据
|
// 刷新数据
|
||||||
@@ -1404,14 +1433,14 @@ const toggleJobStatus = (job) => {
|
|||||||
|
|
||||||
// 根据当前状态决定调用哪个接口
|
// 根据当前状态决定调用哪个接口
|
||||||
const isCurrentlyUp = Number(job.jobStatus) === 0; // 0: 已上架, 1: 已下架
|
const isCurrentlyUp = Number(job.jobStatus) === 0; // 0: 已上架, 1: 已下架
|
||||||
const apiUrl = isCurrentlyUp ? `/app/job/jobDown/${job.jobId}` : `/app/job/jobUp/${job.jobId}`;
|
const apiUrl = isCurrentlyUp ? `/app/job/jobDown/${job.encryptJobId}` : `/app/job/jobUp/${job.encryptJobId}`;
|
||||||
|
|
||||||
$api.createRequest(apiUrl, {}, 'PUT', true).then((res) => {
|
$api.createRequest(apiUrl, {}, 'PUT', true).then((res) => {
|
||||||
uni.hideLoading();
|
uni.hideLoading();
|
||||||
$api.msg(isCurrentlyUp ? '下架成功' : '上架成功');
|
$api.msg(isCurrentlyUp ? '下架成功' : '上架成功');
|
||||||
|
|
||||||
// 更新本地数据状态,避免立即刷新整个列表
|
// 更新本地数据状态,避免立即刷新整个列表
|
||||||
const jobIndex = list.value.findIndex(item => item.jobId === job.jobId);
|
const jobIndex = list.value.findIndex(item => item.encryptJobId === job.encryptJobId);
|
||||||
if (jobIndex !== -1) {
|
if (jobIndex !== -1) {
|
||||||
// 更新状态
|
// 更新状态
|
||||||
list.value[jobIndex].jobStatus = isCurrentlyUp ? 1 : 0;
|
list.value[jobIndex].jobStatus = isCurrentlyUp ? 1 : 0;
|
||||||
@@ -2133,6 +2162,17 @@ defineExpose({ loadData });
|
|||||||
margin: 4rpx 4rpx 0 0
|
margin: 4rpx 4rpx 0 0
|
||||||
height: 26rpx
|
height: 26rpx
|
||||||
width: 26rpx
|
width: 26rpx
|
||||||
|
// 未通过审核状态样式
|
||||||
|
.unpublished-badge
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
right: 0
|
||||||
|
background-color: #FF4D4F
|
||||||
|
color: #FFFFFF
|
||||||
|
font-size: 20rpx
|
||||||
|
padding: 6rpx 12rpx
|
||||||
|
border-bottom-left-radius: 16rpx
|
||||||
|
z-index: 10
|
||||||
// 推荐卡片
|
// 推荐卡片
|
||||||
.recommend-card::before
|
.recommend-card::before
|
||||||
position: absolute
|
position: absolute
|
||||||
|
|||||||
@@ -43,12 +43,23 @@
|
|||||||
<uni-icons type="right" size="14" color="#909090"></uni-icons>
|
<uni-icons type="right" size="14" color="#909090"></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="service-item btn-feel">
|
<view class="service-item btn-feel" @click="openReminderSettings">
|
||||||
<view class="service-left">
|
<view class="service-left">
|
||||||
<uni-icons type="notification" size="20" color="#256BFA"></uni-icons>
|
<uni-icons type="notification" size="20" color="#256BFA"></uni-icons>
|
||||||
<text class="service-text">通知与提醒</text>
|
<text class="service-text">通知与提醒</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="service-status">已开启</view>
|
<view class="service-status">
|
||||||
|
<switch class="reminder-switch" :checked="reminderEnabled" @change="toggleReminder"></switch>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="service-item btn-feel" @click="openFeedbackPopup">
|
||||||
|
<view class="service-left">
|
||||||
|
<uni-icons type="chat" size="20" color="#256BFA"></uni-icons>
|
||||||
|
<text class="service-text">评论与反馈</text>
|
||||||
|
</view>
|
||||||
|
<view class="service-status">
|
||||||
|
<uni-icons type="right" size="14" color="#909090"></uni-icons>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="service-item btn-feel" @click="handleInstitutionClick(1)">
|
<view class="service-item btn-feel" @click="handleInstitutionClick(1)">
|
||||||
<view class="service-left">
|
<view class="service-left">
|
||||||
@@ -97,6 +108,39 @@
|
|||||||
@close="close"
|
@close="close"
|
||||||
></uni-popup-dialog>
|
></uni-popup-dialog>
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
|
<!-- 提醒设置弹窗 -->
|
||||||
|
<uni-popup ref="reminderPopup" type="center">
|
||||||
|
<view class="reminder-popup">
|
||||||
|
<view class="reminder-popup-title">提醒设置</view>
|
||||||
|
<view class="reminder-popup-content">
|
||||||
|
<view class="reminder-item" v-for="(item, index) in reminderOptions" :key="index">
|
||||||
|
<view class="reminder-item-label">{{ item.label }}</view>
|
||||||
|
<radio :value="item.value" :checked="reminderFrequency === item.value" @change="handleFrequencyChange"></radio>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="reminder-popup-footer">
|
||||||
|
<button class="reminder-popup-btn" @click="closeReminderPopup">确定</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
|
<!-- 评论与反馈弹窗 -->
|
||||||
|
<uni-popup ref="feedbackPopup" type="center">
|
||||||
|
<view class="feedback-popup">
|
||||||
|
<view class="feedback-popup-title">评论与反馈</view>
|
||||||
|
<view class="feedback-popup-content">
|
||||||
|
<textarea class="feedback-textarea" v-model="feedbackContent" placeholder="请输入您的评论或反馈..."></textarea>
|
||||||
|
<view class="feedback-rating">
|
||||||
|
<text class="feedback-rating-label">满意度评分:</text>
|
||||||
|
<view class="feedback-stars">
|
||||||
|
<text class="feedback-star" v-for="i in 5" :key="i" @click="setRating(i)" :class="{ 'active': rating >= i }">★</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="feedback-popup-footer">
|
||||||
|
<button class="feedback-popup-btn" @click="submitFeedback">提交</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
</AppLayout>
|
</AppLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -107,6 +151,21 @@ import useUserStore from '@/stores/useUserStore';
|
|||||||
|
|
||||||
const { $api, navTo } = inject('globalFunction');
|
const { $api, navTo } = inject('globalFunction');
|
||||||
const popup = ref(null);
|
const popup = ref(null);
|
||||||
|
const reminderPopup = ref(null);
|
||||||
|
const feedbackPopup = ref(null);
|
||||||
|
|
||||||
|
// 提醒设置
|
||||||
|
const reminderEnabled = ref(true);
|
||||||
|
const reminderFrequency = ref('realtime');
|
||||||
|
const reminderOptions = ref([
|
||||||
|
{ label: '实时提醒', value: 'realtime' },
|
||||||
|
{ label: '每小时提醒', value: 'hourly' },
|
||||||
|
{ label: '每天提醒', value: 'daily' }
|
||||||
|
]);
|
||||||
|
|
||||||
|
// 评论与反馈
|
||||||
|
const feedbackContent = ref('');
|
||||||
|
const rating = ref(0);
|
||||||
|
|
||||||
// 企业信息数据
|
// 企业信息数据
|
||||||
const companyInfo = reactive({
|
const companyInfo = reactive({
|
||||||
@@ -196,6 +255,57 @@ function getCompanyInfo() {
|
|||||||
companyInfo.isVerified = false;
|
companyInfo.isVerified = false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 切换提醒开启/关闭状态
|
||||||
|
function toggleReminder(e) {
|
||||||
|
reminderEnabled.value = e.detail.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 打开提醒设置弹窗
|
||||||
|
function openReminderSettings() {
|
||||||
|
reminderPopup.value.open();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭提醒设置弹窗
|
||||||
|
function closeReminderPopup() {
|
||||||
|
reminderPopup.value.close();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理提醒频率变化
|
||||||
|
function handleFrequencyChange(e) {
|
||||||
|
reminderFrequency.value = e.detail.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 打开评论与反馈弹窗
|
||||||
|
function openFeedbackPopup() {
|
||||||
|
feedbackPopup.value.open();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭评论与反馈弹窗
|
||||||
|
function closeFeedbackPopup() {
|
||||||
|
feedbackPopup.value.close();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 设置评分
|
||||||
|
function setRating(score) {
|
||||||
|
rating.value = score;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提交反馈
|
||||||
|
function submitFeedback() {
|
||||||
|
// 模拟提交成功
|
||||||
|
uni.showToast({
|
||||||
|
title: '反馈提交成功',
|
||||||
|
icon: 'success'
|
||||||
|
});
|
||||||
|
// 清空表单
|
||||||
|
feedbackContent.value = '';
|
||||||
|
rating.value = 0;
|
||||||
|
// 延迟关闭弹窗,确保用户能看到成功提示
|
||||||
|
setTimeout(() => {
|
||||||
|
closeFeedbackPopup();
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
@@ -331,4 +441,137 @@ function getCompanyInfo() {
|
|||||||
transform: scale(0.98);
|
transform: scale(0.98);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 提醒开关样式
|
||||||
|
.reminder-switch {
|
||||||
|
transform: scale(0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提醒设置弹窗样式
|
||||||
|
.reminder-popup {
|
||||||
|
width: 600rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding: 32rpx;
|
||||||
|
|
||||||
|
.reminder-popup-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-popup-content {
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
|
||||||
|
.reminder-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 24rpx 0;
|
||||||
|
border-bottom: 1rpx solid #F0F0F0;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-item-label {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-popup-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.reminder-popup-btn {
|
||||||
|
width: 100%;
|
||||||
|
height: 80rpx;
|
||||||
|
background: #256BFA;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 评论与反馈弹窗样式
|
||||||
|
.feedback-popup {
|
||||||
|
width: 600rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding: 32rpx;
|
||||||
|
|
||||||
|
.feedback-popup-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feedback-popup-content {
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
|
||||||
|
.feedback-textarea {
|
||||||
|
width: 100%;
|
||||||
|
height: 200rpx;
|
||||||
|
border: 1rpx solid #E5E5E5;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333333;
|
||||||
|
resize: none;
|
||||||
|
margin-bottom: 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feedback-rating {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.feedback-rating-label {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333333;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feedback-stars {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.feedback-star {
|
||||||
|
font-size: 40rpx;
|
||||||
|
color: #E5E5E5;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
color: #FFD700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.feedback-popup-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.feedback-popup-btn {
|
||||||
|
width: 100%;
|
||||||
|
height: 80rpx;
|
||||||
|
background: #256BFA;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -105,12 +105,23 @@
|
|||||||
<uni-icons color="#909090" type="right" size="14"></uni-icons>
|
<uni-icons color="#909090" type="right" size="14"></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="main-row btn-feel">
|
<view class="main-row btn-feel" @click="openReminderSettings">
|
||||||
<view class="row-left">
|
<view class="row-left">
|
||||||
<image class="left-img" src="@/static/icon/server4.png"></image>
|
<image class="left-img" src="@/static/icon/server4.png"></image>
|
||||||
<text class="left-text">通知与提醒</text>
|
<text class="left-text">通知与提醒</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="row-right">已开启</view>
|
<view class="row-right">
|
||||||
|
<switch class="reminder-switch" :checked="reminderEnabled" @change="toggleReminder"></switch>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="main-row btn-feel" @click="openFeedbackPopup">
|
||||||
|
<view class="row-left">
|
||||||
|
<image class="left-img" src="@/static/icon/feedback.png"></image>
|
||||||
|
<text class="left-text">评论与反馈</text>
|
||||||
|
</view>
|
||||||
|
<view class="row-right">
|
||||||
|
<uni-icons color="#909090" type="right" size="14"></uni-icons>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="userType === 2" class="card-help button-click" @click="goToJobHelper">求职帮</view>
|
<view v-if="userType === 2" class="card-help button-click" @click="goToJobHelper">求职帮</view>
|
||||||
@@ -126,6 +137,39 @@
|
|||||||
@close="close"
|
@close="close"
|
||||||
></uni-popup-dialog>
|
></uni-popup-dialog>
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
|
<!-- 提醒设置弹窗 -->
|
||||||
|
<uni-popup ref="reminderPopup" type="center">
|
||||||
|
<view class="reminder-popup">
|
||||||
|
<view class="reminder-popup-title">提醒设置</view>
|
||||||
|
<view class="reminder-popup-content">
|
||||||
|
<view class="reminder-item" v-for="(item, index) in reminderOptions" :key="index">
|
||||||
|
<view class="reminder-item-label">{{ item.label }}</view>
|
||||||
|
<radio :value="item.value" :checked="reminderFrequency === item.value" @change="handleFrequencyChange"></radio>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="reminder-popup-footer">
|
||||||
|
<button class="reminder-popup-btn" @click="closeReminderPopup">确定</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
|
<!-- 评论与反馈弹窗 -->
|
||||||
|
<uni-popup ref="feedbackPopup" type="center">
|
||||||
|
<view class="feedback-popup">
|
||||||
|
<view class="feedback-popup-title">评论与反馈</view>
|
||||||
|
<view class="feedback-popup-content">
|
||||||
|
<textarea class="feedback-textarea" v-model="feedbackContent" placeholder="请输入您的评论或反馈..."></textarea>
|
||||||
|
<view class="feedback-rating">
|
||||||
|
<text class="feedback-rating-label">满意度评分:</text>
|
||||||
|
<view class="feedback-stars">
|
||||||
|
<text class="feedback-star" v-for="i in 5" :key="i" @click="setRating(i)" :class="{ 'active': rating >= i }">★</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="feedback-popup-footer">
|
||||||
|
<button class="feedback-popup-btn" @click="submitFeedback">提交</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
</view>
|
</view>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<!-- 统一使用系统tabBar -->
|
<!-- 统一使用系统tabBar -->
|
||||||
@@ -141,9 +185,24 @@ const { $api, navTo } = inject('globalFunction');
|
|||||||
import useUserStore from '@/stores/useUserStore';
|
import useUserStore from '@/stores/useUserStore';
|
||||||
import { tabbarManager } from '@/utils/tabbarManager';
|
import { tabbarManager } from '@/utils/tabbarManager';
|
||||||
const popup = ref(null);
|
const popup = ref(null);
|
||||||
|
const reminderPopup = ref(null);
|
||||||
|
const feedbackPopup = ref(null);
|
||||||
const { userInfo, Completion } = storeToRefs(useUserStore());
|
const { userInfo, Completion } = storeToRefs(useUserStore());
|
||||||
const counts = ref({});
|
const counts = ref({});
|
||||||
|
|
||||||
|
// 提醒设置
|
||||||
|
const reminderEnabled = ref(true);
|
||||||
|
const reminderFrequency = ref('realtime');
|
||||||
|
const reminderOptions = ref([
|
||||||
|
{ label: '实时提醒', value: 'realtime' },
|
||||||
|
{ label: '每小时提醒', value: 'hourly' },
|
||||||
|
{ label: '每天提醒', value: 'daily' }
|
||||||
|
]);
|
||||||
|
|
||||||
|
// 评论与反馈
|
||||||
|
const feedbackContent = ref('');
|
||||||
|
const rating = ref(0);
|
||||||
|
|
||||||
// 获取用户类型,参考首页的实现方式
|
// 获取用户类型,参考首页的实现方式
|
||||||
const userType = computed(() => {
|
const userType = computed(() => {
|
||||||
// 优先从store获取,如果为空则从缓存获取
|
// 优先从store获取,如果为空则从缓存获取
|
||||||
@@ -236,6 +295,57 @@ function goToMessage(){
|
|||||||
navTo('/pages/msglog/msglog');
|
navTo('/pages/msglog/msglog');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 切换提醒开启/关闭状态
|
||||||
|
function toggleReminder(e) {
|
||||||
|
reminderEnabled.value = e.detail.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 打开提醒设置弹窗
|
||||||
|
function openReminderSettings() {
|
||||||
|
reminderPopup.value.open();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭提醒设置弹窗
|
||||||
|
function closeReminderPopup() {
|
||||||
|
reminderPopup.value.close();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理提醒频率变化
|
||||||
|
function handleFrequencyChange(e) {
|
||||||
|
reminderFrequency.value = e.detail.value;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 打开评论与反馈弹窗
|
||||||
|
function openFeedbackPopup() {
|
||||||
|
feedbackPopup.value.open();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭评论与反馈弹窗
|
||||||
|
function closeFeedbackPopup() {
|
||||||
|
feedbackPopup.value.close();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 设置评分
|
||||||
|
function setRating(score) {
|
||||||
|
rating.value = score;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提交反馈
|
||||||
|
function submitFeedback() {
|
||||||
|
// 模拟提交成功
|
||||||
|
uni.showToast({
|
||||||
|
title: '反馈提交成功',
|
||||||
|
icon: 'success'
|
||||||
|
});
|
||||||
|
// 清空表单
|
||||||
|
feedbackContent.value = '';
|
||||||
|
rating.value = 0;
|
||||||
|
// 延迟关闭弹窗,确保用户能看到成功提示
|
||||||
|
setTimeout(() => {
|
||||||
|
closeFeedbackPopup();
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
@@ -470,4 +580,137 @@ function goToMessage(){
|
|||||||
margin-left: 20rpx;
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 提醒设置弹窗样式
|
||||||
|
.reminder-popup {
|
||||||
|
width: 600rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding: 32rpx;
|
||||||
|
|
||||||
|
.reminder-popup-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-popup-content {
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
|
||||||
|
.reminder-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 24rpx 0;
|
||||||
|
border-bottom: 1rpx solid #F0F0F0;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-item-label {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.reminder-popup-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.reminder-popup-btn {
|
||||||
|
width: 100%;
|
||||||
|
height: 80rpx;
|
||||||
|
background: #256BFA;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提醒开关样式
|
||||||
|
.reminder-switch {
|
||||||
|
transform: scale(0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 评论与反馈弹窗样式
|
||||||
|
.feedback-popup {
|
||||||
|
width: 600rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding: 32rpx;
|
||||||
|
|
||||||
|
.feedback-popup-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feedback-popup-content {
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
|
||||||
|
.feedback-textarea {
|
||||||
|
width: 100%;
|
||||||
|
height: 200rpx;
|
||||||
|
border: 1rpx solid #E5E5E5;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333333;
|
||||||
|
resize: none;
|
||||||
|
margin-bottom: 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feedback-rating {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.feedback-rating-label {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333333;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feedback-stars {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.feedback-star {
|
||||||
|
font-size: 40rpx;
|
||||||
|
color: #E5E5E5;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
color: #FFD700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.feedback-popup-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.feedback-popup-btn {
|
||||||
|
width: 100%;
|
||||||
|
height: 80rpx;
|
||||||
|
background: #256BFA;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user