Compare commits

7 Commits

Author SHA1 Message Date
3b04d82393 优化智慧就业内容,功能完善。剩登录对接 2025-11-04 13:46:18 +08:00
7369be7fce 优化 2025-10-30 17:17:15 +08:00
6579abe021 合并 智慧就业第一版 2025-10-30 11:29:57 +08:00
577b20661a Merge branch 'kashi' of http://124.243.245.42:3000/sdz/ks-app-employment-service into kashi 2025-10-23 15:06:55 +08:00
fc345ad26b 修改 2025-10-23 15:05:24 +08:00
95bc79b1d3 注释问题 2025-10-23 15:04:00 +08:00
5b1d11eb37 测试 2025-10-23 14:36:38 +08:00
354 changed files with 2795306 additions and 51655 deletions

1
.gitignore vendored
View File

@@ -1,2 +1 @@
/unpackage/
/node_modules/

8
.idea/.gitignore generated vendored
View File

@@ -1,8 +0,0 @@
# 默认忽略的文件
/shelf/
/workspace.xml
# 基于编辑器的 HTTP 客户端请求
/httpRequests/
# Datasource local storage ignored files
/dataSources/
/dataSources.local.xml

View File

@@ -1,9 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="JAVA_MODULE" version="4">
<component name="NewModuleRootManager" inherit-compiler-output="true">
<exclude-output />
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

8
.idea/modules.xml generated
View File

@@ -1,8 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/ks-app-employment-service.iml" filepath="$PROJECT_DIR$/.idea/ks-app-employment-service.iml" />
</modules>
</component>
</project>

6
.idea/vcs.xml generated
View File

@@ -1,6 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" />
</component>
</project>

View File

@@ -3,20 +3,17 @@ import { reactive, inject, onMounted } from 'vue';
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app';
import useUserStore from './stores/useUserStore';
import useDictStore from './stores/useDictStore';
import { tabbarManager } from './utils/tabbarManager';
const { $api, navTo, appendScriptTagElement } = inject('globalFunction');
import config from '@/config.js';
onLaunch((options) => {
useUserStore().initSeesionId(); //更新
useDictStore().getDictData();
// uni.hideTabBar();
// 尝试从缓存恢复用户信息
// 尝试从缓存恢复用户信息
const restored = useUserStore().restoreUserInfo();
// 用户信息恢复后再初始化自定义tabbar
tabbarManager.initTabBar();
if (restored) {
// 如果成功恢复用户信息验证token是否有效
let token = uni.getStorageSync('token') || '';

View File

@@ -1,4 +1,4 @@
import request from '@/packageCa/utilCa/request.js'
import request from '@/utilB/request.js'
const api = {}
// 获取职业大类 中类
@@ -9,4 +9,3 @@ api.queryJobListByParentCode = (name,code) => request.globalRequest(`/Job/QueryJ
api.queryJobDetailById = (id) => request.globalRequest(`/Job/QueryJobDetailById?id=${id}`,'GET', {}, 2,3)
export default api

View File

@@ -1,4 +1,4 @@
import request from '@/packageCa/utilCa/request.js'
import request from '@/utilB/request.js'
const api = {}
// 获取生涯罗盘
@@ -30,4 +30,3 @@ api.queryPathInfo = (encodeId) => request.globalRequest(`/StudentManage/QueryPat
export default api

View File

@@ -1,4 +1,4 @@
import request from '@/packageCa/utilCa/request.js'
import request from '@/utilB/request.js'
const api = {}
@@ -123,4 +123,3 @@ api.getUserTestTypeProcessList = (testTypes) => request.globalRequest(`/TestReco
export default api

View File

@@ -1,12 +1,6 @@
import request from '@/packageCa/utilCa/request.js'
import request from '@/utilB/request.js'
const api = {}
//根据openId,获取token,并判断用户是否已绑定账号
api.queryKaShiToken = (userId,name) => request.globalRequest(`/KaShi/QueryKaShiToken?userId=${userId}&name=${name}&schoolId=2268`,'GET', {})
// 获取ai面试路径
api.queryAIUrl = (userId,name) => request.globalRequest(`/KaShi/QueryAIUrl?userId=${userId}&name=${name}&schoolId=2268`,'GET', {})
//根据openId,获取token,并判断用户是否已绑定账号
api.getAccessTokenAndUser = (params) => request.globalRequest(`/WeChartToken/GetAccessTokenAndUser?openId=${params}`,'GET', {})
@@ -78,4 +72,3 @@ api.saveUserBasisInfo = (mobileCode,data) => request.globalRequest(`/user/SaveUs
api.getUserBasisInfo = () => request.globalRequest(`/user/GetUserBasisInfo`,'GET', {}, 1)
export default api

View File

@@ -1,514 +0,0 @@
// 获取人员基本信息详情
// import { post, get } from '../../utils/request.js'
// export function getPersonInfo(id) {
// return get({
// url: `personnel/personBaseInfo/${id}`,
// method: 'get'
// })
// }
import request from '@/utilsRc/request'
// 根据 userId 获取企业详情
export function companyDetails(userId) {
return request({
method: 'get',
url: `/company/unitBaseInfo/user/${userId}`,
})
}
// 企业-推荐人员信息
export function recommendedPerson(params) {
return request({
url: '/company/unitBaseInfo/recommend/person',
method: 'get',
params
})
}
// 人员邀请
export function invitePerson(params) {
return request({
url: '/company/unitBaseInfo/invite',
method: 'get',
params
})
}
// 获取企业招聘岗位列表
export function jobList(params) {
return request({
url: '/company/unitPostInfo/list',
method: 'get',
params
})
}
// 查找已投递、已推荐、已邀请的人员信息
export function listMatch(query) {
return request({
url: '/company/unitBaseInfo/relevance',
method: 'get',
params: query
})
}
// 添加企业基本信息
export function addJobBase(data) {
return request({
url: '/company/unitBaseInfo',
method: 'post',
data: data
})
}
// 查询部门下拉树结构
export function deptTreeSelect() {
return request({
url: '/system/center/user/deptTree',
method: 'get'
})
}
// 企业发布招聘岗位
export function addJob(data) {
return request({
url: '/company/unitPostInfo',
method: 'post',
data: data
})
}
// 获取招聘工种列表
export function jobTypeList(params) {
return request({
url: '/basicdata/workType/list',
method: 'get',
params
})
}
// 企业基本信息列表
export function jobBaseList(query) {
return request({
url: '/company/unitBaseInfo/list',
method: 'get',
params: query
})
}
// 获取企业招聘岗位信息详细信息
export function getJob(id) {
return request({
url: `/company/unitPostInfo/${id}`,
method: 'get'
})
}
// 修改企业招聘岗位信息
export function updateJob(data) {
return request({
url: '/company/unitPostInfo',
method: 'put',
data: data
})
}
// 修改企业基本信息
export function updateJobBase(data) {
return request({
url: '/company/unitBaseInfo',
method: 'put',
data: data
})
}
// 查询角色详细
export function getJobService(id) {
return request({
url: '/personnel/personBaseInfo/' + id,
method: 'get'
})
}
// 查询推荐人员、已推荐、已邀请 详情
export function getUnitBaseInfo(id) {
return request({
url: '/manage/personDemand/' + id,
method: 'get'
})
}
// 查询工种列表
export function listJobType(query) {
return request({
url: '/basicdata/workType/list',
method: 'get',
params: query
})
}
// 人员基本信息 - 列表
export function personInfoList(query) {
return request({
url: '/personnel/personBaseInfo/list',
method: 'get',
params: query
})
}
// 获取人员基本信息详情
export function getPersonInfo(id) {
return request({
url: `/personnel/personBaseInfo/${id}`,
method: 'get'
})
}
// 删除人员基本信息
export function delPersonInfo(ids) {
return request({
url: '/personnel/personBaseInfo/' + ids,
method: 'delete'
})
}
// 删除录入人员 公用 type = 1 失业中 2 就业困难 3 离校生 4 其他人员
export function delPersonUser(ids) {
return request({
url: `/personnel/personInputInfo/${ids}`,
method: 'delete',
})
}
// 新增人员基本信息
export function addPersonInfo(data) {
return request({
url: '/personnel/personBaseInfo',
method: 'post',
data: data
})
}
// 修改人员基本信息
export function updatePersonInfo(data) {
return request({
url: '/personnel/personBaseInfo',
method: 'put',
data
})
}
//社区人员审核
export function personInfoAudit(data) {
return request({
url: '/personnel/personBaseInfo/audit',
method: 'post',
data: data
})
}
//记录查看身份证
export function recordLookIdCard(params) {
return request({
url: '/personnel/personBaseInfo/recordLookIdCard',
method: 'get',
params
})
}
/* 失业人员 --------------------------------------------- start */
// 新增失业人员
export function addPersonUnemployed(data) {
return request({
url: '/person/unemployment',
method: 'post',
data
})
}
// 失业人员修改
export function updatePersonUnemployed(data) {
return request({
url: '/person/unemployment',
method: 'put',
data,
})
}
// 失业人员列表
export function unemployment(params) {
return request({
url: '/person/unemployment/list',
method: 'get',
params
})
}
// 失业人员详情
export function unemploymentDetails(id) {
return request({
url: `/person/unemployment/${id}`,
method: 'get',
})
}
// 失业人员删除
export function unemploymentDelete(id) {
return request({
url: `/person/unemployment/${id}`,
method: 'delete',
})
}
/* 失业人员 --------------------------------------------- end */
/* 就业困难人员 --------------------------------------------- start */
// 新增就业困难
export function addPersonDifficult(data) {
return request({
url: '/person/findingEmployment',
method: 'post',
data
})
}
// 修改就业困难
export function updatePersonDifficult(data) {
return request({
url: '/person/findingEmployment',
method: 'put',
data
})
}
// 就业困难列表
export function findingEmployment(params) {
return request({
url: '/person/findingEmployment/list',
method: 'get',
params
})
}
// 就业困难详情
export function findingEmploymentDetails(id) {
return request({
url: `/person/findingEmployment/${id}`,
method: 'get',
})
}
// 就业困难删除
export function findingEmploymentDelete(id) {
return request({
url: `/person/findingEmployment/${id}`,
method: 'delete',
})
}
/* 就业困难人员 --------------------------------------------- end */
/* 离校未就业高校生 --------------------------------------------- start */
// 新增离校未就业高校生
export function addLeaveSchool(data) {
return request({
url: '/person/leavingSchoolInfo',
method: 'post',
data
})
}
// 修改离校未就业高校生
export function updateLeaveSchool(data) {
return request({
url: '/person/leavingSchoolInfo',
method: 'put',
data,
})
}
// 高校未就业列表
export function leavingSchoolInfo(params) {
return request({
url: '/person/leavingSchoolInfo/list',
method: 'get',
params
})
}
// 高校未就业详情
export function leavingSchoolInfoDetails(id) {
return request({
url: `/person/leavingSchoolInfo/${id}`,
method: 'get',
})
}
// 高校未就业删除
export function leavingSchoolInfoDelete(id) {
return request({
url: `/person/leavingSchoolInfo/${id}`,
method: 'delete',
})
}
/* 离校未就业高校生 --------------------------------------------- end */
/* 其他人员 --------------------------------------------- start */
// 新增其他人员
export function addOther(data) {
return request({
url: '/person/other',
method: 'post',
data
})
}
// 其他人员修改
export function updateOther(data) {
return request({
url: '/person/other',
method: 'post',
data,
})
}
// 其他人员列表
export function other(params) {
return request({
url: '/person/other/list',
method: 'get',
params
})
}
// 其他人员详情
export function otherDetails(id) {
return request({
url: `/person/other/${id}`,
method: 'get',
})
}
// 其他人员删除
export function otherDelete(id) {
return request({
url: `/person/other/${id}`,
method: 'delete',
})
}
/* 其他人员 --------------------------------------------- end */
// 需求预警列表
export function personAlertList(params) {
return request({
url: '/manage/personDemand/warningList',
method: 'get',
params
})
}
export function personDealList(params) {
return request({
url: '/manage/personDemand/dealingList',
method: 'get',
params
})
}
// 服务追踪 服务类型/服务id
export function serviceTraceability({
demandType,
id
}) {
return request({
// url: `/system/personRequirementsRecords/serviceTraceability/${demandType}/${id}`,
url: `/timelime/timelime/fwzs/${id}`,
method: 'get',
})
}
// 需求办结
export function requirementCompletion(url, data) {
return request({
url,
method: 'post',
data
})
}
//岗位审核
export function jobAudit(data) {
return request({
url: '/company/unitPostInfo/audit',
method: 'post',
data: data
})
}
//社群 首页未完成数
// export function getPeopleCount() {
// return request({
// url: '/pc/index/getPeopleCount',
// method: 'get',
// })
// }
//社群 首页未完成数
export function getDemandUnfinished() {
return request({
url: '/pc/index/todo',
method: 'get',
})
}
// 删除企业招聘岗位信息
export function delJob(ids) {
return request({
url: '/company/unitPostInfo/' + ids,
method: 'delete'
})
}
// 所在社区列表
export function deptList(params) {
return request({
'url': `/system/center/user/deptList`,
'method': 'get',
params
})
}
// 所在社区列表
export function returnPerson(params) {
return request({
'url': `/personnel/personBaseInfo/returnPerson`,
'method': 'get',
params
})
}
// 根据人的身份证查询人的详细信息
export function getIdNumberInfo(params) {
return request({
'url': `/personnel/personBaseInfo/getIdNumberInfo`,
'method': 'get',
params
})
}

View File

@@ -1,15 +0,0 @@
/*
* @Date: 2025-10-31 11:06:15
* @LastEditors: lip
* @LastEditTime: 2025-11-03 12:48:22
*/
// import { post, get } from '@/utilsRc/request'
import request from '@/utilsRc/request'
export function listJobType(query) {
return request({
url: '/basicdata/workType/list',
method: 'get',
params: query
})
}

View File

@@ -1,53 +0,0 @@
/*
* @Date: 2025-10-31 11:06:15
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-03 15:51:28
*/
import request from '@/utilsRc/request'
// 登录方法
export function login(data) {
return request({
method: 'get',
url: '/not/login/person/zkrLogin',
params: data,
})
}
export function smsLogin(data) {
return request({
method: 'post',
url: '/personnel/personBaseInfo/loginGrAndQy',
data,
headers: {
isToken: false
}
})
}
export function wechatLogin(data) {
return request({
method: 'post',
url: '/personnel/personBaseInfo/loginGrAndQy',
data,
headers: {
isToken: false
}
})
}
export function register(data) {
return request({
method: 'post',
url: '/personnel/personBaseInfo/loginGrAndQy',
data,
headers: {
isToken: false
}
})
}
// 获取用户详细信息
export function getInfo() {
return request({
url: '/getInfo',
method: 'get'
})
}

View File

@@ -1,58 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:56:51
*/
import request from '@/utilsRc/request'
// 查询援助需求列表
export function listAssistService(query) {
return request({
url: '/demand/personAssistDemandInfo/list',
method: 'get',
params: query
})
}
// 查询援助需求详细
export function getAssistService(ids) {
return request({
url: '/demand/personAssistDemandInfo/' + ids,
method: 'get'
})
}
// 新增援助需求
export function addAssistService(data) {
return request({
url: '/demand/personAssistDemandInfo',
method: 'post',
data: data
})
}
// 修改援助需求
export function updateAssistService(data) {
return request({
url: '/demand/personAssistDemandInfo',
method: 'put',
data: data
})
}
// 删除援助需求
export function delAssistService(ids) {
return request({
url: '/manage/personDemand/' + ids,
method: 'delete'
})
}
// 个人援助需求办结
export function finishAssistService(data) {
return request({
url: '/demand/personAssistDemandInfo/assistDone',
method: 'post',
data: data
})
}

View File

@@ -1,58 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:56:35
*/
import request from '@/utilsRc/request'
// 查询创业需求列表
export function listEntrepreneurshipService(query) {
return request({
url: '/demand/personEntrepreneurshipDemandInfo/list',
method: 'get',
params: query
})
}
// 查询创业需求详细
export function getEntrepreneurshipService(ids) {
return request({
url: '/demand/personEntrepreneurshipDemandInfo/' + ids,
method: 'get'
})
}
// 新增创业需求
export function addEntrepreneurshipService(data) {
return request({
url: '/demand/personEntrepreneurshipDemandInfo',
method: 'post',
data: data
})
}
// 修改创业需求
export function updateEntrepreneurshipService(data) {
return request({
url: '/demand/personEntrepreneurshipDemandInfo',
method: 'put',
data: data
})
}
// 删除创业需求
export function delEntrepreneurshipService(ids) {
return request({
url: '/manage/personDemand/' + ids,
method: 'delete'
})
}
// 个人援助需求办结
export function finishEntrepreneurshipService(data) {
return request({
url: '/demand/personEntrepreneurshipDemandInfo/entrepreneurshipDone',
method: 'post',
data: data
})
}

View File

@@ -1,57 +0,0 @@
/*
* @Date: 2025-04-07 14:23:47
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:56:39
*/
import request from '@/utilsRc/request'
// 查询求职需求列表
export function listJobService(query) {
return request({
url: '/manage/personDemand/list',
method: 'get',
params: query
})
}
// 查询求职需求详细
export function getJobService(ids) {
return request({
url: '/manage/personDemand/' + ids,
method: 'get'
})
}
// 新增求职需求
export function addJobService(data) {
return request({
url: '/manage/personDemand',
method: 'post',
data: data
})
}
// 修改求职需求
export function updateJobService(data) {
return request({
url: '/manage/personDemand',
method: 'put',
data: data
})
}
// 删除求职需求
export function delJobService(ids) {
return request({
url: '/manage/personDemand/' + ids,
method: 'delete'
})
}
//查询服务次数
export function serviceTraceability(userId) {
return request({
url: '/timelime/timelime/getFwcs/' + userId,
method: 'get'
})
}

View File

@@ -1,58 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:56:42
*/
import request from '@/utilsRc/request'
// 查询其他需求列表
export function listOtherService(query) {
return request({
url: '/demand/personOtherDemandInfo/list',
method: 'get',
params: query
})
}
// 查询其他需求详细
export function getOtherService(ids) {
return request({
url: '/demand/personOtherDemandInfo/' + ids,
method: 'get'
})
}
// 新增其他需求
export function addOtherService(data) {
return request({
url: '/demand/personOtherDemandInfo',
method: 'post',
data: data
})
}
// 修改其他需求
export function updateOtherService(data) {
return request({
url: '/demand/personOtherDemandInfo',
method: 'put',
data: data
})
}
// 删除其他需求
export function delOtherService(ids) {
return request({
url: '/manage/personDemand/' + ids,
method: 'delete'
})
}
// 个人援助需求办结
export function finishOtherService(data) {
return request({
url: '/demand/personOtherDemandInfo/otherDemandDone',
method: 'post',
data: data
})
}

View File

@@ -1,34 +0,0 @@
/*
* @Date: 2025-10-31 11:06:15
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-05 15:33:21
*/
// 人员接口
// import { post, get } from '@/utilsRc/request'
import request from '@/utilsRc/request'
export function getPersonBase(params) {
return request({
url: '/personnel/personBaseInfo/list',
method: 'get',
params
})
}
export function getPersonList(params) {
return request({
url: '/personnel/personBaseInfo/list',
method: 'get',
params
})
}
// 新增角色
export function addInvestigate(data) {
return request({
// url: '//process/processInterview',
url: '/timelime/timelime',
method: 'post',
data: data
})
}

View File

@@ -1,52 +0,0 @@
/*
* @Date: 2025-11-03 08:48:44
* @LastEditors: lip
* @LastEditTime: 2025-11-03 12:48:41
*/
// 查询个人需求信息列表
// import { post, get } from '@/utilsRc/request'
import request from '@/utilsRc/request'
export function listPersonDemand(query) {
return request({
method: 'get',
url: '/manage/personDemand/list',
params: query
})
}
export function delPersonDemand(id) {
return request({
url: '/manage/personDemand/' + id,
method: 'delete'
})
}
// 查询个人需求信息详细
export function getPersonDemand(id) {
return request({
method: 'get',
url: '/manage/personDemand/' + id,
})
}
// 新增个人需求信息
export function addPersonDemand(data) {
// 确保传递数据前进行日志输出
console.log('addPersonDemand函数接收到的数据:', data);
return request({
url: '/manage/personDemand',
method: 'post', // 修改为大写POST确保请求参数正确传递
data: data
})
}
// 修改个人需求信息
export function updatePersonDemand(data) {
return request({
url: '/manage/personDemand',
method: 'put',
data: data
})
}

View File

@@ -1,49 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:56:47
*/
import request from '@/utilsRc/request'
// 查询培训需求列表
export function listTrainService(query) {
return request({
url: '/demand/personTrainDemandInfo/list',
method: 'get',
params: query
})
}
// 查询培训需求详细
export function getTrainService(ids) {
return request({
url: '/demand/personTrainDemandInfo/' + ids,
method: 'get'
})
}
// 新增培训需求
export function addTrainService(data) {
return request({
url: '/demand/personTrainDemandInfo',
method: 'post',
data: data
})
}
// 修改培训需求
export function updateTrainService(data) {
return request({
url: '/demand/personTrainDemandInfo',
method: 'put',
data: data
})
}
// 删除培训需求
export function delTrainService(ids) {
return request({
url: '/manage/personDemand/' + ids,
method: 'delete'
})
}

View File

@@ -1,84 +0,0 @@
/*
* @Date: 2025-10-31 13:50:15
* @LastEditors: shirlwang
* @LastEditTime: 2025-10-31 14:30:31
*/
import request from '@/utilsRc/request'
// 人员信息保存
export function savePersonBase(data) {
return request({
'url': '/personnel/personBaseInfo',
'method': 'put',
'data': data
})
}
// 人员信息查询
export function getPersonBase(userId) {
return request({
'url': `/personnel/personBaseInfo/user/${userId}`,
'method': 'get',
})
}
// 获取行政区划列表
export function getQUList() {
return request({
url: `/manage/xzqh//xzqhTree`,
method: 'get'
})
}
// 查询部门下拉树结构
export function deptTreeSelect() {
return request({
url: '/system/center/user/deptTree',
method: 'get'
})
}
// 社群端 根据所在社区 获取姓名
export function generateUserName(deptId) {
return request({
url: `/generateUserName/${deptId}`,
method: 'get'
})
}
// 获取部门列表
export function getDeptList(name,personId) {
return request({
url: `/system/center/user/getDeptList?name=${name}&parentId=${personId}`,
method: 'get'
})
}
// 求职工种列表
export function touristWork() {
return request({
url: `/basicdata/workType/workTypeTree`,
method: 'get'
})
}
// 获取招聘工种列表
export function jobTypeList(params) {
return request({
url: '/basicdata/workType/list',
method: 'get',
params
})
}
// 未读消息数量
export function unreadNum() {
return request({
url: '/manage/tjgw/notReadNum',
method: 'get',
})
}
// 地图类型列表
export function jyshdt(cyfhjd) {
return request({
url: `/jyshdt/jyshdt/queryList?lx=${cyfhjd}`,
method: 'get',
})
}

View File

@@ -1,56 +0,0 @@
/*
* @Descripttion:
* @Author: lip
* @Date: 2025-11-03 12:35:56
* @LastEditors: shirlwang
*/
// import { post, get } from '../../utils/request.js'
import request from '@/utilsRc/request'
// 登录方法
export function personInfoList(data) {
return request({
method: 'get',
url: '/personnel/personBaseInfo/list',
params: data,
})
}
// 需求预警列表
export function personAlertList(params) {
return request({
method: 'get',
url: '/manage/personDemand/warningList',
params
})
}
//经办人数据获取
export function getJbrInfo() {
return request({
method: 'get',
url: `/system/center/user/selectHxjbr`,
method: 'get'
})
}
export function getPersonBase() {
return request({
method: 'get',
url: `/system/center/user/selectHxjbr`,
method: 'get'
})
}
export function returnPerson(params) {
return request({
method: 'get',
'url': `/personnel/personBaseInfo/returnPerson`,
params
})
}
export function getStatistic(params) {
return request({
method: 'get',
'url': `/pc/index/fwqkfx`,
params
})
}

View File

@@ -1,50 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:56:56
*/
import request from '@/utilsRc/request'
// 查询角色列表
export function listInvestigate(query) {
return request({
url: '/process/processInterview/list',
method: 'get',
params: query
})
}
// 查询角色详细
export function getInvestigate(ids) {
return request({
url: '/process/processInterview/' + ids,
method: 'get'
})
}
// 新增角色
export function addInvestigate(data) {
return request({
// url: '/process/processInterview',
url: '/timelime/timelime',
method: 'post',
data: data
})
}
// 修改角色
export function updateInvestigate(data) {
return request({
url: '/process/processInterview',
method: 'put',
data: data
})
}
// 删除角色
export function delInvestigate(ids) {
return request({
url: '/process/processInterview/' + ids,
method: 'delete'
})
}

View File

@@ -1,86 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:56:59
*/
import request from '@/utilsRc/request'
// 查询角色列表
export function listJobRecommend(query) {
return request({
url: '/process/processJobRecommend/list',
method: 'get',
params: query
})
}
// 查询角色列表
export function getWorkListReq(query) {
return request({
// url: '/personnel/personBaseInfo/postRecommend',
url: '/company/unitPostInfo/postElectedList',
method: 'get',
params: query
})
}
// 查询角色详细
export function getJobRecommend(ids) {
return request({
url: '/process/processJobRecommend/' + ids,
method: 'get'
})
}
// 新增角色
export function addJobRecommend(data) {
return request({
url: '/process/processJobRecommend',
method: 'post',
data: data
})
}
//岗位推荐保存和办结
export function saveJobRecommend(data) {
return request({
url: '/process/processJobRecommend/create',
method: 'post',
data: data
})
}
// 修改角色
export function updateJobRecommend(data) {
return request({
url: '/process/processJobRecommend',
method: 'put',
data: data
})
}
// 删除角色
export function delJobRecommend(ids) {
return request({
url: '/process/processJobRecommend/' + ids,
method: 'delete'
})
}
// 获取绑定的职位
export function getAddedJobs(params) {
return request({
// url: '/company/postDeliverInfo/list',
url: '/company/unitPostInfo/no/permission/list',
method: 'get',
params,
})
}
// // 获取推荐岗位
// export function getAddedJobs(params) {
// return request({
// url: '/personnel/personBaseInfo/postRecommend',
// method: 'get',
// params,
// })
// }

View File

@@ -1,49 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:57:02
*/
import request from '@/utilsRc/request'
// 查询角色列表
export function listJobTrack(query) {
return request({
url: '/process/processEmploymentTracking/list',
method: 'get',
params: query
})
}
// 查询角色详细
export function getJobTrack(ids) {
return request({
url: '/process/processEmploymentTracking/' + ids,
method: 'get'
})
}
// 新增角色
export function addJobTrack(data) {
return request({
url: '/process/processEmploymentTracking',
method: 'post',
data: data
})
}
// 修改角色
export function updateJobTrack(data) {
return request({
url: '/process/processEmploymentTracking',
method: 'put',
data: data
})
}
// 删除角色
export function delJobTrack(ids) {
return request({
url: '/process/processEmploymentTracking/' + ids,
method: 'delete'
})
}

View File

@@ -1,49 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:57:05
*/
import request from '@/utilsRc/request'
// 查询角色列表
export function listPolicyConsultation(query) {
return request({
url: '/process/processPolicyConsult/list',
method: 'get',
params: query
})
}
// 查询角色详细
export function getPolicyConsultation(ids) {
return request({
url: '/process/processPolicyConsult/' + ids,
method: 'get'
})
}
// 新增角色
export function addPolicyConsultation(data) {
return request({
url: '/process/processPolicyConsult',
method: 'post',
data: data
})
}
// 修改角色
export function updatePolicyConsultation(data) {
return request({
url: '/process/processPolicyConsult',
method: 'put',
data: data
})
}
// 删除角色
export function delPolicyConsultation(ids) {
return request({
url: '/process/processPolicyConsult/' + ids,
method: 'delete'
})
}

View File

@@ -1,49 +0,0 @@
/*
* @Date: 2024-09-25 11:14:29
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 08:57:09
*/
import request from '@/utilsRc/request'
// 查询角色列表
export function listSkillTrain(query) {
return request({
url: '/process/processSkillTraining/list',
method: 'get',
params: query
})
}
// 查询角色详细
export function getSkillTrain(ids) {
return request({
url: '/process/processSkillTraining/' + ids,
method: 'get'
})
}
// 新增角色
export function addSkillTrain(data) {
return request({
url: '/process/processSkillTraining',
method: 'post',
data: data
})
}
// 修改角色
export function updateSkillTrain(data) {
return request({
url: '/process/processSkillTraining',
method: 'put',
data: data
})
}
// 删除角色
export function delSkillTrain(ids) {
return request({
url: '/process/processSkillTraining/' + ids,
method: 'delete'
})
}

View File

@@ -1,63 +0,0 @@
/*
* @Date: 2025-10-31 15:06:34
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-03 12:20:28
*/
import request from '@/utilsRc/request'
// 查询字典数据列表
export function listData (query) {
return request({
url: '/system/dict/data/list',
method: 'get',
params: query
})
}
// 查询字典数据详细
export function getData (dictCode) {
return request({
url: '/system/dict/data/' + dictCode,
method: 'get'
})
}
// 根据字典类型查询字典数据信息
export function getDicts (dictType) {
return request({
url: '/system/dict/data/type/' + dictType,
method: 'get'
})
}
// 根据字典类型查询字典数据信息
export function getDict (dictType) {
return request({
url: '/system/dict/data/type/' + dictType,
method: 'get'
})
}
// 新增字典数据
export function addData (data) {
return request({
url: '/system/dict/data/add',
method: 'post',
data: data
})
}
// 修改字典数据
export function updateData (data) {
return request({
url: '/system/dict/data',
method: 'post',
data: data
})
}
// 删除字典数据
export function delData (dictCode) {
return request({
url: '/system/dict/data/remove' + dictCode,
method: 'get'
})
}

View File

@@ -1,26 +0,0 @@
import request from '@/utilsRc/request'
// 查询时间轴列表
export function timelineList(params) {
return request({
url: '/timelime/timelime/timeline',
method: 'get',
params
})
}
// 查询时间轴详情列表
export function timeList(params) {
return request({
url: '/timelime/timelime/list',
method: 'get',
params
})
}
//获取时间轴详细信息
export function timeDetails(id) {
return request({
url: '/timelime/timelime/' + id,
method: 'get'
})
}

View File

@@ -2,8 +2,7 @@ import useUserStore from "../stores/useUserStore";
import {
request,
createRequest,
uploadFile,
myRequest
uploadFile
} from "../utils/request";
import streamRequest, {
chatRequest
@@ -50,7 +49,7 @@ const prePage = () => {
return prePage.$vm;
}
export const urls ='http://10.110.145.145/images/train/'
/**
* 页面跳转封装,支持 query 参数传递和返回回调
@@ -886,15 +885,13 @@ export const $api = {
uploadFile,
formatFileSize,
sendingMiniProgramMessage,
copyText,
myRequest
copyText
}
export default {
$api,
urls,
navTo,
navBack,
cloneDeep,
@@ -919,4 +916,4 @@ export default {
insertSortData,
isInWechatMiniProgramWebview,
isEmptyObject,
}
}

View File

@@ -6,7 +6,6 @@
>
<!-- 顶部头部区域 -->
<view
v-if="title"
class="container-header"
:style="border ? { borderBottom: `2rpx solid ${borderColor}` } : { borderBottom: 'none' }"
>
@@ -50,7 +49,7 @@ const emit = defineEmits(['onScrollBottom']);
defineProps({
title: {
type: String,
default: '',
default: '标题',
},
border: {
type: Boolean,

View File

@@ -1,337 +0,0 @@
<template>
<view class="custom-tabbar">
<view
class="tabbar-item"
v-for="(item, index) in tabbarList"
:key="index"
@click="switchTab(item, index)"
>
<view class="tabbar-icon">
<image
:src="currentItem === item.id ? item.selectedIconPath : item.iconPath"
mode="aspectFit"
/>
</view>
<view class="badge" v-if="item.badge && item.badge > 0">{{ item.badge }}</view>
<view class="tabbar-text" :class="{ 'active': currentItem === item.id }">
{{ item.text }}
</view>
</view>
</view>
</template>
<script setup>
import { ref, computed, watch, onMounted } from 'vue';
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
import { useReadMsg } from '@/stores/useReadMsg';
const props = defineProps({
currentPage: {
type: Number,
default: 0
}
});
const userStore = useUserStore();
const { userInfo } = storeToRefs(userStore);
const readMsg = useReadMsg();
const currentItem = ref(props.currentPage);
// 监听props变化
watch(() => props.currentPage, (newPage) => {
currentItem.value = newPage;
});
// 生成tabbar配置的函数
const generateTabbarList = () => {
const baseItems = [
{
id: 0,
text: '职位',
path: '/pages/index/index',
iconPath: '/static/tabbar/calendar.png',
selectedIconPath: '/static/tabbar/calendared.png',
centerItem: false,
badge: readMsg.badges[0]?.count || 0,
},
{
id: 2,
text: 'AI+',
path: '/pages/chat/chat',
iconPath: '/static/tabbar/logo3.png',
selectedIconPath: '/static/tabbar/logo3.png',
centerItem: true,
badge: readMsg.badges[2]?.count || 0,
},
{
id: 3,
text: '消息',
path: '/pages/msglog/msglog',
iconPath: '/static/tabbar/chat4.png',
selectedIconPath: '/static/tabbar/chat4ed.png',
centerItem: false,
badge: readMsg.badges[3]?.count || 0,
},
{
id: 4,
text: '我的',
path: '/pages/mine/mine',
iconPath: '/static/tabbar/mine.png',
selectedIconPath: '/static/tabbar/mined.png',
centerItem: false,
badge: readMsg.badges[4]?.count || 0,
},
];
// 获取用户类型统一使用isCompanyUser字段0=企业用户1=求职者, 3=网格员)
// 优先从store获取如果为空则直接从缓存获取
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
// 获取isCompanyUser字段
const storeIsCompanyUser = userInfo.value?.isCompanyUser;
const cachedIsCompanyUser = cachedUserInfo.isCompanyUser;
// 获取用户类型的逻辑:
// 1. 优先使用store中的isCompanyUser
// 2. 如果store中没有使用缓存中的isCompanyUser
// 3. 最后默认为1求职者
const userType = Number(storeIsCompanyUser !== undefined ? storeIsCompanyUser : (cachedIsCompanyUser !== undefined ? cachedIsCompanyUser : 1));
if (userType === 0 || userType === 2) {
// 企业用户:显示发布岗位
baseItems.splice(1, 0, {
id: 1,
text: '发布岗位',
path: '/pages/job/publishJob',
iconPath: '/static/tabbar/post.png',
selectedIconPath: '/static/tabbar/posted.png',
centerItem: false,
badge: 0,
});
} else {
// 求职者用户(包括未登录状态):显示招聘会
baseItems.splice(1, 0, {
id: 1,
text: '招聘会',
path: '/pages/careerfair/careerfair',
iconPath: '/static/tabbar/post.png',
selectedIconPath: '/static/tabbar/posted.png',
centerItem: false,
badge: readMsg.badges[1]?.count || 0,
});
}
return baseItems;
};
// 根据用户类型生成不同的导航栏配置
const tabbarList = computed(() => {
return generateTabbarList();
});
// 强制刷新tabbar的方法
const forceRefresh = () => {
// 触发响应式更新
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const currentUserType = userInfo.value?.isCompanyUser !== undefined ? userInfo.value.isCompanyUser : (cachedUserInfo.isCompanyUser !== undefined ? cachedUserInfo.isCompanyUser : 1);
};
// 监听用户类型变化只监听isCompanyUser字段
watch(() => userInfo.value?.isCompanyUser, (newIsCompanyUser, oldIsCompanyUser) => {
if (newIsCompanyUser !== oldIsCompanyUser) {
// 强制触发computed重新计算
forceRefresh();
}
}, { immediate: true });
// 监听用户信息变化(包括登录状态)
watch(() => userInfo.value, (newUserInfo, oldUserInfo) => {
if (newUserInfo !== oldUserInfo) {
// 强制触发computed重新计算
forceRefresh();
}
}, { immediate: true, deep: true });
// 切换tab
const switchTab = (item, index) => {
// 检查是否为"发布岗位"页面,需要判断企业信息是否完整
if (item.path === '/pages/job/publishJob') {
// 检查用户是否已登录
const token = uni.getStorageSync('token') || '';
const hasLogin = userStore.hasLogin;
if (!token || !hasLogin) {
// 未登录,发送事件显示登录弹窗
uni.$emit('showLoginModal');
return; // 不进行页面跳转
}
// 已登录,检查企业信息是否完整
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const storeUserInfo = userInfo.value || {};
const currentUserInfo = storeUserInfo.id ? storeUserInfo : cachedUserInfo;
// 判断企业信息字段company是否为null或undefined
if (!currentUserInfo.company || currentUserInfo.company === null) {
// 企业信息为空,跳转到企业信息补全页面
uni.navigateTo({
url: '/pages/complete-info/company-info',
});
} else {
// 企业信息完整,跳转到发布岗位页面
uni.navigateTo({
url: '/pages/job/publishJob',
});
}
currentItem.value = item.id;
return;
}
// 检查是否为"我的"页面,需要登录验证和用户类型判断
if (item.path === '/pages/mine/mine') {
// 检查用户是否已登录
const token = uni.getStorageSync('token') || '';
const hasLogin = userStore.hasLogin;
if (!token || !hasLogin) {
// 未登录,发送事件显示登录弹窗
uni.$emit('showLoginModal');
return; // 不进行页面跳转
}
// 已登录,根据用户类型跳转到不同的"我的"页面
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const storeIsCompanyUser = userInfo.value?.isCompanyUser;
const cachedIsCompanyUser = cachedUserInfo.isCompanyUser;
// 获取用户类型
const userType = Number(storeIsCompanyUser !== undefined ? storeIsCompanyUser : (cachedIsCompanyUser !== undefined ? cachedIsCompanyUser : 1));
let targetPath = '/pages/mine/mine'; // 默认求职者页面
if (userType === 0) {
// 企业用户,跳转到企业我的页面
targetPath = '/pages/mine/company-mine';
} else {
// 求职者或其他用户类型,跳转到普通我的页面
targetPath = '/pages/mine/mine';
}
// 跳转到对应的页面
uni.navigateTo({
url: targetPath,
});
currentItem.value = item.id;
return;
}
// 判断是否为 tabBar 页面
const tabBarPages = [
'/pages/index/index',
'/pages/careerfair/careerfair',
'/pages/chat/chat',
'/pages/msglog/msglog',
'/pages/mine/mine'
];
if (tabBarPages.includes(item.path)) {
// TabBar 页面使用 redirectTo 避免页面栈溢出
uni.redirectTo({
url: item.path,
});
} else {
// 非 TabBar 页面使用 navigateTo
uni.navigateTo({
url: item.path,
});
}
currentItem.value = item.id;
};
onMounted(() => {
currentItem.value = props.currentPage;
// 调试信息显示当前用户状态和tabbar配置
forceRefresh();
});
</script>
<style lang="scss" scoped>
.custom-tabbar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 88rpx;
background-color: #ffffff;
border-top: 1rpx solid #e5e5e5;
display: flex;
align-items: center;
padding-bottom: env(safe-area-inset-bottom);
z-index: 999;
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
}
.tabbar-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
color: #5E5F60;
font-size: 22rpx;
position: relative;
cursor: pointer;
}
.tabbar-icon {
width: 44rpx;
height: 44rpx;
margin-bottom: 4rpx;
position: relative;
}
.tabbar-icon image {
width: 100%;
height: 100%;
}
.tabbar-text {
font-size: 20rpx;
line-height: 1;
transition: color 0.3s ease;
}
.tabbar-text.active {
color: #256BFA;
font-weight: 500;
}
.badge {
position: absolute;
top: 4rpx;
right: 20rpx;
min-width: 30rpx;
height: 30rpx;
background-color: #ff4444;
color: #fff;
font-size: 18rpx;
border-radius: 15rpx;
text-align: center;
line-height: 30rpx;
padding: 0 10rpx;
transform: scale(0.8);
}
/* 中间按钮特殊样式 */
.tabbar-item:has(.center-item) {
.tabbar-icon {
width: 60rpx;
height: 60rpx;
margin-bottom: 0;
}
}
</style>

View File

@@ -31,13 +31,13 @@ const userTypes = [
{ value: 3, label: '政府人员' }
];
const currentUserType = computed(() => userInfo.value?.isCompanyUser !== undefined ? userInfo.value.isCompanyUser : 0);
const currentUserType = computed(() => userInfo.value?.userType || 0);
const switchUserType = (userType) => {
console.log('切换用户类型:', userType);
console.log('切换前 userInfo:', userInfo.value);
userInfo.value.isCompanyUser = userType;
userInfo.value.userType = userType;
console.log('切换后 userInfo:', userInfo.value);

View File

@@ -70,7 +70,6 @@ const openPicker = () => {
| cancel | Function | 否 | - | 取消选择的回调函数 |
| change | Function | 否 | - | 选择变化的回调函数 |
| defaultValue | Object | 否 | null | 默认选中的地址(暂未实现) |
| forceRefresh | Boolean | 否 | false | 是否强制刷新数据(忽略缓存) |
#### success 回调参数
@@ -108,14 +107,6 @@ const openPicker = () => {
areaPicker.value?.close()
```
### clearCache()
清除地址数据缓存
```javascript
areaPicker.value?.clearCache()
```
## 数据格式
组件使用树形结构的地址数据,格式如下:
@@ -218,73 +209,12 @@ const selectLocation = () => {
</script>
```
## 性能优化
### 懒加载方案(已实现)⭐
组件已实现**懒加载**机制大幅优化90M+地址数据的加载性能:
#### 核心优化
1. **首次加载**:只加载省份列表(< 1MB3-5秒完成
2. **按需加载**用户选择省份后再加载该省份的详细数据2-5MB5-10秒
3. **智能缓存**已加载的数据会缓存切换省份时秒开
4. **自动降级**如果服务器不支持分片接口自动从完整数据中提取
#### 性能对比
| 场景 | 优化前 | 优化后懒加载 |
|------|--------|------------------|
| 首次打开选择器 | 加载90M+3-5分钟 | 加载省份列表< 1MB3-5秒 |
| 选择省份 | 无需加载 | 加载该省份数据2-5MB5-10秒 |
| 切换省份 | 无需加载 | 从缓存读取< 1秒 |
#### 使用方式
组件已自动使用懒加载模式无需修改调用代码
```javascript
// 正常使用,自动懒加载
areaPicker.value?.open({
success: (addressData) => {
console.log('选择的地址:', addressData)
}
})
// 强制刷新数据(忽略缓存)
areaPicker.value?.open({
forceRefresh: true, // 强制从服务器重新加载
success: (addressData) => {
console.log('选择的地址:', addressData)
}
})
// 清除缓存
areaPicker.value?.clearCache()
```
### 服务器分片接口(最佳方案)🚀
如果服务器可以提供分片接口性能会进一步提升详见[地址数据懒加载优化方案.md](../../docs/地址数据懒加载优化方案.md)
需要的接口
- 省份列表接口`/address_provinces.json`轻量级< 1MB
- 省份详情接口`/address_province_{code}.json`按需加载每个2-5MB
### 缓存机制
1. **自动缓存**已加载的数据会自动缓存到 IndexedDBH5 uni.storage小程序
2. **缓存有效期**默认7天过期后自动重新加载
3. **离线支持**网络失败时自动使用缓存数据
4. **存储方案**优先使用 IndexedDB自动降级到 uni.storage
## 注意事项
1. **数据来源**当前从远程JSON文件加载生产环境建议接入后端API
1. **数据来源**:当前使用本地模拟数据,生产环境建议接入后端API
2. **数据更新**如需接入后端API修改 `loadAreaData` 方法即可
3. **性能优化**已集成缓存机制首次加载后速度大幅提升
3. **性能优化**:地址数据量大时,建议使用懒加载
4. **兼容性**:支持 H5、微信小程序等多端
5. **存储限制**小程序环境有存储限制如遇问题会自动清理旧缓存
## 接入后端API
@@ -312,21 +242,6 @@ async loadAreaData() {
## 更新日志
### v1.2.0 (2025-01-XX)
- 🚀 **懒加载优化**实现按需加载首次加载从几分钟减少到几秒
- 首次只加载省份列表< 1MB3-5秒
- 按需加载省份详情选择省份时才加载
- 智能缓存已加载的数据切换省份秒开
- 支持服务器分片接口最佳性能
- 自动降级方案兼容完整数据
### v1.1.0 (2025-01-XX)
- 🚀 **性能优化**集成智能缓存系统优化90M+地址数据加载
- 支持 IndexedDB uni.storage 双缓存方案
- 支持缓存过期管理和自动清理
- 支持强制刷新数据
- 优化首次加载体验后续加载秒开
### v1.0.0 (2025-10-21)
- ✨ 初始版本
- ✅ 实现五级联动选择功能

View File

@@ -85,35 +85,33 @@
</template>
<script>
import { createRequest } from '@/utils/request';
import addressJson from '@/static/json/xinjiang.json';
export default {
name: 'AreaCascadePicker',
data() {
return {
maskClick: false,
title: '选择地址',
confirmCallback: null,
cancelCallback: null,
changeCallback: null,
selectedIndex: [0, 0, 0, 0, 0],
// 原始数据(懒加载模式下,只存储省份列表)
areaData: [],
// 各级列表
provinceList: [],
cityList: [],
districtList: [],
streetList: [],
communityList: [],
// 当前选中的项
selectedProvince: null,
selectedCity: null,
selectedDistrict: null,
selectedStreet: null,
selectedCommunity: null,
// 加载状态
isLoading: false,
};
},
return {
maskClick: false,
title: '选择地址',
confirmCallback: null,
cancelCallback: null,
changeCallback: null,
selectedIndex: [0, 0, 0, 0, 0],
// 原始数据
areaData: [],
// 各级列表
provinceList: [],
cityList: [],
districtList: [],
streetList: [],
communityList: [],
// 当前选中的项
selectedProvince: null,
selectedCity: null,
selectedDistrict: null,
selectedStreet: null,
selectedCommunity: null,
};
},
methods: {
async open(newConfig = {}) {
const {
@@ -123,7 +121,6 @@ export default {
change,
maskClick = false,
defaultValue = null,
forceRefresh = false, // 是否强制刷新数据
} = newConfig;
this.reset();
@@ -134,103 +131,50 @@ export default {
this.maskClick = maskClick;
// 加载地区数据
this.isLoading = true;
await this.loadAreaData();
// 初始化列表
this.initLists();
this.$nextTick(() => {
this.$refs.popup.open();
});
},
async loadAreaData() {
try {
// 先显示弹窗,避免长时间等待
this.$nextTick(() => {
this.$refs.popup.open();
});
// 尝试调用后端API获取地区数据
// 如果后端API不存在将使用模拟数据
console.log('正在加载地区数据...');
// const resp = await uni.request({
// url: '/app/common/area/cascade',
// method: 'GET'
// });
// if (resp.statusCode === 200 && resp.data && resp.data.data) {
// this.areaData = resp.data.data;
// }
// 加载省份数据
await this.loadAreaData(forceRefresh);
// 只有当provinceList有数据时才初始化后续列表
if (this.areaData && this.areaData.length > 0) {
await this.initLists();
console.log('地址选择器初始化完成');
} else {
console.warn('没有加载到省份数据');
// 即使没有数据,也保持弹窗打开,让用户可以关闭它
}
// 暂时使用模拟数据
this.areaData = this.getMockData();
} catch (error) {
console.error('打开地址选择器失败:', error);
// 注意由于loadAreaData已经处理了错误这里不应该会被触发
// 但保留作为额外的安全措施
} finally {
this.isLoading = false;
console.error('加载地区数据失败:', error);
// 如果后端API不存在使用模拟数据
this.areaData = this.getMockData();
}
},
async loadAreaData(forceRefresh = false) {
try {
console.log('正在加载省份列表...');
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: '' }, 'GET', false);
console.log('省份列表接口响应:', resp);
// 处理正确的数据格式
if (resp && resp.code === 200 && resp.data) {
// 数据在data字段中
this.areaData = resp.data.map(item => ({
code: item.code,
name: item.name
}));
console.log('省份列表加载成功:', this.areaData);
if (this.areaData.length === 0) {
console.warn('省份列表为空');
}
} else {
console.error('获取省份列表失败:', resp);
throw new Error(`获取省份列表失败: ${resp?.msg || '未知错误'}`);
}
} catch (error) {
console.error('加载省份列表失败:', error);
// 不抛出错误,避免阻止页面打开
// 而是使用默认空数据,让用户可以继续操作
this.areaData = [];
// 显示更友好的错误提示
uni.showToast({
title: error.message || '加载地址数据失败,请检查网络连接',
icon: 'none',
duration: 3000
});
}
},
async initLists() {
initLists() {
// 初始化省列表
this.provinceList = this.areaData || [];
this.provinceList = this.areaData;
if (this.provinceList.length > 0) {
this.selectedProvince = this.provinceList[0];
// 懒加载:首次选择第一个省份时,加载其详情
await this.updateCityList();
// 如果有城市数据,初始化第一个城市的区县数据
if (this.cityList.length > 0) {
this.selectedCity = this.cityList[0];
await this.updateDistrictList();
// 如果有区县数据,初始化第一个区县的街道数据
if (this.districtList.length > 0) {
this.selectedDistrict = this.districtList[0];
await this.updateStreetList();
// 如果有街道数据,初始化第一个街道的社区数据
if (this.streetList.length > 0) {
this.selectedStreet = this.streetList[0];
await this.updateCommunityList();
}
}
}
// 更新选中索引
this.selectedIndex = [0, 0, 0, 0, 0];
this.updateCityList();
}
},
async updateCityList() {
if (!this.selectedProvince) {
updateCityList() {
if (!this.selectedProvince || !this.selectedProvince.children) {
this.cityList = [];
this.districtList = [];
this.streetList = [];
@@ -238,168 +182,55 @@ export default {
return;
}
try {
console.log(`正在加载城市列表,父级编码: ${this.selectedProvince.code}`);
// 使用createRequest工具调用接口
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: this.selectedProvince.code }, 'GET', false);
console.log('城市列表接口响应:', resp);
// 处理正确的数据格式
let cityData = [];
if (resp && resp.code === 200 && resp.data) {
cityData = resp.data;
this.cityList = cityData.map(item => ({
code: item.code,
name: item.name
}));
console.log('城市列表加载成功:', this.cityList);
} else {
console.error('获取城市列表失败:', resp);
this.cityList = [];
}
} catch (error) {
console.error('加载城市列表失败:', error);
this.cityList = [];
}
this.cityList = this.selectedProvince.children;
this.selectedIndex[1] = 0;
if (this.cityList.length > 0) {
this.selectedCity = this.cityList[0];
await this.updateDistrictList();
} else {
this.districtList = [];
this.streetList = [];
this.communityList = [];
this.updateDistrictList();
}
},
async updateDistrictList() {
if (!this.selectedCity) {
updateDistrictList() {
if (!this.selectedCity || !this.selectedCity.children) {
this.districtList = [];
this.streetList = [];
this.communityList = [];
return;
}
try {
console.log(`正在加载区县列表,父级编码: ${this.selectedCity.code}`);
// 使用createRequest工具调用接口
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: this.selectedCity.code }, 'GET', false);
console.log('区县列表接口响应:', resp);
// 处理正确的数据格式
let districtData = [];
if (resp && resp.code === 200 && resp.data) {
districtData = resp.data;
this.districtList = districtData.map(item => ({
code: item.code,
name: item.name
}));
console.log('区县列表加载成功:', this.districtList);
} else {
console.error('获取区县列表失败:', resp);
this.districtList = [];
}
} catch (error) {
console.error('加载区县列表失败:', error);
this.districtList = [];
}
this.districtList = this.selectedCity.children;
this.selectedIndex[2] = 0;
if (this.districtList.length > 0) {
this.selectedDistrict = this.districtList[0];
await this.updateStreetList();
} else {
this.streetList = [];
this.communityList = [];
this.updateStreetList();
}
},
async updateStreetList() {
if (!this.selectedDistrict) {
updateStreetList() {
if (!this.selectedDistrict || !this.selectedDistrict.children) {
this.streetList = [];
this.communityList = [];
return;
}
try {
console.log(`正在加载街道列表,父级编码: ${this.selectedDistrict.code}`);
// 使用createRequest工具调用接口
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: this.selectedDistrict.code }, 'GET', false);
console.log('街道列表接口响应:', resp);
// 处理正确的数据格式
let streetData = [];
if (resp && resp.code === 200 && resp.data) {
streetData = resp.data;
this.streetList = streetData.map(item => ({
code: item.code,
name: item.name
}));
console.log('街道列表加载成功:', this.streetList);
} else {
console.error('获取街道列表失败:', resp);
this.streetList = [];
}
} catch (error) {
console.error('加载街道列表失败:', error);
this.streetList = [];
}
this.streetList = this.selectedDistrict.children;
this.selectedIndex[3] = 0;
if (this.streetList.length > 0) {
this.selectedStreet = this.streetList[0];
await this.updateCommunityList();
} else {
this.communityList = [];
this.updateCommunityList();
}
},
async updateCommunityList() {
if (!this.selectedStreet) {
updateCommunityList() {
if (!this.selectedStreet || !this.selectedStreet.children) {
this.communityList = [];
return;
}
try {
console.log(`正在加载社区列表,父级编码: ${this.selectedStreet.code}`);
// 使用createRequest工具调用接口
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: this.selectedStreet.code }, 'GET', false);
console.log('社区列表接口响应:', resp);
// 处理正确的数据格式
let communityData = [];
if (resp && resp.code === 200 && resp.data) {
communityData = resp.data;
this.communityList = communityData.map(item => ({
code: item.code,
name: item.name
}));
console.log('社区列表加载成功:', this.communityList);
} else {
console.error('获取社区列表失败:', resp);
this.communityList = [];
}
} catch (error) {
console.error('加载社区列表失败:', error);
this.communityList = [];
}
this.communityList = this.selectedStreet.children;
this.selectedIndex[4] = 0;
if (this.communityList.length > 0) {
@@ -407,7 +238,7 @@ export default {
}
},
async bindChange(e) {
bindChange(e) {
const newIndex = e.detail.value;
// 检查哪一列发生了变化
@@ -417,21 +248,21 @@ export default {
// 根据变化的列更新后续列
if (i === 0) {
// 省变化 - 需要加载新省份的城市
// 省变化
this.selectedProvince = this.provinceList[newIndex[0]];
await this.updateCityList();
this.updateCityList();
} else if (i === 1) {
// 市变化
this.selectedCity = this.cityList[newIndex[1]];
await this.updateDistrictList();
this.updateDistrictList();
} else if (i === 2) {
// 区县变化
this.selectedDistrict = this.districtList[newIndex[2]];
await this.updateStreetList();
this.updateStreetList();
} else if (i === 3) {
// 街道变化
this.selectedStreet = this.streetList[newIndex[3]];
await this.updateCommunityList();
this.updateCommunityList();
} else if (i === 4) {
// 社区变化
this.selectedCommunity = this.communityList[newIndex[4]];
@@ -492,48 +323,22 @@ export default {
}
},
/**
* 重置所有状态(内部使用)
*/
reset() {
this.maskClick = false;
this.confirmCallback = null;
this.cancelCallback = null;
this.changeCallback = null;
this.selectedIndex = [0, 0, 0, 0, 0];
this.selectedProvince = null;
this.selectedCity = null;
this.selectedDistrict = null;
this.selectedStreet = null;
this.selectedCommunity = null;
this.provinceList = [];
this.cityList = [];
this.districtList = [];
this.streetList = [];
this.communityList = [];
this.areaData = [];
},
/**
* 清除地址数据缓存(供外部调用)
*/
async clearCache() {
try {
// 清除内存缓存
this.reset();
uni.showToast({
title: '缓存已清除',
icon: 'success',
duration: 2000
});
} catch (error) {
console.error('清除缓存失败:', error);
uni.showToast({
title: '清除缓存失败',
icon: 'none',
duration: 2000
});
}
// 模拟数据(用于演示)
getMockData() {
return addressJson
}
},
};

View File

@@ -1,37 +0,0 @@
<template>
<uni-data-pickerview
ref="pickerView"
v-bind="$attrs"
@change="handleChange"
@datachange="handleDatachange"
@nodeclick="handleNodeclick"
@update:modelValue="handleUpdateModelValue"
/>
</template>
<script>
export default {
name: 'DataPickerView',
inheritAttrs: false,
methods: {
updateData(data) {
if (this.$refs.pickerView && this.$refs.pickerView.updateData) {
this.$refs.pickerView.updateData(data)
}
},
handleChange(event) {
this.$emit('change', event)
},
handleDatachange(event) {
this.$emit('datachange', event)
},
handleNodeclick(event) {
this.$emit('nodeclick', event)
},
handleUpdateModelValue(value) {
this.$emit('update:modelValue', value)
}
}
}
</script>

View File

@@ -1,639 +0,0 @@
<template>
<view class="job-dialog">
<view class="header-title">
<image :src="`${imgBaseUrl}/jobfair/xb.png`" mode=""></image>
<text>招聘会报名</text>
</view>
<view class="dialog-content">
<view class="detail-item" v-if="type == 2">
<view class="gw-label">选择展区展位</view>
<!-- 展位状态说明 -->
<view class="status-description">
<view class="status-title">
<text>展位状态说明</text>
</view>
<view class="status-item">
<view class="status-color available"></view>
<text class="status-text">未被占用</text>
</view>
<view class="status-item">
<view class="status-color occupied"></view>
<text class="status-text">已被占用</text>
</view>
<view class="status-item">
<view class="status-color pending"></view>
<text class="status-text">待审核占用</text>
</view>
<view class="status-item">
<view class="status-color selected"></view>
<text class="status-text">当前选中</text>
</view>
</view>
<view class="gw-value">
<view class="cd-detail" v-for="(item, index) in areaAndBoothList" :key="index">
<view class="cd-name">{{ item.jobFairAreaName }}</view>
<view class="cd-con">
<view class="cd-con-item" :class="getBoothStatusClass(booth)"
v-for="(booth, boothIndex) in item.boothList" :key="boothIndex"
@click="selectBooth(booth, item.jobFairAreaId)">
<text>{{ booth.jobFairBoothName }}</text>
</view>
</view>
</view>
</view>
</view>
<view class="detail-item">
<view class="gw-label">请选择招聘岗位</view>
<view class="gw-value">
<view class="checkbox-group">
<view class="checkbox-item job-item" v-for="(item, index) in jobList" :key="index"
:class="{ 'checked': checkList.includes(item) }" @click="toggleJobSelection(item)">
<view class="item-checkbox">
<view class="checkbox-icon" :class="{ 'checked': checkList.includes(item) }">
<text v-if="checkList.includes(item)"></text>
</view>
<view class="job-info">
<view class="job-name">{{ item.jobTitle }}</view>
<view class="salary">{{ item.salaryRange }}/</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="detail-item">
<view class="gw-label">请上传招聘海报</view>
<view class="gw-value">
<view v-if="imageUrl">
<image v-if="imageUrl" :src="publicUrl + '/file/file/minio' + imageUrl" class="avatar"
mode="aspectFit" />
<button type="warn" class="del-icon" @click="imageUrl = ''" size="mini">删除</button>
</view>
<view v-else>
<button @click="chooseImage" class="avatar-uploader transparent-btn" type="default">
<view class="avatar-uploader-icon">+</view>
</button>
</view>
</view>
</view>
</view>
<view class="btn-box">
<button style="background: #409EFF;color: #fff;" @click="submitForm">提交</button>
<button type="default" @click="closeDialog">取消</button>
</view>
</view>
</template>
<script setup>
import config from "@/config.js"
import {
ref,
reactive,
onMounted,
nextTick,
watch,
inject
} from 'vue';
const emit = defineEmits(['closePopup']);
import {
createRequest
} from '@/utils/request.js';
const {
$api
} = inject('globalFunction');
// 定义props
const props = defineProps({
// 招聘会类型1线上 2线下
signType: {
type: Number,
default: 1
},
// 报名角色 ent企业 person个人
signRole: {
type: String,
default: 'ent'
},
// 招聘会id
jobFairId: {
type: String,
default: ''
}
});
// 监听props变化
watch(() => props.signType, (newVal) => {
type.value = newVal;
});
// 响应式数据
const checkList = ref([]);
const imageUrl = ref('');
const type = ref('');
const id = ref('');
const jobList = ref([]);
const userId = ref('');
const areaAndBoothList = ref([]);
const jobFairAreaId = ref(null);
const jobFairBoothId = ref(null);
const avatarUploader = ref(null);
// 配置
const publicUrl = config.LCBaseUrl;
const imgBaseUrl = config.imgBaseUrl
const uploadUrl = config.LCBaseUrl + "/file/file/upload";
// 方法
const selectBooth = (booth, jobFairAreaIdVal) => {
if (booth.status == 0) {
jobFairBoothId.value = booth.jobFairBoothId;
jobFairAreaId.value = jobFairAreaIdVal;
}
};
const submitForm = async () => {
if (type.value == "2") {
if (!jobFairBoothId.value || !jobFairAreaId.value) {
uni.showToast({
title: '请选择展区展位',
icon: 'none'
});
return;
}
}
if (checkList.value.length === 0) {
uni.showToast({
title: '请选择招聘岗位',
icon: 'none'
});
return;
}
if (!imageUrl.value) {
uni.showToast({
title: '请上传招聘海报',
icon: 'none'
});
return;
}
$api.myRequest("/system/user/login/user/info", {}, "GET", 10100, {
Authorization: `Bearer ${uni.getStorageSync("Padmin-Token")}`
}).then((userInfo) => {
let data = {}
if (type.value == "2") {
data = {
jobFairId: id.value,
enterpriseId: userInfo.info.userId,
jobInfoList: checkList.value,
poster: imageUrl.value,
jobFairAreaId: jobFairAreaId.value,
jobFairBoothId: jobFairBoothId.value,
code: userInfo.info.entCreditCode
};
} else {
data = {
jobFairId: id.value,
enterpriseId: userInfo.info.userId,
jobInfoList: checkList.value,
poster: imageUrl.value,
code: userInfo.info.entCreditCode
};
}
$api.myRequest("/jobfair/public/job-fair-sign-up-enterprise/sign-up", data, "post", 9100, {
Authorization: `Bearer ${uni.getStorageSync("Padmin-Token")}`
}).then((res) => {
if (res.code === 200) {
uni.showToast({
title: '报名成功',
icon: 'success'
});
closeDialog();
} else {
uni.showToast({
title: res.msg || '报名失败',
icon: 'none'
});
}
});
})
};
const closeDialog = () => {
checkList.value = [];
imageUrl.value = '';
jobFairBoothId.value = null;
jobFairAreaId.value = null;
emit('closePopup')
};
const handleAvatarSuccess = (response) => {
imageUrl.value = response.data.url;
uni.showToast({
title: '海报上传成功',
icon: 'success'
});
};
const showDialog = (dialogType, dialogId) => {
type.value = dialogType;
id.value = dialogId;
nextTick(() => {
getJobList();
if (type.value === "2") {
getAreaAndBoothInfo();
}
});
};
// 展区展位列表
const getAreaAndBoothInfo = () => {
const data = {
jobFairId: props.jobFairId,
}
$api.myRequest("/jobfair/public/jobfair/area-and-booth-info-by-job-fair-id", data, "GET", 9100, {
Authorization: `Bearer ${uni.getStorageSync("Padmin-Token")}`
}).then((resData) => {
areaAndBoothList.value = resData.data || [];
});
};
// 岗位列表
const getJobList = () => {
$api.myRequest("/system/user/login/user/info", {}, "GET", 10100, {
Authorization: `Bearer ${uni.getStorageSync("Padmin-Token")}`
}).then((userInfo) => {
const data = {
jobFairId: id.value,
enterpriseId: userInfo.info.userId,
pageNum: 1,
pageSize: 1000,
code: userInfo.info.entCreditCode
}
$api.myRequest("/jobfair/public/job-info/list", data, "GET", 9100, {
Authorization: `Bearer ${uni.getStorageSync("Padmin-Token")}`
}).then((resData) => {
jobList.value = resData.data.list || [];
});
});
};
const getBoothStatusClass = (booth) => {
const s = booth.status || 0;
if (s == 1) return "cd-con-item-checked";
if (s == 2) return "cd-con-item-review";
if (jobFairBoothId.value && jobFairBoothId.value == booth.jobFairBoothId)
return "cd-con-item-mychecked";
return "";
};
// 选择图片
const chooseImage = () => {
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: (res) => {
const tempFilePath = res.tempFilePaths[0];
uploadImage(tempFilePath);
}
});
};
// 上传图片
const uploadImage = (tempFilePath) => {
uni.uploadFile({
url: uploadUrl,
filePath: tempFilePath,
name: 'file',
success: (uploadFileRes) => {
try {
const response = JSON.parse(uploadFileRes.data);
handleAvatarSuccess(response);
} catch (e) {
uni.showToast({
title: '上传失败,请重试',
icon: 'none'
});
}
},
fail: (err) => {
console.error('上传失败:', err);
uni.showToast({
title: '上传失败,请重试',
icon: 'none'
});
}
});
};
// 切换岗位选择
const toggleJobSelection = (item) => {
const index = checkList.value.indexOf(item);
if (index > -1) {
checkList.value.splice(index, 1);
} else {
checkList.value.push(item);
}
};
// 暴露方法给父组件
defineExpose({
showDialog
});
onMounted(() => {
setTimeout(() => {
type.value = props.signType;
if (props.jobFairId) {
id.value = props.jobFairId;
getJobList();
if (props.signType == 2) {
getAreaAndBoothInfo();
}
}
}, 100);
});
// 监听jobFairId变化
watch(() => props.jobFairId, (newVal) => {
if (newVal) {
id.value = newVal;
getJobList();
if (type.value === 2) {
getAreaAndBoothInfo();
}
}
});
</script>
<style lang="scss" scoped>
.del-icon {
margin-left: 30rpx;
}
.btn-box {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 30rpx;
}
.btn-box button {
padding: 0 80rpx;
height: 80rpx;
line-height: 80rpx;
}
.avatar-uploader {
border: 2rpx solid #0983ff;
border-radius: 12rpx;
cursor: pointer;
position: relative;
overflow: hidden;
width: 400rpx;
height: 200rpx;
}
.avatar-uploader-icon {
font-size: 56rpx;
color: #007AFF;
line-height: 200rpx;
text-align: center;
}
.job-dialog {
width: 100%;
height: 100%;
}
.dialog-content {
padding: 0 20rpx;
height: calc(100% - 17vh);
overflow-y: auto;
box-sizing: border-box;
}
.checkbox-group {
width: 100%;
}
.checkbox-item {
display: flex;
align-items: center;
border-bottom: 2rpx solid #b5d3ff;
padding: 30rpx 0;
}
.job-item {
width: 97%;
}
.checkbox-icon {
width: 40rpx;
height: 40rpx;
border: 2rpx solid #ddd;
border-radius: 8rpx;
margin-right: 20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.checkbox-icon.checked {
background-color: #409eff;
border-color: #409eff;
color: white;
}
.job-info {
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
}
.detail-item {
margin-bottom: 40rpx;
}
.detail-item .gw-label {
font-size: 32rpx;
color: #333333;
margin-bottom: 20rpx;
}
.detail-item .gw-value {
display: flex;
flex-wrap: wrap;
overflow-y: auto;
}
.detail-item .gw-value .cd-detail {
width: 100%;
background: #fff;
border-radius: 20rpx;
margin-bottom: 28rpx;
margin-top: 28rpx;
}
.detail-item .gw-value .cd-detail .cd-name {
background: #d3e8ff;
color: #0076d9;
font-size: 40rpx;
height: 80rpx;
line-height: 80rpx;
padding: 0 40rpx;
border-radius: 16rpx;
overflow: hidden;
position: relative;
}
.detail-item .gw-value .cd-detail .cd-name::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 10rpx;
height: 100%;
background: #349cfc;
}
.detail-item .gw-value .cd-detail .cd-con {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 30rpx 40rpx;
gap: 20rpx;
}
.detail-item .gw-value .cd-detail .cd-con .cd-con-item {
width: 80rpx;
height: 80rpx;
background: #67CFA7;
line-height: 80rpx;
text-align: center;
color: #fff;
border: 2rpx solid #ddd;
border-radius: 20rpx;
cursor: pointer;
font-weight: 600;
font-size: 32rpx;
}
.detail-item .gw-value .cd-detail .cd-con .cd-con-item-review {
background-color: #F8BB92;
}
.detail-item .gw-value .cd-detail .cd-con .cd-con-item-checked {
background: #F6A1A1;
}
.detail-item .gw-value .cd-detail .cd-con .cd-con-item-mychecked {
background: #79BEFE;
}
.item-checkbox {
width: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.job-name {
font-size: 32rpx;
color: #409eff;
}
.salary {
font-size: 32rpx;
color: #ff6e27;
font-weight: 600;
}
.header-title {
font-size: 38rpx;
font-weight: 600;
color: #303133;
padding: 20rpx;
padding-bottom: 40rpx;
background: #fff;
display: flex;
align-items: center;
position: sticky;
top: 0;
}
.header-title image {
width: 14rpx;
height: 33rpx;
margin-right: 14rpx;
}
.avatar {
width: 400rpx;
height: 200rpx;
border-radius: 12rpx;
}
/* 展位状态说明样式 */
.status-description {
margin-top: 30rpx;
padding: 20rpx;
background-color: #f5f7fa;
border-radius: 8rpx;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.status-title {
font-weight: bold;
margin-bottom: 16rpx;
width: 100%;
}
.status-item {
width: 43%;
display: flex;
align-items: center;
margin-right: 30rpx;
margin-bottom: 10rpx;
}
.status-color {
width: 40rpx;
height: 40rpx;
margin-right: 16rpx;
}
.status-color.available {
background-color: #67CFA7;
border: 2rpx solid #ddd;
}
.status-color.occupied {
background-color: #F6A1A1;
}
.status-color.pending {
background-color: #F8BB92;
}
.status-color.selected {
background-color: #79BEFE;
}
.status-text {
margin-right: 16rpx;
}
/* 透明按钮样式 */
.transparent-btn {
background: transparent !important;
border: 2rpx dashed #0983ff !important;
}
</style>

View File

@@ -13,30 +13,7 @@
<view class="btn-confirm" @click="confirm">确认</view>
</view>
<view class="popup-list">
<!-- 多选模式 -->
<view v-if="multiSelect" class="multi-select-list">
<view v-if="!processedListData[0] || processedListData[0].length === 0" class="empty-tip">
暂无数据
</view>
<view
v-else
class="skill-tags-container"
>
<view
v-for="(item, index) in processedListData[0]"
:key="index"
class="skill-tag"
:class="{ 'skill-tag-active': selectedValues.includes(item[this.rowKey]) }"
@click.stop="toggleSelect(item)"
@touchstart.stop="toggleSelect(item)"
>
<text class="skill-tag-text">{{ getLabel(item) }}</text>
</view>
</view>
</view>
<!-- 单选模式 -->
<picker-view
v-else
indicator-style="height: 84rpx;"
:value="selectedIndex"
@change="bindChange"
@@ -77,8 +54,6 @@ export default {
rowKey: 'value',
selectedItems: [],
unit: '',
multiSelect: false,
selectedValues: [],
};
},
computed: {
@@ -91,13 +66,6 @@ export default {
});
});
},
// 计算选中的项目
computedSelectedItems() {
if (!this.multiSelect) return this.selectedItems;
return this.processedListData[0] ? this.processedListData[0].filter(item =>
this.selectedValues.includes(item[this.rowKey])
) : [];
},
},
methods: {
open(newConfig = {}) {
@@ -112,10 +80,7 @@ export default {
rowKey = 'value',
maskClick = false,
defaultIndex = [],
multiSelect = false,
defaultValues = [],
} = newConfig;
this.reset();
if (title) this.title = title;
if (typeof success === 'function') this.confirmCallback = success;
@@ -127,16 +92,10 @@ export default {
this.rowKey = rowKey;
this.maskClick = maskClick;
this.unit = unit;
this.multiSelect = multiSelect;
if (multiSelect) {
this.selectedValues = defaultValues || [];
} else {
this.selectedIndex =
defaultIndex.length === this.listData.length ? defaultIndex : new Array(this.listData.length).fill(0);
this.selectedItems = this.selectedIndex.map((val, index) => this.processedListData[index][val]);
}
this.selectedIndex =
defaultIndex.length === this.listData.length ? defaultIndex : new Array(this.listData.length).fill(0);
this.selectedItems = this.selectedIndex.map((val, index) => this.processedListData[index][val]);
this.$nextTick(() => {
this.$refs.popup.open();
});
@@ -158,22 +117,6 @@ export default {
getLabel(item) {
return item?.[this.rowLabel] ?? '';
},
toggleSelect(item) {
if (!item || !this.rowKey || !item[this.rowKey]) {
return;
}
const value = item[this.rowKey];
const index = this.selectedValues.indexOf(value);
if (index > -1) {
// 取消选中
this.selectedValues.splice(index, 1);
} else {
// 选中
this.selectedValues.push(value);
}
},
setColunm(index, list) {
if (index > this.listData.length) {
return console.warn('最长' + this.listData.length);
@@ -192,14 +135,7 @@ export default {
}
try {
let result;
if (this.multiSelect) {
// 多选模式:传递 selectedValues 和 selectedItems
result = await callback(this.selectedValues, this.computedSelectedItems);
} else {
// 单选模式:传递 selectedIndex 和 selectedItems
result = await callback(this.selectedIndex, this.selectedItems);
}
const result = await callback(this.selectedIndex, this.selectedItems); // 无论是 async 还是返回 Promise 的函数都可以 await
if (result !== false) {
this.$refs.popup.close();
}
@@ -218,8 +154,6 @@ export default {
this.rowKey = 'value';
this.selectedItems = [];
this.unit = '';
this.multiSelect = false;
this.selectedValues = [];
},
},
};
@@ -290,83 +224,10 @@ export default {
color: #666d7f;
line-height: 38rpx;
}
.btn-confirm {
font-weight: 400;
font-size: 32rpx;
color: #256bfa;
}
}
.multi-select-list {
padding: 20rpx 30rpx;
max-height: calc(60vh - 120rpx);
overflow-y: auto;
}
.empty-tip {
text-align: center;
padding: 60rpx 0;
color: #999999;
font-size: 28rpx;
}
.skill-tags-container {
display: flex;
flex-wrap: wrap;
gap: 16rpx;
align-items: flex-start;
}
.skill-tag {
display: inline-flex;
align-items: center;
padding: 12rpx 20rpx;
border-radius: 20rpx;
background-color: #f8f9fa;
border: 2rpx solid #e8eaee;
cursor: pointer;
transition: all 0.3s ease;
font-size: 24rpx;
color: #333333;
white-space: nowrap;
user-select: none;
&:hover {
background-color: #e9ecef;
border-color: #d0d0d0;
transform: translateY(-1rpx);
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}
&:active {
transform: translateY(0);
background-color: #dee2e6;
}
.skill-tag-text {
font-size: 24rpx;
color: inherit;
line-height: 1.2;
.btn-confirm {
font-weight: 400;
}
&.skill-tag-active {
background-color: #256bfa;
border-color: #256bfa;
color: #ffffff;
box-shadow: 0 2rpx 8rpx rgba(37, 107, 250, 0.3);
.skill-tag-text {
color: #ffffff;
font-weight: 500;
}
&:hover {
background-color: #1e5ce6;
border-color: #1e5ce6;
transform: translateY(-1rpx);
box-shadow: 0 4rpx 12rpx rgba(37, 107, 250, 0.4);
}
font-size: 32rpx;
color: #256bfa;
}
}
</style>

View File

@@ -10,7 +10,7 @@
>
<image :src="currentItem == item.id ? item.selectedIconPath : item.iconPath"></image>
</view>
<view class="badge" v-if="item.badge && item.badge > 0">{{ item.badge }}</view>
<view class="badge" v-if="item.badge">{{ item.badge }}</view>
<view class="item-bottom" :class="[currentItem == item.id ? 'item-active' : '']">
<text>{{ item.text }}</text>
</view>
@@ -19,7 +19,7 @@
</template>
<script setup>
import { ref, onMounted, computed, watch, nextTick } from 'vue';
import { ref, onMounted, computed } from 'vue';
import { useReadMsg } from '@/stores/useReadMsg';
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
@@ -36,60 +36,35 @@ const readMsg = useReadMsg();
const { userInfo } = storeToRefs(useUserStore());
const currentItem = ref(0);
// 监听用户类型变化重新生成tabbar配置
watch(() => userInfo.value?.isCompanyUser, (newIsCompanyUser, oldIsCompanyUser) => {
console.log('midell-box用户类型变化监听:', { newIsCompanyUser, oldIsCompanyUser, userInfo: userInfo.value });
if (newIsCompanyUser !== oldIsCompanyUser) {
console.log('用户类型发生变化重新生成tabbar:', newIsCompanyUser);
// tabbarList是computed会自动重新计算
// 强制触发响应式更新
nextTick(() => {
console.log('tabbar配置已更新:', tabbarList.value);
});
}
}, { immediate: true });
// 监听用户信息变化(包括登录状态)
watch(() => userInfo.value, (newUserInfo, oldUserInfo) => {
console.log('midell-box用户信息变化监听:', { newUserInfo, oldUserInfo });
if (newUserInfo !== oldUserInfo) {
console.log('用户信息发生变化重新生成tabbar');
// 强制触发响应式更新
nextTick(() => {
console.log('tabbar配置已更新:', tabbarList.value);
});
}
}, { immediate: true, deep: true });
// 生成tabbar配置的函数
const generateTabbarList = () => {
// 根据用户类型生成不同的导航栏配置
const tabbarList = computed(() => {
const baseItems = [
{
id: 0,
text: '职位2',
text: '首页',
path: '/pages/index/index',
iconPath: '../../static/tabbar/calendar.png',
selectedIconPath: '../../static/tabbar/calendared.png',
centerItem: false,
badge: readMsg.badges[0]?.count || 0,
badge: readMsg.badges[0].count,
},
{
id: 2,
text: 'AI+',
text: '',
path: '/pages/chat/chat',
iconPath: '../../static/tabbar/logo3.png',
selectedIconPath: '../../static/tabbar/logo3.png',
centerItem: true,
badge: readMsg.badges[2]?.count || 0,
badge: readMsg.badges[2].count,
},
{
id: 3,
text: '消息2',
text: '消息',
path: '/pages/msglog/msglog',
iconPath: '../../static/tabbar/chat4.png',
selectedIconPath: '../../static/tabbar/chat4ed.png',
centerItem: false,
badge: readMsg.badges[3]?.count || 0,
badge: readMsg.badges[3].count,
},
{
id: 4,
@@ -98,12 +73,12 @@ const generateTabbarList = () => {
iconPath: '../../static/tabbar/mine.png',
selectedIconPath: '../../static/tabbar/mined.png',
centerItem: false,
badge: readMsg.badges[4]?.count || 0,
badge: readMsg.badges[4].count,
},
];
// 根据用户类型添加不同的导航项,未登录时默认为求职者
const userType = userInfo.value?.isCompanyUser !== undefined ? userInfo.value.isCompanyUser : 1;
// 根据用户类型添加不同的导航项
const userType = userInfo.value?.userType || 0;
if (userType === 0) {
// 企业用户:显示发布岗位,隐藏招聘会
@@ -111,13 +86,13 @@ const generateTabbarList = () => {
id: 1,
text: '发布岗位',
path: '/pages/job/publishJob',
iconPath: '../../static/tabbar/post.png',
selectedIconPath: '../../static/tabbar/posted.png',
iconPath: '../../static/tabbar/publish-job.svg',
selectedIconPath: '../../static/tabbar/publish-job-selected.svg',
centerItem: false,
badge: 0,
});
} else {
// 求职者用户(包括未登录状态):显示招聘会
// 普通用户、网格员、政府人员:显示招聘会
baseItems.splice(1, 0, {
id: 1,
text: '招聘会',
@@ -125,16 +100,11 @@ const generateTabbarList = () => {
iconPath: '../../static/tabbar/post.png',
selectedIconPath: '../../static/tabbar/posted.png',
centerItem: false,
badge: readMsg.badges[1]?.count || 0,
badge: readMsg.badges[1].count,
});
}
return baseItems;
};
// 根据用户类型生成不同的导航栏配置
const tabbarList = computed(() => {
return generateTabbarList();
});
onMounted(() => {
@@ -144,7 +114,7 @@ onMounted(() => {
});
const changeItem = (item) => {
// 判断是否为 TabBar 页面
// 判断是否为 tabBar 页面
const tabBarPages = [
'/pages/index/index',
'/pages/careerfair/careerfair',
@@ -154,12 +124,12 @@ const changeItem = (item) => {
];
if (tabBarPages.includes(item.path)) {
// TabBar 页面使用 redirectTo 避免页面栈溢出
uni.redirectTo({
// tabBar 页面使用 switchTab
uni.switchTab({
url: item.path,
});
} else {
// 非 TabBar 页面使用 navigateTo
// 非 tabBar 页面使用 navigateTo
uni.navigateTo({
url: item.path,
});

View File

@@ -102,7 +102,6 @@
<script setup>
import { ref, inject } from 'vue';
import useUserStore from '@/stores/useUserStore';
import { tabbarManager } from '@/utils/tabbarManager';
const { $api } = inject('globalFunction');
const { loginSetToken } = useUserStore();
@@ -163,33 +162,22 @@ const getPhoneNumber = (e) => {
userType: userType.value
}, 'post').then((resData) => {
uni.hideLoading();
console.log(resData, 'resume.idCard');
if (resData.token) {
// 登录成功存储token
loginSetToken(resData.token).then((resume) => {
// 更新用户类型到缓存
if (resData.isCompanyUser !== undefined) {
console.log(resData.isCompanyUser, 'resData.isCompanyUser');
const userInfo = uni.getStorageSync('userInfo') || {};
userInfo.isCompanyUser = Number(resData.isCompanyUser); // 0-企业用户1-求职者
uni.setStorageSync('userInfo', userInfo);
}
$api.msg('登录成功');
// 刷新tabbar以显示正确的用户类型
tabbarManager.refreshTabBar();
close();
emit('success');
// 根据用户类型跳转到不同的信息补全页面
if (!resume.jobTitleId) {
console.log(resume, 'resume.idCard');
if (userType.value === 1 && !resData.idCard) {
if (!resume.data.jobTitleId) {
if (userType.value === 1) {
// 求职者跳转到个人信息补全页面
uni.navigateTo({
url: '/pages/complete-info/complete-info?step=1'
});
} else if (userType.value === 0 && !resData.idCard) {
} else if (userType.value === 0) {
// 招聘者跳转到企业信息补全页面
uni.navigateTo({
url: '/pages/complete-info/company-info'
@@ -245,15 +233,6 @@ const wxLogin = () => {
if (resData.token) {
loginSetToken(resData.token).then((resume) => {
console.log(resData, 'resData.isCompanyUser');
// 更新用户类型到缓存
if (resData.isCompanyUser) {
console.log(resData.isCompanyUser, 'resData.isCompanyUser');
const userInfo = uni.getStorageSync('userInfo') || {};
userInfo.isCompanyUser = Number(resData.isCompanyUser); // 0-企业用户1-求职者
uni.setStorageSync('userInfo', userInfo);
}
$api.msg('登录成功');
close();
emit('success');
@@ -306,16 +285,7 @@ const wxLogin = () => {
}, 'post').then((resData) => {
if (resData.token) {
loginSetToken(resData.token).then((resume) => {
// 更新用户类型到缓存
if (resData.isCompanyUser !== undefined) {
const userInfo = uni.getStorageSync('userInfo') || {};
userInfo.isCompanyUser = resData.isCompanyUser ? 0 : 1; // 0-企业用户1-求职者
uni.setStorageSync('userInfo', userInfo);
}
$api.msg('登录成功');
// 刷新tabbar以显示正确的用户类型
tabbarManager.refreshTabBar();
close();
emit('success');
@@ -360,16 +330,7 @@ const testLogin = () => {
uni.hideLoading();
loginSetToken(resData.token).then((resume) => {
// 更新用户类型到缓存
if (resData.isCompanyUser !== undefined) {
const userInfo = uni.getStorageSync('userInfo') || {};
userInfo.isCompanyUser = resData.isCompanyUser ? 0 : 1; // 0-企业用户1-求职者
uni.setStorageSync('userInfo', userInfo);
}
$api.msg('测试登录成功');
// 刷新tabbar以显示正确的用户类型
tabbarManager.refreshTabBar();
close();
emit('success');

View File

@@ -1,12 +1,6 @@
export default {
// baseUrl: 'http://39.98.44.136:8080', // 测试
baseUrl: 'http://ks.zhaopinzao8dian.com/api/ks', // 测试
// baseUrl: 'http://ks.zhaopinzao8dian.com/api/ks', // 测试
LCBaseUrl:'http://10.110.145.145:9100',//招聘、培训、帮扶
LCBaseUrlInner:'http://10.110.145.145:10100',//内网端口
imgBaseUrl:'http://10.110.145.145/images', //图片基础url
trainVideoImgUrl:'http://10.110.145.145:9100/file/file/minio',
// sseAI+
// StreamBaseURl: 'http://39.98.44.136:8000',
StreamBaseURl: 'https://qd.zhaopinzao8dian.com/ai',
@@ -76,4 +70,4 @@ export default {
desc: '融合海量岗位、智能简历匹配、竞争力分析,助你精准锁定理想职位!',
imgUrl: 'https://qd.zhaopinzao8dian.com/file/csn/qd_shareLogo.jpg',
}
}
}

View File

@@ -1,222 +0,0 @@
# 微信小程序主包体积优化方案
## 当前主包体积分析
根据代码依赖分析图,主包体积为 **2.74MB**,主要组成部分:
### 1. 静态资源 (848KB)
- **images (507KB)**: 包含多个大图片文件
- `video-bj2.png`: 156KB
- `video-jt.png`: 126KB
- `spxx-k.png`: 54KB
- `bj.jpg`: 52KB
- `imgs/avatar.jpg`: 48KB
- **icon (187KB)**: 图标文件
### 2. JavaScript 库文件
- **uni_modules/lime-echart/static/echarts.min.js**: 568KB ⚠️
- **lib/lunar-javascript@1.7.2.js**: 301KB ⚠️
- **lib/highlight/highlight-uni.min.js**: 166KB
- **common/vendor.js**: 293KB (未找到,可能已删除)
### 3. 其他
- **uni_modules**: 751KB
- **pages**: 363KB
- **common**: 316KB
---
## 优化方案
### 方案一:删除主包中未使用的大文件(立即执行)
#### 1.1 删除主包中的 echarts.min.js
**问题**: `uni_modules/lime-echart/static/echarts.min.js` (568KB) 在主包中,但只在 `packageCa` 分包中使用。
**解决方案**:
- ✅ 确认 `packageCa` 分包中已有 `packageCa/utilCa/echarts.min.js`
- ✅ 删除主包中的 `uni_modules/lime-echart/static/echarts.min.js`(如果不需要在主包使用)
- ⚠️ 注意:如果主包页面也需要使用 echarts需要保留或按需加载
**操作步骤**:
```bash
# 检查主包中是否有页面使用 echarts
# 如果没有,可以删除或移动到分包
```
#### 1.2 删除主包中的 lunar-javascript@1.7.2.js
**问题**: `lib/lunar-javascript@1.7.2.js` (301KB) 在主包中,但只在 `packageA/pages/selectDate/selectDate.vue` 中使用。
**解决方案**:
- ✅ 确认 `packageA/lib/lunar-javascript@1.7.2.js` 已存在
- ✅ 删除主包中的 `lib/lunar-javascript@1.7.2.js`
- ✅ 更新 `packageA/pages/selectDate/selectDate.vue` 中的引用路径
**操作步骤**:
1. 确认 `packageA/lib/lunar-javascript@1.7.2.js` 存在
2. 删除 `lib/lunar-javascript@1.7.2.js`
3. 确保 `packageA/pages/selectDate/selectDate.vue` 使用分包内的文件
---
### 方案二:优化图片资源(预计减少 300-400KB
#### 2.1 压缩大图片文件
**目标图片**:
- `static/images/train/video-bj2.png` (156KB) → 目标: <80KB
- `static/images/train/video-jt.png` (126KB) 目标: <60KB
- `static/images/train/spxx-k.png` (54KB) 目标: <30KB
- `static/images/train/bj.jpg` (52KB) 目标: <30KB
- `static/imgs/avatar.jpg` (48KB) 目标: <25KB
**工具推荐**:
- [TinyPNG](https://tinypng.com/) - PNG压缩
- [Squoosh](https://squoosh.app/) - 在线图片压缩
- [ImageOptim](https://imageoptim.com/) - 批量压缩
#### 2.2 将非首屏必需图片移到分包
**策略**:
- `static/images/train/` 目录下的图片移到 `packageB` 分包培训相关
- 只在需要时加载这些图片
**操作步骤**:
1. 创建 `packageB/static/images/train/` 目录
2. 移动图片文件到分包
3. 更新相关页面的图片路径
---
### 方案三:优化 markdown 相关库(预计减少 166KB
#### 3.1 将 highlight-uni.min.js 移到分包
**问题**: `lib/highlight/highlight-uni.min.js` (166KB) `utils/markdownParser.js` 中使用主要用于 chat 页面
**解决方案**:
- 方案A: markdown 相关库移到独立分包按需加载
- 方案B: 使用更轻量的代码高亮库
- 方案C: 如果只在 chat 页面使用可以移到 chat 页面所在的分包
**推荐方案**: 方案C - markdown 相关库移到 chat 页面附近
**操作步骤**:
1. 创建 `pages/chat/lib/` 目录
2. 移动 `lib/highlight/` `lib/markdown-it.min.js` 到该目录
3. 更新 `utils/markdownParser.js` 中的引用路径
---
### 方案四:清理未使用的 uni_modules预计减少 100-200KB
#### 4.1 检查 uni_modules 使用情况
**需要检查的模块**:
- `custom-waterfalls-flow` - 检查是否在主包使用
- `uni-data-select` - 检查是否在主包使用
- `uni-dateformat` - 检查是否在主包使用
- `uni-load-more` - 检查是否在主包使用
- `uni-popup` - 检查是否在主包使用
- `uni-steps` - 检查是否在主包使用
- `uni-swipe-action` - 检查是否在主包使用
- `uni-transition` - 检查是否在主包使用
**操作步骤**:
1. 搜索每个模块在主包中的使用情况
2. 如果只在分包中使用可以考虑移除主包的引用
3. 使用 `easycom` 配置确保组件能正确加载
---
### 方案五:代码分割和按需加载
#### 5.1 使用分包预加载
`pages.json` 中配置分包预加载优化用户体验
```json
{
"preloadRule": {
"pages/index/index": {
"network": "all",
"packages": ["packageA"]
}
}
}
```
#### 5.2 动态导入大型库
对于只在特定场景使用的大型库使用动态导入
```javascript
// 示例:按需加载 echarts
const loadEcharts = async () => {
if (typeof require !== 'undefined') {
return require('../../utilCa/echarts.min.js');
} else {
return await import('../../utilCa/echarts.min.js');
}
};
```
---
## 优化效果预估
| 优化项 | 预计减少体积 | 优先级 |
|--------|------------|--------|
| 删除主包 echarts.min.js | 568KB | 🔴 |
| 删除主包 lunar-javascript | 301KB | 🔴 |
| 压缩图片资源 | 300-400KB | 🟡 |
| 优化 markdown | 166KB | 🟡 |
| 清理未使用模块 | 100-200KB | 🟢 |
**总计预计减少**: 1.4MB - 1.6MB
**优化后主包体积**: 1.1MB - 1.3MB
---
## 实施步骤
### 第一阶段:立即执行(预计减少 869KB✅ 已完成
1. 删除主包中未使用的 `echarts.min.js` (567KB) - **已完成**
2. 删除主包中未使用的 `lunar-javascript@1.7.2.js` (301KB) - **已完成**
3. 验证分包中的文件引用正确 - **已验证**
**第一阶段优化结果**: 已减少 **868KB** 主包体积
### 第二阶段:图片优化(预计减少 300-400KB
1. 压缩大图片文件
2. 将非首屏图片移到分包
3. 更新图片路径引用
### 第三阶段:代码优化(预计减少 166-366KB
1. 优化 markdown 相关库的位置
2. 清理未使用的 uni_modules
3. 配置分包预加载
---
## 注意事项
1. **备份**: 在执行删除操作前请先备份项目
2. **测试**: 每个优化步骤后都要进行完整测试
3. **引用路径**: 确保所有文件引用路径正确更新
4. **分包限制**: 注意微信小程序分包大小限制单个分包不超过 2MB
5. **主包限制**: 主包大小建议控制在 1.5MB 以内
---
## 验证方法
1. 使用微信开发者工具上传代码查看主包体积
2. 使用代码依赖分析工具验证优化效果
3. 测试各个功能模块确保正常工作
4. 检查分包加载是否正常
---
## 后续维护建议
1. **定期检查**: 每月检查主包体积防止体积反弹
2. **图片规范**: 建立图片压缩和优化规范
3. **依赖管理**: 新增依赖时评估对主包体积的影响
4. **代码审查**: 在代码审查时关注主包体积变化

View File

@@ -1,117 +0,0 @@
# 企业我的页面功能说明
## 功能概述
本功能为企业用户提供了专门的"我的"页面和企业信息展示页面,实现了根据用户类型显示不同内容的功能。
## 页面结构
### 1. 企业我的页面 (`pages/mine/company-mine.vue`)
- **功能**: 企业用户的个人中心页面
- **特点**:
- 显示企业头像、名称和信息完整度
- 包含服务专区(实名认证、通知与提醒)
- 提供退出登录功能
- 点击头像区域可跳转到企业信息页面
### 2. 企业信息展示页面 (`pages/mine/company-info.vue`)
- **功能**: 显示详细的企业信息
- **特点**:
- 显示企业头像编辑功能
- 展示完整的企业信息(名称、统一社会代码、注册地点等)
- 支持编辑各项企业信息
- 包含企业联系人和法人信息
### 3. 修改后的我的页面 (`pages/mine/mine.vue`)
- **功能**: 根据用户类型显示不同的内容
- **特点**:
- 企业用户显示企业信息卡片
- 求职者用户显示个人简历信息
- 自动根据 `userInfo.isCompanyUser` 字段判断用户类型
## 用户类型判断
系统通过 `userInfo.isCompanyUser` 字段来判断用户类型:
- `0` = 企业用户
- `1` = 求职者
- `2` = 网格员
- `3` = 政府人员
## 页面跳转逻辑
### 从我的页面跳转
- **企业用户**: 点击头像区域 → 跳转到企业信息页面 (`/pages/mine/company-info`)
- **求职者用户**: 点击头像区域 → 跳转到简历页面 (`/packageA/pages/myResume/myResume`)
### 企业信息页面功能
- 点击头像 → 编辑头像(调用相册选择图片)
- 点击各项信息 → 跳转到对应的编辑页面(需要后续开发)
## 路由配置
新增的路由配置:
```json
{
"path": "pages/mine/company-mine",
"style": {
"navigationBarTitleText": "我的",
"navigationStyle": "custom"
}
},
{
"path": "pages/mine/company-info",
"style": {
"navigationBarTitleText": "企业信息",
"navigationStyle": "custom"
}
}
```
## 测试页面
创建了测试页面 `pages/test/company-mine-test.vue` 用于测试功能:
- 用户类型切换测试
- 页面跳转测试
- 用户信息显示
## 样式特点
### 企业信息卡片
- 白色背景,圆角设计
- 阴影效果现代化UI
- 头像圆形显示
- 信息完整度显示
### 企业信息页面
- 清晰的信息层级
- 可点击的编辑区域
- 统一的视觉风格
## 数据流
1. 用户登录时设置 `userInfo.isCompanyUser` 字段
2. 我的页面根据此字段判断显示内容
3. 企业用户点击头像跳转到企业信息页面
4. 企业信息页面展示详细的企业数据
## 后续开发建议
1. **编辑功能**: 为每个信息项创建对应的编辑页面
2. **数据接口**: 连接真实的企业信息API
3. **头像上传**: 完善头像上传功能
4. **表单验证**: 添加企业信息编辑的表单验证
5. **权限控制**: 根据用户权限控制可编辑的字段
## 使用方法
1. 在测试页面切换用户类型为企业用户
2. 访问我的页面,查看企业信息卡片
3. 点击头像区域跳转到企业信息页面
4. 在企业信息页面查看详细的企业信息
## 注意事项
- 确保用户类型字段正确设置
- 企业信息数据需要从后端API获取
- 头像上传功能需要配置服务器接口
- 编辑页面需要根据实际需求进行开发

View File

@@ -1,187 +0,0 @@
# 企业搜索功能实现说明
## 功能概述
根据用户类型对发布岗位页面的"招聘公司"输入框进行不同的交互处理:
- **企业用户**:直接输入公司名称
- **网格员**:点击输入框跳转到企业搜索页面,支持模糊查询
## 实现细节
### 1. 用户类型判断
通过 `userInfo.isCompanyUser` 字段判断用户类型:
- `0`: 企业用户
- `1`: 求职者
- `2`: 网格员
- `3`: 政府人员
### 2. 页面修改
#### 发布岗位页面 (`pages/job/publishJob.vue`)
**模板修改:**
```vue
<!-- 企业用户直接输入 -->
<input
v-if="isCompanyUser"
class="input"
placeholder="请输入公司名称"
v-model="formData.companyName"
/>
<!-- 网格员点击跳转到搜索页面 -->
<view
v-else
class="company-selector"
@click="openCompanySearch"
>
<view class="selector-text" :class="{ 'placeholder': !formData.companyName }">
{{ formData.companyName || '请选择企业' }}
</view>
<view class="selector-icon">
<view class="arrow-icon">></view>
</view>
</view>
```
**脚本修改:**
- 添加用户类型判断逻辑
- 添加打开企业搜索页面的方法
- 添加页面显示时处理返回数据的逻辑
#### 企业搜索页面 (`pages/job/companySearch.vue`)
**功能特性:**
- 搜索框支持实时输入
- 防抖节流500ms延迟执行搜索
- 调用接口:`/app/company/likeList`,参数:`name`
- 支持企业选择和数据回传
- 空状态和加载状态处理
**核心代码:**
```javascript
// 防抖搜索
const onSearchInput = () => {
if (debounceTimer) {
clearTimeout(debounceTimer);
}
debounceTimer = setTimeout(() => {
if (searchKeyword.value.trim()) {
searchCompanies();
} else {
searchResults.value = [];
}
}, 500);
};
// 搜索企业
const searchCompanies = async () => {
const response = await createRequest('/app/company/likeList', {
name: searchKeyword.value.trim()
}, 'GET', false);
if (response.code === 200) {
searchResults.value = response.data || [];
}
};
// 选择企业
const selectCompany = (company) => {
uni.navigateBack({
success: () => {
getApp().globalData = getApp().globalData || {};
getApp().globalData.selectedCompany = company;
}
});
};
```
### 3. 数据传递
使用全局数据传递选中的企业信息:
**企业搜索页面:**
```javascript
// 选择企业后设置全局数据
getApp().globalData.selectedCompany = company;
```
**发布岗位页面:**
```javascript
// 页面显示时检查全局数据
onShow(() => {
const app = getApp();
if (app.globalData && app.globalData.selectedCompany) {
const selectedCompany = app.globalData.selectedCompany;
formData.companyName = selectedCompany.name;
formData.companyId = selectedCompany.id;
// 清除全局数据
app.globalData.selectedCompany = null;
}
});
```
### 4. 页面配置
`pages.json` 中添加了企业搜索页面配置:
```json
{
"path": "pages/job/companySearch",
"style": {
"navigationBarTitleText": "选择企业",
"navigationStyle": "custom",
"disableScroll": false,
"enablePullDownRefresh": false,
"backgroundColor": "#f5f5f5"
}
}
```
### 5. 测试页面
创建了测试页面 `pages/test/company-search-test.vue` 用于验证功能:
- 用户类型切换
- 功能说明展示
- 直接跳转到发布岗位页面测试
## 使用说明
### 企业用户
1. 进入发布岗位页面
2. 招聘公司输入框为普通输入框
3. 直接输入公司名称
### 网格员
1. 进入发布岗位页面
2. 点击"招聘公司"输入框
3. 跳转到企业搜索页面
4. 输入企业名称进行搜索(支持防抖)
5. 选择企业后自动返回
6. 企业名称显示在输入框中
## 技术特点
1. **防抖节流**搜索输入500ms延迟避免频繁请求
2. **用户类型判断**:根据 `isCompanyUser` 字段动态显示不同交互
3. **数据传递**:使用全局数据实现页面间数据传递
4. **响应式设计**:支持不同屏幕尺寸
5. **错误处理**:完善的错误提示和空状态处理
## 接口说明
**搜索企业接口:**
- 地址:`/app/company/likeList`
- 方法:`GET`
- 参数:`name` (企业名称)
- 返回:企业列表数据
## 注意事项
1. 确保用户类型字段 `isCompanyUser` 正确设置
2. 搜索接口需要支持模糊查询
3. 企业数据需要包含 `id``name` 字段
4. 防抖时间可根据实际需求调整

View File

@@ -1,118 +0,0 @@
# 主包体积优化执行记录
## 优化时间
2024年具体日期待补充
## 已完成的优化
### 1. 删除主包中未使用的 echarts.min.js ✅
- **文件路径**: `uni_modules/lime-echart/static/echarts.min.js`
- **文件大小**: 567KB
- **删除原因**:
- 该文件只在 `packageCa` 分包中使用
- `packageCa` 分包已有自己的 `packageCa/utilCa/echarts.min.js`
- `l-echart` 组件通过 `init()` 方法接收 echarts 实例,不直接引用主包文件
- `lime-echart` 组件未被使用
- **影响范围**: 无影响,分包功能正常
### 2. 删除主包中未使用的 lunar-javascript@1.7.2.js ✅
- **文件路径**: `lib/lunar-javascript@1.7.2.js`
- **文件大小**: 301KB
- **删除原因**:
- 该文件只在 `packageA/pages/selectDate/selectDate.vue` 中使用
- `packageA` 分包已有自己的 `packageA/lib/lunar-javascript@1.7.2.js`
- 主包中没有任何页面使用该文件
- **影响范围**: 无影响,分包功能正常
### 3. 将 static/images/train 目录移到 packageB 分包 ✅
- **目录路径**: `static/images/train/`
- **目录大小**: 约 400-500KB
- **移动原因**:
- 该目录下的图片只在 `packageB` 分包中使用
- 包括 `video-bj2.png` (156KB)、`video-jt.png` (126KB) 等大图片
- **操作**:
- 移动到 `packageB/static/images/train/`
- 更新所有引用路径为 `/packageB/static/images/train/`
- **影响范围**: 无影响,分包功能正常
### 4. 删除未使用的 demo 页面 ✅
- **目录路径**: `pages/demo/`
- **删除原因**:
- 该目录不在 `pages.json` 中配置
- 仅包含演示文件,未实际使用
- **影响范围**: 无影响
## 优化效果
### 已减少体积
- **echarts.min.js**: 567KB
- **lunar-javascript@1.7.2.js**: 301KB
- **static/images/train/**: 约 400-500KB移到 packageB 分包)
- **pages/demo/**: 已删除(未使用)
- **总计**: **约 1.27MB - 1.37MB**
### 优化前主包体积
- **2.74MB**
### 优化后主包体积(预估)
- **约 1.37MB - 1.47MB** (减少 50-50.5%)
### 当前状态
- **当前主包体积**: 2.19MB
- **目标**: < 1.5MB
- **还需减少**: 690KB
## 待执行的优化
### 1. 图片资源优化(预计减少 300-400KB
- [ ] 压缩 `static/images/train/video-bj2.png` (156KB <80KB)
- [ ] 压缩 `static/images/train/video-jt.png` (126KB <60KB)
- [ ] 压缩 `static/images/train/spxx-k.png` (54KB <30KB)
- [ ] 压缩 `static/images/train/bj.jpg` (52KB <30KB)
- [ ] 压缩 `static/imgs/avatar.jpg` (48KB <25KB)
- [ ] 将非首屏必需图片移到分包
### 2. Markdown 相关库优化(预计减少 166KB
- **说明**: `lib/highlight/highlight-uni.min.js` (166KB) `utils/markdownParser.js` 中使用
- **使用范围**:
- 主包: `pages/chat/chat.vue`
- 分包: `packageA/pages/moreJobs/moreJobs.vue`
- 组件: `components/md-render/md-render.vue`
- Store: `stores/userChatGroupStore.js`
- **建议**: 由于被主包和分包共同使用暂时保留在主包如需进一步优化可考虑
- 使用更轻量的代码高亮库
- 按需加载 highlight
- chat 相关功能移到独立分包
### 3. uni_modules 清理(预计减少 100-200KB
- [ ] 检查 `custom-waterfalls-flow` 是否在主包使用
- [ ] 检查 `uni-data-select` 是否在主包使用
- [ ] 检查 `uni-dateformat` 是否在主包使用
- [ ] 检查 `uni-load-more` 是否在主包使用
- [ ] 检查 `uni-popup` 是否在主包使用
- [ ] 检查 `uni-steps` 是否在主包使用
- [ ] 检查 `uni-swipe-action` 是否在主包使用
- [ ] 检查 `uni-transition` 是否在主包使用
## 验证方法
1. 使用微信开发者工具上传代码查看主包体积
2. 使用代码依赖分析工具验证优化效果
3. 测试各个功能模块确保正常工作
4. 检查分包加载是否正常
## 注意事项
1. **备份**: 已删除的文件可以从版本控制中恢复
2. **测试**: 建议在测试环境完整测试后再发布
3. **引用路径**: 所有文件引用路径已验证正确
4. **分包限制**: 注意微信小程序分包大小限制单个分包不超过 2MB
5. **主包限制**: 主包大小建议控制在 1.5MB 以内
## 后续建议
1. **定期检查**: 每月检查主包体积防止体积反弹
2. **图片规范**: 建立图片压缩和优化规范
3. **依赖管理**: 新增依赖时评估对主包体积的影响
4. **代码审查**: 在代码审查时关注主包体积变化

View File

@@ -1,246 +0,0 @@
# 地址数据懒加载优化方案
## 问题背景
地址JSON文件大小90M+,首次加载需要好几分钟,严重影响用户体验。
## 优化方案
### 方案1懒加载 + 分段加载(已实现)⭐ 推荐
**核心思想**:分段加载 + 后台预加载,大幅减少首次等待时间
1. **首次加载(优化策略)**
- **H5环境**使用Range请求只加载前2MB数据从中提取省份列表几秒完成
- **小程序环境**:如果完整数据已缓存,提取很快(< 1秒
- **降级方案**如果分段加载失败加载完整数据但只加载一次
- **后台预加载**提取省份列表后在后台加载完整数据不阻塞用户
2. **按需加载**用户选择省份后从缓存的完整数据中提取该省份的详细数据< 1秒
3. **智能缓存**完整数据会缓存后续使用会很快
#### 性能对比
| 场景 | 优化前 | 优化后懒加载+分段加载 |
|------|--------|--------------------------|
| 首次打开选择器H5无缓存 | 加载90M+3-5分钟 | 分段加载前2MB提取省份列表5-10秒 |
| 首次打开选择器小程序无缓存 | 加载90M+3-5分钟 | 加载完整数据并提取省份列表3-5分钟但只加载一次 |
| 首次打开选择器有缓存 | 加载90M+3-5分钟 | 从缓存提取省份列表< 1秒 |
| 选择省份有缓存 | 无需加载 | 从缓存提取省份数据< 1秒 |
| 切换省份有缓存 | 无需加载 | 从缓存读取< 1秒 |
**关键优化点**
- **H5环境**首次只需加载2MB数据几秒内显示省份列表
- **后台预加载**显示省份列表后在后台加载完整数据不阻塞用户
- 完整数据只加载一次之后永久缓存
- 后续所有操作都从缓存读取秒开
- 用户体验大幅提升首次打开几秒内可用而不是等待几分钟
#### 使用方式
组件已自动使用懒加载模式无需修改调用代码
```javascript
// 正常使用,自动懒加载
areaPicker.value?.open({
success: (addressData) => {
console.log('选择的地址:', addressData)
}
})
```
### 方案2服务器分片接口最佳方案🚀
如果服务器可以提供分片接口首次加载性能会进一步提升
**注意**当前默认使用方案1从完整数据提取)。如果服务器提供了分片接口可以在 `addressDataLoaderLazy.js` 中设置 `useSplitApi = true` 来启用
#### 需要的接口
1. **省份列表接口**轻量级
- URL: `http://124.243.245.42/ks_cms/address_provinces.json`
- 返回只包含省份基本信息不包含children
- 数据量< 1MB
2. **省份详情接口**按需加载
- URL: `http://124.243.245.42/ks_cms/address_province_{code}.json`
- 返回指定省份的完整数据包含所有下级
- 数据量每个省份 2-5MB
#### 数据格式示例
**省份列表接口返回格式:**
```json
[
{
"code": "110000",
"name": "北京市",
"_hasChildren": true
},
{
"code": "120000",
"name": "天津市",
"_hasChildren": true
}
]
```
**省份详情接口返回格式:**
```json
{
"code": "110000",
"name": "北京市",
"children": [
{
"code": "110100",
"name": "北京市",
"children": [...]
}
]
}
```
#### 配置分片接口
`utils/addressDataLoaderLazy.js` 中配置
```javascript
this.provinceListUrl = `${this.baseUrl}/address_provinces.json`;
this.provinceDetailUrl = `${this.baseUrl}/address_province_{code}.json`;
```
### 方案3数据压缩
确保服务器启用 gzip 压缩可以减少 70-80% 的传输大小
- 原始大小90MB
- 压缩后18-27MB
- 加载时间 3-5分钟 减少到 1-2分钟
**服务器配置示例Nginx**
```nginx
location /ks_cms/ {
gzip on;
gzip_types application/json;
gzip_min_length 1000;
}
```
## 数据分片工具
如果服务器无法提供分片接口可以使用提供的工具脚本将完整数据分片
### 使用 Node.js 脚本分片数据
创建 `scripts/splitAddressData.js`
```javascript
const fs = require('fs');
const path = require('path');
// 读取完整地址数据
const fullDataPath = path.join(__dirname, '../data/address.json');
const fullData = JSON.parse(fs.readFileSync(fullDataPath, 'utf8'));
// 输出目录
const outputDir = path.join(__dirname, '../data/split');
// 创建输出目录
if (!fs.existsSync(outputDir)) {
fs.mkdirSync(outputDir, { recursive: true });
}
// 1. 生成省份列表(轻量级)
const provinceList = fullData.map(province => ({
code: province.code,
name: province.name,
_hasChildren: !!province.children && province.children.length > 0
}));
fs.writeFileSync(
path.join(outputDir, 'address_provinces.json'),
JSON.stringify(provinceList, null, 2),
'utf8'
);
console.log('✅ 省份列表已生成');
// 2. 为每个省份生成详情文件
fullData.forEach(province => {
const fileName = `address_province_${province.code}.json`;
fs.writeFileSync(
path.join(outputDir, fileName),
JSON.stringify(province, null, 2),
'utf8'
);
console.log(`✅ ${province.name} 详情已生成`);
});
console.log('✅ 数据分片完成!');
```
运行脚本
```bash
node scripts/splitAddressData.js
```
然后将生成的文件上传到服务器
## 降级方案
如果服务器不提供分片接口懒加载器会自动降级
1. **首次加载省份列表**
- 尝试从完整数据缓存中提取如果已缓存很快
- 如果未缓存需要加载完整数据仍然很慢但只加载一次
2. **加载省份详情**
- 尝试从完整数据缓存中提取如果已缓存很快
- 如果未缓存需要加载完整数据仍然很慢
**建议**即使使用降级方案首次完整加载后后续使用会很快因为数据已缓存)。
## 最佳实践
1. **优先使用服务器分片接口**性能最佳
2. **启用 gzip 压缩**减少传输大小
3. **使用 CDN 加速**提升加载速度
4. **合理设置缓存时间**默认7天可根据数据更新频率调整
## 配置说明
`utils/addressDataLoaderLazy.js` 中可以配置
```javascript
// 数据源基础URL
this.baseUrl = 'http://124.243.245.42/ks_cms';
// 省份列表URL轻量级
this.provinceListUrl = `${this.baseUrl}/address_provinces.json`;
// 省份详情URL按需加载
this.provinceDetailUrl = `${this.baseUrl}/address_province_{code}.json`;
// 缓存有效期(天)
this.cacheExpireDays = 7;
```
## 性能监控
组件会在控制台输出加载日志可以监控性能
```
📥 开始加载: http://124.243.245.42/ks_cms/address_provinces.json
✅ 数据加载完成,耗时 2.34 秒
✅ 从缓存加载省份列表
📥 懒加载省份详情: 北京市 (110000)
✅ 数据加载完成,耗时 3.56 秒
```
## 总结
- **懒加载方案已实现**首次加载从几分钟减少到几秒
- 🚀 **服务器分片接口**可以进一步提升性能
- 💾 **智能缓存**已加载的数据会缓存切换时秒开
- 🔄 **自动降级**即使服务器不支持分片也能正常工作

View File

@@ -1,129 +0,0 @@
# 自定义TabBar使用说明
## 功能概述
本项目实现了基于用户类型的动态自定义TabBar支持根据用户登录状态和类型显示不同的导航项
- **未登录状态**默认显示求职者tabbar职位 + 招聘会 + AI+ + 消息 + 我的)
- **企业用户userType=0**:显示"发布岗位"导航
- **求职者用户userType=1,2,3**:显示"招聘会"导航
## 实现方案
### 1. 微信小程序原生自定义TabBar
`custom-tab-bar/` 目录下创建了微信小程序原生自定义TabBar组件
- `index.js` - 组件逻辑根据用户类型动态生成TabBar配置
- `index.wxml` - 模板文件
- `index.wxss` - 样式文件
- `index.json` - 组件配置文件
### 2. UniApp兼容的自定义TabBar组件
创建了 `components/CustomTabBar/CustomTabBar.vue` 组件,支持多端兼容:
- 支持微信小程序、H5、APP等多端
- 响应式设计,根据用户类型动态显示
- 支持消息徽章显示
- 支持页面跳转逻辑
### 3. 配置修改
`pages.json` 中启用了自定义TabBar
```json
"tabBar": {
"custom": true,
// ... 其他配置
}
```
## 使用方法
### 1. 在页面中引入自定义TabBar
```vue
<template>
<view class="page">
<!-- 页面内容 -->
<!-- 自定义tabbar -->
<CustomTabBar :currentPage="0" />
</view>
</template>
```
### 2. 用户类型判断
组件会自动从 `useUserStore` 中获取用户信息,根据用户登录状态和 `userInfo.userType` 字段判断用户类型:
```javascript
// 用户类型说明
// 未登录: 默认显示求职者tabbar
// 0: 企业用户 - 显示"发布岗位"
// 1: 求职者 - 显示"招聘会"
// 2: 网格员 - 显示"招聘会"
// 3: 政府人员 - 显示"招聘会"
```
### 3. 动态切换用户类型
当用户登录状态或类型发生变化时TabBar会自动更新
```javascript
// 未登录状态自动显示求职者tabbar
// 登录后根据用户类型显示对应tabbar
// 切换用户类型
userInfo.value.userType = 1; // 切换到求职者
uni.setStorageSync('userInfo', userInfo.value);
// 登出时清除用户信息,自动回到未登录状态
userStore.logOut(false);
```
## 页面配置
### 已配置的页面
- `pages/index/index.vue` - 首页currentPage: 0
- `pages/careerfair/careerfair.vue` - 招聘会页面currentPage: 1
- `pages/chat/chat.vue` - AI+页面currentPage: 2
- `pages/msglog/msglog.vue` - 消息页面currentPage: 3
- `pages/mine/mine.vue` - 我的页面currentPage: 4
### 测试页面
- `pages/test/tabbar-test.vue` - TabBar功能测试页面
## 技术特点
1. **响应式设计**:根据用户类型动态显示不同的导航项
2. **多端兼容**支持微信小程序、H5、APP等平台
3. **消息徽章**:支持显示未读消息数量
4. **页面跳转**智能判断tabBar页面和普通页面的跳转方式
5. **用户类型监听**实时监听用户类型变化并更新TabBar
## 注意事项
1. 确保在 `pages.json` 中设置了 `"custom": true`
2. 每个页面的 `currentPage` 参数需要正确设置
3. 用户类型存储在 `userInfo.userType` 字段中
4. 组件会自动监听用户类型变化并更新显示
## 测试方法
1. 访问测试页面:`/pages/test/tabbar-test`
2. 切换不同的用户类型
3. 观察底部TabBar的变化
4. 测试页面跳转功能
## 故障排除
如果TabBar不显示或显示异常
1. 检查 `pages.json` 中的 `custom: true` 配置
2. 确认用户信息是否正确存储
3. 检查组件是否正确引入
4. 查看控制台是否有错误信息

View File

@@ -1,161 +0,0 @@
# 主包体积进一步优化方案
## 当前状态
- **优化前主包体积**: 2.74MB
- **第一次优化后**: 2.19MB (已减少 550KB)
- **目标**: < 1.5MB
- **还需减少**: 690KB
## 已完成的优化 ✅
### 1. 删除未使用的大文件 (868KB)
- `uni_modules/lime-echart/static/echarts.min.js` (567KB)
- `lib/lunar-javascript@1.7.2.js` (301KB)
### 2. 移动 train 图片到分包 (预计 400-500KB)
- `static/images/train/` 目录移到 `packageB/static/images/train/`
- 更新所有引用路径
**已减少总计**: 1.27MB - 1.37MB
## 进一步优化建议
### 方案一:优化图片资源(预计减少 200-300KB
#### 1.1 压缩主包中的大图片
需要压缩的图片文件
- `static/icon/background2.png` - 检查大小
- `static/imgs/avatar.jpg` (48KB) 目标: <25KB
- `static/imgs/fristEntry.png` - 检查大小
- 其他 `static/icon/` 目录下的图片
**工具推荐**:
- [TinyPNG](https://tinypng.com/) - PNG压缩
- [Squoosh](https://squoosh.app/) - 在线图片压缩
- [ImageOptim](https://imageoptim.com/) - 批量压缩
#### 1.2 将非首屏必需图片移到分包
- `static/imgs/` 目录移到分包如果只在特定页面使用
- 检查 `static/icon/` 中哪些图标可以移到分包
### 方案二:优化 Markdown 相关库(预计减少 296KB
#### 2.1 当前情况
- `lib/highlight/highlight-uni.min.js`: 203KB
- `lib/markdown-it.min.js`: 93KB
- 总计: 296KB
#### 2.2 使用范围
- 主包: `pages/chat/chat.vue` (主包页面)
- 分包: `packageA/pages/moreJobs/moreJobs.vue`
- 组件: `components/md-render/md-render.vue`
- Store: `stores/userChatGroupStore.js`
#### 2.3 优化方案
**方案A**: chat 页面移到独立分包推荐
- 创建新分包 `packageChat`
- `pages/chat/` 移到分包
- markdown 相关库移到分包
- **预计减少**: 296KB + chat页面代码体积
**方案B**: 使用更轻量的代码高亮库
- 替换 `highlight-uni.min.js` 为更轻量的库
- 或移除代码高亮功能如果非必需
**方案C**: 按需加载
- 使用动态 import 按需加载 markdown
- 只在需要时加载
### 方案三:检查并优化 components 目录
#### 3.1 检查组件使用情况
需要检查的组件
- `components/md-render/` - 如果只在 chat 使用可移到分包
- `components/area-cascade-picker/` - 检查使用范围
- 其他大型组件
#### 3.2 优化策略
- 将只在分包使用的组件移到对应分包
- 将大型组件按需加载
### 方案四:检查 pages 目录
#### 4.1 可以移到分包的页面
检查以下页面是否可以移到分包
- `pages/complete-info/` - 补全信息相关可能可以移到 packageA
- `pages/job/` - 发布岗位相关可能可以移到 packageA
- `pages/demo/` - 演示页面可以删除或移到测试分包
#### 4.2 优化策略
- 将非核心功能页面移到分包
- 删除测试/演示页面
### 方案五:清理未使用的 uni_modules
#### 5.1 检查列表
检查以下模块是否在主包使用
- `custom-waterfalls-flow`
- `uni-data-select`
- `uni-dateformat`
- `uni-load-more`
- `uni-popup`
- `uni-steps`
- `uni-swipe-action`
- `uni-transition`
#### 5.2 优化策略
- 如果只在分包使用可以考虑移除主包引用
- 使用 `easycom` 配置确保组件能正确加载
### 方案六:优化 common 目录
#### 6.1 检查文件
- `common/vendor.js` - 如果存在检查是否可以优化
- `common/globalFunction.js` - 检查是否可以拆分
- 其他 common 文件
## 推荐执行顺序
### 优先级1立即执行预计减少 300-400KB
1. 压缩主包中的大图片
2. `pages/demo/` 删除或移到测试分包
3. 检查并清理未使用的 uni_modules
### 优先级2中期执行预计减少 296KB
1. chat 页面移到独立分包推荐方案A
2. 或使用更轻量的代码高亮库方案B
### 优先级3长期优化
1. 优化 components 目录
2. 优化 pages 目录结构
3. 优化 common 目录
## 预期效果
| 优化项 | 预计减少 | 优先级 |
|--------|---------|--------|
| 压缩图片 | 200-300KB | 🔴 |
| 移动 chat 页面到分包 | 296KB+ | 🔴 |
| 删除 demo 页面 | 50-100KB | 🟡 |
| 清理 uni_modules | 100-200KB | 🟡 |
| 优化 components | 50-150KB | 🟢 |
**总计预计减少**: 696KB - 1046KB
**优化后主包体积**: 1.14MB - 1.49MB
## 注意事项
1. **备份**: 在执行优化前请先备份项目
2. **测试**: 每个优化步骤后都要进行完整测试
3. **引用路径**: 确保所有文件引用路径正确更新
4. **分包限制**: 注意微信小程序分包大小限制单个分包不超过 2MB
5. **主包限制**: 主包大小必须控制在 1.5MB 以内
## 验证方法
1. 使用微信开发者工具上传代码查看主包体积
2. 使用代码依赖分析工具验证优化效果
3. 测试各个功能模块确保正常工作
4. 检查分包加载是否正常

View File

@@ -1,174 +1,173 @@
import {
ref,
reactive,
watch,
isRef,
nextTick
} from 'vue'
export function usePagination(
requestFn,
transformFn,
options = {}
) {
const list = ref([])
const loading = ref(false)
const error = ref(false)
const finished = ref(false)
const firstLoading = ref(true)
const empty = ref(false)
const {
pageSize = 10,
search = {},
autoWatchSearch = false,
debounceTime = 300,
autoFetch = false,
// 字段映射
dataKey = 'rows',
totalKey = 'total',
// 分页字段名映射
pageField = 'current',
sizeField = 'pageSize',
onBeforeRequest,
onAfterRequest
} = options
const pageState = reactive({
page: 1,
pageSize: isRef(pageSize) ? pageSize.value : pageSize,
total: 0,
maxPage: 1,
search: isRef(search) ? search.value : search
})
let debounceTimer = null
const fetchData = async (type = 'refresh') => {
if (loading.value) return Promise.resolve()
console.log(type)
loading.value = true
error.value = false
if (typeof onBeforeRequest === 'function') {
try {
onBeforeRequest(type, pageState)
} catch (err) {
console.warn('onBeforeRequest 执行异常:', err)
}
}
if (type === 'refresh') {
pageState.page = 1
finished.value = false
if (list.value.length === 0) {
firstLoading.value = true
}
} else if (type === 'loadMore') {
if (pageState.page >= pageState.maxPage) {
loading.value = false
finished.value = true
return Promise.resolve('no more')
}
pageState.page += 1
}
const params = {
...pageState.search,
[pageField]: pageState.page,
[sizeField]: pageState.pageSize,
}
try {
const res = await requestFn(params)
const rawData = res[dataKey]
const total = res[totalKey] || 99999999
console.log(total, rawData)
const data = typeof transformFn === 'function' ? transformFn(rawData) : rawData
if (type === 'refresh') {
list.value = data
} else {
list.value.push(...data)
}
pageState.total = total
pageState.maxPage = Math.ceil(total / pageState.pageSize)
finished.value = list.value.length >= total
empty.value = list.value.length === 0
} catch (err) {
console.error('分页请求失败:', err)
error.value = true
} finally {
loading.value = false
firstLoading.value = false
if (typeof onAfterRequest === 'function') {
try {
onAfterRequest(type, pageState, {
error: error.value
})
} catch (err) {
console.warn('onAfterRequest 执行异常:', err)
}
}
}
}
const refresh = () => fetchData('refresh')
const loadMore = () => fetchData('loadMore')
const resetPagination = () => {
list.value = []
pageState.page = 1
pageState.total = 0
pageState.maxPage = 1
finished.value = false
error.value = false
firstLoading.value = true
empty.value = false
}
if (autoWatchSearch && isRef(search)) {
watch(search, (newVal) => {
pageState.search = newVal
clearTimeout(debounceTimer)
debounceTimer = setTimeout(() => {
refresh()
}, debounceTime)
}, {
deep: true
})
}
watch(pageSize, (newVal) => {
pageState.pageSize = newVal
}, {
deep: true
})
if (autoFetch) {
nextTick(() => {
refresh()
})
}
return {
list,
loading,
error,
finished,
firstLoading,
empty,
pageState,
refresh,
loadMore,
resetPagination
}
}
import {
ref,
reactive,
watch,
isRef,
nextTick
} from 'vue'
export function usePagination(
requestFn,
transformFn,
options = {}
) {
const list = ref([])
const loading = ref(false)
const error = ref(false)
const finished = ref(false)
const firstLoading = ref(true)
const empty = ref(false)
const {
pageSize = 10,
search = {},
autoWatchSearch = false,
debounceTime = 300,
autoFetch = false,
// 字段映射
dataKey = 'rows',
totalKey = 'total',
// 分页字段名映射
pageField = 'current',
sizeField = 'pageSize',
onBeforeRequest,
onAfterRequest
} = options
const pageState = reactive({
page: 1,
pageSize: isRef(pageSize) ? pageSize.value : pageSize,
total: 0,
maxPage: 1,
search: isRef(search) ? search.value : search
})
let debounceTimer = null
const fetchData = async (type = 'refresh') => {
if (loading.value) return Promise.resolve()
console.log(type)
loading.value = true
error.value = false
if (typeof onBeforeRequest === 'function') {
try {
onBeforeRequest(type, pageState)
} catch (err) {
console.warn('onBeforeRequest 执行异常:', err)
}
}
if (type === 'refresh') {
pageState.page = 1
finished.value = false
if (list.value.length === 0) {
firstLoading.value = true
}
} else if (type === 'loadMore') {
if (pageState.page >= pageState.maxPage) {
loading.value = false
finished.value = true
return Promise.resolve('no more')
}
pageState.page += 1
}
const params = {
...pageState.search,
[pageField]: pageState.page,
[sizeField]: pageState.pageSize,
}
try {
const res = await requestFn(params)
const rawData = res[dataKey]
const total = res[totalKey] || 99999999
console.log(total, rawData)
const data = typeof transformFn === 'function' ? transformFn(rawData) : rawData
if (type === 'refresh') {
list.value = data
} else {
list.value.push(...data)
}
pageState.total = total
pageState.maxPage = Math.ceil(total / pageState.pageSize)
finished.value = list.value.length >= total
empty.value = list.value.length === 0
} catch (err) {
console.error('分页请求失败:', err)
error.value = true
} finally {
loading.value = false
firstLoading.value = false
if (typeof onAfterRequest === 'function') {
try {
onAfterRequest(type, pageState, {
error: error.value
})
} catch (err) {
console.warn('onAfterRequest 执行异常:', err)
}
}
}
}
const refresh = () => fetchData('refresh')
const loadMore = () => fetchData('loadMore')
const resetPagination = () => {
list.value = []
pageState.page = 1
pageState.total = 0
pageState.maxPage = 1
finished.value = false
error.value = false
firstLoading.value = true
empty.value = false
}
if (autoWatchSearch && isRef(search)) {
watch(search, (newVal) => {
pageState.search = newVal
clearTimeout(debounceTimer)
debounceTimer = setTimeout(() => {
refresh()
}, debounceTime)
}, {
deep: true
})
}
watch(pageSize, (newVal) => {
pageState.pageSize = newVal
}, {
deep: true
})
if (autoFetch) {
nextTick(() => {
refresh()
})
}
return {
list,
loading,
error,
finished,
firstLoading,
empty,
pageState,
refresh,
loadMore,
resetPagination
}
}

33
main.js
View File

@@ -1,8 +1,3 @@
/*
* @Date: 2025-11-03 10:52:09
* @LastEditors: shirlwang
* @LastEditTime: 2025-11-04 11:14:21
*/
import App from '@/App'
import * as Pinia from 'pinia'
import globalFunction from '@/common/globalFunction'
@@ -18,13 +13,6 @@ import SelectPopup from '@/components/selectPopup/selectPopup.vue'
import SelectPopupPlugin from '@/components/selectPopup/selectPopupPlugin';
import RenderJobs from '@/components/renderJobs/renderJobs.vue';
import RenderCompanys from '@/components/renderCompanys/renderCompanys.vue';
import uniIcons from './uni_modules/uni-icons/components/uni-icons/uni-icons.vue'
import uniPopup from './uni_modules/uni-popup/components/uni-popup/uni-popup.vue'
import uniDataSelect from './uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue'
import uniSwipeAction from './uni_modules/uni-swipe-action/components/uni-swipe-action/uni-swipe-action.vue'
import uniSwipeActionItem from './uni_modules/uni-swipe-action/components/uni-swipe-action-item/uni-swipe-action-item.vue'
import storeRc from './utilsRc/store/index.js'
import {processFileUrl,} from '@/utilsRc/common.js'
// iconfont.css 已在 App.vue 中通过 @import 引入,无需在此处重复引入
// import Tabbar from '@/components/tabbar/midell-box.vue'
// 自动导入 directives 目录下所有指令
@@ -39,7 +27,6 @@ import {
// const foldFeature = window.visualViewport && 'segments' in window.visualViewport
// console.log('是否支持多段屏幕:', foldFeature)
import { getDict } from '@/apiRc/system/dict.js';
// 全局组件
export function createApp() {
const app = createSSRApp(App)
@@ -51,24 +38,6 @@ export function createApp() {
app.component('SelectPopup', SelectPopup)
app.component('RenderJobs', RenderJobs)
app.component('RenderCompanys', RenderCompanys)
app.component('uni-icons', uniIcons)
app.component('uni-popup', uniPopup)
app.component('uni-data-select', uniDataSelect)
app.component('uni-swipe-action', uniSwipeAction)
app.component('uni-swipe-action-item', uniSwipeActionItem)
app.config.globalProperties.$processFileUrl = processFileUrl;
app.config.globalProperties.$getDict = getDict;
app.config.globalProperties.$store = storeRc;
app.config.globalProperties.$getDictSelectOption = async (dictType, isDigital = false, forceRefresh = false) => {
const dictData = await getDict(dictType, forceRefresh);
return dictData.map(item => ({
value: isDigital ? Number(item.dictValue || item.dictvalue) : (item.dictValue || item.dictvalue),
label: item.dictLabel || item.dictlabel,
...item
}));
};
// app.component('tabbar-custom', Tabbar)
for (const path in directives) {
@@ -87,8 +56,6 @@ export function createApp() {
app.use(SelectPopupPlugin);
app.use(Pinia.createPinia());
// 注册vuex
app.use(storeRc);
return {
app,

View File

@@ -50,7 +50,7 @@
"quickapp" : {},
/* */
"mp-weixin" : {
"appid" : "wx4aa34488b965a331",
"appid" : "wxc63baa791b81a51a",
"setting" : {
"urlCheck" : false,
"es6" : true,
@@ -63,11 +63,7 @@
"desc" : "用于用户选择地图查看位置"
}
},
"lazyCodeLoading" : "requiredComponents",
"libVersion" : "3.5.7",
"optimization" : {
"subPackages" : true
}
"libVersion" : "3.5.7"
},
"mp-alipay" : {
"usingComponents" : true

61
package-lock.json generated
View File

@@ -1,61 +0,0 @@
{
"requires": true,
"packages": {
"": {
"dependencies": {
"@dcloudio/uni-ui": "^1.5.11",
"dayjs": "^1.11.19",
"sm-crypto": "^0.3.13"
}
},
"node_modules/@dcloudio/uni-ui": {
"version": "1.5.11",
"resolved": "https://registry.npmjs.org/@dcloudio/uni-ui/-/uni-ui-1.5.11.tgz",
"integrity": "sha512-DBtk046ofmeFd82zRI7d89SoEwrAxYzUN3WVPm1DIBkpLPG5F5QDNkHMnZGu2wNrMEmGBjBpUh3vqEY1L3jaMw=="
},
"node_modules/dayjs": {
"version": "1.11.19",
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
"integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw=="
},
"node_modules/jsbn": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
"integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A=="
},
"node_modules/sm-crypto": {
"version": "0.3.13",
"resolved": "https://registry.npmmirror.com/sm-crypto/-/sm-crypto-0.3.13.tgz",
"integrity": "sha512-ztNF+pZq6viCPMA1A6KKu3bgpkmYti5avykRHbcFIdSipFdkVmfUw2CnpM2kBJyppIalqvczLNM3wR8OQ0pT5w==",
"license": "MIT",
"dependencies": {
"jsbn": "^1.1.0"
}
}
},
"dependencies": {
"@dcloudio/uni-ui": {
"version": "1.5.11",
"resolved": "https://registry.npmjs.org/@dcloudio/uni-ui/-/uni-ui-1.5.11.tgz",
"integrity": "sha512-DBtk046ofmeFd82zRI7d89SoEwrAxYzUN3WVPm1DIBkpLPG5F5QDNkHMnZGu2wNrMEmGBjBpUh3vqEY1L3jaMw=="
},
"dayjs": {
"version": "1.11.19",
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
"integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw=="
},
"jsbn": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
"integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A=="
},
"sm-crypto": {
"version": "0.3.13",
"resolved": "https://registry.npmmirror.com/sm-crypto/-/sm-crypto-0.3.13.tgz",
"integrity": "sha512-ztNF+pZq6viCPMA1A6KKu3bgpkmYti5avykRHbcFIdSipFdkVmfUw2CnpM2kBJyppIalqvczLNM3wR8OQ0pT5w==",
"requires": {
"jsbn": "^1.1.0"
}
}
}
}

View File

@@ -1,7 +0,0 @@
{
"dependencies": {
"@dcloudio/uni-ui": "^1.5.11",
"dayjs": "^1.11.19",
"sm-crypto": "^0.3.13"
}
}

View File

@@ -1,423 +1,320 @@
<template>
<AppLayout title="" :use-scroll-view="false">
<template #headerleft>
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template>
<template #headerright>
<view class="btn mar_ri10">
<image src="@/static/icon/collect3.png" v-if="!companyInfo.isCollection"></image>
<image src="@/static/icon/collect2.png" v-else></image>
</view>
</template>
<view class="content">
<view class="content-top">
<view class="companyinfo-left">
<image src="@/static/icon/companyIcon.png" mode=""></image>
</view>
<view class="companyinfo-right">
<view class="row1">{{ companyInfo?.companyName }}</view>
<view class="row2">
{{ companyInfo?.scale }}
</view>
</view>
</view>
<view class="conetent-info" :class="{ expanded: isExpanded }">
<view class="info-title">公司介绍</view>
<view class="info-desirption">{{
companyInfo.companyIntroduction
}}</view>
<!-- <view class="info-title title2">公司地址</view>
<AppLayout title="" :use-scroll-view="false">
<template #headerleft>
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template>
<template #headerright>
<view class="btn mar_ri10">
<image
src="@/static/icon/collect3.png"
v-if="!companyInfo.isCollection"
@click="companyCollection"
></image>
<image src="@/static/icon/collect2.png" v-else @click="companyCollection"></image>
</view>
</template>
<view class="content">
<view class="content-top">
<view class="companyinfo-left">
<image src="@/static/icon/companyIcon.png" mode=""></image>
</view>
<view class="companyinfo-right">
<view class="row1">{{ companyInfo?.name }}</view>
<view class="row2">
<dict-tree-Label
v-if="companyInfo?.industry"
dictType="industry"
:value="companyInfo?.industry"
></dict-tree-Label>
<span v-if="companyInfo?.industry">&nbsp;</span>
<dict-Label dictType="scale" :value="companyInfo?.scale"></dict-Label>
</view>
</view>
</view>
<view class="conetent-info" :class="{ expanded: isExpanded }">
<view class="info-title">公司介绍</view>
<view class="info-desirption">{{ companyInfo.description }}</view>
<!-- <view class="info-title title2">公司地址</view>
<view class="locationCompany"></view> -->
</view>
<view class="expand" @click="expand">
<text>{{ isExpanded ? "收起" : "展开" }}</text>
<image class="expand-img" :class="{ 'expand-img-active': !isExpanded }" src="@/static/icon/downs.png">
</image>
</view>
<scroll-view scroll-y class="Detailscroll-view">
<view class="views">
<view class="Detail-title"><text class="title">在招职位</text></view>
<template v-if="companyInfo.jobInfoList.length != 0">
<view v-for="job in companyInfo.jobInfoList" :key="job.id">
<!-- @click="navTo(`/packageA/pages/post/post?jobId=${JSON.stringify(job)}`)" -->
<!-- :style="getItemBackgroundStyle('bj2.png')" -->
<view class="cards">
<view class="card-company">
<text class="company">{{ job.jobTitle }}</text>
<view class="salary"> {{ job.salaryRange }}/ </view>
</view>
<view class="card-tags">
<view class="tag jy">
<image :src="`${baseUrl}/jobfair/jy.png`" mode=""></image>
{{ job.experienceRequirement }}
</view>
<view class="tag xl">
<image :src="`${baseUrl}/jobfair/xx.png`" mode=""></image>
{{ job.educationRequirement }}
</view>
<view class="tag yd" v-if="job.jobRequirement">
<image :src="`${baseUrl}/jobfair/lx-1.png`" mode=""></image>
{{ job.jobRequirement }}
</view>
</view>
<view class="card-companyName">
{{ job.jobDescription }}
</view>
<view class="deliver-box">
<view class="deliver-btn" @click="deliverResume(job)">
简历投递
</view>
</view>
</view>
</view>
</template>
<empty v-else pdTop="200"></empty>
</view>
</scroll-view>
</view>
</AppLayout>
</view>
<view class="expand" @click="expand">
<text>{{ isExpanded ? '收起' : '展开' }}</text>
<image
class="expand-img"
:class="{ 'expand-img-active': !isExpanded }"
src="@/static/icon/downs.png"
></image>
</view>
<scroll-view scroll-y class="Detailscroll-view" @scrolltolower="getJobsList('add')">
<view class="views">
<view class="Detail-title"><text class="title">在招职位</text></view>
<renderJobs
v-if="pageState.list.length"
:list="pageState.list"
:longitude="longitudeVal"
:latitude="latitudeVal"
></renderJobs>
<empty v-else pdTop="200"></empty>
</view>
</scroll-view>
</view>
</AppLayout>
</template>
<script setup>
import {
reactive,
inject,
watch,
ref,
onMounted,
computed
} from "vue";
import {
onLoad,
onShow
} from "@dcloudio/uni-app";
import dictLabel from "@/components/dict-Label/dict-Label.vue";
import config from "@/config.js";
import {
storeToRefs
} from "pinia";
import useLocationStore from "@/stores/useLocationStore";
const {
longitudeVal,
latitudeVal
} = storeToRefs(useLocationStore());
const {
$api,
navTo,
vacanciesTo,
navBack
} = inject("globalFunction");
const isExpanded = ref(false);
const pageState = reactive({
page: 0,
list: [],
total: 0,
maxPage: 1,
pageSize: 10,
});
const companyInfo = ref({
jobInfoList: [],
});
import point from '@/static/icon/point.png';
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
import dictLabel from '@/components/dict-Label/dict-Label.vue';
import { storeToRefs } from 'pinia';
import useLocationStore from '@/stores/useLocationStore';
const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
const { $api, navTo, vacanciesTo, navBack } = inject('globalFunction');
const baseUrl = config.imgBaseUrl;
const getItemBackgroundStyle = (imageName) => ({
backgroundImage: `url(${baseUrl}/jobfair/${imageName})`,
backgroundSize: "100% 100%", // 覆盖整个容器
backgroundPosition: "center", // 居中
backgroundRepeat: "no-repeat",
});
const isExpanded = ref(false);
const pageState = reactive({
page: 0,
list: [],
total: 0,
maxPage: 1,
pageSize: 10,
});
const companyInfo = ref({});
onLoad((options) => {
companyInfo.value = JSON.parse(options.job);
});
onLoad((options) => {
console.log(options);
getCompanyInfo(options.companyId || options.bussinessId);
});
function expand() {
isExpanded.value = !isExpanded.value;
}
function companyCollection() {
const companyId = companyInfo.value.companyId;
if (companyInfo.value.isCollection) {
$api.createRequest(`/app/company/collection/${companyId}`, {}, 'DELETE').then((resData) => {
getCompanyInfo(companyId);
$api.msg('取消收藏成功');
});
} else {
$api.createRequest(`/app/company/collection/${companyId}`, {}, 'POST').then((resData) => {
getCompanyInfo(companyId);
$api.msg('收藏成功');
});
}
}
function deliverResume(job) {
const raw = uni.getStorageSync("Padmin-Token");
const token = typeof raw === "string" ? raw.trim() : "";
const headers = token ? {
Authorization: raw.startsWith("Bearer ") ? raw : `Bearer ${token}`
} : {};
function getCompanyInfo(id) {
$api.createRequest(`/app/company/${id}`).then((resData) => {
companyInfo.value = resData.data;
getJobsList();
});
}
$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData1) => {
if (resData1.code == 200) {
$api.myRequest("/system/user/login/user/info", {}, "GET", 10100, headers).then((resData) => {
$api.myRequest("/jobfair/public/job-fair-person-job/insert", {
jobFairId: companyInfo.value.jobFairId, // 招聘会id
personId: resData.info.userId, // 当前登录用户id
enterpriseId: companyInfo.value.companyId, // 企业id
jobId: job.jobId, // 岗位id
idCard:resData.info.personCardNo
}, "post", 9100, {
"Content-Type": "application/json"
}).then((data) => {
if (data && data.code === 200) {
$api.msg("简历投递成功");
} else {
$api.msg((data && data.msg) || "简历投递失败");
}
});
});
} else {
$api.msg('请先登录')
}
});
function getJobsList(type = 'add') {
if (type === 'refresh') {
pageState.page = 1;
pageState.maxPage = 1;
}
if (type === 'add' && pageState.page < pageState.maxPage) {
pageState.page += 1;
}
let params = {
current: pageState.page,
pageSize: pageState.pageSize,
};
$api.createRequest(`/app/company/job/${companyInfo.value.companyId}`, params).then((resData) => {
const { rows, total } = resData;
if (type === 'add') {
const str = pageState.pageSize * (pageState.page - 1);
const end = pageState.list.length;
const reslist = rows;
pageState.list.splice(str, end, ...reslist);
} else {
pageState.list = rows;
}
pageState.total = resData.total;
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
});
}
}
function expand() {
isExpanded.value = !isExpanded.value;
}
</script>
<style lang="stylus" scoped>
.btnback {
width: 64rpx;
height: 64rpx;
}
.btnback{
width: 64rpx;
height: 64rpx;
}
.btn {
display: flex;
justify-content: space-between;
align-items: center;
width: 52rpx;
height: 52rpx;
}
image {
height: 100%;
width: 100%;
}
.content{
height: 100%
display: flex;
flex-direction: column
.content-top{
padding: 28rpx
padding-top: 50rpx
display: flex
flex-direction: row
flex-wrap: nowrap
.companyinfo-left{
width: 96rpx;
height: 96rpx;
margin-right: 24rpx
}
.companyinfo-right{
.btn {
display: flex;
justify-content: space-between;
align-items: center;
width: 52rpx;
height: 52rpx;
}
image {
height: 100%;
width: 100%;
}
.content {
height: 100%;
display: flex;
flex-direction: column;
.content-top {
padding: 28rpx;
padding-top: 50rpx;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
.companyinfo-left {
width: 96rpx;
height: 96rpx;
margin-right: 24rpx;
}
.companyinfo-right {
.row1 {
font-weight: 500;
font-size: 32rpx;
color: #333333;
}
.row2 {
font-weight: 400;
font-size: 28rpx;
color: #6C7282;
line-height: 45rpx;
}
}
}
.conetent-info {
padding: 0 28rpx;
overflow: hidden;
max-height: 0rpx;
transition: max-height 0.3s ease;
.info-title {
font-weight: 600;
font-size: 28rpx;
color: #000000;
}
.info-desirption {
margin-top: 12rpx;
font-weight: 400;
font-size: 28rpx;
color: #495265;
text-align: justified;
}
.title2 {
margin-top: 48rpx;
}
}
.expanded {
max-height: 1000rpx; // 足够显示完整内容
}
.expand {
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
justify-content: center;
margin-top: 20rpx;
margin-bottom: 28rpx;
font-weight: 400;
font-size: 28rpx;
color: #256BFA;
.expand-img {
width: 40rpx;
height: 40rpx;
}
.expand-img-active {
transform: rotate(180deg);
}
}
}
.Detailscroll-view {
flex: 1;
overflow: hidden;
background: #F4F4F4;
.views {
padding: 28rpx;
.Detail-title {
font-weight: 600;
font-size: 32rpx;
color: #000000;
position: relative;
display: flex;
justify-content: space-between;
.title {
position: relative;
z-index: 2;
}
}
.Detail-title::before {
position: absolute;
content: '';
left: -14rpx;
bottom: 0;
height: 16rpx;
width: 108rpx;
background: linear-gradient(to right, #CBDEFF, #FFFFFF);
border-radius: 8rpx;
z-index: 1;
}
.cards {
padding: 32rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.04);
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin-top: 22rpx;
padding-bottom: 18rpx;
background: #f2f8fc;
.card-company {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1rpx solid #c2d7ea;
.company {
font-weight: 600;
font-size: 32rpx;
color: #207AC7;
}
.salary {
font-weight: 600;
font-size: 28rpx;
color: #F83A3C;
white-space: nowrap;
line-height: 48rpx;
}
}
.deliver-box {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 5rpx;
.deliver-btn {
padding: 10rpx 25rpx;
background: #53ACFF;
width: max-content;
color: #fff;
}
}
.card-companyName {
font-weight: 400;
font-size: 28rpx;
margin-top: 23rpx;
display: flex;
align-items: center;
image {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
}
}
.card-tags {
display: flex;
flex-wrap: wrap;
margin: 25rpx 0 35rpx;
image {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
}
.jy {
background: #D9EDFF;
color: #0086FF;
}
.xl {
background: #FFF1D5;
color: #FF7F01;
}
.yd {
background: #FFD8D8;
color: #F83A3C;
}
.tag {
width: fit-content;
height: 30rpx;
border-radius: 4rpx;
padding: 6rpx 20rpx;
line-height: 30rpx;
font-weight: 400;
font-size: 24rpx;
text-align: center;
white-space: nowrap;
margin-right: 20rpx;
display: flex;
align-items: center;
}
}
.card-bottom {
margin-top: 32rpx;
display: flex;
justify-content: space-between;
font-size: 28rpx;
color: #6C7282;
}
}
}
}
.row1{
font-weight: 500;
font-size: 32rpx;
color: #333333;
}
.row2{
font-weight: 400;
font-size: 28rpx;
color: #6C7282;
line-height: 45rpx;
}
}
}
.conetent-info{
padding: 0 28rpx
overflow: hidden;
max-height: 0rpx;
transition: max-height 0.3s ease;
.info-title{
font-weight: 600;
font-size: 28rpx;
color: #000000;
}
.info-desirption{
margin-top: 12rpx
font-weight: 400;
font-size: 28rpx;
color: #495265;
text-align: justified;
}
.title2{
margin-top: 48rpx
}
}
.expanded {
max-height: 1000rpx; // 足够显示完整内容
}
.expand{
display: flex
flex-wrap: nowrap
white-space: nowrap
justify-content: center
margin-top: 20rpx
margin-bottom: 28rpx
font-weight: 400;
font-size: 28rpx;
color: #256BFA;
.expand-img{
width: 40rpx;
height: 40rpx;
}
.expand-img-active{
transform: rotate(180deg)
}
}
}
.Detailscroll-view{
flex: 1;
overflow: hidden;
background: #F4F4F4;
.views{
padding: 28rpx
.Detail-title{
font-weight: 600;
font-size: 32rpx;
color: #000000;
position: relative;
display: flex
justify-content: space-between
.title{
position: relative;
z-index: 2;
}
}
.Detail-title::before{
position: absolute
content: '';
left: -14rpx
bottom: 0
height: 16rpx;
width: 108rpx;
background: linear-gradient(to right, #CBDEFF, #FFFFFF);
border-radius: 8rpx;
z-index: 1;
}
.cards{
padding: 32rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04);
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin-top: 22rpx;
.card-company{
display: flex
justify-content: space-between
align-items: flex-start
.company{
font-weight: 500;
font-size: 32rpx;
color: #333333;
}
.salary{
font-weight: 500;
font-size: 28rpx;
color: #4C6EFB;
white-space: nowrap
line-height: 48rpx
}
}
.card-companyName{
font-weight: 400;
font-size: 28rpx;
color: #6C7282;
}
.card-tags{
display: flex
flex-wrap: wrap
.tag{
width: fit-content;
height: 30rpx;
background: #F4F4F4;
border-radius: 4rpx;
padding: 6rpx 20rpx;
line-height: 30rpx;
font-weight: 400;
font-size: 24rpx;
color: #6C7282;
text-align: center;
margin-top: 14rpx;
white-space: nowrap
margin-right: 20rpx
}
}
.card-bottom{
margin-top: 32rpx
display: flex
justify-content: space-between
font-size: 28rpx;
color: #6C7282;
}
}
}
}
</style>

View File

@@ -1,5 +1,16 @@
<template>
<view class="page-container">
<AppLayout
title="添加工作经历"
border
back-gorund-color="#ffffff"
:show-bg-image="false"
>
<template #headerleft>
<view class="btn mar_le20 button-click" @click="navBack">取消</view>
</template>
<template #headerright>
<view class="btn mar_ri20 button-click" @click="handleConfirm">确认</view>
</template>
<view class="content">
<view class="content-input">
<view class="input-titile">公司名称</view>
@@ -33,12 +44,8 @@
<textarea class="textarea-con" v-model="formData.description" placeholder-style="font-size: 16px" maxlength="500" placeholder="请输入工作描述"/>
</view>
</view>
<!-- 底部确认按钮 -->
<view class="bottom-confirm-btn">
<view class="confirm-btn" @click="handleConfirm">确认</view>
</view>
</view>
</AppLayout>
</template>
<script setup>
@@ -199,6 +206,7 @@
console.log('页面类型:', pageType.value);
let resData;
alert(editData.value.id)
// 根据页面类型调用不同的接口
if (pageType.value === 'edit' && editData.value?.id) {
// 编辑模式:调用更新接口
@@ -226,18 +234,12 @@
</script>
<style lang="stylus" scoped>
.page-container {
min-height: 100vh;
background-color: #ffffff;
position: relative;
}
.content{
padding: 28rpx;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 120rpx;
justify-content: flex-start
height: calc(100% - 120rpx)
}
.content-input
margin-bottom: 52rpx
@@ -326,30 +328,6 @@
line-height: 20rpx
display: flex
align-items: center
// 底部确认按钮样式
.bottom-confirm-btn
position: fixed
bottom: 0
left: 0
right: 0
background-color: #ffffff
padding: 20rpx 28rpx
border-top: 2rpx solid #EBEBEB
z-index: 999
.confirm-btn
width: 100%
height: 90rpx
background: #256BFA
border-radius: 12rpx
font-weight: 500
font-size: 32rpx
color: #FFFFFF
text-align: center
line-height: 90rpx
button-click: true
// .content-sex
// height: 110rpx;
// display: flex

View File

@@ -1,5 +1,10 @@
<template>
<AppLayout title="我的浏览" :show-bg-image="false" :use-scroll-view="false">
<template #headerleft>
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template>
<view class="collection-content">
<view class="collection-search">
<view class="search-content">

View File

@@ -1,5 +1,10 @@
<template>
<AppLayout title="我的收藏" :show-bg-image="false" :use-scroll-view="false">
<template #headerleft>
<view class="btn">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template>
<view class="collection-content">
<view class="header">
<view class="button-click" :class="{ active: type === 0 }" @click="changeType(0)">工作职位</view>

File diff suppressed because it is too large Load Diff

View File

@@ -31,7 +31,7 @@
<input
class="input-con triangle"
disabled
v-if="!state.jobsText || !state.jobsText.length"
v-if="!state.jobsText.length"
placeholder="请选择您的求职岗位"
/>
<view class="input-nx" @click="changeJobs" v-else>
@@ -40,7 +40,6 @@
</view>
</view>
<SelectJobs ref="selectJobsModel"></SelectJobs>
<SelectPopup ref="selectPopupRef"></SelectPopup>
</AppLayout>
</template>
@@ -48,24 +47,16 @@
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
import SelectJobs from '@/components/selectJobs/selectJobs.vue';
import SelectPopup from '@/components/selectPopup/selectPopup.vue';
const { $api, navTo, navBack, config } = inject('globalFunction');
// 创建本地的 openSelectPopup 函数
const openSelectPopup = (config) => {
if (selectPopupRef.value) {
selectPopupRef.value.open(config);
}
};
const openSelectPopup = inject('openSelectPopup');
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
import useDictStore from '@/stores/useDictStore';
const { userInfo } = storeToRefs(useUserStore());
const { getUserResume } = useUserStore();
const { dictLabel, oneDictData, getDictData } = useDictStore();
const { dictLabel, oneDictData } = useDictStore();
const selectJobsModel = ref();
const selectPopupRef = ref();
const percent = ref('0%');
const salay = [2, 5, 10, 15, 20, 25, 30, 50, 80, 100];
const state = reactive({
@@ -81,9 +72,7 @@ const fromValue = reactive({
area: '',
jobTitleId: [],
});
onLoad(async () => {
// 初始化字典数据
await getDictData();
onLoad(() => {
initLoad();
});
const confirm = () => {
@@ -110,12 +99,8 @@ function initLoad() {
fromValue.jobTitleId = userInfo.value.jobTitleId;
// 回显
state.areaText = dictLabel('area', Number(userInfo.value.area));
if (userInfo.value.salaryMin && userInfo.value.salaryMax) {
state.salayText = `${userInfo.value.salaryMin}-${userInfo.value.salaryMax}`;
} else {
state.salayText = '';
}
state.jobsText = userInfo.value.jobTitle || [];
state.salayText = `${userInfo.value.salaryMin}-${userInfo.value.salaryMax}`;
state.jobsText = userInfo.value.jobTitle;
const result = getFormCompletionPercent(fromValue);
percent.value = result;
}
@@ -138,8 +123,7 @@ const changeSalary = () => {
const copyri = JSON.parse(JSON.stringify(salay));
const [lf, ri] = e.detail.value;
const risalay = copyri.slice(lf, copyri.length);
// 更新右侧选项
state.risalay = risalay;
this.setColunm(1, risalay);
leftIndex = salayData[0];
}
},

View File

@@ -13,7 +13,7 @@ import useUserStore from '@/stores/useUserStore';
const { $api, navTo, navBack, vacanciesTo } = inject('globalFunction');
import { storeToRefs } from 'pinia';
import useLocationStore from '@/stores/useLocationStore';
import { usePagination } from '@/packageA/hook/usePagination';
import { usePagination } from '@/hook/usePagination';
import { jobMoreMap } from '@/utils/markdownParser';
const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
const loadmoreRef = ref(null);

View File

@@ -123,16 +123,21 @@
<!-- 4. 新增简历上传区域固定在页面底部 -->
<view class="resume-upload-section">
<!-- 上传按钮 -->
<button class="upload-btn" @click="handleResumeUpload" :loading="isUploading" :disabled="isUploading">
<uni-icons type="cloud-upload" size="20"></uni-icons>
<!-- <image class="upload-icon" src="/static/icons/upload-file.png" mode="widthFix"></image> -->
<text class="upload-text">
{{ uploadedResumeName || '上传简历' }}
</text>
<!-- 已上传时显示重新上传文字 -->
<text class="reupload-text" v-if="uploadedResumeName">重新上传</text>
</button>
<!-- 上传说明 -->
<text class="upload-tip">支持 PDFWord 格式文件大小不超过 20MB</text>
<!-- 已上传文件信息可选 -->
<view class="uploaded-file-info" v-if="uploadedResumeName">
<image class="file-icon" src="/static/icons/file-icon.png" mode="widthFix"></image>
<text class="file-name">{{ uploadedResumeName }}</text>
@@ -267,202 +272,12 @@ const handleDeleteItem = async (item, index) => {
};
// 简历上传核心逻辑
const handleResumeUpload = () => {
// 从缓存获取用户ID参考首页实现方式
// 优先从store获取如果为空则从缓存获取
const storeUserId = userInfo.value?.userId;
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const cachedUserId = cachedUserInfo.userId;
// 获取用户ID优先使用store中的userId如果store中没有使用缓存中的userId
const userId = storeUserId || cachedUserId;
if (!userId) {
$api.msg('请先登录');
return;
}
// 检查是否正在上传
if (isUploading.value) {
return;
}
// 选择文件(微信小程序使用 wx.chooseMessageFileuni-app 中对应 uni.chooseMessageFile
uni.chooseMessageFile({
count: 1, // 只能选择一个文件
type: 'file', // 选择任意文件类型
success: (res) => {
// 注意:文件路径在 res.tempFiles[0].path
const file = res.tempFiles[0];
const tempFilePath = file.path; // 获取临时文件路径
const fileName = file.name; // 获取文件名
// 检查文件大小20MB = 20 * 1024 * 1024 字节)
const maxSize = 20 * 1024 * 1024;
if (file.size > maxSize) {
$api.msg('文件大小不能超过 20MB');
return;
}
// 检查文件类型
const allowedTypes = ['pdf', 'doc', 'docx'];
const fileExtension = fileName.split('.').pop()?.toLowerCase();
if (!fileExtension || !allowedTypes.includes(fileExtension)) {
$api.msg('仅支持 PDF、Word 格式');
return;
}
// 开始上传
uploadResumeFile(tempFilePath, fileName, userId);
},
fail: (err) => {
console.error('选择文件失败:', err);
// 用户取消选择不提示错误
if (err.errMsg && !err.errMsg.includes('cancel')) {
$api.msg('选择文件失败,请重试');
}
}
});
};
// 上传简历文件到服务器(使用 wx.uploadFileuni-app 中对应 uni.uploadFile
const uploadResumeFile = (filePath, fileName, userId) => {
// 确保 userId 存在且有效
if (!userId) {
// 如果传入的userId为空尝试从缓存再次获取
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const cachedUserId = cachedUserInfo.userId;
if (!cachedUserId) {
$api.msg('用户ID不存在无法上传');
return;
}
// 使用缓存中的userId
userId = cachedUserId;
}
isUploading.value = true;
// 获取token从缓存获取参考首页实现方式
let Authorization = '';
const tokenValue = uni.getStorageSync('token') || '';
if (tokenValue) {
Authorization = tokenValue;
} else {
// 如果缓存中没有token尝试从store获取
const userStore = useUserStore();
if (userStore.token) {
Authorization = userStore.token;
}
}
// 根据接口文档bussinessId 应该作为 Query 参数传递,而不是 formData
// 将 bussinessId 拼接到 URL 上作为查询参数
const uploadUrl = `${config.baseUrl}/app/file/upload?bussinessId=${encodeURIComponent(String(userId))}`;
// 打印调试信息
console.log('上传文件参数:', {
url: uploadUrl,
fileName: fileName,
bussinessId: userId,
userId: userId,
token: Authorization ? '已获取' : '未获取'
});
// 上传文件(参考微信小程序 wx.uploadFile API
uni.uploadFile({
url: uploadUrl, // 开发者服务器的上传接口(必须是 HTTPSbussinessId 作为 Query 参数
filePath: filePath, // 本地文件路径(临时路径)
name: 'file', // 服务器端接收文件的字段名(需与后端一致)
// 注意根据接口文档bussinessId 通过 Query 参数传递,不需要 formData
header: {
'Authorization': encodeURIComponent(Authorization)
},
success: (uploadRes) => {
try {
// 注意res.data 是字符串,需转为 JSON如果后端返回 JSON
// 参考方案const result = JSON.parse(data);
let resData;
if (typeof uploadRes.data === 'string') {
resData = JSON.parse(uploadRes.data);
} else {
resData = uploadRes.data;
}
// 判断上传是否成功
if (uploadRes.statusCode === 200 && resData.code === 200) {
// 上传成功,处理返回结果
uploadedResumeName.value = fileName;
uploadedResumeUrl.value = resData.data || resData.msg || resData.url || '';
$api.msg('简历上传成功');
console.log('上传成功', resData);
// 可以在这里保存简历信息到后端(如果需要)
// saveResumeInfo(userId, uploadedResumeUrl.value, fileName);
} else {
// 上传失败
const errorMsg = resData.msg || resData.message || '上传失败,请重试';
$api.msg(errorMsg);
console.error('上传失败:', resData);
}
} catch (error) {
// 解析响应数据失败
console.error('解析上传响应失败:', error);
console.error('原始响应数据:', uploadRes.data);
$api.msg('上传失败,请重试');
}
},
fail: (err) => {
// 上传失败
console.error('上传文件失败:', err);
$api.msg('上传失败,请检查网络连接');
},
// 上传进度监听(可选)
progress: (res) => {
const progress = res.progress; // 上传进度0-100
console.log('上传进度:', progress + '%');
// 可以在这里更新进度条 UI如果需要
},
complete: () => {
// 上传完成(无论成功或失败)
isUploading.value = false;
}
});
};
const handleResumeUpload = () => {};
// 删除已上传的简历
const handleDeleteResume = () => {
if (!uploadedResumeName.value) {
return;
}
uni.showModal({
title: '确认删除',
content: '确定要删除已上传的简历吗?',
success: (res) => {
if (res.confirm) {
// 清除本地数据
uploadedResumeName.value = '';
uploadedResumeUrl.value = '';
$api.msg('已删除');
// 如果需要,可以调用后端接口删除服务器上的文件
// deleteResumeFile(userId);
}
}
});
};
const handleDeleteResume = () => {};
</script>
<style lang="stylus">
/* 修复页面滚动问题:覆盖全局的 overflow: hidden */
page {
overflow-y: auto !important;
overflow-x: hidden;
}
</style>
<style lang="stylus" scoped>
image{
width: 100%;

View File

@@ -52,81 +52,32 @@
</view>
<view class="content-input">
<view class="input-titile">身份证</view>
<input class="input-con" v-model="fromValue.idCard" placeholder="请输入身份证号码" />
<input class="input-con" v-model="fromValue.idcard" placeholder="" />
</view>
<view class="content-input">
<view class="input-titile">手机号码</view>
<input class="input-con" v-model="fromValue.phone" placeholder="请输入您的手机号码" />
</view>
<view class="content-input" @click="changeSkillLevel">
<view class="input-titile">技能等级</view>
<input
class="input-con triangle"
disabled
v-model="state.skillLevelText"
placeholder="请选择您的技能等级"
/>
</view>
<view class="content-input" @click="changeSkills">
<view class="input-titile">技能名称</view>
<input
class="input-con triangle"
disabled
v-if="!state.skillsText.length"
placeholder="请选择您的技能名称"
/>
<view class="input-nx" @click="changeSkills" v-else>
<view class="nx-item" v-for="(item, index) in state.skillsText" :key="index">{{ item }}</view>
</view>
</view>
</view>
<SelectPopup ref="selectPopupRef"></SelectPopup>
</AppLayout>
</template>
<script setup>
import { reactive, inject, watch, ref, onMounted, onUnmounted } from 'vue';
import { reactive, inject, watch, ref, onMounted } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, navTo, navBack, checkingPhoneRegExp } = inject('globalFunction');
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
import useDictStore from '@/stores/useDictStore';
import SelectPopup from '@/components/selectPopup/selectPopup.vue';
const { userInfo } = storeToRefs(useUserStore());
const { getUserResume } = useUserStore();
const dictStore = useDictStore();
const { dictLabel, oneDictData, complete: dictComplete, getDictSelectOption } = dictStore;
// #ifdef H5
const injectedOpenSelectPopup = inject('openSelectPopup', null);
// #endif
// #ifdef MP-WEIXIN
const selectPopupRef = ref();
// #endif
// 创建本地的 openSelectPopup 函数,兼容 H5 和微信小程序
const openSelectPopup = (config) => {
// #ifdef MP-WEIXIN
if (selectPopupRef.value) {
selectPopupRef.value.open(config);
}
// #endif
// #ifdef H5
if (injectedOpenSelectPopup) {
injectedOpenSelectPopup(config);
}
// #endif
};
const { dictLabel, oneDictData } = useDictStore();
const openSelectPopup = inject('openSelectPopup');
const percent = ref('0%');
const state = reactive({
educationText: '',
politicalAffiliationText: '',
skillsText: [],
skillLevelText: ''
});
const fromValue = reactive({
name: '',
@@ -134,308 +85,34 @@ const fromValue = reactive({
birthDate: '',
education: '',
politicalAffiliation: '',
idCard: '',
skills: '',
skillLevel: ''
idcard: '',
});
// 移除重复的onLoad定义已在上方实现
// 在onLoad中初始化数据确保页面加载时就能获取技能信息
onLoad(() => {
// 初始化页面数据
initLoad();
// initLoad执行完毕后尝试从appSkillsList获取和设置技能信息
// 使用setTimeout确保initLoad完全执行
setTimeout(() => {
try {
// 方式1直接从缓存获取appSkillsList
let appSkillsList = uni.getStorageSync('appSkillsList');
// 方式2如果缓存中没有尝试从用户信息中获取
if (!appSkillsList || !Array.isArray(appSkillsList) || appSkillsList.length === 0) {
const userInfo = uni.getStorageSync('userInfo');
if (userInfo && userInfo.appSkillsList) {
appSkillsList = userInfo.appSkillsList;
}
}
// 打印调试信息
console.log('获取到的appSkillsList:', appSkillsList);
// 处理技能信息回显
if (appSkillsList && Array.isArray(appSkillsList) && appSkillsList.length > 0) {
// 过滤掉name为空的技能项
const validSkills = appSkillsList.filter(item => item.name && item.name.trim() !== '');
console.log('过滤后的有效技能:', validSkills);
if (validSkills.length > 0) {
// 提取有效的技能名称数组
const skillNames = validSkills.map(item => item.name);
console.log('提取的技能名称数组:', skillNames);
// 确保fromValue.skills和state.skillsText的格式正确
fromValue.skills = skillNames.join(','); // 转换为逗号分隔的字符串
state.skillsText = skillNames; // 转换为数组格式
console.log('设置的fromValue.skills:', fromValue.skills);
console.log('设置的state.skillsText:', state.skillsText);
// 提取最后一个技能的等级
const lastSkill = validSkills[validSkills.length - 1];
const lastSkillLevel = lastSkill.levels;
console.log('最后一个技能等级:', lastSkillLevel);
if (lastSkillLevel) {
// 定义等级映射,用于兼容不同格式的等级值
const levelMap = {
'1': { value: '1', label: '初级' },
'2': { value: '2', label: '中级' },
'3': { value: '3', label: '高级' },
'初级': { value: '1', label: '初级' },
'中级': { value: '2', label: '中级' },
'高级': { value: '3', label: '高级' }
};
// 获取对应的等级信息
const levelInfo = levelMap[lastSkillLevel] || { value: '1', label: '初级' };
fromValue.skillLevel = levelInfo.value;
state.skillLevelText = levelInfo.label;
console.log('设置的技能等级:', levelInfo);
}
}
// 更新完成度百分比
const result = getFormCompletionPercent(fromValue);
percent.value = result;
console.log('更新完成度:', percent.value);
}
} catch (error) {
console.error('获取技能信息失败:', error);
}
}, 100); // 短暂延迟确保初始化完成
// setTimeout(() => {
// const { age, birthDate } = useUserStore().userInfo;
// const newAge = calculateAge(birthDate);
// // 计算年龄是否对等
// if (age != newAge) {
// completeResume();
// }
// }, 1000);
});
// 监听页面显示,接收从技能查询页面返回的数据
onShow(() => {
// 通过事件总线接收技能选择结果
uni.$on('skillSelected', handleSkillSelected);
// 在页面显示时也再次尝试获取技能信息,确保数据最新
try {
// 优先尝试从用户信息中获取
const userInfo = uni.getStorageSync('userInfo');
let appSkillsList = userInfo && userInfo.appSkillsList ? userInfo.appSkillsList : uni.getStorageSync('appSkillsList');
// 只有在之前未设置或数据有更新时才重新设置
if (appSkillsList && Array.isArray(appSkillsList) && appSkillsList.length > 0) {
const validSkills = appSkillsList.filter(item => item.name && item.name.trim() !== '');
if (validSkills.length > 0) {
// 检查是否需要更新
const currentSkillsText = state.skillsText || '';
const newSkillNames = validSkills.map(item => item.name);
const newSkillsText = newSkillNames.join(', ');
// 如果技能名称或等级有变化,才更新
if (currentSkillsText !== newSkillsText || !fromValue.skillLevel) {
fromValue.skills = newSkillNames;
state.skillsText = newSkillsText;
const lastSkill = validSkills[validSkills.length - 1];
if (lastSkill.levels) {
const levelMap = {
'1': { value: '1', label: '初级' },
'2': { value: '2', label: '中级' },
'3': { value: '3', label: '高级' },
'初级': { value: '1', label: '初级' },
'中级': { value: '2', label: '中级' },
'高级': { value: '3', label: '高级' }
};
const levelInfo = levelMap[lastSkill.levels] || { value: '1', label: '初级' };
fromValue.skillLevel = levelInfo.value;
state.skillLevelText = levelInfo.label;
}
// 更新完成度
const result = getFormCompletionPercent(fromValue);
percent.value = result;
}
}
}
} catch (error) {
console.error('页面显示时获取技能信息失败:', error);
}
});
// 页面卸载时移除事件监听
onUnmounted(() => {
uni.$off('skillSelected', handleSkillSelected);
});
// 监听 userInfo 变化,确保数据及时更新
watch(() => userInfo.value, (newVal) => {
if (newVal && Object.keys(newVal).length > 0) {
initLoad();
}
}, { deep: true, immediate: false });
// 监听字典数据加载完成,自动更新学历显示
watch(() => dictComplete.value, (newVal) => {
if (newVal) {
console.log('字典数据加载完成,更新学历显示');
// 确保有学历值(如果没有则使用默认值"4"本科)
if (!fromValue.education) {
fromValue.education = '4';
}
// 直接遍历字典数据查找对应标签
const eduValue = String(fromValue.education);
const eduItem = dictStore.state.education.find(item => String(item.value) === eduValue);
if (eduItem && eduItem.label) {
console.log('从字典数据中找到学历标签:', eduItem.label);
state.educationText = eduItem.label;
}
}
});
// 监听学历字典数据变化
watch(() => dictStore.state.education, (newVal) => {
if (newVal && newVal.length > 0) {
console.log('学历字典数据变化,更新显示');
// 确保有学历值(如果没有则使用默认值"4"本科)
if (!fromValue.education) {
fromValue.education = '4';
}
// 直接遍历字典数据查找对应标签
const eduValue = String(fromValue.education);
const eduItem = newVal.find(item => String(item.value) === eduValue);
if (eduItem && eduItem.label) {
console.log('从字典数据中找到学历标签:', eduItem.label);
state.educationText = eduItem.label;
}
}
}, { deep: true });
function initLoad() {
// 优先从 store 获取,如果没有则从本地缓存获取
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const currentUserInfo = userInfo.value && Object.keys(userInfo.value).length > 0 ? userInfo.value : cachedUserInfo;
fromValue.name = currentUserInfo.name || '';
fromValue.sex = currentUserInfo.sex !== undefined ? Number(currentUserInfo.sex) : 0;
fromValue.phone = currentUserInfo.phone || '';
fromValue.birthDate = currentUserInfo.birthDate || '';
// 将学历转换为字符串类型,确保类型一致
// 如果没有学历值,默认设置为本科(值为"4"
fromValue.education = currentUserInfo.education ? String(currentUserInfo.education) : '4';
fromValue.politicalAffiliation = currentUserInfo.politicalAffiliation || '';
fromValue.idCard = currentUserInfo.idCard || '';
// 初始化技能数据
if (currentUserInfo.skills) {
fromValue.skills = currentUserInfo.skills;
// 将技能字符串分割成数组用于显示
state.skillsText = currentUserInfo.skills.split(',');
} else {
fromValue.skills = '';
state.skillsText = [];
}
// 初始化技能等级数据
if (currentUserInfo.skillLevel) {
fromValue.skillLevel = currentUserInfo.skillLevel;
// 根据skillLevel值设置对应的文本
switch(currentUserInfo.skillLevel) {
case '1':
state.skillLevelText = '初级';
break;
case '2':
state.skillLevelText = '中级';
break;
case '3':
state.skillLevelText = '高级';
break;
default:
state.skillLevelText = '';
}
} else {
fromValue.skillLevel = '';
state.skillLevelText = '';
}
// 初始化学历显示文本(需要等待字典数据加载完成)
initEducationText();
// 回显政治面貌
if (currentUserInfo.politicalAffiliation) {
state.politicalAffiliationText = dictLabel('affiliation', currentUserInfo.politicalAffiliation);
}
fromValue.name = userInfo.value.name;
fromValue.sex = Number(userInfo.value.sex);
fromValue.phone = userInfo.value.phone;
fromValue.birthDate = userInfo.value.birthDate;
fromValue.education = userInfo.value.education;
fromValue.politicalAffiliation = userInfo.value.politicalAffiliation;
fromValue.idcard = userInfo.value.idcard;
// 回显
state.educationText = dictLabel('education', userInfo.value.education);
state.politicalAffiliationText = dictLabel('affiliation', userInfo.value.politicalAffiliation);
const result = getFormCompletionPercent(fromValue);
percent.value = result;
}
// 初始化学历显示文本
function initEducationText() {
// 确保有学历值(如果没有则使用默认值"4"本科)
if (!fromValue.education) {
fromValue.education = '4';
}
console.log('初始化学历显示,当前学历值:', fromValue.education);
// 直接遍历字典数据查找对应标签不依赖dictLabel函数确保准确性
const findLabelFromDict = () => {
if (dictStore.state.education && dictStore.state.education.length > 0) {
const eduValue = String(fromValue.education);
const eduItem = dictStore.state.education.find(item => String(item.value) === eduValue);
if (eduItem && eduItem.label) {
console.log('从字典数据中找到学历标签:', eduItem.label);
state.educationText = eduItem.label;
return true;
} else {
console.log('字典数据中未找到匹配的学历标签');
}
}
return false;
};
// 立即尝试查找
if (!findLabelFromDict() && dictComplete.value) {
// 如果字典数据已加载完成但未找到标签,尝试重新获取字典数据
loadEducationDictAndUpdate();
}
// 等待字典数据加载完成
const checkDictData = () => {
if (dictComplete.value && dictStore.state.education && dictStore.state.education.length > 0) {
findLabelFromDict();
} else {
// 如果字典数据未加载,等待一段时间后重试
setTimeout(() => {
if (dictComplete.value && dictStore.state.education && dictStore.state.education.length > 0) {
findLabelFromDict();
} else {
// 尝试主动加载字典数据
loadEducationDictAndUpdate();
}
}, 500);
}
};
// 主动加载学历字典数据并更新显示
function loadEducationDictAndUpdate() {
getDictSelectOption('education').then((data) => {
console.log('主动加载学历字典数据:', data);
dictStore.state.education = data;
findLabelFromDict();
}).catch((error) => {
console.error('加载学历字典数据失败:', error);
});
}
checkDictData();
}
const confirm = () => {
if (!fromValue.name) {
return $api.msg('请输入姓名');
@@ -452,57 +129,19 @@ const confirm = () => {
if (!checkingPhoneRegExp(fromValue.phone)) {
return $api.msg('请输入正确手机号');
}
// 构建appSkillsList数据结构
let appSkillsList = [];
if (state.skillsText && state.skillsText.length > 0) {
// 获取当前技能等级文本
const currentLevelText = state.skillLevelText || '';
// 为每个技能名称创建一个包含等级信息的对象
appSkillsList = state.skillsText.map(skillName => ({
name: skillName,
levels: currentLevelText
}));
}
const params = {
...fromValue,
age: calculateAge(fromValue.birthDate),
appSkillsList: appSkillsList
};
$api.createRequest('/app/user/resume', params, 'post').then((resData) => {
$api.msg('完成');
state.disbleDate = true;
getUserResume().then(() => {
navBack();
});
});
};
// 技能选择回调函数
const handleSkillSelected = (skills) => {
if (Array.isArray(skills) && skills.length > 0) {
// 更新技能显示和值技能字段值传name
state.skillsText = skills;
fromValue.skills = skills.join(',');
// 更新完成度
const result = getFormCompletionPercent(fromValue);
percent.value = result;
} else {
// 如果返回空数组,清空选择
state.skillsText = [];
fromValue.skills = '';
}
};
// 技能名称选择 - 跳转到模糊查询页面
function changeSkills() {
// 将当前已选中的技能名称传递给查询页面
const selectedSkills = state.skillsText || [];
uni.navigateTo({
url: `/pages/complete-info/skill-search?selected=${encodeURIComponent(JSON.stringify(selectedSkills))}`
});
}
const changeDateBirt = () => {
const datearray = generateDatePickerArrays();
const defaultIndex = getDatePickerIndexes(fromValue.birthDate);
@@ -522,97 +161,17 @@ const changeDateBirt = () => {
},
});
};
async function changeEducation() {
// 确保字典数据已加载
if (!dictComplete.value || !dictStore.state.education || dictStore.state.education.length === 0) {
// 如果字典数据未加载,先加载数据
try {
await getDictSelectOption('education').then((data) => {
dictStore.state.education = data;
});
} catch (error) {
console.error('加载学历字典数据失败:', error);
}
}
// 等待数据加载完成后再获取数据
let educationData = oneDictData('education');
// 如果数据还是为空,等待一下再试
if (!educationData || educationData.length === 0) {
await new Promise(resolve => setTimeout(resolve, 100));
educationData = oneDictData('education');
if (!educationData || educationData.length === 0) {
$api.msg('学历数据加载中,请稍后再试');
return;
}
}
// 确保有默认值
if (!fromValue.education) {
fromValue.education = '4'; // 默认设置为本科
}
// 将当前学历值转换为字符串,用于查找默认索引
const currentEducation = String(fromValue.education);
// 查找当前学历在数据中的索引
let defaultIndex = [0];
if (currentEducation && educationData && educationData.length > 0) {
// 同时支持字符串和数字类型的匹配
const index = educationData.findIndex(item => {
const itemValue = String(item.value);
return itemValue === currentEducation;
});
if (index >= 0) {
defaultIndex = [index];
console.log('找到学历默认索引:', index, '当前值:', currentEducation);
} else {
// 如果字符串匹配失败,尝试数字匹配
const currentNum = Number(currentEducation);
if (!isNaN(currentNum)) {
const numIndex = educationData.findIndex(item => {
const itemValue = Number(item.value);
return !isNaN(itemValue) && itemValue === currentNum;
});
if (numIndex >= 0) {
defaultIndex = [numIndex];
console.log('通过数字匹配找到学历默认索引:', numIndex, '当前值:', currentNum);
} else {
console.warn('未找到匹配的学历值:', currentEducation, '可用值:', educationData.map(item => item.value));
}
}
}
}
const changeEducation = () => {
openSelectPopup({
title: '学历',
maskClick: true,
data: [educationData],
defaultIndex: defaultIndex,
data: [oneDictData('education')],
success: (_, [value]) => {
console.log('切换学历选择,新值:', value.value);
fromValue.education = String(value.value); // 确保存储为字符串
// 使用相同的字典数据查找逻辑
const eduValue = String(value.value);
const eduItem = dictStore.state.education.find(item => String(item.value) === eduValue);
if (eduItem && eduItem.label) {
console.log('从字典数据中找到学历标签:', eduItem.label);
state.educationText = eduItem.label;
} else {
// 如果没找到,尝试重新加载字典数据
console.log('字典中未找到对应标签,尝试重新加载字典数据');
getDictSelectOption('education').then((data) => {
dictStore.state.education = data;
const newEduItem = data.find(item => String(item.value) === eduValue);
if (newEduItem && newEduItem.label) {
state.educationText = newEduItem.label;
}
});
}
fromValue.education = value.value;
state.educationText = value.label;
},
});
}
};
const changeSex = (sex) => {
fromValue.sex = sex;
};
@@ -629,37 +188,6 @@ const changePoliticalAffiliation = () => {
});
};
// 技能等级选择
function changeSkillLevel() {
const skillLevels = [
{ label: '初级', value: '1' },
{ label: '中级', value: '2' },
{ label: '高级', value: '3' }
];
// 查找当前技能等级在数据中的索引
let defaultIndex = [0];
if (fromValue.skillLevel) {
const index = skillLevels.findIndex(item => item.value === fromValue.skillLevel);
if (index >= 0) {
defaultIndex = [index];
}
}
openSelectPopup({
title: '技能等级',
maskClick: true,
data: [skillLevels],
defaultIndex: defaultIndex,
success: (_, [value]) => {
fromValue.skillLevel = value.value;
state.skillLevelText = value.label;
const result = getFormCompletionPercent(fromValue);
percent.value = result;
},
});
}
function generateDatePickerArrays(startYear = 1975, endYear = new Date().getFullYear()) {
const years = [];
const months = [];
@@ -679,39 +207,14 @@ function generateDatePickerArrays(startYear = 1975, endYear = new Date().getFull
}
function isValidDate(dateString) {
// 添加空值检查
if (!dateString || typeof dateString !== 'string' || dateString.trim() === '') {
return false;
}
const dateParts = dateString.split('-');
if (dateParts.length !== 3) {
return false;
}
const [year, month, day] = dateParts.map(Number);
// 检查是否为有效数字
if (isNaN(year) || isNaN(month) || isNaN(day)) {
return false;
}
const [year, month, day] = dateString.split('-').map(Number);
const date = new Date(year, month - 1, day); // 月份从0开始
return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
}
const calculateAge = (birthDate) => {
// 添加空值检查
if (!birthDate) {
return '';
}
const birth = new Date(birthDate);
// 检查日期是否有效
if (isNaN(birth.getTime())) {
return '';
}
const today = new Date();
let age = today.getFullYear() - birth.getFullYear();
const monthDiff = today.getMonth() - birth.getMonth();
@@ -746,33 +249,13 @@ function getFormCompletionPercent(form) {
}
// 主函数
function getDatePickerIndexes(dateStr) {
// 添加空值检查如果dateStr为空或null返回默认值当前日期
if (!dateStr || typeof dateStr !== 'string' || dateStr.trim() === '') {
const today = new Date();
const year = today.getFullYear().toString();
const month = (today.getMonth() + 1).toString().padStart(2, '0');
const day = today.getDate().toString().padStart(2, '0');
dateStr = `${year}-${month}-${day}`;
}
const dateParts = dateStr.split('-');
if (dateParts.length !== 3) {
// 如果分割后不是3部分使用当前日期作为默认值
const today = new Date();
const year = today.getFullYear().toString();
const month = (today.getMonth() + 1).toString().padStart(2, '0');
const day = today.getDate().toString().padStart(2, '0');
dateStr = `${year}-${month}-${day}`;
dateParts = dateStr.split('-');
}
const [year, month, day] = dateParts;
const [year, month, day] = dateStr.split('-');
const [years, months, days] = generateDatePickerArrays();
const yearIndex = years.indexOf(year) >= 0 ? years.indexOf(year) : 0;
const monthIndex = months.indexOf(month) >= 0 ? months.indexOf(month) : 0;
const dayIndex = days.indexOf(day) >= 0 ? days.indexOf(day) : 0;
const yearIndex = years.indexOf(year);
const monthIndex = months.indexOf(month);
const dayIndex = days.indexOf(day);
return [yearIndex, monthIndex, dayIndex];
}
@@ -824,28 +307,6 @@ function getDatePickerIndexes(dateStr) {
border-radius: 2rpx
background: #697279;
transform: rotate(45deg)
.input-nx
position: relative
border-bottom: 2rpx solid #EBEBEB
padding-bottom: 30rpx
display: flex
flex-wrap: wrap
.nx-item
padding: 16rpx 24rpx
width: fit-content
border-radius: 20rpx
border: 2rpx solid #E8EAEE
background-color: #f8f9fa
margin-right: 16rpx
margin-top: 16rpx
font-size: 28rpx
color: #333333
transition: all 0.2s ease
&:hover
background-color: #e9ecef
border-color: #256bfa
color: #256bfa
.content-sex
height: 110rpx;
display: flex

View File

@@ -16,52 +16,25 @@ const props = defineProps({
},
});
// 获取雷达图数据
function getRadarData() {
if (!props.value || !props.value.radarChart) {
// 如果没有数据使用默认值0
const defaultRadarChart = {
skill: 0,
experience: 0,
education: 0,
salary: 0,
age: 0,
location: 0
};
const labels = ['学历', '年龄', '工作地', '技能', '工作经验', '期望薪资'];
const data = [defaultRadarChart.education, defaultRadarChart.age, defaultRadarChart.location,
defaultRadarChart.skill, defaultRadarChart.experience, defaultRadarChart.salary].map((item) => item * 0.05);
return { labels, data };
}
const { skill, experience, education, salary, age, location } = props.value.radarChart;
const labels = ['学历', '年龄', '工作地', '技能', '工作经验', '期望薪资'];
const data = [education, age, location, skill, experience, salary].map((item) => item * 0.05);
return { labels, data };
}
// 监听页面初始化
onMounted(() => {
// 延迟执行,确保 canvas 已经渲染
setTimeout(() => {
const { labels, data } = getRadarData();
rawRadarChart(labels, data);
}, 100);
if (Object.keys(props.value).length > 0) {
rawRadarChart();
}
});
// 监听 props.value 变化
watch(
() => props.value,
(newVal) => {
if (newVal) {
// 延迟执行,确保数据更新完成
setTimeout(() => {
const { labels, data } = getRadarData();
rawRadarChart(labels, data);
}, 50);
if (newVal && Object.keys(newVal).length > 0) {
const { skill, experience, education, salary, age, location } = newVal.radarChart;
const labels = ['学历', '年龄', '工作地', '技能', '工作经验', '期望薪资'];
const data = [education, age, location, skill, experience, salary].map((item) => item * 0.05);
rawRadarChart(labels, data);
}
},
{ deep: true, immediate: true } // deep 递归监听对象内部变化immediate 立即执行一次
{ deep: true, immediate: false } // deep 递归监听对象内部变化
);
function rawRadarChart(labels, data) {

View File

@@ -16,30 +16,28 @@
</template>
<view class="content" v-show="!isEmptyObject(jobInfo)">
<view class="content-top btn-feel">
<view style="background: #ffffff;padding: 24rpx;box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04);border-radius: 20rpx 20rpx 20rpx 20rpx;position: relative;overflow: hidden;">
<view class="top-salary">
<Salary-Expectation
:max-salary="jobInfo.maxSalary"
:min-salary="jobInfo.minSalary"
:is-month="true"
></Salary-Expectation>
<view class="top-salary">
<Salary-Expectation
:max-salary="jobInfo.maxSalary"
:min-salary="jobInfo.minSalary"
:is-month="true"
></Salary-Expectation>
</view>
<view class="top-name">{{ jobInfo.jobTitle }}</view>
<view class="top-info">
<view class="info-img"><image src="/static/icon/post12.png"></image></view>
<view class="info-text">
<dict-Label dictType="experience" :value="jobInfo.experience"></dict-Label>
</view>
<view class="top-name">{{ jobInfo.jobTitle }}</view>
<view class="top-info">
<view class="info-img"><image src="/static/icon/post12.png"></image></view>
<view class="info-text">
<dict-Label dictType="experience" :value="jobInfo.experience"></dict-Label>
</view>
<view class="info-img mar_le20"><image src="/static/icon/post13.png"></image></view>
<view class="info-text">
<dict-Label dictType="education" :value="jobInfo.education"></dict-Label>
</view>
</view>
<view class="position-source">
<text>来源&nbsp;</text>
{{ jobInfo.dataSource }}
<view class="info-img mar_le20"><image src="/static/icon/post13.png"></image></view>
<view class="info-text">
<dict-Label dictType="education" :value="jobInfo.education"></dict-Label>
</view>
</view>
<view class="position-source">
<text>来源&nbsp;</text>
{{ jobInfo.dataSource }}
</view>
</view>
<view class="ai-explain" v-if="jobInfo.isExplain">
<view class="exbg">
@@ -100,7 +98,7 @@
></map>
</view>
</view>
<view class="content-card" v-if="currentUserType !== 0">
<view class="content-card" v-if="!userInfo.isCompanyUser">
<view class="card-title">
<text class="title">竞争力分析</text>
</view>
@@ -193,12 +191,6 @@ import RadarMap from './component/radarMap.vue';
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
const { userInfo } = storeToRefs(useUserStore());
// 与首页一致的用户类型获取优先store兜底缓存
const currentUserType = computed(() => {
const storeIsCompanyUser = userInfo.value?.isCompanyUser;
const cachedIsCompanyUser = (uni.getStorageSync('userInfo') || {}).isCompanyUser;
return Number(storeIsCompanyUser !== undefined ? storeIsCompanyUser : cachedIsCompanyUser);
});
const { $api, navTo, getLenPx, parseQueryParams, navBack, isEmptyObject } = inject('globalFunction');
import config from '@/config.js';
const matchingDegree = ref(['一般', '良好', '优秀', '极好']);
@@ -208,20 +200,7 @@ const jobInfo = ref({});
const state = reactive({});
const mapCovers = ref([]);
const jobIdRef = ref();
// 竞争力分析数据,初始化为包含默认值的完整结构,确保雷达图能正常渲染
const raderData = ref({
matchScore: 0,
rank: 0,
percentile: 0,
radarChart: {
skill: 0,
experience: 0,
education: 0,
salary: 0,
age: 0,
location: 0
}
});
const raderData = ref({});
const videoPalyerRef = ref(null);
const explainUrlRef = ref('');
@@ -253,24 +232,16 @@ const applicants = ref([
]);
onLoad((option) => {
console.log(option, 'option');
if (option.jobId) {
initLoad(option);
}
});
onShow(() => {
// 仅在 H5 环境中从 URL 获取参数(小程序环境中 onShow 不会传递 URL 参数)
// #ifdef H5
try {
const option = parseQueryParams(); // 兼容微信内置浏览器
if (option.jobId) {
initLoad(option);
}
} catch (e) {
console.warn('onShow 中解析 URL 参数失败:', e);
const option = parseQueryParams(); // 兼容微信内置浏览器
if (option.jobId) {
initLoad(option);
}
// #endif
});
function initLoad(option) {
@@ -292,11 +263,11 @@ function seeExplain() {
function getDetail(jobId) {
return new Promise((reslove, reject) => {
$api.createRequest(`/app/job/${jobId}`).then((resData) => {
const { latitude, longitude, companyName, companyId } = resData.data;
const { latitude, longitude, companyName, companyId, isCompanyUser } = resData.data;
jobInfo.value = resData.data;
reslove(resData.data);
getCompanyIsAJobs(companyId);
if (currentUserType.value !== 0) {
if (isCompanyUser) {
getCompetivetuveness(jobId);
}
// getCompetivetuveness(jobId);
@@ -338,59 +309,8 @@ function getTextWidth(text, size = 12) {
function getCompetivetuveness(jobId) {
$api.createRequest(`/app/job/competitiveness/${jobId}`, {}, 'GET').then((resData) => {
// 如果接口返回的数据为 null 或空使用默认值0
if (resData && resData.data) {
// 确保 radarChart 字段存在,如果不存在则使用默认值
const radarChart = resData.data.radarChart || {
skill: 0,
experience: 0,
education: 0,
salary: 0,
age: 0,
location: 0
};
raderData.value = {
matchScore: resData.data.matchScore || 0,
rank: resData.data.rank || 0,
percentile: resData.data.percentile || 0,
radarChart: radarChart
};
currentStep.value = (resData.data.matchScore || 0) * 0.04;
} else {
// 接口返回 null 或空数据时使用默认值0
raderData.value = {
matchScore: 0,
rank: 0,
percentile: 0,
radarChart: {
skill: 0,
experience: 0,
education: 0,
salary: 0,
age: 0,
location: 0
}
};
currentStep.value = 0;
}
}).catch((error) => {
// 接口请求失败时使用默认值0
console.error('获取竞争力分析失败:', error);
raderData.value = {
matchScore: 0,
rank: 0,
percentile: 0,
radarChart: {
skill: 0,
experience: 0,
education: 0,
salary: 0,
age: 0,
location: 0
}
};
currentStep.value = 0;
raderData.value = resData.data;
currentStep.value = resData.data.matchScore * 0.04;
});
}
@@ -583,11 +503,11 @@ for i in 0..100
.content{
padding: 0 28rpx
height: 100%
padding-top: 28rpx
.content-top{
background: #FFFFFF;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04);
border-radius: 20rpx 20rpx 20rpx 20rpx;
padding: 24rpx
padding: 52rpx 32rpx 34rpx 32rpx
position: relative
overflow: hidden
.top-salary{

View File

@@ -50,7 +50,7 @@ const { $api, navTo, navBack } = inject('globalFunction');
const weekMap = ['日', '一', '二', '三', '四', '五', '六'];
const calendarData = ref([]);
const current = ref({});
import { Solar, Lunar } from '@/packageA/lib/lunar-javascript@1.7.2.js';
import { Solar, Lunar } from '@/lib/lunar-javascript@1.7.2.js';
const isRecord = ref(false);
const recordNum = ref(4);

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -1,264 +0,0 @@
<template>
<AppLayout title="" :use-scroll-view="false">
<view class="wrap">
<view class="login_index">
<input class="input" placeholder="请输入账号" placeholder-class="inputplace" v-model="form.username" />
<view class="login_yzm">
<input class="input" type="password" placeholder="请输入密码" placeholder-class="inputplace"
v-model="form.password" />
</view>
<view class="login_yzm">
<input class="input" placeholder="请输入验证码" placeholder-class="inputplace" v-model="form.code" />
<image class="yzm" :src="codeUrl" @click="getCodeImg"></image>
</view>
<button class="com-btn" @click="register"> </button>
</view>
</view>
</AppLayout>
</template>
<script setup>
import {
reactive,
inject,
watch,
ref,
onMounted,
onUnmounted
} from 'vue'
import {
onLoad,
onShow
} from '@dcloudio/uni-app';
const {
$api,
navTo,
vacanciesTo,
navBack
} = inject("globalFunction");
const placeholderStyle = 'font-size:30rpx'
const checked = ref(true)
const codeUrl = ref('')
const flag=ref('hlw')
const form = reactive({
username: 'langchaojituan',
password: 'Aa123456?',
rememberMe: false,
code: '',
uuid: ''
})
onLoad((option) => {
if(option.flag){
flag.value=option.flag
}
})
onMounted(() => {
getCodeImg()
})
function register() {
if (!form.username) {
uni.showToast({
icon: 'none',
title: '请输入用户名'
})
return
}
if (!form.password) {
uni.showToast({
icon: 'none',
title: '请输入密码'
})
return
}
if (!form.uuid) {
uni.showToast({
icon: 'none',
title: '请输入验证码'
})
return
}
uni.showLoading({
title: '登录中...',
mask: true
})
if(flag.value=='hlw'){
$api.myRequest('/auth/login',form,'post',10100).then((res) => {
uni.setStorageSync('Padmin-Token', res.data.access_token)
uni.reLaunch({
url: '/pages/index/index'
})
codeUrl.value = 'data:image/gif;base64,' + res.img
}).catch(() => {
uni.hideLoading()
uni.showToast({
icon: 'none',
title: '登录失败,请重试'
})
})
}else if(flag.value=='nw'){
$api.myRequest('/auth/login',form,'post',9100).then((res) => {
uni.setStorageSync('Padmin-Token', res.data.access_token)
uni.reLaunch({
url: '/packageB/priority/helpFilter'
})
codeUrl.value = 'data:image/gif;base64,' + res.img
}).catch(() => {
uni.hideLoading()
uni.showToast({
icon: 'none',
title: '登录失败,请重试'
})
})
}
}
function getCodeImg() {
if(flag.value=='hlw'){
$api.myRequest('/code',{},'get',10100).then((resData) => {
codeUrl.value = 'data:image/gif;base64,' + resData.img
form.uuid = resData.uuid
});
}else if(flag.value=='nw'){
$api.myRequest('/code',{},'get',9100).then((resData) => {
codeUrl.value = 'data:image/gif;base64,' + resData.img
form.uuid = resData.uuid
});
}
}
</script>
<style scoped lang="stylus">
.wrap {
background-color: #ffffff;
height: 100vh;
position: relative;
.lg-head {
height: 480rpx;
background: #46ca98;
position: relative;
.view_logo {
text-align: center;
.login_logo {
width: 300rpx;
height: 300rpx;
margin-top: 100rpx;
}
}
.bg-cover {
position: absolute;
bottom: -4rpx;
left: 0;
right: 0;
height: 30rpx;
background-size: 100% 100%;
z-index: 1;
}
}
}
.login_index {
font-size: 36rpx;
font-weight: 500;
width: 596rpx;
margin: 0 auto;
::v-deep .is-input-border {
border: 0;
border-bottom: 1px solid #dcdfe6 !important;
border-radius: 0;
}
::v-deep .uni-input-input {
font-size: 32rpx;
padding-left: 10rpx;
}
::v-deep .uniui-contact-filled:before {
color: #46ca98;
font-size: 50rpx;
}
::v-deep .uniui-locked-filled:before {
color: #46ca98;
font-size: 50rpx;
}
.login_yzm {
margin-top: 40rpx;
display: flex;
align-items: center;
.yzm {
width: 200rpx;
height: 80rpx;
}
}
.com-btn {
height: 100rpx;
background: #46ca98;
border-radius: 50rpx;
color: #fff;
margin-top: 100rpx;
}
.login_wt {
margin: 0 auto;
text-align: right;
font-size: 24rpx;
color: rgba(134, 134, 136, 1);
}
}
.lg-bottom {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
.bottom-svg {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
}
}
.login_tongyi {
font-size: 26rpx;
color: rgba(196, 196, 196, 1);
width: 620rpx;
margin: 32rpx auto;
text-align: center;
text {
color: rgba(86, 176, 236, 1);
}
}
.input {
padding: 0 30rpx 0 80rpx;
height: 80rpx;
background: #FFFFFF;
border-radius: 75rpx 75rpx 75rpx 75rpx;
font-size: 28rpx;
}
.inputplace {
font-weight: 400;
font-size: 28rpx;
color: #B5B5B5;
}
</style>

View File

@@ -126,14 +126,14 @@
</template>
<script>
import api from "@/packageCa/apiCa/job.js"
import api1 from "@/packageCa/apiCa/user.js"
import api from "@/apiB/job.js"
import api1 from "@/apiB/user.js"
export default {
data() {
return {
showLogin: false,
isVisitor: false, //
user: uni.getStorageSync("CAuserInfo").user,
user: uni.getStorageSync("userInfo").user,
id: 0,
jobDetailData: {
Name: "",

View File

@@ -10,7 +10,7 @@
<text class="icon icon-search"></text>
<input type="search" v-model="kw" placeholder="请输入职业名称" @input="inputKeywrok"/>
<view class="list-wrap" v-show="kw != ''">
<navigator class="link" :url="'/packageCa/job/details?id='+item.Id" v-for="(item, index) in jobDataList" :key="index">{{item.Name}}</navigator>
<navigator class="link" :url="'/packageB/pages/job/details?id='+item.Id" v-for="(item, index) in jobDataList" :key="index">{{item.Name}}</navigator>
</view>
</view>
</view>
@@ -30,7 +30,7 @@
</view>
<view class="item-container">
<view class="thumb-box" v-for="(item1, index1) in item.SubList" :key="index1" >
<navigator class="item-menu-name" :url="`/packageCa/job/midList?code=${item1.Code}&name=${item1.Name}`" >{{item1.Name}}</navigator>
<navigator class="item-menu-name" :url="`/packageB/pages/job/midList?code=${item1.Code}&name=${item1.Name}`" >{{item1.Name}}</navigator>
</view>
</view>
</view>
@@ -52,13 +52,13 @@
</template>
<script>
import api from "@/packageCa/apiCa/job.js"
import jobList from "@/packageCa/job/jobList.json";
import api from "@/apiB/job.js"
import jobList from "@/dataB/jobList.json";
export default {
data() {
return {
kw: "", //
user: uni.getStorageSync("CAuserInfo").user,
user: uni.getStorageSync("userInfo").user,
isVisitor: false, //
barHeight: wx.getWindowInfo().statusBarHeight,
winHeight: wx.getWindowInfo().windowHeight,
@@ -248,7 +248,7 @@
})
}
uni.navigateTo({
url: "/packageCa/job/smallList?name=" + this.kw.trim()
url: "/packageB/pages/job/smallList?name=" + this.kw.trim()
})
},
}

View File

@@ -38,13 +38,13 @@
</template>
<script>
import api from "@/packageCa/apiCa/job.js"
import api from "@/apiB/job.js"
export default {
data() {
return {
showLogin: false,
isVisitor: false, //
user: uni.getStorageSync("CAuserInfo").user,
user: uni.getStorageSync("userInfo").user,
name: "",
code: "",
jobList: [],
@@ -80,7 +80,7 @@
//this.showLogin = true;
}else {
uni.navigateTo({
url: `/packageCa/job/smallList?code=${item.Code}&name=${item.Name}`
url: `/packageB/pages/job/smallList?code=${item.Code}&name=${item.Name}`
})
}
}

View File

@@ -35,13 +35,13 @@
</template>
<script>
import api from "@/packageCa/apiCa/job.js"
import api from "@/apiB/job.js"
export default {
data() {
return {
showLogin: false,
isVisitor: false, //
user: uni.getStorageSync("CAuserInfo").user,
user: uni.getStorageSync("userInfo").user,
name: "",
code: "",
jobList: [],
@@ -75,7 +75,7 @@
//this.showLogin = true;
}else {
uni.navigateTo({
url: `/packageCa/job/details?id=${item.Id}&name=${item.Name}`
url: `/packageB/pages/job/details?id=${item.Id}&name=${item.Name}`
})
}
},

View File

@@ -56,7 +56,7 @@
</template>
<script>
import api from "@/packageCa/apiCa/testManage.js"
import api from "@/apiB/testManage.js"
export default {
data() {
return {
@@ -329,11 +329,11 @@
setTimeout(() => {
if (this.testType == -27) {
uni.redirectTo({
url: `/packageCa/testReport/multipleAbilityTestReport?id=${res.Data.TestId}`
url: `/packageB/pages/testReport/multipleAbilityTestReport?id=${res.Data.TestId}`
})
} else if (this.testType == -28) {
uni.redirectTo({
url: `/packageCa/testReport/generalCareerTestReport?id=${res.Data.TestId}`
url: `/packageB/pages/testReport/generalCareerTestReport?id=${res.Data.TestId}`
})
}
}, 1000)

View File

@@ -64,7 +64,7 @@
</view>
</template>
<script>
import api from "@/packageCa/apiCa/testManage.js"
import api from "@/apiB/testManage.js"
export default {
data() {
return {
@@ -333,7 +333,7 @@
beforePage.data.refreshIfNeeded = true;
setTimeout(()=>{
uni.redirectTo({
url: `/packageCa/testReport/interestTestReport`
url: `/packageB/pages/testReport/interestTestReport`
})
},1000)
} else {

View File

@@ -48,7 +48,7 @@
<script>
import api from "@/packageCa/apiCa/testManage.js"
import api from "@/apiB/testManage.js"
export default {
data() {
return {
@@ -263,7 +263,7 @@
beforePage.data.refreshIfNeeded = true;
setTimeout(()=>{
uni.redirectTo({
url: `/packageCa/testReport/personalTestReport?year=${res.Data.Year}`
url: `/packageB/pages/testReport/personalTestReport?year=${res.Data.Year}`
})
},1000)
@@ -375,7 +375,7 @@
width: 630rpx;
height: 96rpx;
padding-left: 40rpx;
background: #f5f5f5;
background: #EDF6FF;
margin-bottom: 24rpx;
border-radius: 12rpx 12rpx 12rpx 12rpx;
font-size: 28rpx;

View File

@@ -76,7 +76,7 @@
</template>
<script>
import api from "@/packageCa/apiCa/testManage.js"
import api from "@/apiB/testManage.js"
export default {
data() {
return {
@@ -231,7 +231,7 @@
uni.showLoading({
title: "加载中"
})
let eduLevel = uni.getStorageSync("CAuserInfo").user.GradeLevel;
let eduLevel = uni.getStorageSync("userInfo").user.GradeLevel;
new Promise((resolve,reject)=>{
return api.getTestTypeTagLIst().then((res)=>{
resolve(res)
@@ -423,21 +423,21 @@
case 11: {
//
uni.navigateTo({
url: "/packageCa/pagesTest/interestTestTitle"
url: "/packageB/pages/pagesTest/interestTestTitle"
})
break;
}
case 15: {
//
uni.navigateTo({
url: "/packageCa/pagesTest/personalTestTitle"
url: "/packageB/pages/pagesTest/personalTestTitle"
})
break;
}
case 17: {
//
uni.navigateTo({
url: "/packageCa/pagesTest/workValuesTestTitle"
url: "/packageB/pages/pagesTest/workValuesTestTitle"
})
break;
}
@@ -445,14 +445,14 @@
case -27: {
//
uni.navigateTo({
url: "/packageCa/pagesTest/customTestTitle?testType=-27"
url: "/packageB/pages/pagesTest/customTestTitle?testType=-27"
})
break;
}
case -28: {
//
uni.navigateTo({
url: "/packageCa/pagesTest/customTestTitle?testType=-28"
url: "/packageB/pages/pagesTest/customTestTitle?testType=-28"
})
break;
}
@@ -478,35 +478,35 @@
case 11: {
//
uni.navigateTo({
url: `/packageCa/testReport/interestTestReport`
url: `/packageB/pages/testReport/interestTestReport`
})
break;
}
case 15: {
//
uni.navigateTo({
url: `/packageCa/testReport/personalTestReport`
url: `/packageB/pages/testReport/personalTestReport`
})
break;
}
case 17: {
//
uni.navigateTo({
url: `/packageCa/testReport/workValuesTestReport`
url: `/packageB/pages/testReport/workValuesTestReport`
})
break;
}
case -27: {
//
uni.navigateTo({
url: `/packageCa/testReport/multipleAbilityTestReport?id=${item.RecordId}`
url: `/packageB/pages/testReport/multipleAbilityTestReport?id=${item.RecordId}`
})
break;
}
case -28: {
//
uni.navigateTo({
url: `/packageCa/testReport/generalCareerTestReport?id=${item.RecordId}`
url: `/packageB/pages/testReport/generalCareerTestReport?id=${item.RecordId}`
})
break;
}

View File

@@ -47,7 +47,7 @@
</template>
<script>
import api from "@/packageCa/apiCa/testManage.js"
import api from "@/apiB/testManage.js"
export default {
data() {
return {
@@ -231,7 +231,7 @@
beforePage.data.refreshIfNeeded = true;
setTimeout(()=>{
uni.redirectTo({
url: `/packageCa/testReport/workValuesTestReport?year=${res.Data.Year}`
url: `/packageB/pages/testReport/workValuesTestReport?year=${res.Data.Year}`
})
},1000)
} else {

View File

@@ -3,7 +3,7 @@
<view class="yanshi-wrap">
<view class="head-bar" :style="{'margin-top': barHeight + 5 + 'px'}">
<view class="go-back" @click="goback"></view>
<text>素质测评</text>
<text>AI智慧就业服务</text>
</view>
<view class="section">
<view class="head-title">测评中心</view>
@@ -23,6 +23,10 @@
<text class="icon icon-103"></text>
<text class="title">职业库</text>
</view>
<!-- <view class="item" @click="navDetail(4)">
<text class="icon icon-104"></text>
<text class="title">个人档案</text>
</view> -->
</view>
<view class="head-title">职业生涯规划</view>
<view class="nav-block">
@@ -49,20 +53,19 @@
</template>
<script>
import api from "@/packageCa/apiCa/user.js"
import api from "@/apiB/user.js"
export default {
data() {
return {
barHeight: wx.getWindowInfo().statusBarHeight,
user: null,//
userId: 0,
name: ""
}
},
onLoad(e) {
this.userId = e.userId;
this.name = e.name;
this.queryWechartToken();
mounted() {
let user = uni.getStorageSync("userInfo").user;
if(user == undefined){
this.queryWechartToken();
}
},
methods: {
//
@@ -73,7 +76,7 @@
const res = await api.getUserBasisInfo();
if (res.Result == 1) {
const data = res.Data.data;
if(data === null){
if(!data.SpecialtyName){
uni.showToast({
title: "请先完善个人信息",
duration:2000,
@@ -81,7 +84,7 @@
})
setTimeout(() => {
uni.navigateTo({
url: "/packageCa/userCenter/fillInInformation"
url: "/packageB/pages/userCenter/fillInInformation"
})
}, 2000);
}
@@ -98,83 +101,102 @@
case 1:
case 2: {
uni.navigateTo({
url: "/packageCa/pagesTest/testList"
url: "/packageB/pages/pagesTest/testList"
})
break;
}
case 3 : {
uni.navigateTo({
url: "/packageCa/job/index"
url: "/packageB/pages/job/index"
})
break;
}
case 4 : {
uni.navigateTo({
url: "/packageCa/userCenter/personDocument"
url: "/packageB/pages/userCenter/personDocument"
})
break;
}
case 5 : {
uni.navigateTo({
url: "/packageCa/userCenter/professionPath"
url: "/packageB/pages/userCenter/professionPath"
})
break;
}
case 6 : {
uni.navigateTo({
url: "/packageCa/userCenter/careerCompass"
url: "/packageB/pages/userCenter/careerCompass"
})
break;
}
case 7 : {
uni.navigateTo({
url: "/packageCa/userCenter/smartTarget"
url: "/packageB/pages/userCenter/smartTarget"
})
break;
}
}
},
//
async queryKaShiToken() {
const res = await api.queryKaShiToken(this.userId,this.name)
if(res.Result == 1){
return res.Data;
}else {
return null
}
// openid
loginMpWeixin() {
return new Promise((resolve,reject)=>{
let openid = uni.getStorageSync('userInfo').openid;
if (!openid) {
uni.login({
provider: 'weixin',
success: (res)=> {
console.log("res.code======="+res.code);
api.getOpenId(res.code).then((res2) => {
// uni.setStorageSync('userInfo', data.Data);
const userInfo = res2.Data
this.user = userInfo.user;
resolve(userInfo)
})
},
fail(err) {}
})
}else {
const userInfo = uni.getStorageSync("userInfo");
this.user = userInfo.user;
resolve(userInfo)
}
})
},
//
async getAccessTokenAndUser() {
const userInfo = await this.loginMpWeixin();
return new Promise((resolve,reject)=>{
api.getAccessTokenAndUser(userInfo.openid).then((res)=>{
if(res.Result == 1){
this.user = res.Data.User;
userInfo.token = res.Data.Token;
userInfo.user = res.Data.User;
userInfo.year = res.Data.Year;
userInfo.expirationDate = res.Data.ExpirationDate;
userInfo.vipName = res.Data.VipName;
if(res.Data.User != null){
resolve(userInfo)
}
}
})
})
},
// token
async queryWechartToken() {
uni.showLoading({
title: "加载中"
})
const data = await this.queryKaShiToken();
if(data.userInfo != null){
const res = await api.queryWechartToken(data.userInfo.Id,2268,1)
const data = await this.getAccessTokenAndUser();
api.queryWechartToken(data.user.Id,data.user.SchoolId,data.user.UserType).then((res)=>{
uni.hideLoading();
if(res.Result == 1){
let params = {
token:data.token,
user:data.userInfo,
userToken: res.Data.token
};
uni.setStorageSync('CAuserInfo',params);
data.userToken = res.Data.token;
uni.setStorageSync('userInfo',data);
this.getUserInfor();
}
}else {
uni.showToast({
title: "获取用户信息失败",
icon: "none"
})
setTimeout(()=>{
uni.reLaunch({
url: "/pages/index/index"
})
},1500)
}
}
})
},
}
}
</script>

View File

@@ -30,7 +30,7 @@
{{optionStr2}}
<view class="iocn"></view>
</view>
<!-- <view class="title">群体维度</view>
<view class="title">群体维度</view>
<view class="options">
<view class="item" :class="[schoolLevel == 1?'on':'', gradeShow?'':'disable']" v-on:click="selectSchoolLevel(1)" >班级</view>
<view class="item" :class="[schoolLevel == 2?'on':'', gradeShow?'':'disable']" v-on:click="selectSchoolLevel(2)">年级</view>
@@ -40,7 +40,7 @@
<view class="options">
<view class="item" v-on:click="selectSex(1)" :class="sexType == 1?'on':''"></view>
<view class="item" v-on:click="selectSex(2)" :class="sexType == 2?'on':''"></view>
</view> -->
</view>
</view>
<view class="content" v-else>
<view class="title">我的报告</view>
@@ -54,7 +54,7 @@
{{optionStr2}}
<view class="iocn"></view>
</view>
<!-- <view class="title">群体维度</view>
<view class="title">群体维度</view>
<view class="options">
<view v-for="(item, index) in departList" :key="index">
<view class="item" v-on:click="selectSchoolLevel(item)" :class="schoolLevel == item.DepartId?'on':''">
@@ -66,7 +66,7 @@
<view class="options">
<view class="item" v-on:click="selectSex(1)" :class="sexType == 1?'on':''"></view>
<view class="item" v-on:click="selectSex(2)" :class="sexType == 2?'on':''"></view>
</view> -->
</view>
</view>
<view class="btn-wrap">
<view class="btn" v-on:click="confirmCompute">
@@ -107,7 +107,7 @@
</template>
<script>
import api from "@/packageCa/apiCa/testManage.js";
import api from "@/apiB/testManage.js";
export default {
props: {
testType: {

View File

@@ -71,11 +71,11 @@
</template>
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import api from "@/packageCa/apiCa/testManage.js";
import testHead from "@/packageB/pages/testReport/components/testHead.vue"
import contrastBox from "@/packageB/pages/testReport/components/contrastBox.vue"
import api from "@/apiB/testManage.js";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../utilCa/echarts.min.js');
const echarts = require('../../../uni_modules/lime-echart/static/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// //
// echarts.registerTheme('theme', theme);

View File

@@ -241,11 +241,11 @@
</template>
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import api from "@/packageCa/apiCa/testManage.js";
import testHead from "@/packageB/pages/testReport/components/testHead.vue"
import contrastBox from "@/packageB/pages/testReport/components/contrastBox.vue"
import api from "@/apiB/testManage.js";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../utilCa/echarts.min.js');
const echarts = require('../../../uni_modules/lime-echart/static/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// //
// echarts.registerTheme('theme', theme);
@@ -430,7 +430,7 @@
if (e.routerType != undefined) {
this.routerType = e.routerType;
}
if (uni.getStorageSync("CAuserInfo").user.GradeLevel == 1) {
if (uni.getStorageSync("userInfo").user.GradeLevel == 1) {
this.testType = "18";
this.radarOption.radar.indicator.forEach(item=>{
item.max = 72;
@@ -441,7 +441,7 @@
this.testType = "11";
this.getTestRecord();
}
this.gradeLevel = uni.getStorageSync("CAuserInfo").user.GradeLevel;
this.gradeLevel = uni.getStorageSync("userInfo").user.GradeLevel;
},
methods: {
showConfirmInfor(){

View File

@@ -110,12 +110,12 @@
</template>
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import api from "@/packageCa/apiCa/testManage.js"
import wayData from "./multipleAbilityData.json";
import testHead from "@/packageB/pages/testReport/components/testHead.vue"
import contrastBox from "@/packageB/pages/testReport/components/contrastBox.vue"
import api from "@/apiB/testManage.js"
import wayData from "@/packageB/pages/testReport/multipleAbilityData.json";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../utilCa/echarts.min.js');
const echarts = require('../../../uni_modules/lime-echart/static/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// //
// echarts.registerTheme('theme', theme);

View File

@@ -397,12 +397,12 @@
</template>
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import opts from "./chartOpts.js"
import api from "@/packageCa/apiCa/testManage.js";
import testHead from "@/packageB/pages/testReport/components/testHead.vue"
import contrastBox from "@/packageB/pages/testReport/components/contrastBox.vue"
import opts from "@/packageB/pages/testReport/chartOpts.js"
import api from "@/apiB/testManage.js";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../utilCa/echarts.min.js');
const echarts = require('../../../uni_modules/lime-echart/static/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// //
// echarts.registerTheme('theme', theme);

View File

@@ -39,11 +39,11 @@
</template>
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import api from "@/packageCa/apiCa/testManage.js";
import testHead from "@/packageB/pages/testReport/components/testHead.vue"
import contrastBox from "@/packageB/pages/testReport/components/contrastBox.vue"
import api from "@/apiB/testManage.js";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../utilCa/echarts.min.js');
const echarts = require('../../../uni_modules/lime-echart/static/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// //
// echarts.registerTheme('theme', theme);

View File

@@ -101,7 +101,7 @@
</template>
<script>
import api from "@/packageCa/apiCa/studentProfile.js"
import api from "@/apiB/studentProfile.js"
export default {
data() {
return {

View File

@@ -4,6 +4,14 @@
请先完善个人信息
</view>
<view class="item-list">
<!-- <view class="item">
<view class="title">就读学校</view>
<view class="input-wrap">
<view class="icon-input">
</view>
<input class="input-value" v-model="schoolName" placeholder="请输入您的学校" />
</view>
</view> -->
<view class="item">
<view class="title"><text>*</text>学历(必选)</view>
<view class="option">
@@ -23,13 +31,36 @@
</view>
</view>
</view>
<!-- <view class="item">
<view class="title">入学年份</view>
<view class="input-wrap">
<view class="input-value" :class="startYear!== ''?'':'placeholder'" @click="showYear = true">
{{startYear !== ''? startYear: "请选择您的入学年份"}}
</view>
<view class="icon-select">
</view>
</view>
</view>
<view class="item">
<view class="title">手机绑定</view>
<view class="input-wrap">
<input class="input-value" type="number" v-model="mobile" placeholder="请输入您的手机" />
</view>
</view>
<view class="item">
<view class="input-wrap" style="width: 710rpx;border: none; padding: 0;">
<input class="mb-input-value" type="number" v-model="code" placeholder="请输入验证码" />
<view class="get-code-btn" v-show="!isDownTime" @click="getCode">获取验证码</view>
<view class="get-code-btn disable" v-show="isDownTime">{{downTimeTxt}}</view>
</view>
</view> -->
</view>
<view class="btn-wrap">
<view class="btn" @click="commitForm">
<view class="btn" :class="isCommit?'':'disable'" @click="commitForm">
确认提交
</view>
</view>
<uni-popup ref="pop_zhuanye" type="bottom" style="background: #fff !important;">
<uni-popup ref="pop_zhuanye" type="bottom">
<view class="layer-inner">
<view class="head">
<text>选择专业类</text>
@@ -43,17 +74,32 @@
</view>
</view>
</uni-popup>
<!-- <u-popup :show="showYear" @close="showYear=false" :round="10">
<view class="layer-inner">
<view class="head">
<text>选择入学年份</text>
<view class="close-btn" @click="showYear=false"></view>
</view>
<view class="content">
<view class="li" :class="item == startYear?'on':''" v-for="(item,index) in yearsList" :key="index"
@click="checkYear(item)">
<text>{{item}}</text>
</view>
</view>
</view>
</u-popup> -->
</view>
</template>
<script>
import api from "@/packageCa/apiCa/user.js"
import api from "@/apiB/user.js"
export default {
data() {
return {
schoolName: "", //
eduLevel: 2, //321
specialtyName: "", //
showSpecialtyName: false,
showSpecialtyList: [{
label: '哲学',
value: '哲学'
@@ -244,13 +290,22 @@
value: '交叉学科'
},
],
showYear: false, //
yearsList: [], //
startYear: "", //
isDownTime: false,
downTimeTxt: '60s后获取',
mobile: "",
code: "",
isCommit:false,
}
},
computed: {
},
created() {
// this.getUserInfor();
//this.initYear();
this.getUserInfor();
},
methods: {
async getUserInfor(){
@@ -274,6 +329,19 @@
this.$refs.pop_zhuanye.open('bottom');
}
},
//
checkYear(ITEM) {
this.startYear = ITEM;
this.showYear = false;
},
//
initYear() {
const currentYear = new Date().getFullYear()
const years = Array.from({
length: 5
}, (_, i) => currentYear - i);
this.yearsList = years;
},
//
changeEduLevel(INDEX){
if(INDEX == 1){
@@ -287,15 +355,74 @@
//
checkSpecialty(ITEM) {
this.specialtyName = ITEM.value;
this.showZhuanYeDialog(false)
this.showSpecialtyName = false;
this.isCommit=true;
this.$refs.pop_zhuanye.close();
},
//
async getCode(){
if (this.mobile.replace(/\s+/g, '') == "" || !/^1[3456789]\d{9}$/.test(this.mobile.replace(/\s+/g, ''))) {
uni.showToast({
title: "请输入正确的手机号",
icon: "none"
})
return;
}
this.isDownTime = true;
this.updateTimer(60)
// let data = {
// mobile: this.mobile.replace(/\s+/g, ''),
// smsType: 2
// }
const mobile = this.mobile.replace(/\s+/g, '')
const res = await api.querySendSmsCodeWithoutCode(mobile)
if (res.Result !== 1) {
uni.showToast({
title: res.Message,
icon: "none"
})
this.downTimeTxt = "60s后获取"
}
},
updateTimer(num){
if (num > 0) {
num--;
this.downTimeTxt = (num < 10 ? '0' + num : num) + "s后获取";
setTimeout(()=>{
this.updateTimer(num)
},1000)
}else {
this.isDownTime = false;
//
}
},
//
async getExperienceWeekDesk() {
const departRes = await api.getDepartList();
if (departRes.Result == 1) {
this.deparList = departRes.Data.list;
}
const res = await api.getExperienceWeekDesk();
if (res.Result == 1) {
const data = res.Data.singleD;
if (data.DepartId > 0 && departRes.Data.list.length > 0) {
this.checkedDeparId = data.DepartId;
this.checkedDeparName = departRes.Data.list.find(item => item.Id === data.DepartId)?.Name;
this.startYear = data.StartYear;
this.userName = data.RealName;
this.sex = data.Sex;
}
} else {
uni.showToast({
title: res.Message,
icon: "none"
})
}
},
//
async commitForm() {
if (this.specialtyName == "") {
uni.showToast({
title: "请先选择专业类",
icon: "none"
})
if (!this.isCommit) {
return;
}
uni.showLoading({

View File

@@ -124,7 +124,7 @@
</template>
<script>
import api from "@/packageCa/apiCa/studentProfile.js"
import api from "@/apiB/studentProfile.js"
export default {
data() {
return {
@@ -190,7 +190,7 @@
if (res.Result == 1) {
this.planList = res.Data;
if(res.Data.length == 0){
this.planList = JSON.parse(JSON.stringify(this.emptyPlanList));
this.planList = [...this.emptyPlanList];
}
} else {
uni.showToast({

View File

@@ -42,7 +42,7 @@
</view>
</view>
<view class="footer">
<navigator url="/packageCa/job/index" class="btn">添加意向职业</navigator>
<navigator url="/packageB/pages/job/index" class="btn">添加意向职业</navigator>
</view>
</view>
<view class="section">
@@ -77,8 +77,8 @@
</view>
</view>
<view class="footer">
<navigator v-if="interestResult != null && interestResult !=''" url="/packageCa/testReport/interestTestReport" class="btn">查看报告</navigator>
<navigator v-if="!(interestResult != null && interestResult !='')" url="/packageCa/pagesTest/interestTestTitle" class="btn">去测评</navigator>
<navigator v-if="interestResult != null && interestResult !=''" url="/packageB/pages/testReport/interestTestReport" class="btn">查看报告</navigator>
<navigator v-if="!(interestResult != null && interestResult !='')" url="/packageB/pages/pagesTest/interestTestTitle" class="btn">去测评</navigator>
</view>
</view>
<view class="section">
@@ -110,8 +110,8 @@
</view>
</view>
<view class="footer">
<navigator class="btn" v-if="workValueResult != null && workValueResult !=''" url="/packageCa/testReport/workValuesTestReport">查看报告</navigator>
<navigator class="btn" v-else url="/packageCa/pagesTest/workValuesTestTitle">去测评</navigator>
<navigator class="btn" v-if="workValueResult != null && workValueResult !=''" url="/packageB/pages/testReport/workValuesTestReport">查看报告</navigator>
<navigator class="btn" v-else url="/packageB/pages/pagesTest/workValuesTestTitle">去测评</navigator>
</view>
</view>
<view class="section">
@@ -176,8 +176,8 @@
</view>
</view>
<view class="footer">
<navigator class="btn" v-if="personResult != null && personResult !=''" url="/packageCa/testReport/personalTestReport">查看报告</navigator>
<navigator class="btn" v-else url="/packageCa/pagesTest/personalTestTitle">去测评</navigator>
<navigator class="btn" v-if="personResult != null && personResult !=''" url="/packageB/pages/testReport/personalTestReport">查看报告</navigator>
<navigator class="btn" v-else url="/packageB/pages/pagesTest/personalTestTitle">去测评</navigator>
</view>
</view>
<view class="section" v-if="user.GradeLevel == 3">
@@ -209,8 +209,8 @@
</view>
</view>
<view class="footer">
<navigator class="btn" v-if="multResult != null && multResult !=''" :url="`/packageCa/testReport/multipleAbilityTestReport`">查看报告</navigator>
<navigator class="btn" v-else url="/packageCa/pagesTest/customTestTitle?testType=-27">去测评</navigator>
<navigator class="btn" v-if="multResult != null && multResult !=''" :url="`/packageB/pages/testReport/multipleAbilityTestReport`">查看报告</navigator>
<navigator class="btn" v-else url="/packageB/pages/pagesTest/customTestTitle?testType=-27">去测评</navigator>
</view>
</view>
<view class="section" v-if="user.GradeLevel == 3">
@@ -242,8 +242,8 @@
</view>
</view>
<view class="footer">
<navigator class="btn" v-if="universalResult != null&&universalResult !=''" :url="`/packageCa/testReport/generalCareerTestReport`">查看报告</navigator>
<navigator class="btn" v-else url="/packageCa/pagesTest/customTestTitle?testType=-28">去测评</navigator>
<navigator class="btn" v-if="universalResult != null&&universalResult !=''" :url="`/packageB/pages/testReport/generalCareerTestReport`">查看报告</navigator>
<navigator class="btn" v-else url="/packageB/pages/pagesTest/customTestTitle?testType=-28">去测评</navigator>
</view>
</view>
@@ -252,14 +252,14 @@
</template>
<script>
import api from "@/packageCa/apiCa/user.js"
import api1 from "@/packageCa/apiCa/studentProfile.js"
import api from "@/apiB/user.js"
import api1 from "@/apiB/studentProfile.js"
export default {
data() {
return {
refreshIfNeeded: false, //
barHeight: wx.getWindowInfo().statusBarHeight,
user: uni.getStorageSync("CAuserInfo").user,
user: uni.getStorageSync("userInfo").user,
customInfo: uni.getStorageSync("customInfo"),
intentionJobList: [],//
intentionSpecialtyList: [],//
@@ -301,7 +301,7 @@ import api1 from "@/packageCa/apiCa/studentProfile.js"
}
},
onShow() {
this.user = uni.getStorageSync("CAuserInfo").user;
this.user = uni.getStorageSync("userInfo").user;
this.customInfo = uni.getStorageSync('customInfo');
this.queryStudentProfile();
},
@@ -432,7 +432,6 @@ import api1 from "@/packageCa/apiCa/studentProfile.js"
}
.document {
padding-bottom: 60rpx;
padding-top: 40rpx;
.person-info {
position: relative;
display: flex;

View File

@@ -0,0 +1,836 @@
<template>
<view class="document">
<view class="head-bar" :style="{'margin-top': barHeight + 5 + 'px'}">
<view class="go-back" @click="goback"></view>
<text>生涯档案</text>
</view>
<view style="display:none;" class="person-info">
<view class="img-wrap">
<image v-if="customInfo.AllHeadimgUrl" :src="customInfo.AllHeadimgUrl"></image>
<image v-else src="https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh/avatar.png" mode=""></image>
</view>
<view class="txt-wrap">
<view class="top">
<view class="name">{{user.RealName}}</view>
<!-- <view class="grades">{{user.GradeName}}{{user.ClassName}}</view> -->
</view>
<view class="bottom">{{user.SchoolName}}</view>
</view>
</view>
<view style="margin-top:50rpx;" class="section">
<view class="head">
<view class="left-txt">
<view class="icon icon-1"></view>
意向职业
</view>
<view class="right-txt">
限5种
</view>
</view>
<view class="content" v-if="intentionJobList != null && intentionJobList.length > 0">
<view class="list">
<view class="item" v-for="(item, index) in intentionJobList" :key="index">
<text class="name">{{(index + 1) + '.' +item.Name}}</text>
<view class="cancel-btn" v-on:click="cancleIntention(index,2,item.EnCodeId)">取消</view>
</view>
</view>
</view>
<view class="content" v-else>
<view class="empty">
<view class="icon"></view>
<text>您还未添加意向职业</text>
</view>
</view>
<view class="footer">
<navigator url="/packageB/pages/job/index" class="btn">添加意向职业</navigator>
</view>
</view>
<view class="section">
<view class="head">
<view class="left-txt">
<view class="icon icon-4"></view>
职业兴趣测评
</view>
</view>
<view class="content" v-if="interestResult != null && interestResult !=''">
<view class="text-wrap">
<view class="row">
<text class="label">兴趣代码</text>
<view class="value">
<text v-for="(item, index) in interestCodeList" :key="index">
{{item}} <text v-if="index < interestCodeList.length -1"></text>
</text>
</view>
</view>
<view class="row">
<text class="label">对应学类</text>
<view class="value"><text v-for="(item, index) in interestRecommendSpecialty" :key="index">
{{item}} <text v-if="index < interestRecommendSpecialty.length -1"></text>
</text></view>
</view>
</view>
</view>
<view class="content" v-else>
<view class="empty">
<view class="icon"></view>
<text>您还未测评</text>
</view>
</view>
<view class="footer">
<navigator v-if="interestResult != null && interestResult !=''"
url="/packageB/pages/testReport/interestTestReport" class="btn">查看报告</navigator>
<navigator v-if="user.GradeLevel == 2 && !(interestResult != null && interestResult !='')"
url="/packageB/pages/pagesTest/interestTestTitle" class="btn">去测评</navigator>
<navigator v-if="user.GradeLevel == 1 && !(interestResult != null && interestResult !='')"
url="/packageB/pages/pagesTest/interestTestTitle" class="btn">去测评</navigator>
</view>
</view>
<view class="section">
<view class="head">
<view class="left-txt">
<view class="icon icon-6"></view>
工作价值观测评
</view>
</view>
<view class="content" v-if="workValueResult != null && workValueResult !=''">
<view class="text-wrap">
<view class="row">
<text class="label">高分价值观 </text>
<view class="long-value" v-if="workValueHight != null && workValueHight.length > 0">
<text v-for="(item, index) in workValueHight" :key="index">
{{item}} <text v-if="index < workValueHight.length -1"></text>
</text>
</view>
<view class="long-value" v-else>
<text></text>
</view>
</view>
</view>
</view>
<view class="content" v-else>
<view class="empty">
<view class="icon"></view>
<text>您还未测评</text>
</view>
</view>
<view class="footer">
<navigator class="btn" v-if="workValueResult != null && workValueResult !=''"
url="/packageB/pages/testReport/workValuesTestReport">查看报告</navigator>
<navigator class="btn" v-else url="/packageB/pages/pagesTest/workValuesTestTitle">去测评</navigator>
</view>
</view>
<view class="section">
<view class="head">
<view class="left-txt">
<view class="icon icon-8"></view>
人格测评
</view>
</view>
<view class="content" v-if="personResult != null && personResult !=''">
<view class="text-wrap">
<view class="row">
<text class="label">内外向</text>
<view class="value" v-if="personGroupList1 != null && personGroupList1.length > 0">
<text v-for="(item, index) in personGroupList1" :key="index">
{{item}} <text v-if="index < personGroupList1.length -1"></text>
</text>
</view>
<view class="value" v-else>
<text></text>
</view>
</view>
<view class="row">
<text class="label">人际关系</text>
<view class="value" v-if="personGroupList2 != null && personGroupList2.length > 0">
<text v-for="(item, index) in personGroupList2" :key="index">
{{item}} <text v-if="index < personGroupList2.length -1"></text>
</text>
</view>
<view class="value" v-else>
<text></text>
</view>
</view>
<view class="row">
<text class="label">严谨性</text>
<view class="value" v-if="personGroupList3 != null && personGroupList3.length > 0">
<text v-for="(item, index) in personGroupList3" :key="index">
{{item}} <text v-if="index < personGroupList3.length -1"></text>
</text>
</view>
<view class="value" v-else>
<text></text>
</view>
</view>
<view class="row">
<text class="label">开放性</text>
<view class="value" v-if="personGroupList4 != null && personGroupList4.length > 0">
<text v-for="(item, index) in personGroupList4" :key="index">
{{item}} <text v-if="index < personGroupList4.length -1"></text>
</text>
</view>
<view class="value" v-else>
<text></text>
</view>
</view>
</view>
</view>
<view class="content" v-else>
<view class="empty">
<view class="icon"></view>
<text>您还未测评</text>
</view>
</view>
<view class="footer">
<navigator class="btn" v-if="personResult != null && personResult !=''"
url="/packageB/pages/testReport/personalTestReport">查看报告</navigator>
<navigator class="btn" v-else url="/packageB/pages/pagesTest/personalTestTitle">去测评</navigator>
</view>
</view>
<view class="section" v-if="user.GradeLevel == 2">
<view class="head">
<view class="left-txt">
<view class="icon icon-9"></view>
个人选科报告
</view>
</view>
<view class="content">
<view class="report-wrap">
<view class="block" v-for="(item, index) in groupDataList" :key="index">
<view class="row">
<view class="item">
<text class="label" v-if="index==0">第一志愿</text>
<text class="label" v-if="index==1">第二志愿</text>
<text class="label" v-if="index==2">第三志愿</text>
<text class="value" v-text="item.GroupName != '' ? item.GroupName : '还未选择志愿'"></text>
</view>
</view>
<view class="row" v-show="viewScores">
<view class="item">
<text class="label">选科组合成绩</text>
<text class="value">{{item.Score}}</text>
</view>
</view>
<view class="row" v-show="viewScores">
<view class="item">
<text class="label">选科组合年级排名 </text>
<text class="value">{{item.GroupRank}}</text>
</view>
</view>
</view>
<view class="row" v-show="viewScores">
<view class="item">
<text class="label">物理</text>
<text class="value">{{examSoreInfo!=null?examSoreInfo.PhysicsScore + '分':'暂无分数'}}</text>
</view>
<view class="item">
<text class="label">化学</text>
<text class="value">{{examSoreInfo!=null?examSoreInfo.ChemistryScore + '分':'暂无分数'}}</text>
</view>
<view class="item">
<text class="label">生物</text>
<text class="value">{{examSoreInfo!=null?examSoreInfo.BiologyScore + '分':'暂无分数'}}</text>
</view>
</view>
<view class="row" v-show="viewScores">
<view class="item">
<text class="label">历史</text>
<text class="value">{{examSoreInfo!=null?examSoreInfo.HistoryScore + '分':'暂无分数'}}</text>
</view>
<view class="item">
<text class="label">地理</text>
<text class="value">{{examSoreInfo!=null?examSoreInfo.GeographyScore + '分':'暂无分数'}}</text>
</view>
<view class="item">
<text class="label">政治</text>
<text class="value">{{examSoreInfo!=null?examSoreInfo.PoliticsScore + '分':'暂无分数'}}</text>
</view>
</view>
<view class="row" v-show="scoreMatch">
<view class="item">
<text class="label">选科组合成绩匹配度 </text>
<text class="value" v-if="groupMatching==0">暂无数据</text>
<text class="value" v-if="groupMatching==1"></text>
<text class="value" v-if="groupMatching==2"></text>
<text class="value" v-if="groupMatching==3"></text>
</view>
</view>
<view class="row" v-show="subjectMatch">
<view class="item">
<text class="label">学科信心匹配度</text>
<text class="value" v-if="subjectMatching==0">暂无数据</text>
<text class="value" v-if="subjectMatching==1"></text>
<text class="value" v-if="subjectMatching==2"></text>
<text class="value" v-if="subjectMatching==3"></text>
</view>
</view>
<view class="row" v-show="specialtyUniversityMatch">
<view class="item">
<text class="label">意向专业院校与选科组合匹配度 </text>
<text class="value" v-if="specialtyMatching==0">暂无数据</text>
<text class="value" v-if="specialtyMatching==1"></text>
<text class="value" v-if="specialtyMatching==2"></text>
<text class="value" v-if="specialtyMatching==3"></text>
</view>
</view>
<view class="row">
<view class="item">
<text class="label">意向专业 </text>
<text class="value"
v-if="intentionSpecialtyList != null && intentionSpecialtyList.length > 0"> <text
v-if="intentionSpecialtyList.length > 0"
v-for="(item, index) in intentionSpecialtyList" :key="index">
{{item.Name}} <text v-if="index < intentionSpecialtyList.length -1"></text>
</text></text>
<text class="value" v-else>您还未添加意向信息</text>
</view>
</view>
<view class="row">
<view class="item">
<text class="label">意向院校</text>
<text class="value"
v-if="intentionUniversityList != null && intentionUniversityList.length > 0">
<text v-for="(item, index) in intentionUniversityList" :key="index">{{item.Name}} <text
v-if="index < intentionUniversityList.length -1"></text></text>
</text>
<text class="value" v-else>您还未添加意向信息</text>
</view>
</view>
<view class="row">
<view class="item">
<text class="label">系统推荐选科组合 </text>
<text class="value">{{recommendGroups}}</text>
</view>
</view>
<view class="row">
<view class="item">
<text class="label">学校建议选科 </text>
<text class="value" v-if="suggestGroupName != null">{{suggestGroupName}}
{{suggestReason}}</text>
<text class="value" v-else>学校暂无建议</text>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import api from "@/apiB/user.js";
export default {
data() {
return {
refreshIfNeeded: false, //是否返回刷新
barHeight: wx.getWindowInfo().statusBarHeight,
user: uni.getStorageSync("userInfo").user,
customInfo: uni.getStorageSync("customInfo"),
intentionJobList: [], //意向职业
intentionSpecialtyList: [], //意向专业
intentionUniversityList: [], //意向院校
interestCodeList: [], //兴趣码
interestRecommendSpecialty: [], //兴趣码
interestResult: "", //兴趣测评结果
customerGroup1: [], //学科效能
customerGroup2: [], //学科效能
customerResult: "", //学科效能
workValueHight: [], //工作价值
workValueResult: "", //工作价值
multHight: "", //多元智能
multResult: "", //多元智能
personGroupList1: [], //人格
personGroupList2: [], //人格
personGroupList3: [], //人格
personGroupList4: [], //人格
personResult: "", //人格
viewScores: false, //是否查看成绩
groupDataList: [], //志愿
examSoreInfo: {}, //科目成绩
subjectMatching: 0, //学科信心匹配度 0无1低 2中 3高
groupMatching: 0, //选科组合匹配度 0无1低 2中 3高
specialtyMatching: 0, //意向专业院校匹配度 0无1低 2中 3高
recommendGroups: "", //推荐组合
suggestGroupName: null, //学校建议组合
suggestReason: null, //学校建议原因
scoreMatch: false,
subjectMatch: false,
specialtyUniversityMatch: false,
myStudyCourseList: [],
}
},
onShow() {
// let pages = getCurrentPages(); // 获取当前页面栈
// let currentPage = pages[pages.length - 1]; // 当前页面
// //修改后刷新
// if (currentPage.data.refreshIfNeeded) {
// currentPage.data.refreshIfNeeded = false;
// }
this.queryStudentProfile();
this.user = uni.getStorageSync("userInfo").user;
console.log("user====",this.user);
this.customInfo = uni.getStorageSync('customInfo');
},
created() {
// this.queryStudentProfile()
},
methods: {
goback() {
uni.navigateBack(-1);
},
// 获取个人档案
queryStudentProfile() {
uni.showLoading({
title: "加载中"
})
api.queryStudentProfile().then((res) => {
uni.hideLoading();
if (res.Result == 1) {
let data = res.Data;
console.log("datas====",data);
// 意向职业
this.intentionJobList = data.IntentionJobList;
// 意向专业
this.intentionSpecialtyList = data.IntentionSpecialtyList;
// 意向院校
this.intentionUniversityList = data.IntentionUniversityList;
// 兴趣测评
this.interestCodeList = data.InterestCodeList;
this.interestRecommendSpecialty = data.InterestRecommendSpecialty;
this.interestResult = data.InterestResult;
// 学科信心测评
this.customerGroup1 = data.CustomerGroup1;
this.customerGroup2 = data.CustomerGroup2;
this.customerResult = data.CustomerResult;
// 工作价值
this.workValueHight = data.WorkValueHight;
this.workValueResult = data.WorkValueResult;
// 多元智能
this.multHight = data.MultHight;
this.multResult = data.MultResult;
// 人格测评
this.personGroupList1 = data.PersonGroupList1;
this.personGroupList2 = data.PersonGroupList2;
this.personGroupList3 = data.PersonGroupList3;
this.personGroupList4 = data.PersonGroupList4;
this.personResult = data.PersonResult;
// 个人选科报告
this.viewScores = data.ViewScores;
this.scoreMatch = data.ScoreMatch;
this.subjectMatch = data.SubjectMatch;
this.specialtyUniversityMatch = data.SpecialtyUniversityMatch;
this.groupDataList = data.GroupDataList;
this.examSoreInfo = data.ExamSoreInfo;
this.subjectMatching = data.SubjectMatching;
this.groupMatching = data.GroupMatching;
this.specialtyMatching = data.SpecialtyMatching;
if (data.RecommendGroups != null && data.RecommendGroups != '') {
this.recommendGroups = data.RecommendGroups.split(",").join("、");
} else {
this.recommendGroups = "无"
}
if (data.SelectGroup != null) {
this.suggestGroupName = data.SelectGroup.SuggestGroupName;
this.suggestReason = data.SelectGroup.SuggestReason;
}
}
})
},
// 取消意向
cancleIntention(index, type, id) {
uni.showLoading({
title: "取消中"
})
api.doIntention(type, id, 1).then((res) => {
uni.hideLoading();
if (res.Result == 1) {
this.queryStudentProfile()
// if(type == 2){
// this.intentionJobList.splice(index, 1);
// }else if(type == 3){
// this.intentionUniversityList.splice(index, 1);
// }else {
// this.intentionSpecialtyList.splice(index, 1);
// }
uni.showToast({
title: "取消成功",
icon: "success"
})
}
})
},
}
}
</script>
<style lang="scss">
$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
page {
background: url('#{$image-oss-url}/17.png') no-repeat;
background-size: contain;
background-color: #EEF1F8;
overflow-y:scroll;
}
</style>
<style lang="scss" scoped>
.head-bar {
position: relative;
text-align: center;
font-size: 36rpx;
font-weight: 600;
height: 60rpx;
line-height: 60rpx;
.go-back {
position: absolute;
left: 10rpx;
top: 0;
width: 60rpx;
height: 60rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABUklEQVRoQ+3ZOwrCQBCA4UlyCVsrQauQdPYewcNYWXoHK1s9gYeYdIKlracYWYggkgiTnccuaB3D/+1sYEMKyPxXZN4Pf0DMBOu6XpZluQOANRGduq7bc+/nNoE+/gwAq3c0IrJ72H/grtDQ9UPxAPBAxDn3/uaAkfjQvUXES9IA6fiANZuARrwZQCveBKAZrw7QjlcFWMSrAaziVQCW8eIA63hRgEe8GMArXgTgGR8N8I6PAqQQPxmQSvxkQNM0VwDYfJ3dJ53nuef/7+vZx+l+9W8pxE+aQNu2CyK6ZwsI4VlvoQDI/iFOCcF+iD/3fgqTiAKkMIlogDdCBOCJEAN4IUQBHghxgDVCBWCJUANYIVQBFgh1gDbCBKCJMANoIUwBGghzwA/EExFn3HdkF8AYIpvPrO9VDu8TVVUdiKghomNWH7q5W2Xserct9Af0K/AChQ/cMY9OGScAAAAASUVORK5CYII=") center no-repeat;
background-size: 38rpx 38rpx;
}
}
.document {
padding-bottom: 60rpx;
.person-info {
position: relative;
display: flex;
align-items: center;
width: 664rpx;
height: 174rpx;
padding: 0 20rpx;
margin: 65rpx auto 20rpx;
border: 3px solid #FFFFFF;
background: #EDF5FE;
border-radius: 12px;
.img-wrap {
overflow: hidden;
width: 112rpx;
height: 112rpx;
border-radius: 50%;
margin-right: 20rpx;
image {
width: 100%;
height: 100%;
}
}
.txt-wrap {
.top {
display: flex;
align-items: flex-end;
margin-bottom: 10rpx;
.name {
color: #000000;
margin-right: 20rpx;
font-size: 36rpx;
}
.grades {
color: #666;
font-size: 26rpx;
}
}
.bottom {
color: #666;
font-size: 26rpx;
}
}
}
.section {
width: 670rpx;
padding: 30rpx 20rpx 40rpx;
background: #FFFFFF;
margin: 0 auto 24rpx;
border-radius: 12rpx;
.head {
display: flex;
justify-content: space-between;
.left-txt {
display: flex;
align-items: center;
font-size: 32rpx;
color: #000;
font-weight: 500;
.icon-1 {
width: 32rpx;
height: 32rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABqUlEQVR4AexXQU7DMBBcW+09B0AcywvIE8oP+AF9Qg+AuFGugFTxAvoEfhB+0PKC5gxIcK7UmpkKqjSEdB1ZJIdEHtVxdmcn663tWFFc0dBFB5duDjgN9i/cB+xOFdSiEtDpyEBEeqK8jJFIRM6AnU0lAITHayYjk9VKTsrgnAwFF34pAr3yphKwoXCSvt+b5zIg8MvGXtHxE6Ag9DVZCzi8cj0UzgCFc10ETEH8TTzC89JCtFYS2sKnB9tCPsZiYdPO4ibGnCZweMTA6A/8CMBjdWPRFvIxVrcr871z12cGxqCkMX7+r0FEhGyNKaDK24VSGlsqCcVWhYcZqOIXzKcV0GagERlIUdK1wb7emqM6Ybke+wDZEm5eeR9uLkR+fNe9xXqc+IAClkvp532wufAIxvXdi68RRciX8sUMDvmtlmMY9mveGeD8v92ZGQr3JguOYRpU58CsRG8BmP8pTjo8ov8CdtZpllzT9xaAIHxLHmCKoIm5ZeMtYMs7wE0roBEZqPT/DTD9pEiZgSf2asLELhbygOBc1bgloxu2FbHh+/FT8KHL2F8AAAD//4kh6/oAAAAGSURBVAMAtjRliSH3kwIAAAAASUVORK5CYII=") no-repeat;
background-size: 100%;
}
.icon-2 {
width: 27rpx;
height: 32rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAH4SURBVEiJ1dfBa9NgGMfx75sWUxglRdCRophTdxAlTHpz2DGvQ8GT8yjMqwevsp62y8Sz/QP0KszjYIGO7SBjAUFY8VDX0aJisSsTgyavB9vNicmbdkvR3zHv8+bD+7wvb4gAWNq0LdAWpKQEWCQS6Yrymp07o2vbySFH0fSM9nQUEIAmpSyNAgLQQFgjxEaXgTFDNzF0cygsHadIT2UpmncpmnNk0tnD57W2w2p9mY7XioWJxY1JGVVg6Cb3Llcw9HxozWp9mdetF0osso1xIICb1iPGxwonw66cm1VC/dyZeHIy7Or52VgQgKHnlQdH0cZ4q+qncHZ6OExPZcOGQtPxmsNhnt/l24/uQJiqPrKNbz6txIY6XpPd/a3hsWqjEnt11UZFWROJeX6X52/nlXsBcMm4pqxJzdw3y1EFB98/U2s76Kks42MTx8Z297d49a5Mx2tSNOfIZfLU2k7ou5TX1e/5BRbIpLN8ONg5didevzDP1MUHVBvPWN/7e0tjXcT9eH439BCs71XoeC0+ft0JnT8Qporq9P7bH8//Bvtzz14KgZsEFAS8P8R8P5h+POU6SUD99DDpJgktbkw+BG6kgXpSyFHkLRAlTQgcEHZPTzRiadO2pNTWAAukC3w5bURKYQtBTkD/lym1EATythDkThvrke5P22GeWTkOvPwAAAAASUVORK5CYII=") no-repeat;
background-size: 100%;
}
.icon-3 {
width: 31rpx;
height: 32rpx;
margin-right: 10rpx;
//background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAgCAYAAADqgqNBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMMSURBVEiJ7ZZPSJNhHMe/z97X+W7TfLNWQxPfylLDYAqSSqEdhLl5MDwUnewQiL4XDwXRwTp0CyyS6Fb3Dl0U6qQpvovAKRFOpHQSOHGo7zT1nfvz66CTbW66iXiI/W7P8/y+v8/7+/PwvAxHsE6nTeLA9TJCB4DhEAs/eFf/2ZNpHF2mAllpaeNIN2TQGe/Vnr/tEXhjBR/hJuTR1qZMY7GMwE57L4g9u3iqYrrafLMiuj++NLI4vz5jYcCrNw2DPccK73TaJJ64TzrGWazmBlHKLxcSff78/b04vjQiRij8Ld02HAqXlZY2AuszcCZLY3GrZso5Jaby3QiuqV8XBjQtuCkgwu703xoYPjI8VZkBYCO0Dn9gBWJuIYx8fpwu3TYkhR9WZveqC+4V1966srAGladr4mKk04Z90x6dZoEzVjSXtAuJYN+WF+4VF4oMpY/6GwZZgd78xL3igm/LGxenJO+ypbmkXTvoNsRlflCZo/ZL/YkZ9Yf28sZHQ3Tv8fe7vrKCqrNlYlUySco2MCC9aY7N3On9EjILxbVPq99Ovpjosnq35ifqLM0oMpWmkiVtA+t02iSOdEPpTHPURhYG4d9eVnOZoGrhzQvnjMV8naX5MFncbQjpwtVc/cPyXgNnkuzSfYuey02ZcayV5l+FwBkEI58nXiq4pqssrDlcBEDP5QpXxOt5c2vTIIR5PhLCfIALiLHTm4n5A8vwB5Yz0mxHAiCQyucEcz6EdNuN7lVXtNxNACYBqASSGDERDJMAAIKVGKkMzANABGAFMLxzlOAbEyfRFwD4gP71vq+SFQfJo7YmAOgas3d0K/a5mLMh2WnvBXaGVFYc1Om0ScDOTZEVx1DUt1uxz3WN2TsAQB61NcmKgxJZGb9qx2lZeBaehWfhWfj/B2e7v1DvCSQBAAOTCOQBgN0nUtxbg0kgqMRITeoLIPYs6pskjidC1MNkxTFRZCq1FujPnFC+gE/zwre14OEJJAq8SSsUzIsnBV8LrmqMmIUnwvNZdapv1j8lnRScQB4Cev4BQmp+U4L3kQsAAAAASUVORK5CYII=") no-repeat;
background-size: 100%;
}
.icon-4 {
width: 32rpx;
height: 31rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAADWElEQVR4AbRWO2wTQRB9ewln0yBDg5AoHKQ0FCRRGiQKYkGFgxRLoUTYBTWmIHEX3DlpYiihsBElkRwpcSqQI6FIaSISCppI2AUSoiEWTUIS3TKz5zvrfvadZUY3t7OzszNvZm93T8MgVMsnUC9UiJuKtxZXUSskB3EVHQAH12MNCpYl5qBJSJGHLmvgMVJGeaID0OPPADEJD5EuFlvyqPsoogFQGcp8oE8p5qIuRTQAZvaJQABAEjqeIAKFB9Av+27QbJQqhAfQP3sLQqQqhAOgtliPtbdCd9ss6i98PtSugSV5AfDEjYU5bC7kwft7s9CgdW0CIoHwRNtz5Avqi8SFivLFPjkRtZRdRyYADmoeLBKgiZpWg9BWwftbYAYDk+AqZJUv9qmjCT1+hK1CAxsF5VczPxjNOlgGDhVposQMNDQ4toYYKohWXgyNdLmqQYLWC0Ohuas3Ubk1j+TFyyH9iUn6BmQbQ6DJS9dQm36M7PVpMJCwLgmAeBXWOMguMRpXwXm8fXaM9V/fWAzDVQ3pUhWQ+/2suawzV274mi2N37fLXjz8hNbxka+dU0kx06UiVYDUp39TENhGAHGGzdQCGrefYmn8nsOKQeXH7igdZ15u7Si590uug2OSkQkgU27jQSlFfaoGvV1P+/zEzuolZWuBYGCViXllzVnnDj4ouc+rivRyBhyTDE0AJKgnXcpR6wsitfvWA6Iy8cgufe5gDQyU5vd6KLiKYds4AbCaQQh4loMzdIOwvvZycwfbv7+jJ7FP9u0y8gJgA4l33LiZQUx9fo39Pz/tIdYVDz/a/UAhwKc/gEAvUGVO7b5B9ceeWpLM3nul6zHFHDIM3/PGH4CQE+Ys/zevde7rGsYaK45q+Ft3tCPibkdyNP4AJIZ2PMMiQ/DNaPXs1h+A71+vPWcwQciQAMwfhuFXgG9c07cjAW8F9Av/IXgn5mjcUwUvgI5tqEaCzgvZ9x6BRedowUVeAKdnHiPXHO62YCCF2VKKjtUpJfNBwyOBLGkbnhA7DbwA+IyWxnOnmd1jcDmkS2N4WKLsO3qW+S5hUEE3q5RF6/zvzFKNFwCrZ1fKMIwMzKwoqOQym4HV9c1GPsxA0stTNJKjK36duE1/XAw0B/ZJA+7nHwAAAP//fvvjBQAAAAZJREFUAwCMpRtDiL0m1gAAAABJRU5ErkJggg==") no-repeat;
background-size: 100%;
}
.icon-6 {
width: 32rpx;
height: 31rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAACGklEQVR4AeyW0XHaQBCG/2VSgCuIzx04HZgOQgdxB9Fk8ox5zmTkDuIOkg6gA9yBDypIAR7W351sYEDCaCzkF+9o7w7dsv+/e8stAy/DVy/PH1DvWecJeyD5WFJQ/3IpeQkBsdB7SUgE3gs8434Q6CsD93q0IUV3m/O+NfRAwO8kG9rPOJMGE+3IiQnYjRXLayvi/wp3Na7mzXhCAgk8riP28vMfyb5rR1oQsBvJLir1vbPUtqysIOoMzm135uX5XLJvqpEjCRipjBOcxkqXhTIZca7aFlJtI/sRM0HAuWEdcDVedkcQ8FtAX6IJOD0TwjvILKhsQxUloTbk/T8h2CXwKUtmxobnFQJ+RxERrbi1A8D+lxWNK4wB4LME4MyKRTqaL1bEeyHsEbG/Co6pDhHA8fI6GeEQsOwQx0pr6sFTN7vSswBO+qFXBs4624bnrYNTEwEisdHmm6uSdQJnWj8A+JQCQ8MVJC/RseRUuyCpo6SOAJHYaBNR/vkQVaM/suBTgCk2JzONdrUbdQRIfYzJuorIDoEnszdpHQH+IaUiS5G3j6gtmzoC+EjAp40ckPw0EMh7vQwfBFIGcsX3ku99kBkELN12u01l37T7NwRukwEXDr/7BU1kYVb0qhdWxJSB7kNr45EjaGPevW0jAa7h4L9oMl1oGXYb2TqSWgKApwbzoE80mS5UPvffoban1BKAHh1RSXVqeQIAAP//TF3sLQAAAAZJREFUAwCBRGeYQHx5OgAAAABJRU5ErkJggg==") no-repeat;
background-size: 100%;
}
.icon-7 {
width: 32rpx;
height: 32rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMmSURBVFiFrZfPTxNBFMc/0xaxISGLhgMEY1UuxBgK6RGT9iBX9eTR9catBWrire3ZxtabN8pfIPEIMW30SkxJ5KZxjUm9GNiYSKmA42Ha7rbsrxa+SdPJzNv3/c6bmTdvBANCrqET4ikQB+pAQRSpDeqnAxGYOEOMCBtA0mG4NqwQXwEyQ4wwOQS6rzdJhTMKooxxKQLkGjqCHIJYUIeACZQ55bUoYw4lQK7zCCgNSOwkpCCKlAMLGCjcQSExEDxz2x9dATJLDshfGvF51BCsipfUewS0Z129YLiDwkSQsouItI9WMPKoBgkdpufhqgbHJjT24PMWHBpBPGhISkCq0yFklkNA8yVeSsNy3t1mtwLbhUBCRNFa+ogv+UQM9LcwHff2mtDhdhLepIJGoyvAG/3kjTp8ranQT9yEO0n1A7gWg5UqlBeg6ZsCAghI6L3kH8vwbrXXZqeg7J5sWCKW0qo/AEKeo/fTVnu3cp7cPradt32XUfsmDIwOKyCq9c5+22dGOwUr7FENFuOwiPWbdBMgXS6OKRt50wy2sRq2HDMTsxZ4FJh1FuIegeNgm6iLcWDMx6YtRL6gKp8T9xZgn3FUU8fRDTPAXeC6LWpHhosxECaJVCLcBTRNddw6WM45240CN4C5HIy0U8qJCb9qzvYWNCQl71Owu2m1Ezo8cBAxBsxmYC5v9X3xvIHtiAu5zjfPi2ilaiUagAMD9rdUIopqcO8h3LKNHxnwfkFFwQ2fgJZq+guIakqEXyrukH9Iea9/n4AQwqdsappQWuhNNE74XlEz9yMHOLWaQq6zEbgCmoip5ZieV5EBONiDVsU75Ha0UBHoCrhoQTKOOoJByffphh8gJMoYnJGCIR8XfwLa/QT2esmBWm9RmiUJ5HB+fLhjBpULnPAb+NH+74Uqz5y+Gaosn2yL6Nx+LcAADhxsBVucsCrKGK4PE5lBI0IayOBXNXUQBqb4iwAaXOGs3ykGkoJ4RcXS4oOBhLSfZoBJhBygo1KugaAiipy70wd7nLo9WiQGIR731/wyg8YIsf7+oQR0nWZJIkgjSQJ1/rFpD+mg+A9dEv37gzwmcAAAAABJRU5ErkJggg==") no-repeat;
background-size: 100%;
}
.icon-5 {
width: 32rpx;
height: 32rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKSSURBVFiF7ZdNSBRxGMZ/s7Pp6n44SplEwUBGeSjWPhErBmI7FQ2UFFi0EXTNoIsn7VLQxfZWEhh0KiIvnjqkh8AOsbtgFB1qIy1py7RWzY216fDfcdd1x51dZe3gA8uwzDvP87zvfz6eP/zHUNeSqw8wgBgQLNGMAnQAg2muSDEXx9SDLmPPSY/hrJSMNEEfoNm4VgN6gEmnSzJ2n/AY7XcbTI4lcFqxuLwO9JubCFyvI/wkwatHiWAingoCD4BLOeUKYlKnAK12m5N9bT78uofqWpmf4ylLt5YGTLjrZI5cUWi9XMO757OEnyZa3r/4bZ5WgYtAhyShNB6t5sA5H42HqwrR2jdgwiFLNAXcNAXcO5EIzyVSvbdbRm+562Sl+bSXvWe8KFts0xVvYBEMmmWn3A0oF+43UL+joiQaAAfi5ooh1rHscJB5zPQya0eASGlLsHJogB/EBNYU6wbWDawbsDQwPTHPzI/5VRGZS/wt2kBoLJokdHyU/s5vfHmdLEn4U3iOx9fi9LZ9BvEZXwKrN+EdYCiVNK6ODEwHRwam2eqv5FB7DbuOVSNvkCxFU38M3j6b4eXDX4y/SU4BQ0AofbRtACCKCB43AG0smuwai8ZVz0aZ/Wd9bG+t2pxT//XD8Oxwf+d3fWZi/iOi4xAwtYwGIKKSgYhRaoFajXRelCtEVGvrqTfO32vo7o6prnRNIQ4F6MrSZTLrj93spyK+ojFE6CwkaprvyaOHTia5Zv9i2JvKcjC7jeThH0Sk5gWoZMJJvuIg9kOLRv6mJhFNaYUIdDJ7g1wCqyXSyD9iswG9iAYWoCI6zzdCc9OSvfnIPd9ViqgV/FgvUdEjXimCLO7avKHKHmxVVncTW378A9QT5wUjCfL+AAAAAElFTkSuQmCC") no-repeat;
background-size: 100%;
}
.icon-8 {
width: 27rpx;
height: 32rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAADJUlEQVR4AeRW4VnbMBB98gRhgzAB9gRUHwOUTFAyAWECYILABEkngAX62UxgZ4J4AzKB1fdkK7ZjSGmpf3GfLtKdzvfuTifHET5KaT5Fml8hLVJyTn5tmPJmiV/5gvuTY+7+DOZBihVgtmTO+AYgBiDHYspugcgsIZuXze17oMfBUkYrB8AVPkYTVO4OMMw8j3FA74MpQhhG23uipPTMLO7odL7nyBAAGYAdapoCJmWGPcC3wZSRjxCBSsDNYeNT8gznZ/e4SNZ7lmxjS5uED6zJGixxH3AIluY8A9PNaE0AgiTBiRwNWWdb4ZK2c585PAnwya/4MwSDuaU+jMw/HKQwK6A0p6Og0BxdE2TpS6dM69JqY0rdlRZ9MDkBmBkacvc0nLDFeeDFPkL4gIx0K+5taTMFqnvAWdikgKiqfnIqyRzmVjZ9MJgf3Amj5IMZBYHroC/5gGaqoEaYAlDEJe3EO84ZAtmkZAM9NqJs4wMwXOKQbFJ3n2+QpGAmK5p07WIGIWdUH4wIBfYUnbdgOuD6oobt9kx0BjapG6RyLzR4JofBLM0yCATuVqApo3ZdL7PWufYEXAdQS+FXLW/jGUU6cjewMTs1nlFuhvnOhUoPqDspNOMoGG3MkpEeBkG9hoCSB616bOM5LPUKNDLXnb1dW8aOtrPk2ZgtXvz7TuVpz0Zn2THsLfXC1hsEaO35dmnBKsR4mybsqjvAsPXNlg3yStb8hHSz9IH4YIoV0oK64pW2aqIuEEhNZrqg/ZS59+6YcEeOmLVb+EDqV5uuAXXQPgYUmazOLOLtB+QAo1FVPUa+ASpGOBqKd5yxaVjGOquJV4324/gqAyLWfDEahnfsbphVpqXOrNBiJF4TaH8XCeZmgDtFZEbI0PnyhUQiIu/IJapqE5RjzcxsLNdDv18BzCZqz3KY/P/THJTR6W9813GvddGRP7Xsg+l/SNcALuF1OIGNTzjffAqh83AfTBs22UFfSJol/xsXgHmgn96xDMHwV6Qy86zpuHKsgLOsxAlsnMCeUe77+giYopNTRovwpSWnp3Qqx/xWpOOLRJlkOFKR3wAAAP//prmx5wAAAAZJREFUAwAwoC6lMoqQ5AAAAABJRU5ErkJggg==") no-repeat;
background-size: 100%;
}
.icon-9 {
width: 26rpx;
height: 32rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAYAAAAMq2gFAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAHESURBVEiJ3ZcxctpAFIa/X5MZ4845gcUNnBNk0nhUkgqTCt8gnAB0AuwbyI0hVXCnSRNuYN8gOoKrgBu9FEjMSsgWxIhk/Fc7b7Xvf//u27dPAgi+2RCjD/jsFwkiirsKlZGM9kxQhBh5mZJmYfQ99r9dVfC9A5AAcDCid2WDwUzGIO4pce3BxHwTY0HHtacpn3980cy1nd9ax/P47to2FFWRAMQ9JTIGu+lw/AZTs4LDC+mlBeXvt8XbS4Z/l3XBxPyqZMjn8nFVtuXYKutMjF2HLomJcW3oz2Aj65rC20uG/4hIjDDaBg9NEiVxV2FW566bIzLCfBj3FAFJcZpHg8fXEiWZc85vrQOgtKAqkfHhaUEbiOqICpXB4ErGHcByuToTp0OaLZ6Ijo4ZCk4wQqeCXAYTuylJ+Og2PYULu1zwfn6p9VYEE/MRPwEf41Pc0zwnji/UzgOJuwopIVv7q1JR65j7YGp5lBicCU5WITEE5svfXLda3DhqR8HU+mye35n7sO1WgjJVecQm7teB1GC3C7tStR5vSwJ/UVSVMkg9TgVfd1m38R7VwTzGLzYVz8CjdIgNIfFQ/WV7NUQkOMxvyx8J8rz3lpEgKQAAAABJRU5ErkJggg==") no-repeat;
background-size: 100%;
}
.icon-10 {
width: 27rpx;
height: 32rpx;
margin-right: 10rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAfCAYAAAAWRbZDAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAL6SURBVEiJvZY/TBNxFMc/r9dKQ69QjG0RNDmQBBbiDUJqXBCcaRyMiWEyYXBSF4yJDAQTBwdxYlIXQsJmd8HEBHVgKGHRmEATA+Gf4QTqn5T25wAt0N5xUMDv+N6993nv/d798hPKlFEbMrScZioRQ0QuK+gQRUiJGppdXB2wixHXpKFQCJ/P0DRMUVxWgonCRAg5xWT/ZGpSlmUV272u1YKR96vd0iyUeitISgnT2SzJ1MpKsrE2PCdg4CcElMKMcNjUNF6gMIEQnt12RWEpSIqQVEpNe4Tk80cXrI6Y3/J6vYZSOQPAA6bevpJ0m5IUqrFRle6xNE28mke8Z3ziL/YHdQ893TXEb1SlAlcmG/K5FKQKHyksEZJZMgNeJxDA+mbO8VwAWIaF5QwKSe0178u5PSZTw2cUzmxyrIlgQCt8k3j3k/6hReJdVQw+PF+wD4+uMjz6g8EHtcRvVO8Uv63ZxZUGu5ouRcNrgFmA7QUdVQId6alrc8V2lVM39faPSSVYAobXLrhMpFECE9l3DJ6Tg7nrULCRxBrXbn9jeHT1WDDXMU583iQxvg7A8OgP6iK+smGunW2kczQ3VvDq2UWux3QWljOnB+vuqub1s4u0tVby8kk9PfGasmGOY+y8qgO7/1Jefb0RmhsqaGutPDlYMKCVgPJysrvpv66+bWcb6SwLSxnW07l99vqIj7qoj410li+zf20TtjRWFG6jra2tlCvs/tN5pmZ+2yabHGvi7uPvfHWAdcZ0hp7U2/psYT3xs7S1/imxBwMawYDGvTvn+Dpb6ge4csDi2MI6YzqdMd0xyM1/JNhIYo2pmV+sp7OHStLS6KevN1IebGrmFxOfNw8FAlhY2iof5nTAx5Xj6k98OnxnxWprraQuWnph28L6XyweaYzFclp/W1hfb4TrZWxbAXbVPtYWVhf1EY+Wd/8dpNO9G/1+C0DU9lNdLtWG3wMdwYDnWC8sO80vZ1Kw845UWNJ7yzDHP6TfiGCeKGmvFJZCDfwDa27tlQaAF3UAAAAASUVORK5CYII=") no-repeat;
background-size: 100%;
}
}
.right-txt {
font-size: 28rpx;
color: #999;
}
}
.content {
.report-wrap {
padding: 40rpx 0 0;
.row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 35rpx;
&:last-child {
margin-bottom: 0;
}
.item {
.label {
color: #999999;
font-size: 28rpx;
}
.value {
color: #333;
font-size: 28rpx;
}
}
}
}
.course-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40rpx 0 15rpx;
.item {
width: 320rpx;
background: #F8F9FB;
border-radius: 12rpx;
overflow: hidden;
margin-bottom: 20rpx;
.img-wrap {
display: flex;
justify-content: center;
overflow: hidden;
width: 320rpx;
height: 184rpx;
image {
height: 100%;
}
}
.title {
padding: 10rpx 20rpx 0;
height: 76rpx;
color: #333333;
font-size: 28rpx;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
.count {
margin-top: 10rpx;
font-size: 24rpx;
color: #999999;
padding: 0 20rpx 20rpx;
}
}
}
.text-wrap {
padding: 40rpx 0 15rpx;
.row {
display: flex;
margin-bottom: 25rpx;
.label {
font-size: 28rpx;
color: #999;
}
.value {
width: 500rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 28rpx;
color: #333;
&.w450 {
width: 450rpx;
}
}
.long-value {
width: 450rpx;
font-size: 28rpx;
color: #333;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
}
}
.list {
padding: 40rpx 0 15rpx;
.item {
display: flex;
align-items: center;
margin-bottom: 25rpx;
.name {
color: #1677ff;
font-size: 28rpx;
margin-right: 20rpx;
}
.cancel-btn {
width: 92rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
background: #FCF6EC;
border-radius: 8rpx 8rpx 8rpx 8rpx;
border: 2rpx solid #FAECD8;
font-size: 26rpx;
color: #E6A23C;
}
}
}
.empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40rpx 0 25rpx;
.icon {
width: 128rpx;
height: 128rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAATlBMVEUAAABLac1KaMtNbM5Lac1IaMxGZMVPY89JZstNW9ZKaMxJZs1LaMtLaM1Jac1KaM1KaMtKatBKZ8xKaMxKaMpHZMhLaNFKac5LaM1MZ84Bwi/qAAAAGnRSTlMAM4AZmR8IEHAFeFBAJzhgSBNoWGAMLIqVOe7t0vgAAAVXSURBVHja7ZmJrqMgFIYFyiKLUpf2zvu/6Hix5UhprVAaMxO/m5umafQ/nFWwOjg4ODg4ODg4+M8h1b6wvtoXinm1Ky221Z4YjHd1AZUYY7GbBURhh9S7lALqMKD2MIGZ9i5Pq51o8ITYYfWBBfv2wu6rfYBR1OiJBhH2KhWxi/8XksDoQeAFsm3IUxc4S2XhXkCVwE+QUbq7tTMksGjKqXNQj2kb9iRUFvflXKAFXkVq9iQQrFh/A/mubyiZV8hNs3CLoLHXSnnfqwyIRz82Lb7RRwsuu3yhXqyIWnmLQ1N9AX0P8opDmb6ZoIs/TLIOOxR/E6Y5EB93wJY/1Reo8tScUnO5XIwxZKwrjxFzRbLPpoh9pg/lXBODAszZ28BvxrIPOt3vCmgF9KFbR4OeQL0JdjY3v9z0w2OEDRKrjuQjE/SnmYiCEKDgdgStQAILPqjGZS/h0unD8tcw9dKCoVe6MTxn1i8rwiX1Tf+C3nBhPm2A1lL2QUVASjO0AQZ9OxrWGTAXADqvH6HtFpB4WNPsDmzB/xu41HBliGJ5DpDzdWYt+S6RBcwFgQfDuuNZDtBv628Mf6ZQvioc1l2OAwR7lwDG6YUGTfwu3D+Q0janOyHoJybFAANXo9CbInEq+gwY0RrkMUJn74LhIZ4mOQLWOyCBWUbh4IiCQwxSIkA3t4AoCyjEwCFSH1WUjwBFidBZMRzLMtUDwk+BC0rFTwSoPHDIRpivAYaSGf0gYVFKb4X4rCUoGeLXTJdjrU/OwZwUgDpYPJcQGGtJOQhFmMbFp52F+by5BuARX+TkIGThcB8HXKQ+KjdyMT1QBrU3wOsnnFQwhWeGTw1wtzASpySAM7iMAcrdQmOc1gKIwAUN6Oa7SbJdf3aYavNzAJLQkXJq7QPWuB2RzKkCKEPvyoRjIi5vDptDxzL7gIF7pY0gJrzDjM9cgpKhk7wG929HwRXEN9IRJcO5Fn75CdBlwsr79KhRKtrLJ761aZfb2sH3YpooL66wIUrSJ8El1iVBcgysPJ3AAJ2+EaGBOSqtE+j+ejqdflwmCbjbVlT46C7c14Q66OVpwjlAIN65RpLE4NIu3JujrTtTK35OMz/uQI1mHNj14VaCwzg4o3WUuJ48rfEJTaok7EPdDBBFsxZ3eQKu4g9UdFulQR8aF3Lf144n/qjueloge4RqqGhaJdI9HLkPMMh5vPLZ7wDu//iNocnYjsP4aBFbZIHgUSVY1cmbOKjrxVkdgxpMA8F7KMrus6GHM0I9SXfYpXsQd/UnPCvsoYckQgX2iE7djmmRnpTB4wG4s8hDFgUsWeZ7KfyS6xPxaemRPpEfHZVyK/ErfsDtsrXRQelSX5V8OQhcf6ZG27WwcIDUy4fqj1+WMdpY1QlwhhgGpRtDyZvDcgK7kEJQEb6Lqs9RWzSkhgECDzWl4MKfdIIN3ogLBfWKWdAvbEH8VrIex5HVkbOgdRWEd9jR8ncVXF4fXAvn7usNRJXXhx0TDIoQjgb8zRencGThaBvCgoIdcMKJeD60xYDolbJa9UOHAYGqrwImAAXl0aA3mGDlC3VIz0zI1lMMajv8QKdMAfcmTFBGtVKDEKIbhr7Z/lZuPUNbOEf7EsxWu8J7cHEm9S/sKe6n9fW3GEubrMjYyPl5gmzkPMH5yFhsTyP5ZuFJFjTzmWxZTsxmkzQ/k+KcuTODvRUvpE3df2QFq9flOQFo/j8ox/B6RZ+UhEbruFG/NuAce4/mfcKXmA0h+FgdiBbD601JmOWElThAEu5bhimwsBHRtNXHjQj4fismQSsuCwyj8ffPf8AwOjg4OPjX+AveIUqXZPVRsgAAAABJRU5ErkJggg==") no-repeat;
background-size: 100%;
margin-bottom: 30rpx;
}
text {
font-size: 24rpx;
color: #A4B3E5;
}
}
}
.footer {
display: flex;
justify-content: center;
padding-top: 10rpx;
.btn {
width: 400rpx;
height: 80rpx;
text-align: center;
line-height: 80rpx;
background: #1677ff;
font-size: 28rpx;
color: #fff;
border-radius: 60rpx;
}
}
}
}
</style>

View File

@@ -133,7 +133,7 @@
</template>
<script>
import api from "@/packageCa/apiCa/studentProfile.js"
import api from "@/apiB/studentProfile.js"
export default {
data() {
return {

View File

@@ -178,7 +178,7 @@
</template>
<script>
import api from "@/packageCa/apiCa/studentProfile.js"
import api from "@/apiB/studentProfile.js"
export default {
data() {
return {
@@ -212,7 +212,7 @@
return;
}
uni.navigateTo({
url:"/packageCa/userCenter/learningPlan"
url:"/packageB/pages/userCenter/learningPlan"
})
},
goBack(){

View File

@@ -1,512 +0,0 @@
<template>
<AppLayout :title="title" :show-bg-image="false" @onScrollBottom="getDataList('add')">
<view class="main-list" :style="getBackgroundStyle('k.png')">
<view class="list-top">
<view class="list-title">
<text>筛选条件</text>
<view class="title-line"></view>
</view>
<view class="title-right button-sp-area">
<button class="mini-btn search-box-btn" type="primary" size="mini" @click="handleSearch">查询</button>
<button class="mini-btn reset-box-btn" type="default" size="mini" @click="handleReset">重置</button>
</view>
</view>
<view class="search-container">
<!-- 人员姓名 -->
<view class="search-item">
<text class="label">人员姓名</text>
<uni-easyinput v-model="formData.name" placeholder="请输入人员姓名"></uni-easyinput>
</view>
<!-- 身份证号 -->
<view class="search-item">
<text class="label">身份证号</text>
<uni-easyinput v-model="formData.idCard" placeholder="请输入身份证号"></uni-easyinput>
</view>
<!-- 帮扶类型下拉选择 -->
<view class="search-item">
<text class="label">帮扶类型</text>
<uni-data-select v-model="formData.taskType" :localdata="taskTypeOptions" placeholder="请选择帮扶类型" @change="onTaskTypeChange"></uni-data-select>
</view>
<!-- 帮扶人员 -->
<view class="search-item">
<text class="label">帮扶人员</text>
<uni-easyinput v-model="formData.createByName" placeholder="请输入帮扶人员姓名"></uni-easyinput>
</view>
<!-- 所属区域下拉选择 -->
<view class="search-item">
<text class="label">所属区域</text>
<uni-data-picker ref="picker" class="picker" placeholder="请选择所属区域" popup-title="请选择所属区域" :localdata="regions" v-model="formData.helpArea"
@change="onchange" >
</uni-data-picker>
</view>
<!-- 开始时间 -->
<view class="search-item" v-if="false">
<text class="label">开始时间</text>
<uni-datetime-picker type="date" placeholder="请选择开始时间" v-model="formData.startTime" @maskClick="onStartTimeChange" />
</view>
<!-- 结束时间 -->
<view class="search-item" v-if="false">
<text class="label">结束时间</text>
<uni-datetime-picker type="date" placeholder="请选择结束时间" v-model="formData.endTime" @maskClick="onEndTimeChange" />
</view>
</view>
</view>
<view class="main-list" :style="getBackgroundStyle('k.png')">
<view class="list-top">
<view class="list-title">
<text>帮扶记录列表</text>
<view class="title-line" style="left: 70rpx;"></view>
</view>
<view class="title-total">
<text class="total-num">{{totalNum}}</text>条记录
</view>
</view>
<view class="list-box" v-if="dataList.length>0">
<view class="con-box" v-for="(item,index) in dataList" :key="index">
<view class="form-title">
<view class="form-name">
{{item.name}}
</view>
<view class="form-type">
{{getTaskTypeLabelByValue(item.task_type)}}
</view>
</view>
<view class="form-item" v-if="item.phone">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/tele.png'" mode=""></image>
<view class="item-label">
联系电话
</view>
</view>
<view class="item-right">
{{item.phone}}
</view>
</view>
<view class="form-item" v-if="item.id_card">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/num.png'" mode=""></image>
<view class="item-label">
身份证号
</view>
</view>
<view class="item-right">
{{item.id_card}}
</view>
</view>
<view class="form-item" v-if="item.dept_name">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/base.png'" mode=""></image>
<view class="item-label">
所属区域
</view>
</view>
<view class="item-right">
{{item.dept_name}}
</view>
</view>
<view class="form-item" v-if="item.create_by_name">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/person.png'" mode=""></image>
<view class="item-label">
帮扶人员
</view>
</view>
<view class="item-right">
{{item.create_by_name}}
</view>
</view>
<view class="form-item" v-if="item.create_by_dept_name">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/help.png'" mode=""></image>
<view class="item-label">
帮扶单位
</view>
</view>
<view class="item-right">
{{item.create_by_dept_name}}
</view>
</view>
<view class="form-item" v-if="item.follow_date">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/date.png'" mode=""></image>
<view class="item-label">
帮扶日期
</view>
</view>
<view class="item-right">
{{item.follow_date}}
</view>
</view>
<view class="form-item" v-if="item.next_contact_date">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/next.png'" mode=""></image>
<view class="item-label">
下次联系
</view>
</view>
<view class="item-right">
{{item.next_contact_date}}
</view>
</view>
<view class="form-btns">
<button class="mini-btn form-box-btn detail-btn" size="mini" v-if="false">详情</button>
<button class="mini-btn form-box-btn follow-btn" size="mini" @click="goFollow(item)">跟进</button>
<button class="mini-btn form-box-btn recommend-btn" size="mini" >智能推荐</button>
</view>
</view>
</view>
<empty v-else pdTop="200"></empty>
</view>
</AppLayout>
</template>
<script setup>
import { inject, ref, reactive,onMounted } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
const { $api, navTo, navBack } = inject('globalFunction');
import config from "@/config.js"
// state
const title = ref('');
const initialForm = {
name: '',
idCard: '',
taskType: '',
createByName: '',
helpArea: [],
startTime: '',
endTime: '',
deptId:''
}
const formData = reactive({ ...initialForm });
const taskTypeOptions=ref([])
const dataList=ref([])
const pageSize=ref(10)
const pageNum=ref(1)
const totalNum=ref(0)
const baseUrl = config.imgBaseUrl
const getBackgroundStyle = (imageName) => ({
backgroundImage: `url(${baseUrl}/dispatch/${imageName})`,
backgroundSize: 'cover', // 覆盖整个容器
backgroundPosition: 'center', // 居中
backgroundRepeat: 'no-repeat'
});
const trainVideoImgUrl=config.trainVideoImgUrl
const picker = ref(null)
// 所属区域选项(可根据实际替换为动态数据)
const regions = ref([])
// 事件处理
const onTaskTypeChange = (e) => {
formData.taskType=e
}
const onStartTimeChange = (e) => {
formData.startTime = e.detail.value
}
const onEndTimeChange = (e) => {
formData.endTime = e.detail.value
}
const handleSearch = () => {
// 在这里调用接口进行搜索
getDataList('refresh')
}
const handleReset = () =>{
Object.assign(formData, initialForm);
getDataList('refresh')
}
onMounted(async () => {
await loadLevelData('201');
});
onLoad(() => {
getDictionary()
// getDeptOptions()
getDataList('refresh');
});
function getDictionary(){
$api.myRequest('/system/public/dict/data/type/assist_task_type').then((resData) => {
if(resData && resData.code == 200){
resData.data.forEach(item=>{
const obj = {
value: item.dictValue,
text: item.dictLabel
}
taskTypeOptions.value.push(obj)
})
}
});
}
function getTaskTypeLabelByValue(value) {
if (!Array.isArray(taskTypeOptions.value)) {
return ''
}
const item = taskTypeOptions.value.find(item => item.value === String(value))
return item ? item.text : '暂无帮扶类型'
}
// 加载某一级的数据parentId 为空表示根)
async function loadLevelData(parentId) {
let header = {
'Authorization': uni.getStorageSync('Padmin-Token'),
'Content-Type': "application/x-www-form-urlencoded"
};
let params = { parentId };
try {
const resData = await $api.myRequest('/dispatch/dept/list', params, 'get', 9100, header);
if(resData.data.length==0){
picker.value.hide()
return
}
const formatted = (resData.data || []).map(item => ({
text: item.deptName,
value: item.deptId,
children: []
}));
if (parentId === '201') {
// 第一层
regions.value = formatted;
} else {
// 找到父节点并注入 children
injectChildren(parentId, formatted);
}
} catch (error) {
console.error("加载部门数据失败:", error);
uni.showToast({ title: '加载失败', icon: 'none' });
}
}
// 将子级数据注入到对应的父节点
function injectChildren(parentValue, childrenData) {
const findAndInject = (nodes) => {
for (let node of nodes) {
if (node.value === parentValue) {
// 如果 children 已存在且非空,避免重复加载
if (!node.children || node.children.length === 0) {
node.children = childrenData;
}
return true;
}
if (node.children && node.children.length > 0) {
if (findAndInject(node.children)) return true;
}
}
return false;
}
findAndInject(regions.value);
// 强制更新
}
// 当用户选择时触发注意change 在每级选择后都会触发)
function onchange(e) {
const selectedValues = e.detail.value;
formData.deptId=selectedValues.map(item => item.value).join(',');
if (selectedValues.length === 0) return;
// 获取最后一级选中的 value
const lastSelectedValue = selectedValues[selectedValues.length - 1];
// 查找该节点是否有 children如果没有则尝试加载
const node = findNodeByValue(regions.value, lastSelectedValue);
if (node && (!node.children || node.children.length === 0)) {
// 检查接口是否还有下一级(可通过接口返回判断,或先尝试加载)
// 这里我们直接尝试加载下一级
loadLevelData(lastSelectedValue.value);
picker.value.show()
}
}
// 工具函数:根据 value 查找节点
function findNodeByValue(nodes, value) {
for (let node of nodes) {
if (node.value === value.value) {
return node;
}
if (node.children && node.children.length > 0) {
const found = findNodeByValue(node.children, value);
if (found) return found;
}
}
return null;
}
function getDeptOptions(){
let header={
'Authorization':uni.getStorageSync('Padmin-Token'),
'Content-Type': "application/x-www-form-urlencoded"
}
let params={
parentId:''
}
$api.myRequest('/dispatch/dept/list', params,'get',9100,header).then((resData) => {
});
}
function getDataList(type = 'add') {
let maxPage=Math.ceil(totalNum.value/pageSize.value)
let params=({...formData})
let header={
'Authorization':uni.getStorageSync('Padmin-Token'),
'Content-Type': "application/x-www-form-urlencoded"
}
if (type === 'refresh') {
pageNum.value = 1;
params.pageSize=pageSize.value
params.pageNum=pageNum.value
$api.myRequest('/dispatch/assist/records/pageRecords', params,'get',9100,header).then((resData) => {
if(resData&&resData.code == 200){
dataList.value=resData.rows
totalNum.value=resData.total
}
});
}
if (type === 'add' && pageNum.value < maxPage) {
pageNum.value += 1;
params.pageSize=pageSize.value
params.pageNum=pageNum.value
$api.myRequest('/dispatch/assist/records/pageRecords', params,'get',9100,header).then((resData) => {
dataList.value=dataList.value.concat(resData.rows)
});
}
}
function goFollow(item) {
navTo(`/packageB/priority/helpFollow?id=${item.goal_person_id}&&name=${item.name}&&taskType=${getTaskTypeLabelByValue(item.task_type)}`);
}
</script>
<style lang="stylus" scoped>
image
height: 100%
width: 100%
.main-list
background-color: #ffffff
padding: 20rpx 30rpx 28rpx 30rpx
margin: 30rpx 30rpx
box-shadow: 0px 3px 20px 0px rgba(0,105,234,0.1)
border-radius: 12px
.list-top
display: flex
align-items: center
justify-content: space-between
.list-title
font-weight: bold
font-size: 36rpx
color: #404040
position: relative
.title-line
position: absolute
bottom: -10rpx
left: 36rpx
width: 70rpx
height: 8rpx
background: linear-gradient(90deg, #FFAD58 0%, #FF7A5B 100%)
border-radius: 4rpx
.search-box-btn
border-radius: 32rpx !important
background: #3088FF !important
margin-right: 16rpx
.reset-box-btn
border-radius: 32rpx !important
background: #02B44D
color: #fff
.search-container
padding: 20rpx 0rpx 0rpx 0rpx
.title-total
font-size: 24rpx
color: #999999
.total-num
color: #3088FF
margin-left: 4rpx
margin-right: 4rpx
font-weight: bold
font-size: 26rpx
.search-item
display: flex
align-items: center
margin-bottom: 30rpx
.label
width: 160rpx
font-size: 28rpx
color: #404040
flex-shrink: 0
.input,
.picker
background: #FFFFFF
flex: 1
min-width: 0
.list-box
margin-top: 40rpx
.con-box
background: #fff
padding: 20rpx
box-shadow: 0px 0px 6rpx 0px rgba(0,71,200,0.16)
border-radius: 24rpx
border: 1rpx solid #EDF5FF
margin-top: 30rpx
.form-title
display: flex
align-items: center
.form-name
font-weight: bold
font-size: 32rpx
color: #595959
margin-right:16rpx
.form-type
border-radius: 8rpx;
border: 2rpx solid #FF7D26;
font-size: 24rpx
color: #F1690E
padding: 4rpx 10rpx
.form-item
display: flex
align-items: center
justify-content: space-between
margin-top: 30rpx
.item-left
display: flex
align-items: center
.item-img
width: 26rpx
height: 26rpx
margin-right: 10rpx
.item-label
font-size: 26rpx
color: #B3B3B3
width: 130rpx
.item-right
font-size: 26rpx
color: #737373
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
.form-btns
margin-top:30rpx
.form-box-btn
border-radius: 50rpx !important
margin-right: 24rpx
padding: 0rpx 40rpx
.detail-btn
background: #EDF5FF
border: 1px solid #3088FF
font-size: 28rpx
color: #3088FF
.follow-btn
background: #EEF9F3
border: 1px solid #00933E
font-size: 28rpx
color: #00933E
.recommend-btn
background: linear-gradient(92deg, #0DCCFF 0%, #4760FF 100%)
font-size: 28rpx
color: #FFFFFF
</style>

View File

@@ -1,397 +0,0 @@
<template>
<AppLayout :title="title" :show-bg-image="false" >
<view class="info-box">
<view class="info-item info-line">
<image class="info-img" :src="baseUrl+'/dispatch/person-icon.png'" mode=""></image>
<view class="info-label">
人员姓名
</view>
<view class="info-value">
{{personInfo.name}}
</view>
</view>
<view class="info-item">
<image class="info-img" :src="baseUrl+'/dispatch/help-icon.png'" mode=""></image>
<view class="info-label">
帮扶类型
</view>
<view class="info-value">
{{personInfo.taskType}}
</view>
</view>
</view>
<view class="main-list" :style="getBackgroundStyle('k.png')">
<view class="list-top">
<view class="list-title">
<text>新增跟进记录</text>
<view class="title-line"></view>
</view>
</view>
<view class="form-container">
<uni-forms ref="formRef" v-model="formData" :rules="rules" validate-trigger="submit" >
<!-- 跟进日期 -->
<uni-forms-item label="跟进日期:" name="followDate" required >
<uni-datetime-picker class="picker-value" type="date" placeholder="请选择跟进日期" v-model="formData.followDate" @change="onFollowDateChange" />
</uni-forms-item>
<!-- 跟进方式 -->
<uni-forms-item label="跟进方式:" name="followWay" required >
<uni-data-select v-model="formData.followWay" placeholder="请选择跟进方式" :localdata="followWays" @change="onMethodChange"></uni-data-select>
</uni-forms-item>
<!-- 跟进内容 -->
<uni-forms-item label="跟进内容:" name="content" required>
<uni-easyinput type="textarea" v-model="formData.content" placeholder="请输入跟进内容"></uni-easyinput>
</uni-forms-item>
<!-- 跟进结果 -->
<uni-forms-item label="跟进结果:" name="result" required>
<uni-easyinput type="textarea" v-model="formData.result" placeholder="请输入跟进结果"></uni-easyinput>
</uni-forms-item>
<!-- 下一步计划 -->
<uni-forms-item label="下一步计划:" name="nextPlan">
<uni-easyinput type="textarea" v-model="formData.nextPlan" placeholder="请输入下一步计划(可选)"></uni-easyinput>
</uni-forms-item>
<!-- 下次联系时间 -->
<uni-forms-item label="下次联系:" name="nextContactDate" >
<uni-datetime-picker class="picker-value" type="date" placeholder="请选择跟进日期" v-model="formData.nextContactDate" @change="onDateChange" />
</uni-forms-item>
</uni-forms>
<!-- 按钮组 -->
<view class="button-group">
<button class="btn submit-btn" @click="handleSubmit">保存跟进</button>
<button class="btn reset-btn" @click="handleReset">重置</button>
</view>
</view>
</view>
<view class="main-list" :style="getBackgroundStyle('k.png')">
<view class="list-top">
<view class="list-title">
<text>跟进历史记录</text>
<view class="title-line"></view>
</view>
<view class="title-total">
<text class="total-num">{{followListNum}}</text>条记录
</view>
</view>
<view class="list-box" v-if="followListNum>0">
<uni-steps :options="followList" active-color="#007AFF" :active="active" direction="column" />
</view>
<empty v-else pdTop="200"></empty>
</view>
</AppLayout>
</template>
<script setup>
import { inject, ref, reactive } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
const { $api, navTo, navBack } = inject('globalFunction');
import config from "@/config.js"
const title = ref('');
const formData = reactive({
goalPersonId:'',
followDate: '',
followWay: '',
content: '',
result: '',
nextPlan: '',
nextContactDate: ''
})
const personInfo=ref({
goalPersonId:'',
name:'',
taskType:''
})
const followWays = ref([])
const followList = ref([])
const followListNum=ref(0)
const active=ref(null)
// 表单引用
const formRef = ref(null)
// 校验规则
const rules = {
followDate: {
rules: [{
required: true,
errorMessage: '请选择跟进日期'
}]
},
followWay: {
rules: [{
required: true,
errorMessage: '请选择跟进方式'
}]
},
content: {
rules: [{
required: true,
errorMessage: '请填写跟进内容'
}]
},
result: {
rules: [{
required: true,
errorMessage: '请填写跟进结果'
}]
}
}
const baseUrl = config.imgBaseUrl
const getBackgroundStyle = (imageName) => ({
backgroundImage: `url(${baseUrl}/dispatch/${imageName})`,
backgroundSize: 'cover', // 覆盖整个容器
backgroundPosition: 'center', // 居中
backgroundRepeat: 'no-repeat'
});
const onFollowDateChange = (e)=>{
formData.followDate=e
}
const onMethodChange = (e) => {
formData.followWay=e
}
// 事件处理
const onDateChange = ( e) => {
formData.nextContactDate=e
}
function getFollowList(){
let header={
'Authorization':uni.getStorageSync('Padmin-Token'),
'Content-Type': "application/x-www-form-urlencoded"
}
let params={
goalPersonId:personInfo.value.goalPersonId
}
$api.myRequest('/dispatch/assist/records/getFollowList', params,'get',9100,header).then((resData) => {
console.log("resData",resData)
if(resData && resData.code == 200){
if(resData.data && resData.data.length>0){
followListNum.value=resData.data.length
resData.data.forEach(item=>{
const obj={
title:item.followDate,
desc:`跟进方式:${getFollowWaysLabelByValue(item.followWay)}\n跟进人${item.createByName}\n跟进内容${item.content}`
}
followList.value.push(obj)
})
}
}
});
}
function getDictionary(){
$api.myRequest('/system/public/dict/data/type/assist_follow_way').then((resData) => {
if(resData && resData.code == 200){
resData.data.forEach(item=>{
const obj = {
value: item.dictValue,
text: item.dictLabel
}
followWays.value.push(obj)
})
}
});
}
function getFollowWaysLabelByValue(value) {
if (!Array.isArray(followWays.value)) {
return ''
}
const item = followWays.value.find(item => item.value === String(value))
return item ? item.text : '暂无跟进方式'
}
const handleSubmit = () => {
formRef.value?.validate()
.then(() => {
let header={
'Authorization':uni.getStorageSync('Padmin-Token')
}
formData.goalPersonId=personInfo.value.goalPersonId
$api.myRequest('/dispatch/assist/records/addRecords', formData,'post',9100,header).then((resData) => {
console.log("resData",resData)
if(resData && resData.code == 200){
handleReset()
uni.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
});
}else{
uni.showToast({
title: resData.msg,
icon: 'none',
duration: 2000
});
}
});
})
.catch((errors) => {
console.log('校验失败:', errors);
});
};
const handleReset = () => {
formData.followDate = '';
formData.followWay = '';
formData.content = '';
formData.result = '';
formData.nextPlan = '';
formData.nextContactDate = '';
}
onLoad((options) => {
personInfo.value.goalPersonId=options.id
personInfo.value.name=options.name
personInfo.value.taskType=options.taskType
getDictionary()
getFollowList()
});
</script>
<style lang="stylus" scoped>
image
height: 100%
width: 100%
.info-box
margin: 30rpx 30rpx
background: linear-gradient(0deg, #D9ECFF 0%, #F0F7FF 100%)
border-radius: 20rpx
padding: 40rpx 0
display: flex
align-items: center
.info-img
width: 40rpx
height: 40rpx
margin-bottom: 20rpx
.info-line
border-right: 2rpx solid #B7D6FF
.info-item
display: flex
flex-direction: column
align-items: center
justify-content: center
width: 50%
.info-label
font-size: 26rpx
color: #6E7E9B
margin-bottom: 20rpx
.info-value
font-weight: bold
font-size: 28rpx
color: #3D61AC
.main-list
background-color: #ffffff
padding: 20rpx 20rpx 28rpx 20rpx
margin: 30rpx 30rpx
box-shadow: 0px 3px 20px 0px rgba(0,105,234,0.1)
border-radius: 12px
.list-top
display: flex
align-items: center
justify-content: space-between
.list-title
font-weight: bold
font-size: 36rpx
color: #404040
position: relative
.title-line
position: absolute
bottom: -10rpx
left: 70rpx
width: 70rpx
height: 8rpx
background: linear-gradient(90deg, #FFAD58 0%, #FF7A5B 100%)
border-radius: 4rpx
.title-total
font-size: 24rpx
color: #999999
.total-num
color: #3088FF
margin-left: 4rpx
margin-right: 4rpx
font-weight: bold
font-size: 26rpx
.label
width: 160rpx
font-size: 28rpx
color: #404040
.input,
.picker
flex: 1
.picker-value
color: #666
.list-box
margin-top: 40rpx
.form-container
margin-top: 30rpx
:deep(.uni-forms-item__label)
width: 194rpx !important
font-size: 28rpx;
color: #404040;
.button-group {
display: flex;
justify-content: space-between;
padding: 40rpx 20rpx 20rpx;
}
.btn {
width: 45%;
height: 80rpx;
font-size: 30rpx;
border-radius: 8rpx;
}
.reset-btn {
background-color: #D8E9FF;
color: #1176FF;
}
.submit-btn {
background-color: #368BFF;
color: white;
}
:deep(.uni-steps__column-circle )
width: 24rpx !important
height: 24rpx !important
background: radial-gradient(circle,
#00C0FA 0%,
#015EEA 50%,
#FFFFFF 51%,
#FFFFFF 100%) !important
border-radius: 50%
border: 2rpx solid #015EEA
:deep(.uni-steps__column-title)
font-size: 28rpx !important
color: #006CFF !important
margin-bottom: 24rpx
:deep(.uni-steps__column-desc)
font-size: 28rpx
color: #898989 !important
line-height: 1.5
:deep(.uni-steps__column-text )
padding: 16rpx 0 !important
border: none
:deep(.uni-steps__column-line)
background-color: #368BFF !important
:deep(.uni-steps__column-line--before)
background-color:rgba(0,0,0,0) !important
:deep(.uni-date-x)
background: rgba(0,0,0,0) !important
:deep(.uni-stat-box)
background: rgba(0,0,0,0) !important
:deep(.uni-easyinput__content)
background: rgba(0,0,0,0) !important
</style>

Some files were not shown because too many files have changed in this diff Show More