Merge branch 'main' of http://124.243.245.42:3000/sdz/ks-app-employment-service
This commit is contained in:
8
.idea/.gitignore
generated
vendored
Normal file
8
.idea/.gitignore
generated
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
# 默认忽略的文件
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# 基于编辑器的 HTTP 客户端请求
|
||||
/httpRequests/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
9
.idea/ks-app-employment-service.iml
generated
Normal file
9
.idea/ks-app-employment-service.iml
generated
Normal file
@@ -0,0 +1,9 @@
|
||||
<?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
Normal file
8
.idea/modules.xml
generated
Normal file
@@ -0,0 +1,8 @@
|
||||
<?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
Normal file
6
.idea/vcs.xml
generated
Normal file
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
58
apiRc/needs/assistService.js
Normal file
58
apiRc/needs/assistService.js
Normal file
@@ -0,0 +1,58 @@
|
||||
/*
|
||||
* @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
|
||||
})
|
||||
}
|
||||
58
apiRc/needs/entrepreneurshipService.js
Normal file
58
apiRc/needs/entrepreneurshipService.js
Normal file
@@ -0,0 +1,58 @@
|
||||
/*
|
||||
* @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
|
||||
})
|
||||
}
|
||||
57
apiRc/needs/jobService.js
Normal file
57
apiRc/needs/jobService.js
Normal file
@@ -0,0 +1,57 @@
|
||||
/*
|
||||
* @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'
|
||||
})
|
||||
}
|
||||
58
apiRc/needs/otherService.js
Normal file
58
apiRc/needs/otherService.js
Normal file
@@ -0,0 +1,58 @@
|
||||
/*
|
||||
* @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
|
||||
})
|
||||
}
|
||||
49
apiRc/needs/trainService.js
Normal file
49
apiRc/needs/trainService.js
Normal file
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
* @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'
|
||||
})
|
||||
}
|
||||
50
apiRc/service/investigate.js
Normal file
50
apiRc/service/investigate.js
Normal file
@@ -0,0 +1,50 @@
|
||||
/*
|
||||
* @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'
|
||||
})
|
||||
}
|
||||
86
apiRc/service/jobRecommend.js
Normal file
86
apiRc/service/jobRecommend.js
Normal file
@@ -0,0 +1,86 @@
|
||||
/*
|
||||
* @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,
|
||||
// })
|
||||
// }
|
||||
49
apiRc/service/jobTrack.js
Normal file
49
apiRc/service/jobTrack.js
Normal file
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
* @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'
|
||||
})
|
||||
}
|
||||
49
apiRc/service/policyConsultation.js
Normal file
49
apiRc/service/policyConsultation.js
Normal file
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
* @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'
|
||||
})
|
||||
}
|
||||
49
apiRc/service/skillTrain.js
Normal file
49
apiRc/service/skillTrain.js
Normal file
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
* @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'
|
||||
})
|
||||
}
|
||||
@@ -5,6 +5,7 @@ export default {
|
||||
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',
|
||||
|
||||
4
main.js
4
main.js
@@ -1,7 +1,7 @@
|
||||
/*
|
||||
* @Date: 2025-11-03 10:52:09
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-03 17:26:29
|
||||
* @LastEditTime: 2025-11-04 11:14:21
|
||||
*/
|
||||
import App from '@/App'
|
||||
import * as Pinia from 'pinia'
|
||||
@@ -24,6 +24,7 @@ import uniDataSelect from './uni_modules/uni-data-select/components/uni-data-sel
|
||||
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 目录下所有指令
|
||||
@@ -57,6 +58,7 @@ export function createApp() {
|
||||
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) => {
|
||||
|
||||
@@ -1,316 +1,492 @@
|
||||
<template>
|
||||
<AppLayout :title="title" :show-bg-image="false" @onScrollBottom="getDataList('add')">
|
||||
<!-- <template #headerleft>
|
||||
<AppLayout :title="title" :show-bg-image="false">
|
||||
<!-- <template #headerleft>
|
||||
<view class="btnback">
|
||||
<image src="@/static/icon/back.png" @click="navBack"></image>
|
||||
</view>
|
||||
</template> -->
|
||||
<template #headContent>
|
||||
<view class="collection-search">
|
||||
<view class="search-content">
|
||||
<view class="header-input button-click">
|
||||
<uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
|
||||
<input
|
||||
class="input"
|
||||
v-model="searchKeyword"
|
||||
@confirm="searchVideo"
|
||||
placeholder="输入视频名称"
|
||||
placeholder-class="inputplace"
|
||||
/>
|
||||
<uni-icons
|
||||
v-if="searchKeyword"
|
||||
class="clear-icon"
|
||||
type="clear"
|
||||
size="24"
|
||||
color="#999"
|
||||
@click="clearSearch"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<view class="main-list">
|
||||
<view class="list-title">
|
||||
<text>视频列表</text>
|
||||
<view class="title-line"></view>
|
||||
<view class="video-box">
|
||||
<view class="video-detail-container">
|
||||
<!-- 视频播放组件 -->
|
||||
<view class="video-wrapper">
|
||||
<video id="myVideo" :src="videoInfo.currentUrl" :poster="trainVideoImgUrl+ videoInfo.cover" @seeked="onSeeked"
|
||||
enable-danmu controls style="width: 100%;" @pause="onPause" @timeupdate="onTimeupdate" @ended="onEnded"></video>
|
||||
</view>
|
||||
</view>
|
||||
<view class="video-grid" v-if="pageState.list.length">
|
||||
<view
|
||||
v-for="video in pageState.list"
|
||||
:key="video.id || video.videoId"
|
||||
class="video-item"
|
||||
:style="getItemBackgroundStyle('video-bg.png')"
|
||||
@click="playVideo(video)"
|
||||
>
|
||||
<view class="video-cover">
|
||||
<image
|
||||
:src="video.coverImage || video.videoCover || '/static/icon/video.png'"
|
||||
mode="aspectFill"
|
||||
></image>
|
||||
</view>
|
||||
<view class="video-info">
|
||||
{{ video.title || video.videoName || '未命名视频' }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
</view>
|
||||
<view class="video-info" :style="getItemBackgroundStyle('video-bj2.png')">
|
||||
<view class="video-title">
|
||||
<text>视频详情</text>
|
||||
<view class="title-line"></view>
|
||||
</view>
|
||||
<view class="info-detail">
|
||||
<view class="info-left">
|
||||
<view class="info-item">
|
||||
<image class="icon-img" :src="baseUrl+'/train/zs.png'" mode=""></image>
|
||||
<view class="info-label">
|
||||
分类:
|
||||
</view>
|
||||
<view class="info-value" :data-content="getCategoryLabelByValue(videoInfo.category)">
|
||||
{{getCategoryLabelByValue(videoInfo.category)}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-right">
|
||||
<view class="info-item">
|
||||
<image class="icon-img" :src="baseUrl+'/train/zs.png'" mode=""></image>
|
||||
<view class="info-label">
|
||||
等级:
|
||||
</view>
|
||||
<view class="info-value">
|
||||
{{getLevelLabelByValue(videoInfo.level)}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-item">
|
||||
<image class="icon-img" :src="baseUrl+'/train/zs.png'" mode=""></image>
|
||||
<view class="info-label">
|
||||
讲师:
|
||||
</view>
|
||||
<view class="info-value">
|
||||
{{videoInfo.teacherName}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-detail">
|
||||
<view class="info-left">
|
||||
<view class="info-item">
|
||||
<image class="icon-img" :src="baseUrl+'/train/zs.png'" mode=""></image>
|
||||
<view class="info-label">
|
||||
时长:
|
||||
</view>
|
||||
<view class="info-value">
|
||||
{{videoInfo.hour}}分钟
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="info-right">
|
||||
<view class="info-item">
|
||||
<image class="icon-img" :src="baseUrl+'/train/zs.png'" mode=""></image>
|
||||
<view class="info-label">
|
||||
发布时间:
|
||||
</view>
|
||||
<view class="info-value">
|
||||
{{videoInfo.uploadTime}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="video-intro" :style="videoIntroBackgroundStyle('video-bj.png')">
|
||||
<view class="intro-title">
|
||||
<image class="intro-img1" :src="baseUrl+'/train/video-kc.png'" mode=""></image>
|
||||
<view class="title1">
|
||||
课程
|
||||
</view>
|
||||
<view class="title2">
|
||||
简介
|
||||
</view>
|
||||
<image class="intro-img2" :src="baseUrl+'/train/video-sc.png'" mode=""></image>
|
||||
</view>
|
||||
<view class="intro-content">
|
||||
{{videoInfo.introduce}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="video-title">
|
||||
<text>学习进度</text>
|
||||
<view class="title-line"></view>
|
||||
</view>
|
||||
<view class="progress-box">
|
||||
<progress :percent="videoInfo.percentage" activeColor="#30A0FF" backgroundColor="#B0DBFF" stroke-width="6" border-radius="10" />
|
||||
<view class="progress-info">
|
||||
<view class="progress-left">
|
||||
已观看
|
||||
</view>
|
||||
<view class="progress-right">
|
||||
{{videoInfo.percentage}}%
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="video-title" v-if="videoInfo.trainClassList && videoInfo.trainClassList.length>0">
|
||||
<text>课程章节</text>
|
||||
<view class="title-line"></view>
|
||||
</view>
|
||||
<view class="chapter-box" v-if="videoInfo.trainClassList && videoInfo.trainClassList.length>0">
|
||||
<view class="chapter-item" :class="{ active: currentChapter === index}" @click="chapterChange(item,index)" v-for="(item ,index) in videoInfo.trainClassList" :key="index">
|
||||
<view class="chapter-left">
|
||||
<view class="chapter-number">
|
||||
{{ index + 1 }}
|
||||
</view>
|
||||
<view class="chapter-info">
|
||||
{{item.className}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="chapter-icon" v-if="currentChapter === index">
|
||||
<uni-icons type="videocam" size="24"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</AppLayout>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { inject, ref, reactive } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { inject, reactive,ref, onMounted, onUnmounted, nextTick } from 'vue';
|
||||
import { onLoad,onHide,onUnload } from '@dcloudio/uni-app';
|
||||
const { $api, navTo, navBack } = inject('globalFunction');
|
||||
import config from "@/config.js"
|
||||
|
||||
// state
|
||||
const title = ref('');
|
||||
const searchKeyword = ref('');
|
||||
const pageState = reactive({
|
||||
page: 0,
|
||||
list: [],
|
||||
total: 0,
|
||||
maxPage: 1,
|
||||
pageSize: 12,
|
||||
search: {},
|
||||
});
|
||||
const baseUrl = 'http://10.110.145.145/images/train/';
|
||||
const videoId=ref('')
|
||||
const userId=ref('')
|
||||
const videoInfo=ref({})
|
||||
const trainVideoImgUrl=config.trainVideoImgUrl
|
||||
const categories=ref([])
|
||||
const levalLabels=ref([])
|
||||
const latestTime = ref(0)
|
||||
const totalTime=ref(0)
|
||||
const baseUrl = config.imgBaseUrl
|
||||
const pageEnterTime = ref(0)
|
||||
const currentChapter = ref(0)
|
||||
const getItemBackgroundStyle = (imageName) => ({
|
||||
backgroundImage: `url(${baseUrl + imageName})`,
|
||||
backgroundSize: 'cover', // 覆盖整个容器
|
||||
backgroundImage: `url(${baseUrl}/train/${imageName})`,
|
||||
backgroundSize: '100% 100%', // 覆盖整个容器
|
||||
backgroundPosition: 'center', // 居中
|
||||
backgroundRepeat: 'no-repeat'
|
||||
});
|
||||
// 模拟视频数据
|
||||
const mockVideoData = [
|
||||
{
|
||||
id: '1',
|
||||
title: '职业技能培训基础课程',
|
||||
coverImage: '/static/icon/server1.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
title: '面试技巧分享',
|
||||
coverImage: '/static/icon/server2.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
title: '简历制作指南',
|
||||
coverImage: '/static/icon/server3.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
title: '职场沟通技巧',
|
||||
coverImage: '/static/icon/server4.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '5',
|
||||
title: '职业规划讲座',
|
||||
coverImage: '/static/icon/flame.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '6',
|
||||
title: '行业趋势分析',
|
||||
coverImage: '/static/icon/flame2.png',
|
||||
videoUrl: ''
|
||||
}
|
||||
];
|
||||
const videoIntroBackgroundStyle = (imageName) => ({
|
||||
backgroundImage: `url(${baseUrl}/train/${imageName})`,
|
||||
backgroundSize: '100% 100%', // 覆盖整个容器
|
||||
backgroundPosition: 'center', // 居中
|
||||
backgroundRepeat: 'no-repeat'
|
||||
});
|
||||
const params = reactive({
|
||||
videoId: '',
|
||||
userId: ''
|
||||
})
|
||||
onLoad((options) => {
|
||||
getHeart()
|
||||
pageEnterTime.value = Date.now() // 记录毫秒时间戳
|
||||
videoId.value=options.id
|
||||
getDictionary()
|
||||
});
|
||||
onHide(() => {
|
||||
updateVideoInfo() // 用缓存值,不要调 getCurrentTime
|
||||
reportPageDuration()
|
||||
})
|
||||
onUnload(() => {
|
||||
updateVideoInfo()
|
||||
reportPageDuration()
|
||||
})
|
||||
function getData() {
|
||||
params.videoId=videoId.value
|
||||
params.userId=userId.value
|
||||
$api.myRequest('/train/public/trainVideo/updateWatchCount',{videoId:videoId.value}).then((resData) => {
|
||||
console.log("视频更新次数成功")
|
||||
});
|
||||
let header={
|
||||
'Authorization':uni.getStorageSync('Padmin-Token'),
|
||||
'Content-Type': "application/x-www-form-urlencoded"
|
||||
}
|
||||
$api.myRequest('/train/public/trainVideo/model', params,'post',9100,header).then((resData) => {
|
||||
videoInfo.value=resData
|
||||
videoInfo.value.currentUrl=trainVideoImgUrl+videoInfo.value.trainClassList[0].url
|
||||
videoInfo.value.percentage=((videoInfo.value.process/(videoInfo.value.hour*60))*100).toFixed(2)
|
||||
videoInfo.value.uploadTime=videoInfo.value.uploadTime.split(' ')[0]
|
||||
});
|
||||
}
|
||||
function getHeart() {
|
||||
const raw = uni.getStorageSync("Padmin-Token");
|
||||
const token = typeof raw === "string" ? raw.trim() : "";
|
||||
const headers = token ? { Authorization: raw.startsWith("Bearer ") ? raw : `Bearer ${token}` }: {}
|
||||
$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
|
||||
if (resData.code == 200) {
|
||||
getUserInfo();
|
||||
} else {
|
||||
navTo('/packageB/login')
|
||||
}
|
||||
});
|
||||
}
|
||||
function getUserInfo(){
|
||||
let header={
|
||||
'Authorization':uni.getStorageSync('Padmin-Token')
|
||||
}
|
||||
$api.myRequest('/system/user/login/user/info', {},'get',10100,header).then((resData) => {
|
||||
userId.value=resData.info.userId
|
||||
getData()
|
||||
});
|
||||
}
|
||||
function getDictionary(){
|
||||
$api.myRequest('/system/public/dict/data/type/question_classification', {},'get',9100).then((resData) => {
|
||||
categories.value=resData.data
|
||||
});
|
||||
$api.myRequest('/system/public/dict/data/type/train_level', {},'get',9100).then((resData) => {
|
||||
levalLabels.value=resData.data
|
||||
});
|
||||
}
|
||||
function getCategoryLabelByValue(value) {
|
||||
if (!Array.isArray(categories.value)) {
|
||||
console.warn('categories 不是数组:', categories.value)
|
||||
return ''
|
||||
}
|
||||
const item = categories.value.find(item => item.dictValue === String(value))
|
||||
return item ? item.dictLabel : '暂无分类'
|
||||
}
|
||||
function getLevelLabelByValue(value) {
|
||||
if (!Array.isArray(levalLabels.value)) {
|
||||
console.warn('levalLabels 不是数组:', levalLabels.value)
|
||||
return ''
|
||||
}
|
||||
const item = levalLabels.value.find(item => item.dictValue === String(value))
|
||||
return item ? item.dictLabel : '暂无等级'
|
||||
}
|
||||
function onPause(e){
|
||||
updateVideoInfo()
|
||||
}
|
||||
function onEnded(e){
|
||||
updateVideoInfo()
|
||||
}
|
||||
function onTimeupdate(e){
|
||||
latestTime.value = e.detail.currentTime
|
||||
}
|
||||
function onSeeked(){
|
||||
updateVideoInfo()
|
||||
}
|
||||
// 更新播放时长
|
||||
function updateVideoInfo(){
|
||||
totalTime.value=0
|
||||
if(currentChapter.value>0){
|
||||
videoInfo.value.trainClassList.forEach((item,index)=>{
|
||||
if(index<currentChapter.value){
|
||||
totalTime.value+=Number(item.hour)
|
||||
}
|
||||
})
|
||||
}
|
||||
totalTime.value+=Number(latestTime.value)
|
||||
let paramsData={
|
||||
userId:userId.value,
|
||||
videoId:videoId.value,
|
||||
collect:'',
|
||||
process:Math.floor(Number(totalTime.value))
|
||||
}
|
||||
let header={
|
||||
'Authorization':uni.getStorageSync('Padmin-Token'),
|
||||
'Content-Type': "application/x-www-form-urlencoded"
|
||||
}
|
||||
if(videoInfo.value.isCollect===null && videoInfo.value.process ===null){
|
||||
$api.myRequest('/train/public/videoUser/add', paramsData,'post',9100,header).then((resData) => {
|
||||
console.log("视频播放时长更新成功")
|
||||
});
|
||||
}else{
|
||||
$api.myRequest('/train/public/videoUser/update', paramsData,'post',9100,header).then((resData) => {
|
||||
console.log("视频播放时长更新成功")
|
||||
});
|
||||
}
|
||||
}
|
||||
// 计算并上报停留时长
|
||||
function reportPageDuration() {
|
||||
const duration = Date.now() - pageEnterTime.value // 毫秒
|
||||
const durationSeconds = Math.floor(duration / 1000) // 转为秒
|
||||
if (durationSeconds > 0) {
|
||||
let paramsData={
|
||||
type:'video',
|
||||
hour:durationSeconds,
|
||||
videoId:videoId.value,
|
||||
userId:userId.value,
|
||||
title:videoInfo.value.videoTitle
|
||||
}
|
||||
let header={
|
||||
'Authorization':uni.getStorageSync('Padmin-Token'),
|
||||
'Content-Type': "application/x-www-form-urlencoded"
|
||||
}
|
||||
$api.myRequest('/train/public/userHour/add', paramsData,'post',9100,header).then((resData) => {
|
||||
console.log("学习时长更新成功")
|
||||
});
|
||||
}
|
||||
}
|
||||
function chapterChange(video,index){
|
||||
currentChapter.value=index
|
||||
videoInfo.value.currentUrl=trainVideoImgUrl+video.url
|
||||
}
|
||||
onUnmounted(() => {
|
||||
|
||||
onLoad(() => {
|
||||
getDataList('refresh');
|
||||
});
|
||||
|
||||
// 搜索视频
|
||||
function searchVideo() {
|
||||
getDataList('refresh');
|
||||
}
|
||||
|
||||
// 清除搜索内容
|
||||
function clearSearch() {
|
||||
searchKeyword.value = '';
|
||||
getDataList('refresh');
|
||||
}
|
||||
|
||||
// 获取视频列表
|
||||
function getDataList(type = 'add') {
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 1;
|
||||
pageState.maxPage = 1;
|
||||
}
|
||||
if (type === 'add' && pageState.page < pageState.maxPage) {
|
||||
pageState.page += 1;
|
||||
}
|
||||
|
||||
// 模拟API请求延迟
|
||||
setTimeout(() => {
|
||||
// 在实际项目中,这里应该调用真实的API接口
|
||||
// 目前使用模拟数据
|
||||
let filteredList = [...mockVideoData];
|
||||
|
||||
// 如果有搜索关键词,进行过滤
|
||||
if (searchKeyword.value.trim()) {
|
||||
filteredList = filteredList.filter(video =>
|
||||
video.title.toLowerCase().includes(searchKeyword.value.toLowerCase())
|
||||
);
|
||||
}
|
||||
|
||||
const start = 0;
|
||||
const end = pageState.pageSize;
|
||||
const pageData = filteredList.slice(start, end);
|
||||
|
||||
if (type === 'add') {
|
||||
pageState.list = [...pageState.list, ...pageData];
|
||||
} else {
|
||||
pageState.list = pageData;
|
||||
}
|
||||
|
||||
pageState.total = filteredList.length;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
}, 300);
|
||||
}
|
||||
|
||||
// 播放视频
|
||||
function playVideo(video) {
|
||||
// 在实际项目中,这里应该导航到视频播放页面
|
||||
// 或者调用视频播放组件
|
||||
console.log('播放视频:', video.title);
|
||||
// 示例:navTo(`/pages/videoPlayer/videoPlayer?id=${video.id}`);
|
||||
$api.msg(`准备播放: ${video.title}`);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
.btnback{
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
.video-box{
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
.btn {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 52rpx;
|
||||
height: 52rpx;
|
||||
}
|
||||
image {
|
||||
height: 100%;
|
||||
.video-detail-container{
|
||||
width: 100%;
|
||||
}
|
||||
.collection-search{
|
||||
padding: 10rpx 20rpx;
|
||||
.search-content{
|
||||
position: relative
|
||||
display: flex
|
||||
align-items: center
|
||||
padding: 14rpx 0
|
||||
.header-input{
|
||||
padding: 0
|
||||
width: calc(100%);
|
||||
position: relative
|
||||
.iconsearch{
|
||||
position: absolute
|
||||
left: 30rpx;
|
||||
top: 50%
|
||||
transform: translate(0, -50%)
|
||||
z-index: 1
|
||||
}
|
||||
.input{
|
||||
padding: 0 80rpx 0 80rpx
|
||||
height: 80rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 75rpx 75rpx 75rpx 75rpx;
|
||||
border: 2rpx solid #ECECEC
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.clear-icon{
|
||||
position: absolute
|
||||
right: 30rpx;
|
||||
top: 50%
|
||||
transform: translate(0, -50%)
|
||||
z-index: 1
|
||||
cursor: pointer
|
||||
}
|
||||
.inputplace{
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #B5B5B5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.main-list{
|
||||
background-color: #ffffff;
|
||||
padding: 20rpx 20rpx 28rpx 20rpx;
|
||||
margin:10rpx 30rpx ;
|
||||
box-shadow: 0px 3px 20px 0px rgba(0,105,234,0.1);
|
||||
border-radius: 12px;
|
||||
}
|
||||
.list-title{
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
|
||||
.video-wrapper{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background-color: #000000;
|
||||
height: auto;
|
||||
}
|
||||
.video-info{
|
||||
width:100%;
|
||||
margin-top:30rpx;
|
||||
padding: 20rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.video-title{
|
||||
font-size: 32rpx;
|
||||
color: #404040;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
.title-line{
|
||||
position: absolute;
|
||||
bottom: -10rpx;
|
||||
left: 36rpx;
|
||||
width: 70rpx;
|
||||
width: 60rpx;
|
||||
height: 8rpx;
|
||||
background: linear-gradient(90deg, #FFAD58 0%, #FF7A5B 100%);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.video-grid{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 20rpx;
|
||||
}
|
||||
.video-item{
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
|
||||
transition: transform 0.2s;
|
||||
padding: 20rpx
|
||||
}
|
||||
.video-item:active{
|
||||
transform: scale(0.98);
|
||||
}
|
||||
.video-cover{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-top: 56.25%; /* 16:9 比例 */
|
||||
background: #f0f0f0;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
.video-cover image{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.info-detail{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.video-info{
|
||||
padding: 16rpx 16rpx 0 16rpx;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
.info-left{
|
||||
width: 35%;
|
||||
}
|
||||
.info-right{
|
||||
width: 65%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.info-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.icon-img{
|
||||
width: 24rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
.info-label{
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #0068C8;
|
||||
min-width: 86rpx;
|
||||
}
|
||||
.info-value{
|
||||
font-size: 28rpx;
|
||||
color: #404040;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
.video-title{
|
||||
.video-intro{
|
||||
padding: 20rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.intro-title{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.intro-img1{
|
||||
width: 36rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.intro-img2{
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.title1{
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
.title2{
|
||||
color: #077DF5;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.intro-content{
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.progress-box{
|
||||
background: linear-gradient(0deg, #DFEDFF 0%, #F8FCFF 100%);
|
||||
box-shadow: 0px 0px 10px 0px rgba(0,48,107,0.1);
|
||||
border-radius: 16rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.progress-info{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.chapter-box{
|
||||
background: linear-gradient(0deg, #DFEDFF 0%, #F8FCFF 100%);
|
||||
box-shadow: 0px 0px 10px 0px rgba(0,48,107,0.1);
|
||||
border-radius: 16rpx;
|
||||
padding: 40rpx 30rpx;
|
||||
}
|
||||
.chapter-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16rpx 24rpx;
|
||||
border-radius: 12rpx;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
margin-bottom: 16rpx;
|
||||
border: 2rpx solid #F0F0F0;
|
||||
background: #F9F9F9;
|
||||
}
|
||||
.chapter-item.active {
|
||||
background-color: #e6f7ff;
|
||||
color: #409EFF;
|
||||
}
|
||||
.chapter-left{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.chapter-number{
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
background: #cccccc;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
margin-right: 16rpx;
|
||||
color: #fff;
|
||||
}
|
||||
.chapter-item.active .chapter-number {
|
||||
background: #409EFF;
|
||||
color: #fff;
|
||||
}
|
||||
.chapter-info {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 40rpx;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #303133;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -34,9 +34,9 @@
|
||||
<text>视频列表</text>
|
||||
<view class="title-line"></view>
|
||||
</view>
|
||||
<view class="video-grid" v-if="pageState.list.length">
|
||||
<view class="video-grid" v-if="dataList.length>0">
|
||||
<view
|
||||
v-for="video in pageState.list"
|
||||
v-for="video in dataList"
|
||||
:key="video.id || video.videoId"
|
||||
class="video-item"
|
||||
:style="getItemBackgroundStyle('video-bg.png')"
|
||||
@@ -44,12 +44,12 @@
|
||||
>
|
||||
<view class="video-cover">
|
||||
<image
|
||||
:src="video.coverImage || video.videoCover || '/static/icon/video.png'"
|
||||
:src="trainVideoImgUrl+ video.cover"
|
||||
mode="aspectFill"
|
||||
></image>
|
||||
</view>
|
||||
<view class="video-info">
|
||||
{{ video.title || video.videoName || '未命名视频' }}
|
||||
{{ video.videoTitle || '未命名视频' }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -67,14 +67,10 @@ import config from "@/config.js"
|
||||
// state
|
||||
const title = ref('');
|
||||
const searchKeyword = ref('');
|
||||
const pageState = reactive({
|
||||
page: 0,
|
||||
list: [],
|
||||
total: 0,
|
||||
maxPage: 1,
|
||||
pageSize: 12,
|
||||
search: {},
|
||||
});
|
||||
const dataList=ref([])
|
||||
const pageSize=ref(10)
|
||||
const pageNum=ref(1)
|
||||
const totalNum=ref(0)
|
||||
const baseUrl = config.imgBaseUrl
|
||||
const getItemBackgroundStyle = (imageName) => ({
|
||||
backgroundImage: `url(${baseUrl}/train/${imageName})`,
|
||||
@@ -82,45 +78,7 @@ const getItemBackgroundStyle = (imageName) => ({
|
||||
backgroundPosition: 'center', // 居中
|
||||
backgroundRepeat: 'no-repeat'
|
||||
});
|
||||
// 模拟视频数据
|
||||
const mockVideoData = [
|
||||
{
|
||||
id: '1',
|
||||
title: '职业技能培训基础课程',
|
||||
coverImage: '/static/icon/server1.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
title: '面试技巧分享',
|
||||
coverImage: '/static/icon/server2.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
title: '简历制作指南',
|
||||
coverImage: '/static/icon/server3.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
title: '职场沟通技巧',
|
||||
coverImage: '/static/icon/server4.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '5',
|
||||
title: '职业规划讲座',
|
||||
coverImage: '/static/icon/flame.png',
|
||||
videoUrl: ''
|
||||
},
|
||||
{
|
||||
id: '6',
|
||||
title: '行业趋势分析',
|
||||
coverImage: '/static/icon/flame2.png',
|
||||
videoUrl: ''
|
||||
}
|
||||
];
|
||||
const trainVideoImgUrl=config.trainVideoImgUrl
|
||||
|
||||
onLoad(() => {
|
||||
getDataList('refresh');
|
||||
@@ -139,49 +97,46 @@ function clearSearch() {
|
||||
|
||||
// 获取视频列表
|
||||
function getDataList(type = 'add') {
|
||||
let maxPage=Math.ceil(totalNum.value/pageSize.value)
|
||||
let params={}
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 1;
|
||||
pageState.maxPage = 1;
|
||||
pageNum.value = 1;
|
||||
params={
|
||||
category:'',
|
||||
hour:'',
|
||||
level:'',
|
||||
searchValue:searchKeyword.value,
|
||||
orderStr:'',
|
||||
pageSize:pageSize.value,
|
||||
pageNum:pageNum.value
|
||||
}
|
||||
$api.myRequest('/train/public/trainVideo/trainVideoList', params).then((resData) => {
|
||||
dataList.value=resData.rows
|
||||
totalNum.value=resData.total
|
||||
});
|
||||
}
|
||||
if (type === 'add' && pageState.page < pageState.maxPage) {
|
||||
pageState.page += 1;
|
||||
}
|
||||
|
||||
// 模拟API请求延迟
|
||||
setTimeout(() => {
|
||||
// 在实际项目中,这里应该调用真实的API接口
|
||||
// 目前使用模拟数据
|
||||
let filteredList = [...mockVideoData];
|
||||
|
||||
// 如果有搜索关键词,进行过滤
|
||||
if (searchKeyword.value.trim()) {
|
||||
filteredList = filteredList.filter(video =>
|
||||
video.title.toLowerCase().includes(searchKeyword.value.toLowerCase())
|
||||
);
|
||||
}
|
||||
|
||||
const start = 0;
|
||||
const end = pageState.pageSize;
|
||||
const pageData = filteredList.slice(start, end);
|
||||
|
||||
if (type === 'add') {
|
||||
pageState.list = [...pageState.list, ...pageData];
|
||||
} else {
|
||||
pageState.list = pageData;
|
||||
}
|
||||
|
||||
pageState.total = filteredList.length;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
}, 300);
|
||||
if (type === 'add' && pageNum.value < maxPage) {
|
||||
pageNum.value += 1;
|
||||
params={
|
||||
category:'',
|
||||
hour:'',
|
||||
level:'',
|
||||
searchValue:searchKeyword.value,
|
||||
orderStr:'',
|
||||
pageSize:pageSize.value,
|
||||
pageNum:pageNum.value
|
||||
}
|
||||
$api.myRequest('/train/public/trainVideo/trainVideoList', params).then((resData) => {
|
||||
dataList.value=dataList.value.concat(resData.rows)
|
||||
totalNum.value=resData.total
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 播放视频
|
||||
function playVideo(video) {
|
||||
// 在实际项目中,这里应该导航到视频播放页面
|
||||
// 或者调用视频播放组件
|
||||
console.log('播放视频:', video);
|
||||
navTo(`/packageB/train/video/videoDetail?id=${video.id}`);
|
||||
// $api.msg(`准备播放: ${video.title}`);
|
||||
navTo(`/packageB/train/video/videoDetail?id=${video.videoId}`);
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -190,13 +145,6 @@ function playVideo(video) {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
}
|
||||
.btn {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 52rpx;
|
||||
height: 52rpx;
|
||||
}
|
||||
image {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@@ -264,7 +212,7 @@ image {
|
||||
width: 70rpx;
|
||||
height: 8rpx;
|
||||
background: linear-gradient(90deg, #FFAD58 0%, #FF7A5B 100%);
|
||||
border-radius: 2px;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
.video-grid{
|
||||
display: grid;
|
||||
|
||||
159
packageRc/components/ImageUpload.vue
Normal file
159
packageRc/components/ImageUpload.vue
Normal file
@@ -0,0 +1,159 @@
|
||||
<template>
|
||||
<view class="upload-container">
|
||||
<input type="file" multiple="multiple" accept="image/*" @change="handleFileChange">
|
||||
<!-- <uni-upload :disabled="disabled" :width="width" :height="height" :fileList="internalFileList" :name="name" :multiple="multiple"
|
||||
:maxCount="maxCount" @afterRead="handleAfterRead" @delete="handleRemove">
|
||||
</uni-upload> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import {
|
||||
// uploadImg
|
||||
// } from '@/api/company'
|
||||
import config from '@/config'
|
||||
//import {
|
||||
// getToken
|
||||
//} from '@/utils/auth'
|
||||
export default {
|
||||
props: {
|
||||
maxSize: {
|
||||
type: Number,
|
||||
default: 5, // 最大文件大小(MB)
|
||||
},
|
||||
allowedFormats: {
|
||||
type: Array,
|
||||
default: () => [], // 允许的文件格式
|
||||
},
|
||||
maxImageSize: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
width: 2048,
|
||||
height: 2048
|
||||
}), // 图片最大宽度和高度
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: '100rpx', // 默认宽度
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: '100rpx', // 默认高度
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: 'file', // 默认name字段
|
||||
},
|
||||
multiple: {
|
||||
type: Boolean,
|
||||
default: false, // 是否允许多选,默认不允许
|
||||
},
|
||||
maxCount: {
|
||||
type: Number,
|
||||
default: 1, // 默认最大上传数量为1
|
||||
},
|
||||
fileList: {
|
||||
type: Array,
|
||||
default: () => [], // 默认的文件列表为空
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
internalFileList: [...this.fileList], // 内部的文件列表,确保与父组件的同步
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
// 监听 fileList 的变化,确保内外部数据同步
|
||||
fileList(newVal) {
|
||||
this.internalFileList = [...newVal];
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 新增图片
|
||||
async handleAfterRead(event) {
|
||||
let lists = [].concat(event.file);
|
||||
let fileListLen = this.internalFileList.length;
|
||||
lists.map((item) => {
|
||||
this.internalFileList.push({
|
||||
...item,
|
||||
status: "uploading",
|
||||
message: "上传中",
|
||||
});
|
||||
});
|
||||
for (let i = 0; i < lists.length; i++) {
|
||||
if (this.allowedFormats.length > 0) {
|
||||
let fileType = lists[i].name.split('.').pop().toLowerCase();
|
||||
if (!this.allowedFormats.includes(fileType)) {
|
||||
// this.$emit('error', '不支持的文件格式');
|
||||
uni.showToast({
|
||||
title: '不支持的文件格式',
|
||||
icon: 'none',
|
||||
});
|
||||
this.internalFileList.splice(fileListLen, 1);
|
||||
this.$emit('update', this.internalFileList); // 通知父组件文件列表更新
|
||||
return;
|
||||
}
|
||||
}
|
||||
const result = await this.uploadFilePromise(lists[i].url);
|
||||
let item = this.internalFileList[fileListLen];
|
||||
this.internalFileList.splice(
|
||||
fileListLen,
|
||||
1,
|
||||
Object.assign(item, {
|
||||
status: "success",
|
||||
message: "",
|
||||
data: result,
|
||||
})
|
||||
);
|
||||
fileListLen++;
|
||||
this.$emit('update', this.internalFileList); // 通知父组件文件列表更新
|
||||
}
|
||||
},
|
||||
uploadFilePromise(url) {
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.uploadFile({
|
||||
url: config.baseUrl + '/system/oss/upload',
|
||||
filePath: url,
|
||||
name: "file",
|
||||
header: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
success: (uploadFileRes) => {
|
||||
let res = JSON.parse(uploadFileRes.data);
|
||||
resolve(res.data);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log(err);
|
||||
},
|
||||
});
|
||||
});
|
||||
},
|
||||
handleRemove({file, index}) {
|
||||
this.internalFileList.splice(index, 1); // 从文件列表中移除指定文件
|
||||
this.$emit('update', this.internalFileList); // 通知父组件文件列表更新
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.upload-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.upload-slot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px dashed #ccc;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -432,7 +432,7 @@ import { getPersonInfo } from "../../api/company/index.js";
|
||||
// import { listEntrepreneurshipService } from "@/api/needs/entrepreneurshipService";
|
||||
// import { listTrainService, delTrainService } from "@/api/needs/trainService";
|
||||
import { listJobType } from "../../api/jobType/index";
|
||||
// import ImageUpload from "@/components/ImageUpload";
|
||||
// import ImageUpload from "@/packageRc/components/ImageUpload";
|
||||
export default {
|
||||
name: "serviceDetails",
|
||||
components: {
|
||||
@@ -537,7 +537,7 @@ export default {
|
||||
},
|
||||
];
|
||||
arr.forEach((ele, index) => {
|
||||
this.getDicts(ele.key).then((res) => {
|
||||
this.$getDict(ele.key).then((res) => {
|
||||
this.dict[ele.prop] = res.data;
|
||||
this.$forceUpdate();
|
||||
});
|
||||
@@ -636,19 +636,9 @@ export default {
|
||||
});
|
||||
}
|
||||
},
|
||||
goRecommend() {
|
||||
this.$tab.navigateTo(
|
||||
`/pages/services/serviceDetail?activeType=2&showTab=1&userId=${this.form.userId}&name=${this.form.name}`
|
||||
);
|
||||
},
|
||||
goPush() {
|
||||
this.$tab.navigateTo(
|
||||
`/pages/services/serviceDetail?activeType=3&showTab=1&userId=${this.form.userId}&name=${this.form.name}`
|
||||
);
|
||||
},
|
||||
goNeedsDetail(item, needsType) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/needs/needDetail?id=${item.id}&type=${needsType}&showTab=1`,
|
||||
url: `/packageRc/pages/needs/needDetail?id=${item.id}&type=${needsType}&showTab=1`,
|
||||
});
|
||||
},
|
||||
calculateAge(data) {
|
||||
@@ -690,21 +680,23 @@ export default {
|
||||
title: "提示",
|
||||
content: "你确定要删除吗",
|
||||
success: (res) => {
|
||||
delPersonDemand(data.id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: "删除成功",
|
||||
icon: "none",
|
||||
});
|
||||
//刷新列表
|
||||
this.getListPersonDemand();
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "删除失败",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
});
|
||||
if(res.confirm){
|
||||
delPersonDemand(data.id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: "删除成功",
|
||||
icon: "none",
|
||||
});
|
||||
//刷新列表
|
||||
this.getListPersonDemand();
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "删除失败",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
@@ -743,9 +735,9 @@ export default {
|
||||
// 获取当前的需求类型字符串
|
||||
const demandType = demandTypeMap[needsType] || "other";
|
||||
// 使用映射后的字符串构建URL并导航
|
||||
this.$tab.navigateTo(
|
||||
`/pages/services/serviceTraceability?id=${item.id}&demandType=${demandType}`
|
||||
);
|
||||
uni.navigateTo({
|
||||
url: `/pages/services/serviceTraceability?id=${item.id}&demandType=${demandType}`
|
||||
});
|
||||
},
|
||||
// 办结按钮
|
||||
async finishJobRecommend(needsType) {
|
||||
@@ -787,11 +779,11 @@ export default {
|
||||
requirementTraining(item, index) {
|
||||
if (index == 1) {
|
||||
uni.navigateTo({
|
||||
url: `/packageRc/pages/services/serviceDetail?personName=${item.personName}&personId=${item.personId}&jobDemandInfoId=${item.id}&jobWorkType=${item.jobWorkType}&type=3&showTab=1`
|
||||
url: `/packageRc/pages/service/serviceDetail?personName=${item.personName}&personId=${item.personId}&jobDemandInfoId=${item.id}&jobWorkType=${item.jobWorkType}&type=3&showTab=1`
|
||||
});
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: `/packageRc/pages/services/serviceDetail?personName=${item.personName}&personId=${item.personId}&skillTrainingId=${item.id}&personStatus=${item.personStatus}&type=4&showTab=1`
|
||||
url: `/packageRc/pages/service/serviceDetail?personName=${item.personName}&personId=${item.personId}&skillTrainingId=${item.id}&personStatus=${item.personStatus}&type=4&showTab=1`
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-03 16:11:03
|
||||
* @LastEditTime: 2025-11-04 13:53:56
|
||||
-->
|
||||
<template>
|
||||
<view class="container">
|
||||
@@ -493,7 +493,7 @@
|
||||
if (this.edit) {
|
||||
if(type === 'workTypeTree') {
|
||||
if (!this.workTypeTreeColumns[0] || !this.workTypeTreeColumns[0].length) {
|
||||
this.$u.toast('工种数据未加载,请稍后重试');
|
||||
uni.showToast({title: '工种数据未加载,请稍后重试'});
|
||||
return;
|
||||
}
|
||||
// 弹窗打开时,初始化临时columns和index
|
||||
|
||||
132
packageRc/pages/needs/components/choosePerson.vue
Normal file
132
packageRc/pages/needs/components/choosePerson.vue
Normal file
@@ -0,0 +1,132 @@
|
||||
<template>
|
||||
<view>
|
||||
<uni-popup ref="showPersonChooser" background-color="#fff" type="bottom">
|
||||
<view style="padding: 32rpx 32rpx 0">
|
||||
<input @change="searchChange" placeholder="搜索选择人员" v-model="searchPerson"></input>
|
||||
<scroll-view style="height: 500rpx;" :scroll-y="true">
|
||||
<view v-for="(item, index) in personList" :key="index" :label="item.name" :value="item.name"
|
||||
@click="bindPerson(item)" class="person-list" :class="{active: activePerson.id == item.id}">
|
||||
<view style="display: flex;justify-content: space-between;font-size: 32rpx;font-weight: bold;">
|
||||
{{ item.name }}
|
||||
<view style="color: #8492a6; font-size: 13px;width: 50%;text-align: right;">{{ item.phone }}
|
||||
</view>
|
||||
</view>
|
||||
<view style="color: #8492a6;margin-top: 7rpx;">现居住地:{{item.currentResidentialAddress}}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="button-area">
|
||||
<view class="btn" @click="closeshowPersonChooser">取消</view>
|
||||
<view class="btn reset" @click="resetData">重置</view>
|
||||
<view class="btn save" @click="saveInfo">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getPersonList
|
||||
} from '@/apiRc/needs/person'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showPersonChooser: false,
|
||||
activePerson: {},
|
||||
searchPerson: '',
|
||||
personList: [],
|
||||
searcher: '',
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.doSearch()
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
this.$refs.showPersonChooser.open();
|
||||
this.activePerson = {}
|
||||
},
|
||||
saveInfo() {
|
||||
this.$emit('confirm', this.activePerson)
|
||||
this.$refs.showPersonChooser.close()
|
||||
},
|
||||
searchChange() {
|
||||
if (this.searcher) {
|
||||
clearTimeout(this.searcher)
|
||||
this.doSearch()
|
||||
} else {
|
||||
this.doSearch()
|
||||
}
|
||||
},
|
||||
doSearch() {
|
||||
this.searcher = setTimeout(() => {
|
||||
getPersonList({
|
||||
name: this.searchPerson,
|
||||
pageSize: 100,
|
||||
pageNum: 1
|
||||
}).then(res => {
|
||||
this.personList = res.rows
|
||||
clearTimeout(this.searcher)
|
||||
})
|
||||
}, 200)
|
||||
},
|
||||
resetData(){
|
||||
this.searchPerson = '';
|
||||
this.personList = [];
|
||||
this.activePerson = {}
|
||||
},
|
||||
bindPerson(item) {
|
||||
this.activePerson = item;
|
||||
this.$forceUpdate();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.person-list {
|
||||
padding: 24rpx 32rpx;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #e4e4e4;
|
||||
margin-top: 32rpx;
|
||||
|
||||
&.active {
|
||||
border: 1px solid #1890ff;
|
||||
}
|
||||
}
|
||||
|
||||
.button-area {
|
||||
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
width: calc(100% + 64rpx);
|
||||
margin-left: -32rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
margin-top: 40rpx;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
|
||||
.btn {
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.reset {
|
||||
background: #DCE2E9;
|
||||
}
|
||||
|
||||
.save {
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
431
packageRc/pages/needs/components/entrepreneurshipService.vue
Normal file
431
packageRc/pages/needs/components/entrepreneurshipService.vue
Normal file
@@ -0,0 +1,431 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 14:29:24
|
||||
-->
|
||||
<template>
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 200rpx)':'calc(100vh - 194rpx)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-content: space-between;">创业需求信息
|
||||
<view v-if="!edit&&formData.id&&formData.currentStatus!=3" class="btn"
|
||||
style="font-weight: normal;display: flex;" @click="edit=true">编辑<u-icon name="edit-pen"
|
||||
color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<uni-forms labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="100">
|
||||
<uni-forms-item label="姓名" name="personName" required
|
||||
v-if="$store.getters.roles.includes('shequn'|| $store.getters.roles.includes('gly'))"
|
||||
>
|
||||
<view style="width: 100%;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit||!canChoosePerson, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<!-- <u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon> -->
|
||||
</uni-forms-item>
|
||||
<!--
|
||||
<uni-forms-item label="服务需求标题" name="serviceRequirementTitle" required>
|
||||
<u--textarea :disabled="!edit" v-model="formData.serviceRequirementTitle"
|
||||
placeholder="请输入"></u--textarea>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</uni-forms-item> -->
|
||||
<uni-forms-item label="有无场地需求" name="ywcdxq" required>
|
||||
<radio-group :disabled="!edit" :value="formData.ywcdxq" placement="row">
|
||||
<radio :customStyle="{marginRight: '16px'}" label="是" value="是">是</radio>
|
||||
<radio :customStyle="{marginRight: '16px'}" label="否" value="否">否</radio>
|
||||
</radio-group>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="场地面积" name="cdmj">
|
||||
<input :disabled="!edit" v-model="formData.cdmj" border="none"
|
||||
placeholder="请输入"/>
|
||||
<!-- <u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon> -->
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="办公人数" name="bgrs">
|
||||
<input :disabled="!edit" v-model="formData.bgrs" border="none"
|
||||
placeholder="请输入"/>
|
||||
<!-- <u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon> -->
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="办公位置" name="bgdd">
|
||||
<input :disabled="!edit" v-model="formData.bgdd" border="none"
|
||||
placeholder="请输入"/>
|
||||
<!-- <u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon> -->
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="有无创业培训需求" name="ywcypxxq" required>
|
||||
<radio-group :disabled="!edit" :value="formData.ywcypxxq"
|
||||
placement="row">
|
||||
<radio :customStyle="{marginRight: '16px'}" label="是" value="是">是</radio>
|
||||
<radio :customStyle="{marginRight: '16px'}" label="否" value="否">否</radio>
|
||||
</radio-group>
|
||||
</uni-forms-item>
|
||||
<!-- <uni-forms-item label="是否意向接受创业培训" name="isInterestedEntrepreneurshipGuidance" required>-->
|
||||
<!-- <radio-group :disabled="!edit" v-model="formData.isInterestedEntrepreneurshipGuidance"-->
|
||||
<!-- placement="row">-->
|
||||
<!-- <radio :customStyle="{marginRight: '16px'}" label="是" name="是"></radio>-->
|
||||
<!-- <radio :customStyle="{marginRight: '16px'}" label="否" name="否"></radio>-->
|
||||
<!-- </radio-group>-->
|
||||
<!-- </uni-forms-item>-->
|
||||
<uni-forms-item label="有无资金需求" name="ywzjxq" required>
|
||||
<radio-group :disabled="!edit" :value="formData.ywzjxq" placement="row">
|
||||
<radio :customStyle="{marginRight: '16px'}" label="是" value="是">是</radio>
|
||||
<radio :customStyle="{marginRight: '16px'}" label="否" value="否">否</radio>
|
||||
</radio-group>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="需求说明" name="jobDescription" required>
|
||||
<textarea :disabled="!edit" v-model="formData.jobDescription" placeholder="请输入"></textarea>
|
||||
</uni-forms-item>
|
||||
<!-- <uni-forms-item label="希望解决日期" name="hopeSolveDate" required>
|
||||
<view style="width: 100%;" @click="showPicker('hopeSolveDate')"
|
||||
:class="{disabledLine: !edit, noValue: !formData.hopeSolveDate}">
|
||||
{{ formData.hopeSolveDate||'请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</uni-forms-item> -->
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="inner" style="margin-top: 32rpx;">-->
|
||||
<!-- <view class="inner-part">-->
|
||||
<!-- <u--form labelPosition="left" class="self-form" labelWidth="110">-->
|
||||
<!-- <uni-forms-item label="需求说明" name="qtxqsm">-->
|
||||
<!-- <textarea :disabled="!edit" v-model="formData.qtxqsm" placeholder="请输入"></textarea>-->
|
||||
<!-- </uni-forms-item>-->
|
||||
<!-- </u--form>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="inner">
|
||||
<view class="part-title" style="margin-top: 32rpx;">附件信息</view>
|
||||
<view class="inner-part">
|
||||
<uni-forms labelPosition="left" class="self-form" labelWidth="110">
|
||||
<uni-forms-item label="附件" name="fileUrl">
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- 办理完成后 需求说明 -->
|
||||
<req-comp :form="{
|
||||
actualSolveDate: formData.actualSolveDate,
|
||||
actualSolvePeople: formData.actualSolvePeople,
|
||||
solveDesc: formData.solveDesc,
|
||||
fileUrl: formData.fileUrl
|
||||
}" />
|
||||
</scroll-view>
|
||||
<u-datetime-picker :show="show.hopeSolveDate" v-model="dates.hopeSolveDate" mode="date"
|
||||
@confirm="confirmDate('hopeSolveDate', $event)" @cancel="cancelPicker('hopeSolveDate')"></u-datetime-picker>
|
||||
<choose-person ref="personChooser" @confirm="personNameConfirm" />
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<view class="btn reset" @click="getPersonInfo()">重置</view>
|
||||
<view class="btn save" @click="saveInfo">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getPersonBase
|
||||
} from "@/apiRc/person";
|
||||
import {
|
||||
addPersonDemand,
|
||||
updatePersonDemand,
|
||||
getPersonDemand
|
||||
} from "@/apiRc/needs/personDemand";
|
||||
import ImageUpload from '/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from '/packageRc/pages/needs/components/choosePerson';
|
||||
import dayjs from "dayjs";
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
ImageUpload
|
||||
},
|
||||
props: {
|
||||
needId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
edit: true,
|
||||
personBase: {},
|
||||
dates: {},
|
||||
formData: {
|
||||
jobDescription:"",
|
||||
demandType:"2",
|
||||
personName: '',
|
||||
personId:"",
|
||||
userId:"",
|
||||
serviceRequirementTitle: '',
|
||||
isAcceptAssistance: '',
|
||||
isAcceptApprovalResult: '',
|
||||
|
||||
},
|
||||
rules: {
|
||||
|
||||
ywcdxq: [{
|
||||
required: true,
|
||||
message: '请选择有无场地需求',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
ywcypxxq: [{
|
||||
required: true,
|
||||
message: '请选择有无创业培训需求',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
isInterestedEntrepreneurshipGuidance: [{
|
||||
required: true,
|
||||
message: '请选择是否意向接受创业培训',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
ywzjxq: [{
|
||||
required: true,
|
||||
message: '请选择有无资金需求',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
|
||||
},
|
||||
dict: {},
|
||||
show: {},
|
||||
currentCityArr: [],
|
||||
originalDept: [],
|
||||
currentCity: '请选择',
|
||||
bysj: '',
|
||||
loading: false,
|
||||
jobTypeList: [],
|
||||
route: {},
|
||||
canChoosePerson: false,
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules);
|
||||
},
|
||||
async created() {
|
||||
this.loading = true;
|
||||
// await this.$delay(600)
|
||||
// this.setDefaultValues()
|
||||
// setTimeout(() => {
|
||||
// this.setName()
|
||||
// }, 0);
|
||||
},
|
||||
methods: {
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
// setName(){
|
||||
// this.formData.personName = this.name
|
||||
// this.formData.personId = this.needid
|
||||
// this.formData.userId = this.needid
|
||||
|
||||
// this.$forceUpdate();
|
||||
// },
|
||||
openPersonChooser() {
|
||||
if (this.edit && this.canChoosePerson) {
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.personName = event.name
|
||||
this.formData.personId = event.id
|
||||
this.formData.userId = event.userId
|
||||
this.formNameChange();
|
||||
this.$forceUpdate();
|
||||
},
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {}
|
||||
this.setDefaultValues()
|
||||
this.getPersonInfo()
|
||||
if(this.name){
|
||||
this.formData.personName = this.name
|
||||
this.formData.userId = this.needid
|
||||
}
|
||||
this.edit = true
|
||||
},
|
||||
getDetail(id) {
|
||||
getPersonDemand(id).then(res => {
|
||||
this.formData = res.data;
|
||||
this.edit = false
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl)
|
||||
})
|
||||
},
|
||||
confirmDate(type, e) {
|
||||
this.show[type] = false;
|
||||
let date = new Date(e.value)
|
||||
this.formData[type] =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1)>9?(date.getMonth()+1):('0'+(date.getMonth()+1))}-${date.getDate()>9?date.getDate():('0'+date.getDate())}`
|
||||
this.$forceUpdate();
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.show[type] = false
|
||||
this.$forceUpdate();
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].dictValue
|
||||
this.$forceUpdate();
|
||||
},
|
||||
showPicker(type) {
|
||||
if (this.edit) {
|
||||
this.show[type] = true
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
getPersonInfo() {
|
||||
this.loading = true;
|
||||
this.$store.dispatch("GetInfo").then((res) => {
|
||||
if (res.data.roles.indexOf('qunzhong') == -1) {
|
||||
this.canChoosePerson = true;
|
||||
} else {
|
||||
this.canChoosePerson = false;
|
||||
getPersonBase(res.data.user.userId).then(resp => {
|
||||
this.formData.personId = resp.data.id
|
||||
this.formData.userId = resp.data.userId
|
||||
this.formData.personName = resp.data.name
|
||||
this.formNameChange();
|
||||
this.$forceUpdate();
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
formNameChange() {
|
||||
let date = new Date()
|
||||
// let day =
|
||||
// `${date.getFullYear()}-${(date.getMonth()+1) + 1 > 9 ? (date.getMonth()+1) + 1: '0'+((date.getMonth()+1) + 1)}-${date.getDate() > 9 ? date.getDate(): '0'+date.getDate()}`
|
||||
const dayNew = dayjs(date).format("YYYY-MM-DD");
|
||||
this.formData.serviceRequirementTitle = `${this.formData.personName}_于${dayNew}_提出创业需求`
|
||||
},
|
||||
async saveInfo() {
|
||||
uni.showLoading()
|
||||
try {
|
||||
if (!this.formData.jobDescription || this.formData.jobDescription.trim() === '') {
|
||||
uni.showToast({title: '请填写需求说明!', icon: 'none'});
|
||||
return;
|
||||
}
|
||||
// 验证表单
|
||||
const isValid = await this.$refs.uForm.validate();
|
||||
if (!isValid) {
|
||||
throw new Error('请检查必填项填写');
|
||||
}
|
||||
// 显示全局加载
|
||||
// 根据 formData 是否有 id 来决定是更新还是新增
|
||||
let response;
|
||||
this.formData.demandType = 2;
|
||||
let successMessage;
|
||||
if (this.formData.id) {
|
||||
response = await updatePersonDemand(this.formData);
|
||||
successMessage = '修改成功';
|
||||
} else {
|
||||
response = await addPersonDemand(this.formData);
|
||||
successMessage = '保存成功';
|
||||
}
|
||||
|
||||
// 检查响应码是否为200
|
||||
if (response.code === 200) {
|
||||
uni.showToast({title: successMessage, icon: 'none'});
|
||||
// 如果是编辑模式,关闭编辑状态;否则返回上一页
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
} else {
|
||||
await this.$delay(1000); // 延迟1秒后返回上一页
|
||||
uni.navigateBack();
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
if(error.length){
|
||||
uni.showToast({title: '请填写完整信息!', icon: 'none'});
|
||||
}else{
|
||||
uni.showToast({title: '系统错误,请联系管理员!', icon: 'none'});
|
||||
}
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
uni.hideLoading();
|
||||
}
|
||||
},
|
||||
|
||||
// 设置默认选中
|
||||
setDefaultValues(){
|
||||
this.$set(this.formData, 'ywcdxq', '是')
|
||||
this.$set(this.formData, 'ywcypxxq', '是')
|
||||
this.$set(this.formData, 'isInterestedEntrepreneurshipGuidance', '是')
|
||||
this.$set(this.formData, 'ywzjxq', '是')
|
||||
}
|
||||
// saveInfo() {
|
||||
// this.$refs.uForm.validate().then(res => {
|
||||
// if (this.formData.id) {
|
||||
// updateEntrepreneurshipService(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '修改成功'
|
||||
// })
|
||||
// this.edit = false;
|
||||
// }
|
||||
// })
|
||||
// } else {
|
||||
// addEntrepreneurshipService(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '保存成功'
|
||||
// })
|
||||
// uni.navigateBack();
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// }).catch(() => {
|
||||
// uni.showToast({
|
||||
// title: '请检查必填项填写',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
</style>
|
||||
724
packageRc/pages/needs/components/jobService.vue
Normal file
724
packageRc/pages/needs/components/jobService.vue
Normal file
@@ -0,0 +1,724 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 14:00:51
|
||||
-->
|
||||
<template>
|
||||
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 200rpx)':'calc(100vh - 194rpx)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-content: space-between;">求职需求信息
|
||||
<view v-if="!edit&&formData.id&&formData.currentStatus!=3" class="btn"
|
||||
style="font-weight: normal;display: flex;" @click="edit=true">编辑<u-icon name="edit-pen"
|
||||
color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<uni-forms labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form" labelWidth="100">
|
||||
<!-- v-if="$store.getters.roles.includes('shequn') || $store.getters.roles.includes('gly')" -->
|
||||
<uni-forms-item label="姓名" name="personName" required
|
||||
>
|
||||
<view v-if="name" style="width: 100%;"
|
||||
class="disabledLine">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<view v-else style="width: 100%;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit||!canChoosePerson, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="求职工种" name="jobWorkType">
|
||||
<picker
|
||||
mode="multiSelector"
|
||||
:range="workTypeColumns"
|
||||
range-key="workTypeName"
|
||||
:value="workTypeIndexes"
|
||||
@change="onWorkTypePickerChange"
|
||||
@columnchange="onWorkTypeColumnChange"
|
||||
v-if="workTypeColumns[0] && workTypeColumns[0].length"
|
||||
>
|
||||
<view class="picker-view">
|
||||
<text>{{ formData.jobWorkTypeName || '请选择工种' }}</text>
|
||||
<u-icon name="arrow-down" color="#999999"></u-icon>
|
||||
</view>
|
||||
</picker>
|
||||
<view v-else class="picker-view">
|
||||
<text>工种数据加载中...</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="最低薪酬" name="minRecruitmentSalary" required>
|
||||
<input :disabled="!edit" v-model="formData.minRecruitmentSalary" border="none"
|
||||
placeholder="请输入"/>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="最高薪酬" name="highRecruitmentSalary" required>
|
||||
<input :disabled="!edit" v-model="formData.highRecruitmentSalary" border="none"
|
||||
placeholder="请输入"/>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="希望工作地点" name="addressDesc">
|
||||
<view class="df_flex df_flex_1">
|
||||
<input placeholder="请输入" border="none" v-model="formData.addressDesc"
|
||||
class="ellipsis_1" @focus="$refs.placePicker.openDialog()"/>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms labelPosition="left" class="self-form" labelWidth="110" >
|
||||
<uni-forms-item label="求职说明" name="jobDescription" required >
|
||||
<textarea :disabled="!edit" v-model="formData.jobDescription"
|
||||
placeholder="请输入" ></textarea>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 办理完成后 需求说明 -->
|
||||
<req-comp :form="{
|
||||
actualSolveDate: formData.actualSolveDate,
|
||||
actualSolvePeople: formData.actualSolvePeople,
|
||||
solveDesc: formData.solveDesc,
|
||||
fileUrl: formData.fileUrl
|
||||
}" />
|
||||
|
||||
<!-- <view class="inner">
|
||||
<view class="part-title" style="margin-top: 32rpx;">附件信息</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" class="self-form" labelWidth="110">
|
||||
<uni-forms-item label="附件" name="fileUrl">
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</uni-forms-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
</scroll-view>
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<view class="btn reset" @click="getDetail(formData.id)">重置</view>
|
||||
<view class="btn save" @click="saveInfo">保存</view>
|
||||
</view>
|
||||
|
||||
<choose-person ref="personChooser" @confirm="personNameConfirm" />
|
||||
<PlacePicker ref="placePicker" @selected="handleSelected" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getPersonBase
|
||||
} from "@/apiRc/person";
|
||||
import {
|
||||
addPersonDemand,
|
||||
updatePersonDemand,
|
||||
getPersonDemand
|
||||
} from "@/apiRc/needs/personDemand";
|
||||
import {
|
||||
listJobType
|
||||
} from "@/apiRc/jobType/index";
|
||||
import ImageUpload from '/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from '/packageRc/pages/needs/components/choosePerson';
|
||||
import PlacePicker from "/packageRc/components/placePicker";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
ImageUpload,
|
||||
PlacePicker,
|
||||
},
|
||||
props: {
|
||||
needId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
edit: true,
|
||||
personBase: {},
|
||||
dates: {},
|
||||
currentCommunityId: '',
|
||||
showPickerPicker: false,
|
||||
formData: {
|
||||
demandType:"1",
|
||||
personName: '',
|
||||
personId:"",
|
||||
userId:"",
|
||||
jobWorkType: '',
|
||||
jobWorkTypeName: '',
|
||||
selectedWorkType: '',
|
||||
selectedWorkTypeName: '',
|
||||
highRecruitmentSalary: '',
|
||||
minRecruitmentSalary: '',
|
||||
employmentType: '',
|
||||
currentCommunity: '',
|
||||
addressDesc: '',
|
||||
jobDescription: '',
|
||||
// fileUrl: []
|
||||
},
|
||||
rules: {
|
||||
personName: [{
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
}],
|
||||
jobWorkType: [{
|
||||
required: true,
|
||||
message: '请选择求职工种',
|
||||
trigger: ['blur', 'change'],
|
||||
validator: (rule, value) => {
|
||||
return (Array.isArray(value) && value.length > 0) || (!!value);
|
||||
}
|
||||
}],
|
||||
highRecruitmentSalary: [{
|
||||
required: true,
|
||||
message: '请选择最高薪酬',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
minRecruitmentSalary: [{
|
||||
required: true,
|
||||
message: '请选择最低薪酬',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
jobDescription: [{
|
||||
required: true,
|
||||
message: '请填写求职说明',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ]
|
||||
// employmentType: [{
|
||||
// required: true,
|
||||
// message: '请选择用工形式',
|
||||
// trigger: ['blur', 'change'],
|
||||
// }, ],
|
||||
// addressDesc: [{
|
||||
// required: true,
|
||||
// message: '请选择希望工作地点',
|
||||
// trigger: ['blur', 'change'],
|
||||
// }, ],
|
||||
},
|
||||
dict: {
|
||||
emplymentYear: [],
|
||||
salaryType: [],
|
||||
highRecruitmentSalary: [],
|
||||
minRecruitmentSalary: [],
|
||||
unitNature: [],
|
||||
employmentWillingness: []
|
||||
},
|
||||
show: {
|
||||
hopeSolveDate: false,
|
||||
jobWorkType: false,
|
||||
emplymentYear: false,
|
||||
salaryType: false,
|
||||
highRecruitmentSalary: false,
|
||||
minRecruitmentSalary: false,
|
||||
unitNature: false,
|
||||
employmentType: false,
|
||||
employmentWillingness: false
|
||||
},
|
||||
currentCity: '请选择',
|
||||
bysj: '',
|
||||
loading: false,
|
||||
jobTypeList: [],
|
||||
route: {},
|
||||
canChoosePerson: false,
|
||||
fileList: [],
|
||||
workTypeList: [],
|
||||
workTypeColumns: [[], [], []],
|
||||
workTypeIndexes: [0, 0, 0],
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules)
|
||||
},
|
||||
created() {
|
||||
this.loading = true;
|
||||
let arr = [{
|
||||
key: 'qcjy_gznx',
|
||||
prop: 'emplymentYear'
|
||||
},
|
||||
{
|
||||
key: 'qcjy_gzlx',
|
||||
prop: 'salaryType'
|
||||
},
|
||||
{
|
||||
key: 'qcjy_zgzpgz',
|
||||
prop: 'highRecruitmentSalary'
|
||||
},
|
||||
{
|
||||
key: 'qcjy_zgzpgz',
|
||||
prop: 'minRecruitmentSalary'
|
||||
},
|
||||
{
|
||||
key: 'qcjy_dwxz',
|
||||
prop: 'unitNature'
|
||||
},
|
||||
// {
|
||||
// key: 'qcjy_ygxs',
|
||||
// prop: 'employmentType'
|
||||
// },
|
||||
{
|
||||
key: 'qcjt_jyyy',
|
||||
prop: 'employmentWillingness'
|
||||
},
|
||||
]
|
||||
|
||||
// 使用 Promise.all 确保所有字典数据加载完成
|
||||
Promise.all(arr.map(ele => this.getDicts(ele.key)))
|
||||
.then(responses => {
|
||||
responses.forEach((res, index) => {
|
||||
this.dict[arr[index].prop] = res.data || [];
|
||||
});
|
||||
this.loading = false;
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('加载字典数据失败:', error);
|
||||
// 设置默认空数组
|
||||
arr.forEach(ele => {
|
||||
this.dict[ele.prop] = [];
|
||||
});
|
||||
this.loading = false;
|
||||
});
|
||||
|
||||
this.workTypeRemoteMethod('');
|
||||
},
|
||||
methods: {
|
||||
// 获取字典数据
|
||||
getDicts(dictType) {
|
||||
return new Promise((resolve, reject) => {
|
||||
// 这里应该调用实际的API,暂时返回空数组
|
||||
// 如果需要真实的API调用,请替换下面的代码
|
||||
setTimeout(() => {
|
||||
resolve({ data: [] });
|
||||
}, 100);
|
||||
});
|
||||
},
|
||||
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
openPersonChooser() {
|
||||
if (this.edit && this.canChoosePerson) {
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
setName(){
|
||||
this.formData.personName = this.name
|
||||
this.formData.personId = this.needId
|
||||
this.formData.userId = this.needId
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.personName = event.name
|
||||
this.formData.personId = event.id
|
||||
this.formData.userId = event.userId
|
||||
|
||||
},
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {}
|
||||
this.getPersonInfo()
|
||||
if(this.name){
|
||||
this.formData.personName = this.name
|
||||
this.formData.userId = this.needId
|
||||
}
|
||||
this.edit = true
|
||||
},
|
||||
getDetail(id) {
|
||||
getPersonDemand(id).then(res => {
|
||||
this.formData = res.data;
|
||||
// 设置工种索引(需要等工种数据加载完成后)
|
||||
if (this.formData.jobWorkType && this.workTypeColumns[0].length) {
|
||||
this.setWorkTypeIndexes(this.formData.jobWorkType);
|
||||
}
|
||||
this.currentCommunityId = +res.data.currentCommunity
|
||||
this.formData.currentCommunity = res.data.currentCommunity
|
||||
this.edit = false;
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl)
|
||||
}).catch(error => {
|
||||
console.error('Error fetching job detail:', error);
|
||||
});
|
||||
},
|
||||
confirmDate(type, e) {
|
||||
this.show[type] = false;
|
||||
let date = new Date(e.value)
|
||||
this.formData[type] =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1)>9?(date.getMonth()+1):('0'+(date.getMonth()+1))}-${date.getDate()>9?date.getDate():('0'+date.getDate())}`
|
||||
},
|
||||
workTypeRemoteMethod(key) {
|
||||
listJobType({
|
||||
workTypeName: key,
|
||||
pageNum: 1,
|
||||
pageSize: 50
|
||||
}).then(
|
||||
(res) => {
|
||||
console.log('工种数据加载成功:', res.rows);
|
||||
this.jobTypeList = res.rows;
|
||||
// 处理树形数据为级联选择器格式
|
||||
this.processWorkTypeTree(res.rows);
|
||||
}
|
||||
).catch(error => {
|
||||
console.error('获取工种列表失败:', error);
|
||||
this.workTypeList = [];
|
||||
this.workTypeColumns = [[], [], []];
|
||||
});
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.show[type] = false
|
||||
},
|
||||
getCityOptions(data) {
|
||||
if (data && data[0] && data[0].children) {
|
||||
return [data].concat(this.getCityOptions(data[0].children))
|
||||
} else {
|
||||
return [data]
|
||||
}
|
||||
},
|
||||
|
||||
getDictLabel(value, list) {
|
||||
if (list && Array.isArray(list)) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel || '请选择'
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
return '请选择'
|
||||
},
|
||||
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].dictValue
|
||||
},
|
||||
jobTypeConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].id
|
||||
this.formData.jobWorkTypeName = event.value[0].workTypeName
|
||||
},
|
||||
showPicker(type) {
|
||||
if (this.edit) {
|
||||
if(type === 'workTypeTree') {
|
||||
if (!this.workTypeTreeColumns[0] || !this.workTypeTreeColumns[0].length) {
|
||||
uni.showToast({title: '工种数据未加载,请稍后重试'});
|
||||
return;
|
||||
}
|
||||
// 弹窗打开时,初始化临时columns和index
|
||||
this.tempWorkTypeTreeColumns = JSON.parse(JSON.stringify(this.workTypeTreeColumns));
|
||||
this.tempWorkTypeTreeIndex = [...this.workTypeTreeIndex];
|
||||
}
|
||||
this.show[type] = true;
|
||||
}
|
||||
},
|
||||
getPersonInfo() {
|
||||
this.loading = true;
|
||||
this.$store.dispatch("GetInfo").then((res) => {
|
||||
if (res.data.roles.indexOf('qunzhong') == -1) {
|
||||
this.canChoosePerson = true;
|
||||
} else {
|
||||
this.canChoosePerson = false;
|
||||
getPersonBase(res.data.user.userId).then(resp => {
|
||||
this.formData.personId = resp.data.id
|
||||
this.formData.userId = resp.data.userId
|
||||
this.formData.personName = resp.data.name
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
async saveInfo() {
|
||||
uni.showLoading();
|
||||
try {
|
||||
// 先检查求职说明是否为空,如果为空直接提示
|
||||
if (!this.formData.jobDescription || this.formData.jobDescription.trim() === '') {
|
||||
uni.showToast({title: '请填写求职说明!'});
|
||||
return;
|
||||
}
|
||||
|
||||
// 验证表单
|
||||
console.log(this.formData)
|
||||
const isValid = await this.$refs.uForm.validate();
|
||||
if (!isValid) {
|
||||
throw new Error('表单验证失败');
|
||||
}
|
||||
// 显示全局加载
|
||||
this.formData.demandType = 1;
|
||||
// this.formData.userId = this.formData.personId
|
||||
// 根据 formData 是否有 id 来决定是更新还是新增
|
||||
let response;
|
||||
let successMessage;
|
||||
if (this.formData.id) {
|
||||
response = await updatePersonDemand(this.formData);
|
||||
successMessage = '修改成功';
|
||||
} else {
|
||||
response = await addPersonDemand(this.formData);
|
||||
successMessage = '保存成功';
|
||||
}
|
||||
// 检查响应码是否为200
|
||||
if (response.code === 200) {
|
||||
uni.showToast({title: successMessage});
|
||||
// 如果是编辑模式,关闭编辑状态;否则返回上一页
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
if(error.length){
|
||||
uni.showToast({title: '请填写完整信息!'});
|
||||
}else{
|
||||
uni.showToast({title: '系统错误,请联系管理员!'});
|
||||
}
|
||||
// uni.showToast({title: '请检查必填项填写'});
|
||||
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
uni.hideLoading();
|
||||
}
|
||||
},
|
||||
popupclosed() {
|
||||
this.showPickerPicker = false
|
||||
},
|
||||
|
||||
onChange(e) {
|
||||
const arr = e.detail.value
|
||||
this.formData.currentCity = arr[0].value || "";
|
||||
this.formData.currentArea = arr[1].value || "";
|
||||
this.formData.currentStreet = arr[2].value || "";
|
||||
this.formData.currentCommunity = arr[3].value + '' || "";
|
||||
this.$forceUpdate();
|
||||
},
|
||||
|
||||
// 接收地图数据
|
||||
handleSelected(marker) {
|
||||
this.$set(this.formData, "addressDesc", marker.address);
|
||||
this.$set(this.formData, "latitude", marker.location.lat);
|
||||
this.$set(this.formData, "longitude", marker.location.lng);
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 处理树形数据为级联选择器格式
|
||||
processWorkTypeTree(treeData) {
|
||||
if (!treeData || !Array.isArray(treeData)) {
|
||||
this.workTypeColumns = [[], [], []];
|
||||
return;
|
||||
}
|
||||
|
||||
// 第一级
|
||||
const level1 = treeData.filter(item => item.level === "1");
|
||||
// 第二级
|
||||
const level2 = treeData.filter(item => item.level === "2");
|
||||
// 第三级
|
||||
const level3 = treeData.filter(item => item.level === "3");
|
||||
|
||||
// 构建级联数据
|
||||
const columns = [];
|
||||
columns[0] = level1;
|
||||
|
||||
// 根据第一级选择,过滤第二级
|
||||
if (level1.length > 0) {
|
||||
const firstLevelId = level1[0].id;
|
||||
columns[1] = level2.filter(item => item.parentId === firstLevelId);
|
||||
} else {
|
||||
columns[1] = [];
|
||||
}
|
||||
|
||||
// 根据第二级选择,过滤第三级
|
||||
if (columns[1].length > 0) {
|
||||
const secondLevelId = columns[1][0].id;
|
||||
columns[2] = level3.filter(item => item.parentId === secondLevelId);
|
||||
} else {
|
||||
columns[2] = [];
|
||||
}
|
||||
|
||||
this.workTypeColumns = columns;
|
||||
console.log('级联数据构建完成:', this.workTypeColumns);
|
||||
},
|
||||
|
||||
// 级联选择器列变化事件
|
||||
onWorkTypeColumnChange(e) {
|
||||
const { column, value } = e.detail;
|
||||
const newIndexes = [...this.workTypeIndexes];
|
||||
newIndexes[column] = value;
|
||||
|
||||
// 重置后续列的数据
|
||||
if (column === 0) {
|
||||
// 第一列变化,重置第二、三列
|
||||
const selectedLevel1 = this.workTypeColumns[0][value];
|
||||
if (selectedLevel1) {
|
||||
const level2 = this.jobTypeList.filter(item =>
|
||||
item.level === "2" && item.parentId === selectedLevel1.id
|
||||
);
|
||||
this.workTypeColumns[1] = level2;
|
||||
this.workTypeColumns[2] = [];
|
||||
newIndexes[1] = 0;
|
||||
newIndexes[2] = 0;
|
||||
}
|
||||
} else if (column === 1) {
|
||||
// 第二列变化,重置第三列
|
||||
const selectedLevel2 = this.workTypeColumns[1][value];
|
||||
if (selectedLevel2) {
|
||||
const level3 = this.jobTypeList.filter(item =>
|
||||
item.level === "3" && item.parentId === selectedLevel2.id
|
||||
);
|
||||
this.workTypeColumns[2] = level3;
|
||||
newIndexes[2] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
this.workTypeIndexes = newIndexes;
|
||||
},
|
||||
|
||||
// 级联选择器确认事件
|
||||
onWorkTypePickerChange(e) {
|
||||
const indexes = e.detail.value;
|
||||
const selectedLevel1 = this.workTypeColumns[0][indexes[0]];
|
||||
const selectedLevel2 = this.workTypeColumns[1][indexes[1]];
|
||||
const selectedLevel3 = this.workTypeColumns[2][indexes[2]];
|
||||
|
||||
if (selectedLevel3) {
|
||||
// 选择第三级
|
||||
this.formData.jobWorkType = selectedLevel3.id;
|
||||
this.formData.jobWorkTypeName = `${selectedLevel1.workTypeName}/${selectedLevel2.workTypeName}/${selectedLevel3.workTypeName}`;
|
||||
} else if (selectedLevel2) {
|
||||
// 选择第二级
|
||||
this.formData.jobWorkType = selectedLevel2.id;
|
||||
this.formData.jobWorkTypeName = `${selectedLevel1.workTypeName}/${selectedLevel2.workTypeName}`;
|
||||
} else if (selectedLevel1) {
|
||||
// 选择第一级
|
||||
this.formData.jobWorkType = selectedLevel1.id;
|
||||
this.formData.jobWorkTypeName = selectedLevel1.workTypeName;
|
||||
}
|
||||
|
||||
this.workTypeIndexes = indexes;
|
||||
},
|
||||
|
||||
// 根据工种ID设置索引
|
||||
setWorkTypeIndexes(workTypeId) {
|
||||
// 在工种列表中查找对应的工种
|
||||
const targetWorkType = this.jobTypeList.find(item => item.id == workTypeId);
|
||||
if (!targetWorkType) return;
|
||||
|
||||
// 根据level确定是哪一级
|
||||
if (targetWorkType.level === "1") {
|
||||
const index = this.workTypeColumns[0].findIndex(item => item.id == workTypeId);
|
||||
if (index !== -1) {
|
||||
this.workTypeIndexes = [index, 0, 0];
|
||||
}
|
||||
} else if (targetWorkType.level === "2") {
|
||||
// 需要先找到父级
|
||||
const parent = this.jobTypeList.find(item => item.id == targetWorkType.parentId);
|
||||
if (parent) {
|
||||
const parentIndex = this.workTypeColumns[0].findIndex(item => item.id == parent.id);
|
||||
const childIndex = this.workTypeColumns[1].findIndex(item => item.id == workTypeId);
|
||||
if (parentIndex !== -1 && childIndex !== -1) {
|
||||
this.workTypeIndexes = [parentIndex, childIndex, 0];
|
||||
}
|
||||
}
|
||||
} else if (targetWorkType.level === "3") {
|
||||
// 需要找到祖父级和父级
|
||||
const parent = this.jobTypeList.find(item => item.id == targetWorkType.parentId);
|
||||
const grandparent = this.jobTypeList.find(item => item.id == parent.parentId);
|
||||
if (parent && grandparent) {
|
||||
const grandparentIndex = this.workTypeColumns[0].findIndex(item => item.id == grandparent.id);
|
||||
const parentIndex = this.workTypeColumns[1].findIndex(item => item.id == parent.id);
|
||||
const childIndex = this.workTypeColumns[2].findIndex(item => item.id == workTypeId);
|
||||
if (grandparentIndex !== -1 && parentIndex !== -1 && childIndex !== -1) {
|
||||
this.workTypeIndexes = [grandparentIndex, parentIndex, childIndex];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/* 为表单元素添加一些间距 */
|
||||
.self-form {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.noValue {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.picker-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 28rpx 36rpx;
|
||||
background: #ffffff;
|
||||
border: 2rpx solid #e5e5e5;
|
||||
border-radius: 12rpx;
|
||||
min-height: 88rpx;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.picker-view:active {
|
||||
background: #f8f9fa;
|
||||
border-color: #007aff;
|
||||
}
|
||||
|
||||
.picker-view text {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.picker-view .u-icon {
|
||||
margin-left: 16rpx;
|
||||
color: #999999;
|
||||
}
|
||||
::v-deep .u-textarea{
|
||||
background-color: red !important;
|
||||
border-radius: 12rpx;
|
||||
border: 2rpx solid red;
|
||||
}
|
||||
|
||||
</style>
|
||||
335
packageRc/pages/needs/components/otherService.vue
Normal file
335
packageRc/pages/needs/components/otherService.vue
Normal file
@@ -0,0 +1,335 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 14:16:26
|
||||
-->
|
||||
<template>
|
||||
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 200rpx)':'calc(100vh - 194rpx)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-content: space-between;">需求信息
|
||||
<view v-if="!edit&&formData.id&&formData.currentStatus!=3" class="btn"
|
||||
style="font-weight: normal;display: flex;" @click="edit=true">编辑<u-icon name="edit-pen"
|
||||
color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<uni-forms labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="100">
|
||||
<u-form-item label="姓名" prop="personName" required
|
||||
v-if="$store.getters.roles.includes('shequn')|| $store.getters.roles.includes('gly')">
|
||||
<view style="width: 100%;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit||!canChoosePerson, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="需求说明" prop="jobDescription" required>
|
||||
<u-textarea :disabled="!edit" v-model="formData.jobDescription" placeholder="请输入"></u-textarea>
|
||||
</u-form-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 办理完成后 需求说明 -->
|
||||
<req-comp :form="{
|
||||
actualSolveDate: formData.actualSolveDate,
|
||||
actualSolvePeople: formData.actualSolvePeople,
|
||||
solveDesc: formData.solveDesc,
|
||||
fileUrl: formData.fileUrl
|
||||
}" />
|
||||
</scroll-view>
|
||||
<u-datetime-picker :show="show.hopeSolveDate" v-model="dates.hopeSolveDate" mode="date"
|
||||
@confirm="confirmDate('hopeSolveDate', $event)" @cancel="cancelPicker('hopeSolveDate')"></u-datetime-picker>
|
||||
<choose-person ref="personChooser" @confirm="personNameConfirm" />
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<view class="btn reset" @click="getDetail(formData.id)">重置</view>
|
||||
<view class="btn save" @click="saveInfo">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getPersonBase
|
||||
} from "@/apiRc/person";
|
||||
import {
|
||||
addPersonDemand,
|
||||
updatePersonDemand,
|
||||
getPersonDemand
|
||||
} from "@/apiRc/needs/personDemand";
|
||||
import ImageUpload from '/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from '/packageRc/pages/needs/components/choosePerson';
|
||||
import {
|
||||
listJobType
|
||||
} from "@/apiRc/jobType/index";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
ImageUpload
|
||||
},
|
||||
props: {
|
||||
needId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
edit: true,
|
||||
personBase: {},
|
||||
dates: {},
|
||||
formData: {
|
||||
isAcceptAssistance: '',
|
||||
isAcceptApprovalResult: '',
|
||||
qtxqsm: ''
|
||||
},
|
||||
rules: {
|
||||
personName: [{
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
qtxqsm: [{
|
||||
required: true,
|
||||
message: '请填写需求说明',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
},
|
||||
dict: {},
|
||||
show: {},
|
||||
currentCityArr: [],
|
||||
originalDept: [],
|
||||
currentCity: '请选择',
|
||||
bysj: '',
|
||||
loading: false,
|
||||
jobTypeList: [],
|
||||
route: {},
|
||||
canChoosePerson: false,
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules)
|
||||
},
|
||||
created() {
|
||||
this.loading = true;
|
||||
},
|
||||
methods: {
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
workTypeRemoteMethod(key) {
|
||||
listJobType({
|
||||
workTypeName: key,
|
||||
pageNum: 1,
|
||||
pageSize: 50
|
||||
}).then(
|
||||
(res) => {
|
||||
this.jobTypeList = res.rows;
|
||||
}
|
||||
);
|
||||
},
|
||||
openPersonChooser() {
|
||||
if (this.edit && this.canChoosePerson) {
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.personName = event.name
|
||||
this.formData.personId = event.id
|
||||
this.formData.userId = event.userId
|
||||
this.formNameChange();
|
||||
this.$forceUpdate();
|
||||
},
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {}
|
||||
this.getPersonInfo()
|
||||
if(this.name){
|
||||
this.formData.personName = this.name
|
||||
this.formData.userId = this.needid
|
||||
}
|
||||
this.edit = true
|
||||
|
||||
},
|
||||
getDetail(id) {
|
||||
getPersonDemand(id).then(res => {
|
||||
this.formData = res.data;
|
||||
this.edit = false
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl)
|
||||
})
|
||||
},
|
||||
confirmDate(type, e) {
|
||||
this.show[type] = false;
|
||||
let date = new Date(e.value)
|
||||
this.formData[type] =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1)>9?(date.getMonth()+1):('0'+(date.getMonth()+1))}-${date.getDate()>9?date.getDate():('0'+date.getDate())}`
|
||||
this.$forceUpdate();
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.show[type] = false
|
||||
this.$forceUpdate();
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].dictValue
|
||||
this.$forceUpdate();
|
||||
},
|
||||
showPicker(type) {
|
||||
if (this.edit) {
|
||||
this.show[type] = true
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
getPersonInfo() {
|
||||
this.loading = true;
|
||||
this.$store.dispatch("GetInfo").then((res) => {
|
||||
if (res.data.roles.indexOf('qunzhong') == -1) {
|
||||
this.canChoosePerson = true;
|
||||
} else {
|
||||
this.canChoosePerson = false;
|
||||
getPersonBase(res.data.user.userId).then(resp => {
|
||||
this.formData.personId = resp.data.id
|
||||
this.formData.userId = resp.data.userId
|
||||
this.formData.personName = resp.data.name
|
||||
this.formNameChange();
|
||||
this.$forceUpdate();
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
formNameChange() {
|
||||
let date = new Date()
|
||||
let day =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1) + 1 > 9 ? (date.getMonth()+1) + 1: '0'+((date.getMonth()+1) + 1)}-${date.getDate() > 9 ? date.getDate(): '0'+date.getDate()}`
|
||||
const dayNew = dayjs(date).format("YYYY-MM-DD");
|
||||
this.formData.demandTitle = `${this.formData.personName}_于${dayNew}_提出其他需求`
|
||||
},
|
||||
async saveInfo() {
|
||||
uni.showLoading();
|
||||
try {
|
||||
// 验证表单
|
||||
const isValid = await this.$refs.uForm.validate();
|
||||
if (!isValid) {
|
||||
throw new Error('请检查必填项填写');
|
||||
}
|
||||
// 显示全局加载
|
||||
|
||||
// 根据 formData 是否有 id 来决定是更新还是新增
|
||||
let response;
|
||||
let successMessage;
|
||||
this.formData.demandType = 9;
|
||||
// this.formData.userId = this.formData.personId
|
||||
if (this.formData.id) {
|
||||
response = await updatePersonDemand(this.formData);
|
||||
successMessage = '修改成功';
|
||||
} else {
|
||||
response = await addPersonDemand(this.formData);
|
||||
successMessage = '保存成功';
|
||||
}
|
||||
// 检查响应码是否为200
|
||||
if (response.code === 200) {
|
||||
this.$u.toast(successMessage);
|
||||
// 如果是编辑模式,关闭编辑状态;否则返回上一页
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
} else {
|
||||
await this.$delay(1000); // 延迟1秒后返回上一页
|
||||
uni.navigateBack();
|
||||
}
|
||||
} else {
|
||||
throw new Error('服务器响应错误');
|
||||
}
|
||||
} catch (error) {
|
||||
if(error.length){
|
||||
this.$u.toast('请填写完整信息!');
|
||||
}else{
|
||||
this.$u.toast('系统错误,请联系管理员!');
|
||||
}
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
uni.hideLoading();
|
||||
}
|
||||
}
|
||||
|
||||
// saveInfo() {
|
||||
// this.$refs.uForm.validate().then(res => {
|
||||
// if (this.formData.id) {
|
||||
// updatePersonDemand(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '修改成功'
|
||||
// })
|
||||
// this.edit = false;
|
||||
// }
|
||||
// })
|
||||
// } else {
|
||||
// addPersonDemand(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '保存成功'
|
||||
// })
|
||||
// uni.navigateBack();
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// }).catch(() => {
|
||||
// uni.showToast({
|
||||
// title: '请检查必填项填写',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
</style>
|
||||
590
packageRc/pages/needs/components/trainService.vue
Normal file
590
packageRc/pages/needs/components/trainService.vue
Normal file
@@ -0,0 +1,590 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 14:29:43
|
||||
-->
|
||||
<template>
|
||||
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 200rpx)':'calc(100vh - 194rpx)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-content: space-between;">培训需求信息
|
||||
<view v-if="!edit&&formData.id&&formData.currentStatus!=3" class="btn"
|
||||
style="font-weight: normal;display: flex;" @click="edit=true">编辑<u-icon name="edit-pen"
|
||||
color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<uni-forms labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="120">
|
||||
<uni-forms-item label="姓名" prop="personName" required
|
||||
v-if="$store.getters.roles.includes('shequn'|| $store.getters.roles.includes('gly'))">
|
||||
<view style="width: 100%;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit||!canChoosePerson, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
<uni-forms-item label="培训意愿工种" prop="qwpxgz" required>
|
||||
<picker
|
||||
mode="multiSelector"
|
||||
:range="workTypeColumns"
|
||||
range-key="workTypeName"
|
||||
:value="workTypeIndexes"
|
||||
@change="onWorkTypePickerChange"
|
||||
@columnchange="onWorkTypeColumnChange"
|
||||
v-if="workTypeColumns[0] && workTypeColumns[0].length"
|
||||
>
|
||||
<view class="picker-view">
|
||||
<text>{{ formData.qwpxgzName || '请选择工种' }}</text>
|
||||
<u-icon name="arrow-down" color="#999999"></u-icon>
|
||||
</view>
|
||||
</picker>
|
||||
<view v-else class="picker-view">
|
||||
<text>工种数据加载中...</text>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="期望培训时间" prop="qwpxsj" required>
|
||||
<view class="bordered" style="width: 100%" @click="showTime = true"
|
||||
:class="{ noValue: !formData.qwpxsj }">
|
||||
{{ formData.qwpxsj || "请选择" }}</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<uni-forms labelPosition="left" class="self-form" labelWidth="110">
|
||||
<uni-forms-item label="需求说明" prop="jobDescription">
|
||||
<u-textarea :disabled="!edit" v-model="formData.jobDescription" placeholder="请输入"></u-textarea>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="inner">
|
||||
<view class="part-title" style="margin-top: 32rpx;">附件信息</view>
|
||||
<view class="inner-part">
|
||||
<uni-forms labelPosition="left" class="self-form" labelWidth="110">
|
||||
<uni-forms-item label="附件" prop="fileUrl">
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- 办理完成后 需求说明 -->
|
||||
<req-comp :form="{
|
||||
actualSolveDate: formData.actualSolveDate,
|
||||
actualSolvePeople: formData.actualSolvePeople,
|
||||
solveDesc: formData.solveDesc,
|
||||
fileUrl: formData.fileUrl
|
||||
}" />
|
||||
|
||||
</scroll-view>
|
||||
<u-datetime-picker :show="show.qwpxsj" v-model="dates.qwpxsj" mode="date"
|
||||
@confirm="confirmDate('qwpxsj', $event)" @cancel="cancelPicker('qwpxsj')"></u-datetime-picker>
|
||||
<u-picker :show="show.qwpxgz" :columns="[jobTypeList]" keyName="workTypeName"
|
||||
@confirm="jobTypeConfirm('qwpxgz', $event)" @cancel="cancelPicker('qwpxgz')"></u-picker>
|
||||
<choose-person ref="personChooser" @confirm="personNameConfirm" />
|
||||
<u-datetime-picker style="position: relative; z-index: 100" :show="showTime" v-model="hopeSolveDate"
|
||||
mode="datetime" closeOnClickOverlay @confirm="confirmDate" @cancel="showTime = false"
|
||||
@close="showTime = false"></u-datetime-picker>
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<view class="btn reset" @click="getDetail(formData.id)">重置</view>
|
||||
<view class="btn save" @click="saveInfo">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getPersonBase
|
||||
} from "@/apiRc/person";
|
||||
import {
|
||||
addPersonDemand,
|
||||
updatePersonDemand,
|
||||
getPersonDemand
|
||||
} from "@/apiRc/needs/personDemand";
|
||||
import {
|
||||
listJobType
|
||||
} from "@/apiRc/jobType/index";
|
||||
import ImageUpload from '/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from '/packageRc/pages/needs/components/choosePerson';
|
||||
import dayjs from "dayjs";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
ImageUpload
|
||||
},
|
||||
props: {
|
||||
needId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
edit: true,
|
||||
showTime: false,
|
||||
personBase: {},
|
||||
hopeSolveDate: Number(new Date()),
|
||||
dates: {},
|
||||
formData: {
|
||||
demandType: "3",
|
||||
personName: '',
|
||||
personId: "",
|
||||
userId: "",
|
||||
demandTitle: '',
|
||||
isAcceptAssistance: '',
|
||||
isAcceptApprovalResult: '',
|
||||
personName: '',
|
||||
qwpxsj: '',
|
||||
qwpxgz: '',
|
||||
qwpxgzName: ''
|
||||
},
|
||||
rules: {
|
||||
personName: [{
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
qwpxgz: [{
|
||||
required: true,
|
||||
message: '请选择培训意愿工种',
|
||||
trigger: ['blur', 'change'],
|
||||
validator: (rule, value) => {
|
||||
// 允许数组且有值,或字符串有值
|
||||
return (Array.isArray(value) && value.length > 0) || (!!value);
|
||||
}
|
||||
}, ],
|
||||
qwpxsj: [{
|
||||
required: true,
|
||||
message: '请选择期望培训时间',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
|
||||
|
||||
},
|
||||
dict: {},
|
||||
show: {},
|
||||
currentCityArr: [],
|
||||
originalDept: [],
|
||||
currentCity: '请选择',
|
||||
bysj: '',
|
||||
loading: false,
|
||||
jobTypeList: [],
|
||||
route: {},
|
||||
canChoosePerson: false,
|
||||
workTypeTreeList: [],
|
||||
searchKeyword: '',
|
||||
workTypeList: [],
|
||||
workTypeColumns: [[], [], []],
|
||||
workTypeIndexes: [0, 0, 0],
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules)
|
||||
},
|
||||
created() {
|
||||
this.loading = true;
|
||||
this.workTypeRemoteMethod('');
|
||||
},
|
||||
methods: {
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
openPersonChooser() {
|
||||
if (this.edit && this.canChoosePerson) {
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.personName = event.name
|
||||
this.formData.personId = event.id
|
||||
this.formData.userId = event.userId
|
||||
this.formNameChange();
|
||||
this.$forceUpdate();
|
||||
},
|
||||
confirmDate(e) {
|
||||
this.showTime = false;
|
||||
// 获取选中的日期
|
||||
const date = e.value;
|
||||
// 使用 uView 的 uTime 方法格式化日期,包含时分秒
|
||||
const formattedDateTime = uni.$u.timeFormat(date, "yyyy-mm-dd");
|
||||
// 设置表单数据
|
||||
this.formData.qwpxsj = formattedDateTime;
|
||||
},
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {}
|
||||
this.getPersonInfo()
|
||||
if(this.name){
|
||||
this.formData.personName = this.name
|
||||
this.formData.userId = this.needid
|
||||
}
|
||||
this.edit = true
|
||||
},
|
||||
workTypeRemoteMethod(key) {
|
||||
listJobType({
|
||||
workTypeName: key,
|
||||
pageNum: 1,
|
||||
pageSize: 50
|
||||
}).then(
|
||||
(res) => {
|
||||
console.log('工种数据加载成功:', res.rows);
|
||||
this.jobTypeList = res.rows;
|
||||
// 处理树形数据为级联选择器格式
|
||||
this.processWorkTypeTree(res.rows);
|
||||
}
|
||||
).catch(error => {
|
||||
console.error('获取工种列表失败:', error);
|
||||
this.workTypeList = [];
|
||||
this.workTypeColumns = [[], [], []];
|
||||
});
|
||||
},
|
||||
jobTypeConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].id
|
||||
this.formData.qwpxgzName = event.value[0].workTypeName
|
||||
this.$forceUpdate();
|
||||
},
|
||||
getDetail(id) {
|
||||
getPersonDemand(id).then(res => {
|
||||
this.formData = res.data;
|
||||
// 设置工种索引(需要等工种数据加载完成后)
|
||||
if (this.formData.qwpxgz && this.workTypeColumns[0].length) {
|
||||
this.setWorkTypeIndexes(this.formData.qwpxgz);
|
||||
}
|
||||
this.edit = false;
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl)
|
||||
}).catch(error => {
|
||||
console.error('Error fetching training detail:', error);
|
||||
});
|
||||
},
|
||||
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.$set(this.show, type, false)
|
||||
this.$forceUpdate()
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].dictValue
|
||||
this.$forceUpdate();
|
||||
},
|
||||
showPicker(type) {
|
||||
if (this.edit) {
|
||||
this.show[type] = true
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
getPersonInfo() {
|
||||
this.loading = true;
|
||||
this.$store.dispatch("GetInfo").then((res) => {
|
||||
if (res.data.roles.indexOf('qunzhong') == -1) {
|
||||
this.canChoosePerson = true;
|
||||
} else {
|
||||
this.canChoosePerson = false;
|
||||
getPersonBase(res.data.user.userId).then(resp => {
|
||||
this.formData.personId = resp.data.id
|
||||
this.formData.userId = resp.data.userId
|
||||
this.formData.personName = resp.data.name
|
||||
this.formNameChange();
|
||||
this.$forceUpdate();
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
formNameChange() {
|
||||
let date = new Date()
|
||||
const dayNew = dayjs(date).format("YYYY-MM-DD");
|
||||
this.formData.demandTitle = `${this.formData.personName}_于${dayNew}_提出培训需求`
|
||||
},
|
||||
async saveInfo() {
|
||||
uni.showLoading();
|
||||
try {
|
||||
// 手动检查培训意愿工种是否已选择
|
||||
if (!this.formData.qwpxgz || this.formData.qwpxgz.trim() === '') {
|
||||
this.$u.toast('请选择培训意愿工种!');
|
||||
return;
|
||||
}
|
||||
|
||||
// 手动检查期望培训时间是否已选择
|
||||
if (!this.formData.qwpxsj || this.formData.qwpxsj.trim() === '') {
|
||||
this.$u.toast('请选择期望培训时间!');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 验证表单
|
||||
const isValid = await this.$refs.uForm.validate();
|
||||
if (!isValid) {
|
||||
throw new Error('请检查必填项填写');
|
||||
return
|
||||
}
|
||||
let response;
|
||||
let successMessage;
|
||||
this.formData.demandType = 3;
|
||||
if (this.formData.id) {
|
||||
response = await updatePersonDemand(this.formData);
|
||||
successMessage = '修改成功';
|
||||
} else {
|
||||
response = await addPersonDemand(this.formData);
|
||||
successMessage = '保存成功';
|
||||
}
|
||||
// 检查响应码是否为200
|
||||
if (response.code === 200) {
|
||||
this.$u.toast(successMessage);
|
||||
// 如果是编辑模式,关闭编辑状态;否则返回上一页
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
} else {
|
||||
await this.$delay(1000); // 延迟1秒后返回上一页
|
||||
uni.navigateBack();
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
if(error.length){
|
||||
this.$u.toast('请填写完整信息!');
|
||||
}else{
|
||||
this.$u.toast('系统错误,请联系管理员!');
|
||||
}
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
uni.hideLoading();
|
||||
}
|
||||
},
|
||||
// getWorkTypeTree() {
|
||||
// listJobType({
|
||||
// workTypeName: '',
|
||||
// pageNum: 1,
|
||||
// pageSize: 9999
|
||||
// }).then(res => {
|
||||
// console.log("11111",this.workTypeTreeList)
|
||||
// this.workTypeTreeList = Array.isArray(res.rows) ? res.rows : [];
|
||||
// });
|
||||
// },
|
||||
|
||||
|
||||
// 处理树形数据为级联选择器格式
|
||||
processWorkTypeTree(treeData) {
|
||||
if (!treeData || !Array.isArray(treeData)) {
|
||||
this.workTypeColumns = [[], [], []];
|
||||
return;
|
||||
}
|
||||
|
||||
// 第一级
|
||||
const level1 = treeData.filter(item => item.level === "1");
|
||||
// 第二级
|
||||
const level2 = treeData.filter(item => item.level === "2");
|
||||
// 第三级
|
||||
const level3 = treeData.filter(item => item.level === "3");
|
||||
|
||||
// 构建级联数据
|
||||
const columns = [];
|
||||
columns[0] = level1;
|
||||
|
||||
// 根据第一级选择,过滤第二级
|
||||
if (level1.length > 0) {
|
||||
const firstLevelId = level1[0].id;
|
||||
columns[1] = level2.filter(item => item.parentId === firstLevelId);
|
||||
} else {
|
||||
columns[1] = [];
|
||||
}
|
||||
|
||||
// 根据第二级选择,过滤第三级
|
||||
if (columns[1].length > 0) {
|
||||
const secondLevelId = columns[1][0].id;
|
||||
columns[2] = level3.filter(item => item.parentId === secondLevelId);
|
||||
} else {
|
||||
columns[2] = [];
|
||||
}
|
||||
|
||||
this.workTypeColumns = columns;
|
||||
console.log('级联数据构建完成:', this.workTypeColumns);
|
||||
},
|
||||
// 级联选择器列变化事件
|
||||
onWorkTypeColumnChange(e) {
|
||||
const { column, value } = e.detail;
|
||||
const newIndexes = [...this.workTypeIndexes];
|
||||
newIndexes[column] = value;
|
||||
|
||||
// 重置后续列的数据
|
||||
if (column === 0) {
|
||||
// 第一列变化,重置第二、三列
|
||||
const selectedLevel1 = this.workTypeColumns[0][value];
|
||||
if (selectedLevel1) {
|
||||
const level2 = this.jobTypeList.filter(item =>
|
||||
item.level === "2" && item.parentId === selectedLevel1.id
|
||||
);
|
||||
this.workTypeColumns[1] = level2;
|
||||
this.workTypeColumns[2] = [];
|
||||
newIndexes[1] = 0;
|
||||
newIndexes[2] = 0;
|
||||
}
|
||||
} else if (column === 1) {
|
||||
// 第二列变化,重置第三列
|
||||
const selectedLevel2 = this.workTypeColumns[1][value];
|
||||
if (selectedLevel2) {
|
||||
const level3 = this.jobTypeList.filter(item =>
|
||||
item.level === "3" && item.parentId === selectedLevel2.id
|
||||
);
|
||||
this.workTypeColumns[2] = level3;
|
||||
newIndexes[2] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
this.workTypeIndexes = newIndexes;
|
||||
},
|
||||
|
||||
// 级联选择器确认事件
|
||||
onWorkTypePickerChange(e) {
|
||||
const indexes = e.detail.value;
|
||||
const selectedLevel1 = this.workTypeColumns[0][indexes[0]];
|
||||
const selectedLevel2 = this.workTypeColumns[1][indexes[1]];
|
||||
const selectedLevel3 = this.workTypeColumns[2][indexes[2]];
|
||||
|
||||
// 使用$set确保响应式更新
|
||||
if (selectedLevel3) {
|
||||
// 选择第三级
|
||||
this.$set(this.formData, 'qwpxgz', selectedLevel3.id);
|
||||
this.$set(this.formData, 'qwpxgzName', `${selectedLevel1.workTypeName}/${selectedLevel2.workTypeName}/${selectedLevel3.workTypeName}`);
|
||||
} else if (selectedLevel2) {
|
||||
// 选择第二级
|
||||
this.$set(this.formData, 'qwpxgz', selectedLevel2.id);
|
||||
this.$set(this.formData, 'qwpxgzName', `${selectedLevel1.workTypeName}/${selectedLevel2.workTypeName}`);
|
||||
} else if (selectedLevel1) {
|
||||
// 选择第一级
|
||||
this.$set(this.formData, 'qwpxgz', selectedLevel1.id);
|
||||
this.$set(this.formData, 'qwpxgzName', selectedLevel1.workTypeName);
|
||||
}
|
||||
|
||||
this.workTypeIndexes = indexes;
|
||||
|
||||
// 强制重新渲染组件
|
||||
this.$forceUpdate();
|
||||
},
|
||||
|
||||
// 根据工种ID设置索引
|
||||
setWorkTypeIndexes(workTypeId) {
|
||||
// 在工种列表中查找对应的工种
|
||||
const targetWorkType = this.jobTypeList.find(item => item.id == workTypeId);
|
||||
if (!targetWorkType) return;
|
||||
|
||||
// 根据level确定是哪一级
|
||||
if (targetWorkType.level === "1") {
|
||||
const index = this.workTypeColumns[0].findIndex(item => item.id == workTypeId);
|
||||
if (index !== -1) {
|
||||
this.workTypeIndexes = [index, 0, 0];
|
||||
}
|
||||
} else if (targetWorkType.level === "2") {
|
||||
// 需要先找到父级
|
||||
const parent = this.jobTypeList.find(item => item.id == targetWorkType.parentId);
|
||||
if (parent) {
|
||||
const parentIndex = this.workTypeColumns[0].findIndex(item => item.id == parent.id);
|
||||
const childIndex = this.workTypeColumns[1].findIndex(item => item.id == workTypeId);
|
||||
if (parentIndex !== -1 && childIndex !== -1) {
|
||||
this.workTypeIndexes = [parentIndex, childIndex, 0];
|
||||
}
|
||||
}
|
||||
} else if (targetWorkType.level === "3") {
|
||||
// 需要找到祖父级和父级
|
||||
const parent = this.jobTypeList.find(item => item.id == targetWorkType.parentId);
|
||||
const grandparent = this.jobTypeList.find(item => item.id == parent.parentId);
|
||||
if (parent && grandparent) {
|
||||
const grandparentIndex = this.workTypeColumns[0].findIndex(item => item.id == grandparent.id);
|
||||
const parentIndex = this.workTypeColumns[1].findIndex(item => item.id == parent.id);
|
||||
const childIndex = this.workTypeColumns[2].findIndex(item => item.id == workTypeId);
|
||||
if (grandparentIndex !== -1 && parentIndex !== -1 && childIndex !== -1) {
|
||||
this.workTypeIndexes = [grandparentIndex, parentIndex, childIndex];
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.bordered {
|
||||
border: 1rpx solid #dadbde;
|
||||
padding: 9px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.picker-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 28rpx 36rpx;
|
||||
background: #ffffff;
|
||||
border: 2rpx solid #e5e5e5;
|
||||
border-radius: 12rpx;
|
||||
min-height: 88rpx;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.picker-view:active {
|
||||
background: #f8f9fa;
|
||||
border-color: #007aff;
|
||||
}
|
||||
|
||||
.picker-view text {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.picker-view .u-icon {
|
||||
margin-left: 16rpx;
|
||||
color: #999999;
|
||||
}
|
||||
</style>
|
||||
59
packageRc/pages/needs/components/u-empty/props.js
Normal file
59
packageRc/pages/needs/components/u-empty/props.js
Normal file
@@ -0,0 +1,59 @@
|
||||
export default {
|
||||
props: {
|
||||
// 内置图标名称,或图片路径,建议绝对路径
|
||||
icon: {
|
||||
type: String,
|
||||
default: uni.$u.props.empty.icon
|
||||
},
|
||||
// 提示文字
|
||||
text: {
|
||||
type: String,
|
||||
default: uni.$u.props.empty.text
|
||||
},
|
||||
// 文字颜色
|
||||
textColor: {
|
||||
type: String,
|
||||
default: uni.$u.props.empty.textColor
|
||||
},
|
||||
// 文字大小
|
||||
textSize: {
|
||||
type: [String, Number],
|
||||
default: uni.$u.props.empty.textSize
|
||||
},
|
||||
// 图标的颜色
|
||||
iconColor: {
|
||||
type: String,
|
||||
default: uni.$u.props.empty.iconColor
|
||||
},
|
||||
// 图标的大小
|
||||
iconSize: {
|
||||
type: [String, Number],
|
||||
default: uni.$u.props.empty.iconSize
|
||||
},
|
||||
// 选择预置的图标类型
|
||||
mode: {
|
||||
type: String,
|
||||
default: uni.$u.props.empty.mode
|
||||
},
|
||||
// 图标宽度,单位px
|
||||
width: {
|
||||
type: [String, Number],
|
||||
default: uni.$u.props.empty.width
|
||||
},
|
||||
// 图标高度,单位px
|
||||
height: {
|
||||
type: [String, Number],
|
||||
default: uni.$u.props.empty.height
|
||||
},
|
||||
// 是否显示组件
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: uni.$u.props.empty.show
|
||||
},
|
||||
// 组件距离上一个元素之间的距离,默认px单位
|
||||
marginTop: {
|
||||
type: [String, Number],
|
||||
default: uni.$u.props.empty.marginTop
|
||||
}
|
||||
}
|
||||
}
|
||||
128
packageRc/pages/needs/components/u-empty/u-empty.vue
Normal file
128
packageRc/pages/needs/components/u-empty/u-empty.vue
Normal file
@@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<view
|
||||
class="u-empty"
|
||||
:style="[emptyStyle]"
|
||||
v-if="show"
|
||||
>
|
||||
<u-icon
|
||||
v-if="!isSrc"
|
||||
:name="mode === 'message' ? 'chat' : `empty-${mode}`"
|
||||
:size="iconSize"
|
||||
:color="iconColor"
|
||||
margin-top="14"
|
||||
></u-icon>
|
||||
<image
|
||||
v-else
|
||||
:style="{
|
||||
width: $u.addUnit(width),
|
||||
height: $u.addUnit(height),
|
||||
}"
|
||||
:src="icon"
|
||||
mode="widthFix"
|
||||
></image>
|
||||
<text
|
||||
class="u-empty__text"
|
||||
:style="[textStyle]"
|
||||
>{{text ? text : icons[mode]}}</text>
|
||||
<view class="u-empty__wrap" v-if="$slots.default || $slots.$default">
|
||||
<slot />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import props from './props.js';
|
||||
|
||||
/**
|
||||
* empty 内容为空
|
||||
* @description 该组件用于需要加载内容,但是加载的第一页数据就为空,提示一个"没有内容"的场景, 我们精心挑选了十几个场景的图标,方便您使用。
|
||||
* @tutorial https://www.uviewui.com/components/empty.html
|
||||
* @property {String} icon 内置图标名称,或图片路径,建议绝对路径
|
||||
* @property {String} text 提示文字
|
||||
* @property {String} textColor 文字颜色 (默认 '#c0c4cc' )
|
||||
* @property {String | Number} textSize 文字大小 (默认 14 )
|
||||
* @property {String} iconColor 图标的颜色 (默认 '#c0c4cc' )
|
||||
* @property {String | Number} iconSize 图标的大小 (默认 90 )
|
||||
* @property {String} mode 选择预置的图标类型 (默认 'data' )
|
||||
* @property {String | Number} width 图标宽度,单位px (默认 160 )
|
||||
* @property {String | Number} height 图标高度,单位px (默认 160 )
|
||||
* @property {Boolean} show 是否显示组件 (默认 true )
|
||||
* @property {String | Number} marginTop 组件距离上一个元素之间的距离,默认px单位 (默认 0 )
|
||||
* @property {Object} customStyle 定义需要用到的外部样式
|
||||
*
|
||||
* @event {Function} click 点击组件时触发
|
||||
* @event {Function} close 点击关闭按钮时触发
|
||||
* @example <u-empty text="所谓伊人,在水一方" mode="list"></u-empty>
|
||||
*/
|
||||
export default {
|
||||
name: "u-empty",
|
||||
mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
|
||||
data() {
|
||||
return {
|
||||
icons: {
|
||||
car: '购物车为空',
|
||||
page: '页面不存在',
|
||||
search: '没有搜索结果',
|
||||
address: '没有收货地址',
|
||||
wifi: '没有WiFi',
|
||||
order: '订单为空',
|
||||
coupon: '没有优惠券',
|
||||
favor: '暂无收藏',
|
||||
permission: '无权限',
|
||||
history: '无历史记录',
|
||||
news: '无新闻列表',
|
||||
message: '消息列表为空',
|
||||
list: '列表为空',
|
||||
data: '数据为空',
|
||||
comment: '暂无评论',
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 组件样式
|
||||
emptyStyle() {
|
||||
const style = {}
|
||||
style.marginTop = uni.$u.addUnit(this.marginTop)
|
||||
// 合并customStyle样式,此参数通过mixin中的props传递
|
||||
return uni.$u.deepMerge(uni.$u.addStyle(this.customStyle), style)
|
||||
},
|
||||
// 文本样式
|
||||
textStyle() {
|
||||
const style = {}
|
||||
style.color = this.textColor
|
||||
style.fontSize = uni.$u.addUnit(this.textSize)
|
||||
return style
|
||||
},
|
||||
// 判断icon是否图片路径
|
||||
isSrc() {
|
||||
return this.icon.indexOf('/') >= 0
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/uni_modules/uview-ui/libs/css/components.scss';
|
||||
$u-empty-text-margin-top:20rpx !default;
|
||||
$u-empty-slot-margin-top:20rpx !default;
|
||||
|
||||
.u-empty {
|
||||
@include flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&__text {
|
||||
@include flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: $u-empty-text-margin-top;
|
||||
}
|
||||
}
|
||||
.u-slot-wrap {
|
||||
@include flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top:$u-empty-slot-margin-top;
|
||||
}
|
||||
</style>
|
||||
182
packageRc/pages/needs/needDetail.vue
Normal file
182
packageRc/pages/needs/needDetail.vue
Normal file
@@ -0,0 +1,182 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 14:04:39
|
||||
-->
|
||||
<template>
|
||||
<view class="page" style="background-image: url('../../../packageRc/static/pageBg.png');">
|
||||
<!-- 需求新增 -->
|
||||
<view class="tab-list" v-if="showTab != 1">
|
||||
<view class="tab" :class="{active: activeType == 1}" @click="canChangeType ? changeType(1) : ''">求职<br>需求
|
||||
</view>
|
||||
<view class="tab" :class="{active: activeType == 3}" @click="canChangeType ? changeType(3) : ''">创业<br>需求
|
||||
</view>
|
||||
<view class="tab" :class="{active: activeType == 4}" @click="canChangeType ? changeType(4) : ''">培训<br>需求
|
||||
</view>
|
||||
<view class="tab" :class="{active: activeType == 5}" @click="canChangeType ? changeType(5) : ''">其他<br>需求
|
||||
</view>
|
||||
</view>
|
||||
<jobService v-if="activeType == 1" :needId="id" :name="name" ref="type1" />
|
||||
<entrepreneurshipService :needId="id" :name="name" v-if="activeType == 3" ref="type3" />
|
||||
<trainService v-if="activeType == 4" :needId="id" :name="name" ref="type4" />
|
||||
<otherService v-if="activeType == 5" :needId="id" :name="name" ref="type5" />
|
||||
<!-- 社区端 - 显示隐藏退出组件 -->
|
||||
<exitPopup />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import jobService from './components/jobService.vue';
|
||||
import entrepreneurshipService from './components/entrepreneurshipService.vue';
|
||||
import trainService from './components/trainService.vue';
|
||||
import otherService from './components/otherService.vue';
|
||||
export default {
|
||||
components: {
|
||||
jobService,
|
||||
entrepreneurshipService,
|
||||
trainService,
|
||||
otherService,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isAdd: true,
|
||||
activeType: 1,
|
||||
canChangeType: true,
|
||||
id: '',
|
||||
name:"",
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.showTab = options.showTab
|
||||
this.id = options.id
|
||||
this.name = options.name
|
||||
if (options.id && options.type) {
|
||||
this.isAdd = false
|
||||
this.activeType = options.type
|
||||
this.canChangeType = false;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['type' + options.type].getDetail(options.id)
|
||||
})
|
||||
} else {
|
||||
// 添加需求的时候根据传入的类型 判断对应的表单
|
||||
this.changeType(options.activeType || 1)
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
changeType(type) {
|
||||
this.activeType = type
|
||||
this.$nextTick(() => {
|
||||
this.$refs['type' + type].addOne()
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "/packageRc/static/scss/index.scss";
|
||||
.page {
|
||||
background-color: #f4f4f4 !important;
|
||||
height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
padding-top: 32rpx;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.button-area {
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
margin-top: 40rpx;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
||||
|
||||
.btn {
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.reset {
|
||||
background: #DCE2E9;
|
||||
}
|
||||
|
||||
.save {
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.tab-list {
|
||||
display: flex;
|
||||
width: calc(100% - 64rpx);
|
||||
margin: 16rpx auto 30rpx;
|
||||
text-align: center;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
;
|
||||
|
||||
.tab {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 4rpx solid #FFFFFF;
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
font-size: 28rpx;
|
||||
color: #878787;
|
||||
height: 106rpx;
|
||||
|
||||
&.active {
|
||||
background: #1A62CE;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -13rpx;
|
||||
border-top: 14rpx solid #1A62CE;
|
||||
border-left: 12rpx solid transparent;
|
||||
border-right: 12rpx solid transparent;
|
||||
left: calc(50% - 7rpx);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: -18rpx;
|
||||
border-top: 14rpx solid #fff;
|
||||
border-left: 12rpx solid transparent;
|
||||
border-right: 12rpx solid transparent;
|
||||
left: calc(50% - 7rpx);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
781
packageRc/pages/needs/needsList.vue
Normal file
781
packageRc/pages/needs/needsList.vue
Normal file
@@ -0,0 +1,781 @@
|
||||
<template>
|
||||
<view class="page">
|
||||
<view class="page-header">
|
||||
<view class="title df_flex" style="text-align: left;padding:50rpx 32rpx;">
|
||||
<u-icon name="arrow-left" color="#fff" size="38rpx" @tap="$tab.navigateBack()"></u-icon>
|
||||
<text style="margin-left: 30rpx;" class="df_flex_1">需求列表</text>
|
||||
<u-icon v-show="$store.getters.roles.includes('shequn')" @tap="$store.commit('SET_SHOWEXITPOPUP', true)" name="list" size="44rpx" color="#fff"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-outer-part"
|
||||
style="padding-top: 12rpx;margin-top: 16rpx;padding-bottom: 0;max-height: unset;">
|
||||
<view class="search-line">
|
||||
<u-input placeholder="请输入群众姓名进行搜索" v-model="queryParams.searchValue" border="none" />
|
||||
<img src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/search.png" class="search-icon" @click="search()" />
|
||||
</view>
|
||||
<view class="inner"
|
||||
style="width: calc(100% + 64rpx);margin-left: -32rpx;height: 122rpx;position: relative;z-index: 2;">
|
||||
<PopupList :checkData="checkData" @searchCheck="search" ref="PopupList" @popupSearch="popupSearch" />
|
||||
</view>
|
||||
<view v-if="total" style="position: relative;padding-bottom: 16px;color: #000;">
|
||||
<text>共 {{ total }} 条</text>
|
||||
</view>
|
||||
<scroll-view :scroll-y="true" style="height: calc(100vh - 422rpx);position: relative;z-index: 1;"
|
||||
@scrolltolower="getBottomList">
|
||||
<u-swipe-action>
|
||||
<u-swipe-action-item @click="clickDelete(item)" v-for="(item, index) in tableData" :key="index"
|
||||
style="margin-bottom: 24rpx;border-radius: 16rpx;" :options="options1">
|
||||
<view class="job-item">
|
||||
<view class="top-container" @click="goNeedsDetail(item)">
|
||||
<view class="title-line">
|
||||
<view class="title">{{ item.personName }}</view>
|
||||
</view>
|
||||
<!-- <view class="status-card" v-if="item.currentStatus == 3">已完成服务</view>
|
||||
<view class="status-card in" v-else-if="item.untreatedCount <= 7">7天以内</view>
|
||||
<view class="status-card out"
|
||||
v-else-if="item.untreatedCount > 7&&item.untreatedCount <= 14">大于7天</view>
|
||||
<view class="status-card far" v-else>已超期</view> -->
|
||||
<view class="info"><text>状态:</text><text
|
||||
:class="item.currentStatus == 1 ? 'not' : item.currentStatus == 2 ? 'ing' : item.currentStatus == 3 ? 'finish' : '' ">
|
||||
{{ getDictLabel(item.currentStatus, currentStatusList) }}
|
||||
</text></view>
|
||||
<view class="info" v-if="queryParams.needsType == 1">
|
||||
<text>需求工种:</text>{{ item.jobWorkTypeName }}
|
||||
</view>
|
||||
<view class="info" v-if="queryParams.needsType == 3">
|
||||
<text>需求名称:</text>{{ item.serviceRequirementTitle }}
|
||||
</view>
|
||||
<view class="info"
|
||||
v-if="queryParams.needsType == 2||queryParams.needsType == 4||queryParams.needsType == 5">
|
||||
<text>需求名称:</text>{{ item.demandTitle }}
|
||||
</view>
|
||||
</view>
|
||||
<!--
|
||||
item.currentStatus = 1 待处理、2 处理中、 3 已完成
|
||||
queryParams.needsType 1 求职需求 2 援助需求、 3 创业需求、 4 培训需求 5其他需求 展示办结按钮
|
||||
|
||||
item.currentStatus = 1待处理 、 item.currentStatus = 2 处理中
|
||||
求职需求列表(queryParams.needsType = 1) 展示 推荐、办理
|
||||
培训需求列表(queryParams.needsType = 4) 展示 培训、办理
|
||||
援助、创业、其他列表 展示办理
|
||||
item.currentStatus = 3 已完成
|
||||
统一展示 服务追溯
|
||||
-->
|
||||
|
||||
<view class="item_btn df_flex df_align_center df_justify_center">
|
||||
<!-- 需求已处理完成的 展示服务追溯 -->
|
||||
<view v-if="item.currentStatus == 3" class="df_flex_1">
|
||||
<u-button type="primary" :plain="true" color="#BF5818" text="服务追溯"
|
||||
@click="serviceTraceButton(item)" :customStyle="{border: 'none'}"></u-button>
|
||||
</view>
|
||||
<!-- 需求处于待处理、处理中 -->
|
||||
<view v-else class="df_flex_1">
|
||||
<!-- 求职需求 -->
|
||||
<view v-if="queryParams.needsType == 1" class="df_flex">
|
||||
<u-button type="primary" :plain="true" color="#BF5818" text="推荐"
|
||||
:customStyle="{border: 'none'}"
|
||||
@click="requirementTraining(item, 1)"></u-button>
|
||||
<view class="line"></view>
|
||||
<u-button type="primary" :plain="true" color="#BF5818" text="办理"
|
||||
:customStyle="{border: 'none'}" @click="requirementHandling(item)"></u-button>
|
||||
</view>
|
||||
<!-- 培训需求 -->
|
||||
<view v-else-if="queryParams.needsType == 4" class="df_flex">
|
||||
<u-button type="primary" :plain="true" color="#BF5818" text="培训"
|
||||
:customStyle="{border: 'none'}"
|
||||
@click="requirementTraining(item, 4)"></u-button>
|
||||
<view class="line"></view>
|
||||
<u-button type="primary" :plain="true" color="#BF5818" text="办理"
|
||||
:customStyle="{border: 'none'}" @click="requirementHandling(item)"></u-button>
|
||||
</view>
|
||||
<!-- 其他需求 -->
|
||||
<view v-else>
|
||||
<u-button type="primary" :plain="true" color="#BF5818" text="办理"
|
||||
:customStyle="{border: 'none'}" @click="requirementHandling(item)"></u-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-swipe-action-item>
|
||||
</u-swipe-action>
|
||||
<view style="padding-bottom: 24rpx;">
|
||||
<img v-if="!total&&!loading" src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/empty.png"
|
||||
style="width: 100%;display: block;margin: 0 auto;" />
|
||||
<view v-if="loading"><u-loading-icon></u-loading-icon>
|
||||
<view style="text-align: center;color: #8E8E8E;font-size: 24rpx;">加载中~</view>
|
||||
</view>
|
||||
<view v-else-if="showMorePage" style="text-align: center;color: #1A62CE;font-size: 24rpx;">加载更多
|
||||
</view>
|
||||
<view style="text-align: center;color: #8E8E8E;font-size: 24rpx;" v-else>没有更多数据了~</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<u-popup :show="openDeal" style="position: relative;z-index: 100;" closeOnClickOverlay @close="openDeal=false">
|
||||
<u--form class="self-form" labelPosition="top" :model="formData" :rules="rules" ref="uForm"
|
||||
labelWidth="300">
|
||||
<u-form-item label="实际解决时间" prop="actualSolveDate" required>
|
||||
<view class="bordered" style="width: 100%;" @click="showTime=true"
|
||||
:class="{noValue: !formData.actualSolveDate}">{{ formData.actualSolveDate||'请选择' }}</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="附件" prop="fileUrl" >
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="解决说明" prop="solveDesc" required>
|
||||
<u-textarea v-model="formData.solveDesc" placeholder="请输入"></u-textarea>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
<view class="button-area">
|
||||
<view class="btn" @click="openDeal = false">取消</view>
|
||||
<view class="btn reset" @click="formData.actualSolveDate = '';formData.solveDesc = ''">重置</view>
|
||||
<view class="btn save" @click="finishJobRecommend">办结</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<view class="addNeeds" @click="goAddNeeds()">
|
||||
<img src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/addNeeds.png" />
|
||||
</view>
|
||||
<!-- <u-datetime-picker style="position: relative;z-index: 100;" :show="showTime" v-model="hopeSolveDate"
|
||||
mode="datetime" @confirm="confirmDate" closeOnClickOverlay @close="showTime=false"
|
||||
@cancel="showTime=false"></u-datetime-picker> -->
|
||||
|
||||
|
||||
<u-datetime-picker
|
||||
style="position: relative;z-index: 100;"
|
||||
:show="showTime"
|
||||
v-model="hopeSolveDate"
|
||||
mode="datetime"
|
||||
closeOnClickOverlay
|
||||
@confirm="confirmDate"
|
||||
@cancel="showTime=false"
|
||||
@close="showTime=false"
|
||||
></u-datetime-picker>
|
||||
|
||||
|
||||
<!-- 社区端 - 显示隐藏退出组件 -->
|
||||
<exitPopup />
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import PopupList from "packageRc/components/PopupLists.vue";
|
||||
import ImageUpload from '/packageRc/components/ImageUpload'
|
||||
import {
|
||||
requirementCompletion
|
||||
} from '@/apiRc/company'
|
||||
import {
|
||||
listJobService,
|
||||
delJobService
|
||||
} from '@/apiRc/needs/jobService'
|
||||
import {
|
||||
listAssistService,
|
||||
delAssistService,
|
||||
finishAssistService
|
||||
} from '@/apiRc/needs/assistService'
|
||||
import {
|
||||
listEntrepreneurshipService,
|
||||
delEntrepreneurshipService,
|
||||
finishEntrepreneurshipService
|
||||
} from '@/apiRc/needs/entrepreneurshipService'
|
||||
import {
|
||||
listTrainService,
|
||||
delTrainService
|
||||
} from '@/apiRc/needs/trainService'
|
||||
import {
|
||||
listOtherService,
|
||||
delOtherService,
|
||||
finishOtherService
|
||||
} from '@/apiRc/needs/otherService'
|
||||
export default {
|
||||
components: {
|
||||
PopupList,
|
||||
ImageUpload
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
checkData: [],
|
||||
options1: [{
|
||||
text: '删除'
|
||||
}],
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
needsType: 1
|
||||
},
|
||||
total: 0,
|
||||
showMorePage: true,
|
||||
tableData: [],
|
||||
person: {},
|
||||
loading: false,
|
||||
openDeal: false,
|
||||
showTime: false,
|
||||
formData: {
|
||||
actualSolveDate: '',
|
||||
solveDesc: ''
|
||||
},
|
||||
rules: {
|
||||
actualSolveDate: [{
|
||||
required: true,
|
||||
message: '请选择实际解决时间',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
solveDesc: [{
|
||||
required: true,
|
||||
message: '请填写解决说明',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
},
|
||||
hopeSolveDate: Number(new Date()),
|
||||
currentStatusList: [],
|
||||
fileList: [],
|
||||
}
|
||||
},
|
||||
onLoad({
|
||||
dictValue
|
||||
}) {
|
||||
this.queryParams.needsType = dictValue
|
||||
this.getCheckData()
|
||||
},
|
||||
onShow() {
|
||||
this.search();
|
||||
},
|
||||
methods: {
|
||||
// 新增需求
|
||||
goAddNeeds() {
|
||||
this.$tab.navigateTo(`/pages/needs/needDetail?activeType=${this.queryParams.needsType}&showTab=1`)
|
||||
},
|
||||
|
||||
confirmDate(e) {
|
||||
this.showTime = false;
|
||||
// 获取选中的日期
|
||||
const date = e.value;
|
||||
// 使用 uView 的 uTime 方法格式化日期,包含时分秒
|
||||
const formattedDateTime = uni.$u.timeFormat(date, 'yyyy-mm-dd hh:MM:ss');
|
||||
// 设置表单数据
|
||||
this.formData.actualSolveDate = formattedDateTime;
|
||||
},
|
||||
|
||||
// 需求推荐/培训
|
||||
requirementTraining(item, index) {
|
||||
if (index == 1) {
|
||||
this.$tab.navigateTo(
|
||||
`/pages/services/serviceDetail?personName=${item.personName}&personId=${item.personId}&jobDemandInfoId=${item.id}&jobWorkType=${item.jobWorkType}&type=3&showTab=1`
|
||||
)
|
||||
} else {
|
||||
this.$tab.navigateTo(
|
||||
`/pages/services/serviceDetail?personName=${item.personName}&personId=${item.personId}&skillTrainingId=${item.id}&personStatus=${item.personStatus}&type=4&showTab=1`
|
||||
)
|
||||
}
|
||||
},
|
||||
|
||||
clickDelete(item) {
|
||||
this.loading = true;
|
||||
|
||||
if (this.queryParams.needsType == 1) {
|
||||
delJobService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 2) {
|
||||
delAssistService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 3) {
|
||||
delEntrepreneurshipService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 4) {
|
||||
delTrainService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 5) {
|
||||
delOtherService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
}
|
||||
},
|
||||
deleteFinish() {
|
||||
uni.showToast({
|
||||
title: '删除成功'
|
||||
})
|
||||
this.search()
|
||||
},
|
||||
goNeedsDetail(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/needs/needDetail?id=${item.id}&type=${this.queryParams.needsType}&showTab=1`
|
||||
})
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '--'
|
||||
}
|
||||
}
|
||||
},
|
||||
async getCheckData() {
|
||||
let workExperienceYears
|
||||
await this.getDicts('qcjy_gznx').then(res => {
|
||||
workExperienceYears = res.data
|
||||
})
|
||||
await this.getDicts('qcjy_xqlc').then(res => {
|
||||
this.currentStatusList = res.data;
|
||||
console.log(res.data)
|
||||
})
|
||||
this.checkData = [
|
||||
// {
|
||||
// name: "需求类型",
|
||||
// type: "needsType",
|
||||
// data: [{dictLabel: '求职需求', dictValue: '1'},{dictLabel: '援助需求', dictValue: '2'},{dictLabel: '创业需求', dictValue: '3'},{dictLabel: '培训需求', dictValue: '4'},{dictLabel: '其他需求', dictValue: '5'}],
|
||||
// activeIndex: 0,
|
||||
// },
|
||||
{
|
||||
name: "需求状态",
|
||||
type: "currentStatus",
|
||||
data: [{
|
||||
dictLabel: '全部',
|
||||
dictValue: ''
|
||||
}].concat(this.currentStatusList),
|
||||
activeIndex: 0,
|
||||
},
|
||||
// {
|
||||
// name: "工作经验",
|
||||
// type: "workExperienceYears",
|
||||
// data: [{dictLabel: '全部', dictValue: ''}].concat(workExperienceYears),
|
||||
// activeIndex: 0,
|
||||
// },
|
||||
|
||||
];
|
||||
},
|
||||
popupSearch(queryParams) {
|
||||
queryParams.forEach((item, index) => {
|
||||
if (item.data[item.activeIndex].dictLabel == "全部") {
|
||||
this.queryParams[item.type] = "";
|
||||
} else {
|
||||
this.queryParams[item.type] = item.data[item.activeIndex].dictValue;
|
||||
}
|
||||
});
|
||||
this.search()
|
||||
},
|
||||
search() {
|
||||
this.showMorePage = true;
|
||||
this.queryParams.pageNum = 1;
|
||||
this.queryParams.pageSize = 10;
|
||||
this.tableData = [];
|
||||
this.total = 0;
|
||||
this.getList();
|
||||
},
|
||||
|
||||
// 服务追溯
|
||||
serviceTraceButton(item) {
|
||||
// 定义需求类型与对应的字符串映射
|
||||
const demandTypeMap = {
|
||||
1: 'job', // 求职需求
|
||||
2: 'assist', // 援助需求
|
||||
3: 'entrepreneurship', // 创业需求
|
||||
4: 'train', // 培训需求
|
||||
5: 'other' // 其他需求
|
||||
};
|
||||
// 获取当前的需求类型字符串
|
||||
const demandType = demandTypeMap[this.queryParams.needsType] || 'other';
|
||||
// 使用映射后的字符串构建URL并导航
|
||||
this.$tab.navigateTo(`/pages/services/serviceTraceability?id=${item.id}&demandType=${demandType}`);
|
||||
},
|
||||
// 触底加载
|
||||
getBottomList() {
|
||||
if (
|
||||
this.queryParams.pageNum * this.queryParams.pageSize >=
|
||||
this.total
|
||||
) {
|
||||
this.showMorePage = false;
|
||||
} else if (
|
||||
this.queryParams.pageNum * this.queryParams.pageSize <
|
||||
this.total
|
||||
) {
|
||||
this.queryParams.pageNum++;
|
||||
this.getList();
|
||||
if (
|
||||
this.queryParams.pageNum * this.queryParams.pageSize >=
|
||||
this.total
|
||||
) {
|
||||
this.showMorePage = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
// 获取列表
|
||||
async getList() {
|
||||
this.loading = true;
|
||||
if (this.queryParams.needsType == 1) {
|
||||
listJobService(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 2) {
|
||||
listAssistService(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 3) {
|
||||
listEntrepreneurshipService(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 4) {
|
||||
listTrainService(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 5) {
|
||||
listOtherService(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
}
|
||||
},
|
||||
gettedData(res) {
|
||||
if (res.code == 200) {
|
||||
if (res.rows.length < 10) {
|
||||
this.showMorePage = false;
|
||||
}
|
||||
this.loading = false;
|
||||
this.tableData = this.tableData.concat(res.rows);
|
||||
this.total = res.total;
|
||||
} else {
|
||||
this.loading = false;
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 需求办结
|
||||
requirementHandling(item) {
|
||||
this.openDeal = true;
|
||||
this.formData = {
|
||||
id: item.id,
|
||||
currentStatus: '3'
|
||||
}
|
||||
},
|
||||
|
||||
// 需求推荐
|
||||
requirementRecommendation(item) {
|
||||
this.$tab.navigateTo(
|
||||
`/pages/services/serviceDetail?personName=${item.personName}&personId=${item.personId}&jobDemandInfoId=${item.id}&jobWorkType=${item.jobWorkType}&type=3&showTab=1`
|
||||
)
|
||||
},
|
||||
|
||||
// 办结按钮
|
||||
async finishJobRecommend() {
|
||||
try {
|
||||
// 检查必填项
|
||||
if (!this.formData.actualSolveDate) {
|
||||
throw new Error('解决时间不能为空');
|
||||
}
|
||||
if (!this.formData.solveDesc) {
|
||||
throw new Error('解决说明不能为空');
|
||||
}
|
||||
// 显示全局加载
|
||||
this.$showLoading();
|
||||
// 根据 queryParams.needsType 获取对应的 URL
|
||||
const obj = {
|
||||
1: '/demand/personJobDemandInfo/JdJobDemandDone',
|
||||
2: '/demand/personAssistDemandInfo/assistDone',
|
||||
3: '/demand/personEntrepreneurshipDemandInfo/entrepreneurshipDone',
|
||||
4: '/demand/personTrainDemandInfo/JdTrainDemandDone',
|
||||
5: '/demand/personOtherDemandInfo/otherDemandDone',
|
||||
};
|
||||
|
||||
const url = obj[this.queryParams.needsType];
|
||||
if (!url) {
|
||||
throw new Error('无效的需求类型');
|
||||
}
|
||||
const {
|
||||
code,
|
||||
msg
|
||||
} = await requirementCompletion(url, this.formData);
|
||||
|
||||
// 检查响应码是否为200
|
||||
if (code === 200) {
|
||||
// 显示成功的提示信息
|
||||
this.$u.toast(msg);
|
||||
this.openDeal = false;
|
||||
this.search();
|
||||
}
|
||||
} catch (error) {
|
||||
// 处理错误并显示提示信息
|
||||
this.$u.toast('请检查必填项填写');
|
||||
console.error('完成需求时发生错误:', error);
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
this.$hideLoading();
|
||||
}
|
||||
},
|
||||
// async finishJobRecommend() {
|
||||
// this.openDeal = true;
|
||||
// const obj = {
|
||||
// 1: '/demand/personJobDemandInfo/JdJobDemandDone',
|
||||
// 2: '/demand/personAssistDemandInfo/assistDone',
|
||||
// 3: '/demand/personEntrepreneurshipDemandInfo/entrepreneurshipDone',
|
||||
// 4: '/demand/personTrainDemandInfo/JdTrainDemandDone',
|
||||
// 5: '/demand/personOtherDemandInfo/otherDemandDone',
|
||||
// }
|
||||
// if (!this.formData.actualSolveDate) return this.$u.toast('解决时间不能为空');
|
||||
// if (!this.formData.solveDesc) return this.$u.toast('解决说明不能为空');
|
||||
// const {
|
||||
// code,
|
||||
// data,
|
||||
// msg
|
||||
// } = await requirementCompletion(obj[this.queryParams.needsType], this.formData)
|
||||
// if (code == 200) {
|
||||
// this.$u.toast(msg)
|
||||
// this.openDeal = false
|
||||
// this.search()
|
||||
// }
|
||||
// },
|
||||
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
background-color: #EEF1F5 !important;
|
||||
height: 100vh;
|
||||
background-image: url('https://rc.jinan.gov.cn/qcwjyH5/static/images/top.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
border-radius: 32px;
|
||||
background: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #107AFD;
|
||||
height: 64rpx;
|
||||
border-radius: 32rpx;
|
||||
padding: 0 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: 24rpx;
|
||||
|
||||
.search-icon {
|
||||
width: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.job-item {
|
||||
position: relative;
|
||||
.item_btn{
|
||||
height: 100rpx;
|
||||
border-top: 1px solid #e3e8ee;
|
||||
}
|
||||
.line{
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
bottom: 20rpx;
|
||||
width: 1px;
|
||||
height: 60rpx;
|
||||
background-color: #e3e8ee;
|
||||
}
|
||||
.status-card {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border-radius: 0 16rpx 0 16rpx;
|
||||
width: 160rpx;
|
||||
line-height: 40rpx;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #B2C0D1;
|
||||
border: 1px solid #9BA9B9;
|
||||
font-size: 24rpx;
|
||||
|
||||
&.in {
|
||||
background: #29D297;
|
||||
border: 1px solid #1BBA83;
|
||||
}
|
||||
|
||||
&.out {
|
||||
background: #ECB83D;
|
||||
border: 1px solid #D7892B;
|
||||
}
|
||||
|
||||
&.far {
|
||||
background: #EC7737;
|
||||
border: 1px solid #C24F1A;
|
||||
}
|
||||
}
|
||||
|
||||
.top-container {
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
padding: 32rpx;
|
||||
|
||||
// margin-bottom: 24rpx;
|
||||
.title-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 16rpx;
|
||||
|
||||
.type-tag {
|
||||
line-height: 40rpx;
|
||||
width: 128rpx;
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
|
||||
&.qz {
|
||||
background: #28CB5E;
|
||||
}
|
||||
|
||||
&.yz {
|
||||
background: #DD6728;
|
||||
}
|
||||
|
||||
&.cy {
|
||||
background: #23B5C5;
|
||||
}
|
||||
|
||||
&.px {
|
||||
background: #DDA728;
|
||||
}
|
||||
|
||||
&.qt {
|
||||
background: #2870DD;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #3D3D3D;
|
||||
width: calc(100% - 137rpx);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.salary {
|
||||
width: 33%;
|
||||
color: #FA6553;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: right
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
color: #3D3D3D;
|
||||
margin-bottom: 7rpx;
|
||||
font-size: 28rpx;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
text {
|
||||
color: #8E8E8E;
|
||||
}
|
||||
|
||||
.not {
|
||||
color: #EC7737;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ing {
|
||||
color: #ECB83D;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.finish {
|
||||
color: #21C88D;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.function-btn {
|
||||
color: #BF5818;
|
||||
border-top: 1px solid #E2E8EF;
|
||||
padding-bottom: 6rpx;
|
||||
line-height: 90rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.self-form {
|
||||
padding: 32rpx;
|
||||
|
||||
.bordered {
|
||||
border: 1rpx solid #dadbde;
|
||||
padding: 9px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.button-area {
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
||||
|
||||
.btn {
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.reset {
|
||||
background: #DCE2E9;
|
||||
}
|
||||
|
||||
.save {
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.addNeeds {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 150rpx;
|
||||
width: 150rpx;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
border-radius: 44rpx;
|
||||
border-radius: 75rpx;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
517
packageRc/pages/needs/personNeeds.vue
Normal file
517
packageRc/pages/needs/personNeeds.vue
Normal file
@@ -0,0 +1,517 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="page">
|
||||
<view class="page-header">
|
||||
<u-icon class="back-icon" name="arrow-left" color="#fff" size="16" @click="goBack()"></u-icon>
|
||||
<view class="title">需求列表</view>
|
||||
<view style="width: 16rpx;"></view> <!-- 占位,保证左右对称 -->
|
||||
</view>
|
||||
<view class="input-outer-part"
|
||||
style="padding-top: 12rpx;margin-top: 16rpx;padding-bottom: 0;max-height: unset;">
|
||||
<!-- <view class="inner"
|
||||
style="width: calc(100% + 64rpx);margin-left: -32rpx;height: 122rpx;position: relative;z-index: 2;">
|
||||
<PopupList :checkData="checkData" @searchCheck="search" ref="PopupList"
|
||||
@popupSearch="popupSearch" />
|
||||
</view> -->
|
||||
<scroll-view :scroll-y="true" style="height: calc(100vh - 242rpx);position: relative;z-index: 1;"
|
||||
@scrolltolower="getBottomList">
|
||||
<u-swipe-action>
|
||||
<u-swipe-action-item @click="clickDelete(item)" v-for="(item, index) in tableData" :key="index"
|
||||
style="margin-bottom: 24rpx;border-radius: 16rpx;" :options="options1">
|
||||
<view @click="goNeedsDetail(item)" class="job-item">
|
||||
<view class="title-line" v-if="queryParams.needsType==1">
|
||||
<view class="type-tag qz">求职需求</view>
|
||||
<view class="title">{{getJobWorkTypeName(item.jobWorkType)}}</view>
|
||||
</view>
|
||||
<view class="title-line" v-if="queryParams.needsType==2">
|
||||
<view class="type-tag yz">援助需求</view>
|
||||
<view class="title">{{ item.demandTitle }}</view>
|
||||
</view>
|
||||
<view class="title-line" v-if="queryParams.needsType==3">
|
||||
<view class="type-tag cy">创业需求</view>
|
||||
<view class="title">{{ item.personName }}的创业需求</view>
|
||||
</view>
|
||||
<view class="title-line" v-if="queryParams.needsType==4">
|
||||
<view class="type-tag px">培训需求</view>
|
||||
<view class="title">{{ item.personName }}的培训需求</view>
|
||||
</view>
|
||||
<view class="title-line" v-if="queryParams.needsType==5">
|
||||
<view class="type-tag qt">其他需求</view>
|
||||
<view class="title">{{ item.personName }}的其他需求</view>
|
||||
</view>
|
||||
|
||||
<view class="info"><text>需求状态:</text><text
|
||||
:class="item.currentStatus == 1 ? 'not' : item.currentStatus == 2 ? 'ing' : item.currentStatus == 3 ? 'finish' : '' ">
|
||||
{{ getDictLabel(item.currentStatus, currentStatusList) }}
|
||||
</text></view>
|
||||
|
||||
<view class="bottom-line">
|
||||
<view class="info"><text>提交时间:</text>{{ item.createTime }}</view>
|
||||
<view style="font-size:12px;">左划删除需求</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-swipe-action-item>
|
||||
</u-swipe-action>
|
||||
<img v-if="!total&&!loading" src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/empty.png"
|
||||
style="width: 100%;display: block;margin: 0 auto;" />
|
||||
<view v-if="loading"><u-loading-icon></u-loading-icon>
|
||||
<view style="text-align: center;color: #8E8E8E;font-size: 24rpx;">加载中~</view>
|
||||
</view>
|
||||
<view v-else-if="showMorePage" style="text-align: center;color: #1A62CE;font-size: 24rpx;">加载更多
|
||||
</view>
|
||||
|
||||
<view class="addNeeds" @click="goAddNeeds()">
|
||||
<img src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/addNeeds.png" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
getPersonBase
|
||||
} from "@/apiRc/person";
|
||||
import PopupList from "../../components/PopupLists.vue";
|
||||
import {
|
||||
listJobService,
|
||||
delJobService
|
||||
} from '@/apiRc/needs/jobService'
|
||||
import { listPersonDemand, delPersonDemand } from "@/apiRc/needs/personDemand";
|
||||
import {
|
||||
listAssistService,
|
||||
delAssistService
|
||||
} from '@/api/apiRc/assistService'
|
||||
import {
|
||||
listEntrepreneurshipService,
|
||||
delEntrepreneurshipService
|
||||
} from '@/api/apiRc/entrepreneurshipService'
|
||||
import {
|
||||
listTrainService,
|
||||
delTrainService
|
||||
} from '@/api/apiRc/trainService'
|
||||
import { listJobType } from "@/apiRc/jobType/index";
|
||||
|
||||
|
||||
import {
|
||||
listOtherService,
|
||||
delOtherService
|
||||
} from '@/apiRc/needs/otherService'
|
||||
export default {
|
||||
components: {
|
||||
PopupList,
|
||||
},
|
||||
onShow() {
|
||||
this.search();
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
checkData: [],
|
||||
options1: [{
|
||||
text: '删除'
|
||||
}],
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
needsType: 1,
|
||||
userId: '',
|
||||
},
|
||||
jobTypeList:[],
|
||||
total: 0,
|
||||
showMorePage: true,
|
||||
tableData: [],
|
||||
person: {},
|
||||
loading: false,
|
||||
currentStatusList: [],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
onLoad({
|
||||
dictValue,userId
|
||||
}) {
|
||||
this.queryParams.needsType = dictValue
|
||||
this.queryParams.userId = userId
|
||||
this.getCheckData()
|
||||
this.getDicts('qcjy_xqlc').then(res => {
|
||||
this.currentStatusList = res.data;
|
||||
})
|
||||
this.workTypeRemoteMethod()
|
||||
this.getDicts('qcjy_zgzpgz').then(res => {
|
||||
this.salaryList = res.data;
|
||||
})
|
||||
getPersonBase(this.$store.state.user.userId).then(resp => {
|
||||
this.person = resp.data
|
||||
this.queryParams.personId = resp.data.id
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
getJobWorkTypeName(data){
|
||||
if (data) {
|
||||
let arr = this.jobTypeList.filter((ele) => ele.id == data);
|
||||
|
||||
return arr[0].workTypeName;
|
||||
}
|
||||
},
|
||||
workTypeRemoteMethod(key) {
|
||||
listJobType({
|
||||
workTypeName: key,
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
}).then((res) => {
|
||||
this.jobTypeList = res.rows;
|
||||
|
||||
});
|
||||
},
|
||||
goAddNeeds() {
|
||||
this.$tab.navigateTo(`/pages/needs/needDetail?activeType=${this.queryParams.needsType}&showTab=1`)
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
clickDelete(item) {
|
||||
this.loading = true;
|
||||
|
||||
if (this.queryParams.needsType == 1) {
|
||||
delJobService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 2) {
|
||||
delAssistService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 3) {
|
||||
delEntrepreneurshipService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 4) {
|
||||
delTrainService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 5) {
|
||||
delOtherService(item.id).then((res) => {
|
||||
this.deleteFinish(res)
|
||||
});
|
||||
}
|
||||
},
|
||||
deleteFinish() {
|
||||
uni.showToast({
|
||||
title: '删除成功'
|
||||
})
|
||||
this.search()
|
||||
},
|
||||
goNeedsDetail(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/needs/needDetail?id=${item.id}&type=${this.queryParams.needsType}&showTab=1`
|
||||
})
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
async getCheckData() {
|
||||
let workExperienceYears
|
||||
await this.getDicts('qcjy_gznx').then(res => {
|
||||
workExperienceYears = res.data
|
||||
})
|
||||
this.checkData = [
|
||||
// {
|
||||
// name: "需求类型",
|
||||
// type: "needsType",
|
||||
// data: [{dictLabel: '求职需求', dictValue: '1'},{dictLabel: '援助需求', dictValue: '2'},{dictLabel: '创业需求', dictValue: '3'},{dictLabel: '培训需求', dictValue: '4'},{dictLabel: '其他需求', dictValue: '5'}],
|
||||
// activeIndex: 0,
|
||||
// },
|
||||
// {
|
||||
// name: "工作经验",
|
||||
// type: "workExperienceYears",
|
||||
// data: [{
|
||||
// dictLabel: '全部',
|
||||
// dictValue: ''
|
||||
// }].concat(workExperienceYears),
|
||||
// activeIndex: 0,
|
||||
// },
|
||||
|
||||
];
|
||||
},
|
||||
popupSearch(queryParams) {
|
||||
queryParams.forEach((item, index) => {
|
||||
if (item.data[item.activeIndex].dictLabel == "全部") {
|
||||
this.queryParams[item.type] = "";
|
||||
} else {
|
||||
this.queryParams[item.type] = item.data[item.activeIndex].dictValue;
|
||||
}
|
||||
});
|
||||
this.search()
|
||||
},
|
||||
search() {
|
||||
this.showMorePage = true;
|
||||
this.queryParams.pageNum = 1;
|
||||
this.queryParams.pageSize = 10;
|
||||
this.tableData = [];
|
||||
this.total = 0;
|
||||
this.getList();
|
||||
},
|
||||
|
||||
// 触底加载
|
||||
getBottomList() {
|
||||
if (
|
||||
this.queryParams.pageNum * this.queryParams.pageSize >=
|
||||
this.total
|
||||
) {
|
||||
this.showMorePage = false;
|
||||
} else if (
|
||||
this.queryParams.pageNum * this.queryParams.pageSize <
|
||||
this.total
|
||||
) {
|
||||
this.queryParams.pageNum++;
|
||||
this.getList();
|
||||
if (
|
||||
this.queryParams.pageNum * this.queryParams.pageSize >=
|
||||
this.total
|
||||
) {
|
||||
this.showMorePage = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
// 获取列表
|
||||
async getList() {
|
||||
this.loading = true;
|
||||
if (this.queryParams.needsType == 1) {
|
||||
this.queryParams.demandType = 1
|
||||
listPersonDemand(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 2) {
|
||||
listAssistService(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 3) {
|
||||
this.queryParams.demandType = 2
|
||||
listPersonDemand(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 4) {
|
||||
this.queryParams.demandType = 3
|
||||
listPersonDemand(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
} else if (this.queryParams.needsType == 5) {
|
||||
this.queryParams.demandType = 9
|
||||
listPersonDemand(this.queryParams).then((res) => {
|
||||
this.gettedData(res)
|
||||
});
|
||||
}
|
||||
},
|
||||
gettedData(res) {
|
||||
if (res.code == 200) {
|
||||
if (res.rows.length < 10) {
|
||||
this.showMorePage = false;
|
||||
}
|
||||
this.loading = false;
|
||||
this.tableData = this.tableData.concat(res.rows);
|
||||
this.total = res.total;
|
||||
} else {
|
||||
this.loading = false;
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
background-color: #eef1f5 !important;
|
||||
height: 100vh;
|
||||
background-image: url('https://rc.jinan.gov.cn/qcwjyH5/static/images/top.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
border-radius: 32px;
|
||||
background: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #107AFD;
|
||||
height: 64rpx;
|
||||
border-radius: 32rpx;
|
||||
padding: 0 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-top: 24rpx;
|
||||
|
||||
.search-icon {
|
||||
width: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.job-item {
|
||||
border-radius: 24rpx; /* 增大圆角,使界面更圆润 */
|
||||
padding: 32rpx;
|
||||
margin: 30rpx 30rpx 24rpx 30rpx; /* 添加左右30rpx边距 */
|
||||
background-color: #FFFFFF; /* 设置白色背景,避免与底层背景重合 */
|
||||
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); /* 添加轻微阴影增强层次感 */
|
||||
|
||||
.title-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 16rpx;
|
||||
|
||||
.type-tag {
|
||||
line-height: 40rpx;
|
||||
width: 128rpx;
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
|
||||
&.qz {
|
||||
background: #28CB5E;
|
||||
}
|
||||
|
||||
&.yz {
|
||||
background: #DD6728;
|
||||
}
|
||||
|
||||
&.cy {
|
||||
background: #23B5C5;
|
||||
}
|
||||
|
||||
&.px {
|
||||
background: #DDA728;
|
||||
}
|
||||
|
||||
&.qt {
|
||||
background: #2870DD;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #3D3D3D;
|
||||
width: calc(100% - 137rpx);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.salary {
|
||||
width: 33%;
|
||||
color: #FA6553;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
text-align: right
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
color: #3D3D3D;
|
||||
margin-bottom: 7rpx;
|
||||
font-size: 28rpx;
|
||||
|
||||
text {
|
||||
color: #8E8E8E;
|
||||
}
|
||||
|
||||
.not {
|
||||
color: #EC7737;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ing {
|
||||
color: #ECB83D;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.finish {
|
||||
color: #21C88D;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-line {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 21rpx;
|
||||
|
||||
.info {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.toudi-btn {
|
||||
background: linear-gradient(90deg, #1A62CE 0%, #1D8ACE 100%);
|
||||
color: #fff;
|
||||
width: 140rpx;
|
||||
line-height: 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 28rpx;
|
||||
border-radius: 20rpx;
|
||||
|
||||
img {
|
||||
width: 22rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.addNeeds {
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 150rpx;
|
||||
width: 150rpx; /* 改小一点,比如 100rpx */
|
||||
height: 10vh; /* 新增高度 */
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
border-radius: 50rpx; /* 圆角要和宽高一半一致,才能正圆 */
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%; /* 让图片填满容器 */
|
||||
object-fit: cover; /* 保证图片不变形,裁剪多余部分 */
|
||||
}
|
||||
}
|
||||
.page-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
height: 80rpx; // 可根据实际调整
|
||||
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
flex-shrink: 0;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
134
packageRc/pages/service/components/choosePerson.vue
Normal file
134
packageRc/pages/service/components/choosePerson.vue
Normal file
@@ -0,0 +1,134 @@
|
||||
<template>
|
||||
<uni-popup ref="showPersonChooser" type="bottom" round background-color="#fff">
|
||||
<view style="width: 100%;position: relative;z-index: 100;box-sizing: border-box;background: #fff;padding-top: 10px;">
|
||||
<input class="search" @change="searchChange" placeholder="搜索选择人员" v-model="searchPerson"/>
|
||||
<scroll-view style="height: 500rpx;padding: 0 32rpx;box-sizing: border-box;" :scroll-y="true">
|
||||
<view v-for="(item, index) in personList" :key="index" @click="bindPerson(item)"
|
||||
class="person-list" :class="{active: activePerson.id == item.id}">
|
||||
<template v-if="choiceType==3">
|
||||
<view>{{ item.personName }}</view>
|
||||
<view style="color: #8492a6;margin-top: 7rpx;">期望工种:{{item.jobWorkTypeName}}</view>
|
||||
</template>
|
||||
<template v-else-if="choiceType==4">
|
||||
<view>{{ item.personName }}</view>
|
||||
<view style="color: #8492a6;margin-top: 7rpx;">意愿培训工种:{{item.trainingIntentionWorkTypeName}}</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<view style="display: flex;justify-content: space-between;font-size: 32rpx;font-weight: bold;">{{ item.name }}
|
||||
<view style="color: #8492a6; font-size: 13px;width: 50%;text-align: right;">{{ item.phone }}</view>
|
||||
</view>
|
||||
<view style="color: #8492a6;margin-top: 7rpx;">现居住地:{{item.currentResidentialAddress}}</view>
|
||||
</template>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="button-area" style="position: relative;">
|
||||
<view class="btn" @click="closeshowPersonChooser">取消</view>
|
||||
<view class="btn reset" @click="resetData">重置</view>
|
||||
<view class="btn save" @click="saveInfo">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getPersonList} from '@/apiRc/needs/person'
|
||||
import { listJobService } from "@/apiRc/needs/jobService";
|
||||
import { listTrainService } from "@/apiRc/needs/trainService";
|
||||
export default {
|
||||
props: {
|
||||
choiceType: {
|
||||
default: 1
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.doSearch()
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showPersonChooser: false,
|
||||
activePerson: {},
|
||||
searchPerson: '',
|
||||
personList: [],
|
||||
searcher: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
this.$refs.showPersonChooser.open();
|
||||
this.activePerson = {}
|
||||
},
|
||||
closeshowPersonChooser() {
|
||||
this.$refs.showPersonChooser.close()
|
||||
},
|
||||
saveInfo() {
|
||||
this.$emit('confirm', this.activePerson)
|
||||
this.$refs.showPersonChooser.close()
|
||||
},
|
||||
searchChange(){
|
||||
console.log('搜索内容:' + this.searchPerson);
|
||||
if(this.searcher){
|
||||
clearTimeout(this.searcher)
|
||||
this.doSearch()
|
||||
}else{
|
||||
this.doSearch()
|
||||
}
|
||||
},
|
||||
doSearch() {
|
||||
this.searcher = setTimeout(() => {
|
||||
uni.showLoading('加载中...');
|
||||
// alert("选择的choiceType:" + this.choiceType );
|
||||
if(this.choiceType == 3) {
|
||||
listJobService({personName: this.searchPerson, pageSize: 100, pageNum: 1}).then(res => {
|
||||
uni.hideLoading();
|
||||
this.personList = res.rows
|
||||
clearTimeout(this.searcher)
|
||||
})
|
||||
}else if(this.choiceType == 4) {
|
||||
listTrainService({personName: this.searchPerson, pageSize: 100, pageNum: 1}).then(res => {
|
||||
uni.hideLoading();
|
||||
this.personList = res.rows
|
||||
clearTimeout(this.searcher)
|
||||
})
|
||||
}else{
|
||||
getPersonList({name: this.searchPerson, pageSize: 100, pageNum: 1}).then(res => {
|
||||
uni.hideLoading();
|
||||
this.personList = res.rows
|
||||
clearTimeout(this.searcher)
|
||||
})
|
||||
}
|
||||
}, 200)
|
||||
},
|
||||
|
||||
resetData(){
|
||||
this.searchPerson = '';
|
||||
this.personList = [];
|
||||
this.activePerson = {}
|
||||
},
|
||||
|
||||
bindPerson(item) {
|
||||
this.activePerson = item;
|
||||
this.$forceUpdate();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.person-list{
|
||||
padding: 24rpx 32rpx;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #e4e4e4;
|
||||
margin-top: 32rpx;
|
||||
&.active{
|
||||
border: 1px solid #1890ff;
|
||||
}
|
||||
}
|
||||
.search{
|
||||
margin: 0 32rpx;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-radius: 50rpx;
|
||||
height: 64rpx;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
</style>
|
||||
752
packageRc/pages/service/components/investigate.vue
Normal file
752
packageRc/pages/service/components/investigate.vue
Normal file
@@ -0,0 +1,752 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 09:06:28
|
||||
-->
|
||||
<template>
|
||||
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 150px)':'calc(100vh - 144px)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-blqksm: space-between;">服务信息
|
||||
<view v-if="!edit&&formData.id" class="btn" style="font-weight: normal;display: flex;"
|
||||
@click="edit=true">编辑<u-icon name="edit-pen" color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="110">
|
||||
|
||||
<u-form-item label="类型" v-if="!userId" required>
|
||||
<view class="status_radio df_flex df_flex_1">
|
||||
<u-radio-group v-model="formData.type" placement="column">
|
||||
<u-radio v-for="(item, index) in validType" :key="index" :label="item.label"
|
||||
:name="item.value">
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="被服务对象" prop="serviceObjectName" required v-if="formData.type == 0">
|
||||
<view class="picker-view" :class="{selected: formData.serviceObjectName}" @click="openPersonChooser">
|
||||
<text :class="formData.serviceObjectName ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ formData.serviceObjectName || '请选择被服务对象' }}
|
||||
</text>
|
||||
</view>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="被服务对象" prop="serviceObjectName" required v-else>
|
||||
<view class="picker-view" :class="{selected: formData.serviceObjectName}" @click="$refs.enterpriseChooser.open()">
|
||||
<text :class="formData.serviceObjectName ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ formData.serviceObjectName || '请选择被服务对象' }}
|
||||
</text>
|
||||
</view>
|
||||
</u-form-item>
|
||||
|
||||
<u-form-item label="服务时间" prop="practicalSolutionTime" required>
|
||||
<view class="picker-view" :class="{selected: formData.practicalSolutionTime}" @click="showPicker('practicalSolutionTime')">
|
||||
<text :class="formData.practicalSolutionTime ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ formData.practicalSolutionTime || '请选择服务时间' }}
|
||||
</text>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="经办人" prop="agentUserName" required>
|
||||
<u--input :disabled="!edit" v-model="formData.agentUserName" border="none"
|
||||
placeholder="请输入"></u--input>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="服务类型" prop="demandType" required>
|
||||
<view class="picker-view" :class="{selected: formData.demandType}" @click="showPicker('demandType')">
|
||||
<text :class="formData.demandType ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ getDictLabel(formData.demandType, dict.demandType) || '请选择服务类型' }}
|
||||
</text>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="服务内容" prop="serviceContent" required>
|
||||
<view class="picker-view" :class="{selected: formData.serviceContent}" @tap="showServiceContentSelect">
|
||||
<text :class="formData.serviceContent ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ getMultiDictLabel(formData.serviceContent, dict.serviceContent) || '请选择服务内容' }}
|
||||
</text>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="电话沟通结果" prop="dhgtjg" v-if="formData.demandType == '5'" required>
|
||||
<view class="picker-view" :class="{selected: formData.dhgtjg}" @click="showPicker('dhgtjg')">
|
||||
<text :class="formData.dhgtjg ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ getDictLabel(formData.dhgtjg, dict.dhgtjg) || '请选择电话沟通结果' }}
|
||||
</text>
|
||||
</view>
|
||||
</u-form-item>
|
||||
|
||||
<!-- 新增:人员状态,展示方式与服务类型一致 -->
|
||||
<u-form-item label="人员状态" prop="personStatus" required >
|
||||
<view class="picker-view" :class="{selected: formData.personStatus}" @click="showPicker('personStatus')">
|
||||
<text :class="formData.personStatus ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ getDictLabel(formData.personStatus, dict.personStatus) || '请选择人员状态' }}
|
||||
</text>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item label="服务情况说明" prop="blqksm" required>
|
||||
<u-textarea :disabled="!edit" v-model="formData.blqksm" placeholder="请输入"></u-textarea>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<view class="inner">
|
||||
<view class="part-title" style="margin-top: 32rpx;">附件信息</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" class="self-form" labelWidth="110">
|
||||
<u-form-item label="附件" prop="fileUrl">
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 办理完成后 需求说明 -->
|
||||
<req-comp :form="{
|
||||
actualSolveDate: formData.actualSolveDate,
|
||||
actualSolvePeople: formData.actualSolvePeople,
|
||||
solveDesc: formData.solveDesc,
|
||||
fileUrl: formData.fileUrl
|
||||
}" />
|
||||
|
||||
</scroll-view>
|
||||
<u-datetime-picker :show="show.practicalSolutionTime" v-model="hopeSolveDate" mode="date" @confirm="confirmDate('practicalSolutionTime', $event)"
|
||||
@cancel="cancelPicker('practicalSolutionTime')" @close="cancelPicker('practicalSolutionTime')" closeOnClickOverlay></u-datetime-picker>
|
||||
|
||||
<choose-person ref="personChooser" @confirm="personNameConfirm" />
|
||||
|
||||
<enterprise-list-pop ref="enterpriseChooser" @confirm="enterpriseConfirm" />
|
||||
|
||||
<u-picker :show="show.dhgtjg" :columns="[dict.dhgtjg]" keyName="dictLabel"
|
||||
@confirm="pickerConfirm('dhgtjg', $event)" @cancel="cancelPicker('dhgtjg')"></u-picker>
|
||||
|
||||
<u-picker :show="show.demandType" :columns="[dict.demandType]" keyName="dictLabel"
|
||||
@confirm="pickerConfirm('demandType', $event)" @cancel="cancelPicker('demandType')"></u-picker>
|
||||
|
||||
<u-picker :show="show.personStatus" :columns="[dict.personStatus]" keyName="dictLabel"
|
||||
@confirm="pickerConfirm('personStatus', $event)" @cancel="cancelPicker('personStatus')"></u-picker>
|
||||
|
||||
<u-popup :show="show.serviceContent" mode="bottom" @close="cancelSelect">
|
||||
<view class="select-content">
|
||||
<view class="select-header">
|
||||
<text @tap="cancelSelect">取消</text>
|
||||
<text class="title">服务内容</text>
|
||||
<text @tap="confirmSelect">确定</text>
|
||||
</view>
|
||||
<scroll-view scroll-y class="checkbox-scroll">
|
||||
<view class="checkbox-group">
|
||||
<u-checkbox-group v-model="tempServiceContent" placement="column">
|
||||
<view
|
||||
v-for="(item, index) in dict.serviceContent"
|
||||
:key="index"
|
||||
class="checkbox-item"
|
||||
>
|
||||
<u-checkbox
|
||||
:name="item.dictValue"
|
||||
:label="item.dictLabel"
|
||||
></u-checkbox>
|
||||
</view>
|
||||
</u-checkbox-group>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<view class="btn reset" @click="formData = {}" v-if="!formData.id">重置</view>
|
||||
<view class="btn save" @click="saveInfo">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
addInvestigate,
|
||||
updateInvestigate,
|
||||
getInvestigate
|
||||
} from "@/apiRc/service/investigate";
|
||||
import ImageUpload from '@/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from './choosePerson.vue';
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
ImageUpload,
|
||||
},
|
||||
props: {
|
||||
userId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
name:{
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
edit: true,
|
||||
personBase: {},
|
||||
dates: {},
|
||||
hopeSolveDate: Number(new Date()),
|
||||
formData: {
|
||||
type: 0,
|
||||
serviceContent: [],
|
||||
personStatus: '' // 新增字段
|
||||
},
|
||||
rules: {
|
||||
serviceObjectName: [{
|
||||
required: true,
|
||||
message: '请选择被服务人员',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
unitName: [{
|
||||
required: true,
|
||||
message: '请选择被服务对象',
|
||||
trigger: ['blur', 'change'],
|
||||
}],
|
||||
practicalSolutionTime: [{
|
||||
required: true,
|
||||
message: '请选择服务时间',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
agentUserName: [{
|
||||
required: true,
|
||||
message: '请填写服务人员',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
demandType: [{
|
||||
required: true,
|
||||
message: '请填写服务类型',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
blqksm:[{
|
||||
required: true,
|
||||
message: '请填写服务情况说明',
|
||||
trigger: ['blur', 'change'],
|
||||
}],
|
||||
dhgtjg: [
|
||||
{
|
||||
required: false,
|
||||
validator: (rule, value, callback) => {
|
||||
if (this.formData.demandType === '5' && (!value || value === '')) {
|
||||
callback(new Error('请输入电话沟通结果'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: ['blur', 'change'],
|
||||
}
|
||||
],
|
||||
personStatus: [{
|
||||
required: true,
|
||||
message: '请选择人员状态',
|
||||
trigger: ['blur', 'change'],
|
||||
}]
|
||||
},
|
||||
dict: {
|
||||
serviceContent: [],
|
||||
personStatus: [] // 新增
|
||||
},
|
||||
show: {
|
||||
serviceContent: false,
|
||||
personStatus: false // 新增
|
||||
},
|
||||
loading: false,
|
||||
fileList: [],
|
||||
validType: [{
|
||||
label: "个人",
|
||||
value: "0",
|
||||
},
|
||||
{
|
||||
label: "企业",
|
||||
value: "1",
|
||||
},
|
||||
],
|
||||
serviceContentList: [],
|
||||
tempServiceContent: [],
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules)
|
||||
},
|
||||
created() {
|
||||
this.serviceontent();
|
||||
this.loading = true;
|
||||
let arr = [{
|
||||
key: 'qyjy_dhgtjg',
|
||||
prop: 'dhgtjg'
|
||||
},
|
||||
{
|
||||
key: 'qyjy_zdfwlx',
|
||||
prop: 'demandType'
|
||||
},
|
||||
// 新增人员状态字典
|
||||
{
|
||||
key: 'qcjy_ryzt', // 如有实际key请替换
|
||||
prop: 'personStatus'
|
||||
},
|
||||
]
|
||||
arr.forEach(ele => {
|
||||
this.$getDict(ele.key).then(res => {
|
||||
this.dict[ele.prop] = res.data
|
||||
this.$forceUpdate();
|
||||
})
|
||||
})
|
||||
this.$getDict("qcjy_fwnr").then(res => {
|
||||
console.log("获取到的服务内容数据:", res.data);
|
||||
this.dict.serviceContent = res.data;
|
||||
this.$forceUpdate();
|
||||
});
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => {
|
||||
this.setName()
|
||||
|
||||
}, 0)
|
||||
|
||||
},
|
||||
methods: {
|
||||
serviceontent(){
|
||||
this.$getDict("qcjy_fwnr").then(res=>{
|
||||
console.log("服务内容列表",res.data)
|
||||
})
|
||||
},
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
setName(){
|
||||
this.formData.serviceObjectName = this.name
|
||||
this.formData.serviceObjectId = this.userId
|
||||
this.formData.userId = this.userId
|
||||
|
||||
this.$forceUpdate();
|
||||
},
|
||||
openPersonChooser() {
|
||||
if (this.edit) {
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.serviceObjectName = event.name
|
||||
this.formData.serviceObjectId = event.id
|
||||
this.$forceUpdate();
|
||||
},
|
||||
|
||||
// 选择企业
|
||||
enterpriseConfirm({
|
||||
unitName,
|
||||
id
|
||||
}) {
|
||||
this.$set(this.formData, 'serviceObjectName', unitName)
|
||||
this.$set(this.formData, 'serviceObjectId', id)
|
||||
},
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {
|
||||
type: "0"
|
||||
}
|
||||
this.edit = true
|
||||
},
|
||||
getDetail(id) {
|
||||
getInvestigate(id).then(res => {
|
||||
const data = res.data;
|
||||
// 处理服务内容为数组
|
||||
if (data.serviceContent) {
|
||||
data.serviceContent = typeof data.serviceContent === 'string'
|
||||
? data.serviceContent.split(',').filter(Boolean)
|
||||
: data.serviceContent;
|
||||
} else {
|
||||
data.serviceContent = [];
|
||||
}
|
||||
this.formData = data;
|
||||
this.edit = false;
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl);
|
||||
})
|
||||
},
|
||||
confirmDate(type, e) {
|
||||
this.show[type] = false;
|
||||
// 获取选中的日期
|
||||
const date = e.value;
|
||||
// 使用 uView 的 uTime 方法格式化日期,包含时分秒
|
||||
const formattedDateTime = uni.$u.timeFormat(date, "yyyy-mm-dd hh:MM:ss");
|
||||
this.formData[type] = formattedDateTime
|
||||
this.$forceUpdate();
|
||||
},
|
||||
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.show[type] = false
|
||||
this.$forceUpdate();
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false;
|
||||
if (type === 'serviceContent') {
|
||||
// 多选处理
|
||||
this.formData[type] = event.value.map(item => item.dictValue);
|
||||
} else {
|
||||
// 其他字段保持原样
|
||||
this.formData[type] = event.value[0].dictValue;
|
||||
}
|
||||
this.$forceUpdate();
|
||||
},
|
||||
showPicker(type) {
|
||||
if (this.edit) {
|
||||
this.show[type] = true
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
async saveInfo() {
|
||||
try {
|
||||
const isValid = await this.$refs.uForm.validate();
|
||||
if (!isValid) {
|
||||
throw new Error('请检查必填项填写');
|
||||
}
|
||||
|
||||
let demandType = this.formData.demandType;
|
||||
// 确保 serviceContent 是数组并且有值
|
||||
if (!Array.isArray(this.formData.serviceContent) || this.formData.serviceContent.length === 0) {
|
||||
this.$u.toast("请选择服务内容!");
|
||||
return;
|
||||
}
|
||||
|
||||
// 处理服务内容数组
|
||||
this.formData.fwnr = this.formData.serviceContent.join(',');
|
||||
|
||||
// 显示全局加载
|
||||
this.$showLoading();
|
||||
|
||||
// 根据 formData 是否有 id 来决定是更新还是新增
|
||||
let response;
|
||||
let successMessage;
|
||||
if (this.formData.id) {
|
||||
response = await updateInvestigate(this.formData);
|
||||
successMessage = '修改成功';
|
||||
} else {
|
||||
console.log("h5表单",this.formData)
|
||||
delete this.formData.type
|
||||
response = await addInvestigate(this.formData);
|
||||
successMessage = '保存成功';
|
||||
}
|
||||
|
||||
// 检查响应码是否为200
|
||||
if (response.code === 200) {
|
||||
this.$u.toast(successMessage);
|
||||
// 如果是编辑模式,关闭编辑状态;否则返回上一页
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
} else {
|
||||
await this.$delay(1000); // 延迟1秒后返回上一页
|
||||
uni.navigateBack();
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
this.$u.toast("请填写完整内容");
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
this.$hideLoading();
|
||||
}
|
||||
},
|
||||
getMultiDictLabel(values, list) {
|
||||
if (!values || !list) return '';
|
||||
const valueArray = typeof values === 'string' ? values.split(',') : values;
|
||||
if (!Array.isArray(valueArray)) return '';
|
||||
|
||||
return valueArray.map(value => {
|
||||
const item = list.find(ele => ele.dictValue == value);
|
||||
return item ? item.dictLabel : '';
|
||||
}).filter(Boolean).join('、');
|
||||
},
|
||||
checkboxGroupChange(values) {
|
||||
this.formData.serviceContent = values;
|
||||
this.$forceUpdate();
|
||||
},
|
||||
processServiceContentList() {
|
||||
this.serviceContentList = this.dict.serviceContent.map(item => ({
|
||||
label: item.dictLabel,
|
||||
value: item.dictValue
|
||||
}));
|
||||
},
|
||||
showServiceContentSelect() {
|
||||
console.log("点击了服务内容");
|
||||
if (this.edit) {
|
||||
this.tempServiceContent = Array.isArray(this.formData.serviceContent)
|
||||
? [...this.formData.serviceContent]
|
||||
: [];
|
||||
this.show.serviceContent = true;
|
||||
this.$forceUpdate();
|
||||
}
|
||||
},
|
||||
cancelSelect() {
|
||||
console.log("取消选择");
|
||||
this.show.serviceContent = false;
|
||||
this.$forceUpdate();
|
||||
},
|
||||
confirmSelect() {
|
||||
console.log("确认选择", this.tempServiceContent);
|
||||
this.formData.serviceContent = [...this.tempServiceContent];
|
||||
this.show.serviceContent = false;
|
||||
this.$forceUpdate();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.page ::v-deep .u-navbar__content {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.input-outer-part {
|
||||
.status_radio {
|
||||
.u-radio-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.u-radio {
|
||||
margin-right: 50rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: #EEF1F5 !important;
|
||||
height: 100vh;
|
||||
background-image: url('https://rc.jinan.gov.cn/qcwjyH5/static/images/top.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.button-area {
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
width: calc(100% + 64rpx);
|
||||
margin-left: -32rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
margin-top: 40rpx;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
|
||||
.btn {
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.reset {
|
||||
background: #DCE2E9;
|
||||
}
|
||||
|
||||
.save {
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// 改进选择器样式
|
||||
.picker-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 28rpx 36rpx;
|
||||
background: #ffffff;
|
||||
border: 2rpx solid #e5e5e5;
|
||||
border-radius: 12rpx;
|
||||
min-height: 88rpx;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.3s ease;
|
||||
position: relative;
|
||||
|
||||
&:active {
|
||||
background: #f8f9fa;
|
||||
border-color: #007aff;
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 36rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 12rpx solid transparent;
|
||||
border-right: 12rpx solid transparent;
|
||||
border-top: 12rpx solid #999999;
|
||||
}
|
||||
|
||||
.picker-text {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.picker-placeholder {
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 选中状态的样式
|
||||
.picker-view.selected {
|
||||
border-color: #1D64CF;
|
||||
background: #f0f8ff;
|
||||
|
||||
&::after {
|
||||
border-top-color: #1D64CF;
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-container {
|
||||
padding: 10rpx 0;
|
||||
|
||||
.u-checkbox-group {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.u-checkbox {
|
||||
margin-right: 30rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.select-content {
|
||||
background-color: #fff;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
|
||||
.select-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 30rpx;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
|
||||
text {
|
||||
font-size: 28rpx;
|
||||
|
||||
&:first-child {
|
||||
color: #909399;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
color: #1D64CF;
|
||||
font-weight: 500;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
&.title {
|
||||
font-size: 32rpx;
|
||||
color: #303133;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-scroll {
|
||||
max-height: 700rpx;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.checkbox-group {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.checkbox-item {
|
||||
padding: 24rpx 0;
|
||||
border-bottom: 1px solid #F2F6FC;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
// 修改 checkbox 样式
|
||||
::v-deep .u-checkbox {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&__label {
|
||||
font-size: 28rpx;
|
||||
color: #303133;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
&__icon-wrap {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
border-radius: 6rpx;
|
||||
border: 2rpx solid #DCDFE6;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&--checked {
|
||||
background-color: #1D64CF;
|
||||
border-color: #1D64CF;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 增加选中态的样式
|
||||
::v-deep .u-checkbox__icon-wrap--checked {
|
||||
.u-checkbox__icon {
|
||||
color: #fff;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
629
packageRc/pages/service/components/jobRecommend.vue
Normal file
629
packageRc/pages/service/components/jobRecommend.vue
Normal file
@@ -0,0 +1,629 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 13:56:42
|
||||
-->
|
||||
<template>
|
||||
<view>
|
||||
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 200rpx)':'calc(100vh - 194rpx)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-content: space-between;">服务信息
|
||||
<view v-if="!edit&&formData.id" class="btn" style="font-weight: normal;display: flex;"
|
||||
@click="edit=true">编辑<u-icon name="edit-pen" color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<view class="self-form">
|
||||
<view class="form-item">
|
||||
<view class="form-label ">人员姓名<text class="required">*</text></view>
|
||||
<view style="width: calc(100% - 120rpx);word-break: break-all;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<view class="icon-right" style="width: 40rpx; height: 40rpx;">✏️</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="form-label ">标题<text class="required">*</text></view>
|
||||
<textarea :disabled="!edit" v-model="formData.recommendTopic"
|
||||
:class="['form-textarea', { 'form-textarea-disabled': !edit }]"
|
||||
placeholder="请输入"></textarea>
|
||||
<view class="icon-right" style="width: 40rpx; height: 40rpx;">✏️</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="form-label ">备注</view>
|
||||
<textarea :disabled="!edit" v-model="formData.remark"
|
||||
:class="['form-textarea', { 'form-textarea-disabled': !edit }]"
|
||||
placeholder="请输入"></textarea>
|
||||
<view class="icon-right" style="width: 40rpx; height: 40rpx;">✏️</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="form-label ">附件</view>
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="inner" v-if="showInfo != '1'">
|
||||
<view class="part-title" style="margin-top: 32rpx;">求职需求信息</view>
|
||||
<view class="inner-part">
|
||||
|
||||
<view class="self-form">
|
||||
<view class="form-item">
|
||||
<view class="form-label ">求职工种</view>
|
||||
<view style="width: calc(100% - 120rpx);word-break: break-all;"
|
||||
class="disabledLine">
|
||||
{{ getJobWorkTypeName(activePersonInfo.jobWorkType) }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="form-label ">最低薪酬</view>
|
||||
<view style="width: calc(100% - 120rpx);word-break: break-all;"
|
||||
class="disabledLine">
|
||||
{{ activePersonInfo.minRecruitmentSalary || '--' }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="form-label ">最高薪酬</view>
|
||||
<view style="width: calc(100% - 120rpx);word-break: break-all;"
|
||||
class="disabledLine">
|
||||
{{ activePersonInfo.highRecruitmentSalary || '--' }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tuijian-btn" v-if="edit" @click="showPositionChooser">推荐岗位</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="inner">
|
||||
<view class="part-title" style="margin-top: 32rpx;">人员推荐记录</view>
|
||||
<view class="inner-part">
|
||||
<view v-for="(item, index) in tuijianList" :key="index" class="job-list">
|
||||
<view>{{ item.postName }}</view>
|
||||
<view style="color: #8492a6;margin-top: 7rpx;">工种:{{item.recruitWorkTypeName}}</view>
|
||||
<view style="color: #8492a6;margin-top: 7rpx;">单位名称:{{item.unitName}}</view>
|
||||
<view class="del-btn" @click="removeTuijian(item)">删除</view>
|
||||
</view>
|
||||
<img v-if="!tuijianList.length" src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/empty.png"
|
||||
style="width: 100%;display: block;margin: 0 auto;" />
|
||||
<view v-if="!tuijianList.length" style="text-align: center;color: #8E8E8E;font-size: 24rpx;">暂无数据~
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 办理完成后 需求说明 -->
|
||||
<req-comp :form="{
|
||||
actualSolveDate: formData.actualSolveDate,
|
||||
actualSolvePeople: formData.actualSolvePeople,
|
||||
solveDesc: formData.solveDesc,
|
||||
fileUrl: formData.fileUrl
|
||||
}" />
|
||||
</scroll-view>
|
||||
<choose-person style="width: 100%;position: relative;z-index: 2;" :choiceType="3" ref="personChooser" @confirm="personNameConfirm" />
|
||||
<positionChooser ref="positionChooser" @confirm="jobListConfirm" />
|
||||
<!-- <u-datetime-picker :show="show.actualSolveDate" v-model="dates.actualSolveDate" mode="date"
|
||||
@confirm="confirmDate('actualSolveDate', $event)"
|
||||
@cancel="cancelPicker('hopeSolveDate')"></u-datetime-picker> -->
|
||||
<!-- <uni-popup ref="openDeal" style="position: relative;z-index: 2;">
|
||||
<u--form class="self-form popup" labelPosition="top" :model="formData" :rules="rules" ref="uForm"
|
||||
labelWidth="300" style="width: calc(100% - 64rpx);margin: 0 auto;">
|
||||
<u-form-item label="实际办理时间" prop="actualSolveDate" required>
|
||||
<view class="bordered" style="width: 100%;" @click="showPicker('actualSolveDate')"
|
||||
:class="{noValue: !formData.actualSolveDate}">{{ formData.actualSolveDate||'请选择' }}</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="办理说明" prop="solveDesc" required>
|
||||
<u-textarea v-model="formData.solveDesc" placeholder="请输入"></u-textarea>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
<view class="button-area" style="width: 100%;margin-left: 0;box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);">
|
||||
<view class="btn" @click="closeDeal">取消</view>
|
||||
<view class="btn reset" @click="form.actualSolveDate = '';formData.solveDesc = ''">重置</view>
|
||||
</view>
|
||||
</uni-popup> -->
|
||||
</view>
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<!-- <view class="btn save" @click="finishJobRecommend">办结</view> -->
|
||||
<view class="btn save" @click="formData.currentStatus='2';saveInfo()">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
deptTreeSelect
|
||||
} from "@/apiRc/person";
|
||||
import {
|
||||
addJobRecommend,
|
||||
updateJobRecommend,
|
||||
getJobRecommend,
|
||||
getAddedJobs,
|
||||
saveJobRecommend
|
||||
} from "@/apiRc/service/jobRecommend";
|
||||
import {
|
||||
getPersonDemand
|
||||
} from "@/apiRc/needs/personDemand";
|
||||
import { listJobType } from "@/apiRc/jobType/index";
|
||||
import ImageUpload from '@/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from './choosePerson.vue';
|
||||
import positionChooser from './positionChooser.vue';
|
||||
import dayjs from "dayjs";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
positionChooser,
|
||||
ImageUpload
|
||||
},
|
||||
props: {
|
||||
showInfo: {
|
||||
type: String,
|
||||
default: '0'
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
jobTypeList:[],
|
||||
edit: true,
|
||||
originalDept: [],
|
||||
personBase: {},
|
||||
dates: {},
|
||||
formData: {
|
||||
recommendTopic: '',
|
||||
personName: '',
|
||||
},
|
||||
rules: {
|
||||
personName: [{
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
recommendTopic: [{
|
||||
required: true,
|
||||
message: '请填写服务需求标题',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
},
|
||||
dict: {},
|
||||
show: {},
|
||||
loading: false,
|
||||
workParams: {},
|
||||
activePersonInfo: {},
|
||||
tuijianList: [],
|
||||
openDeal: false,
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules)
|
||||
},
|
||||
created() {
|
||||
this.loading = true;
|
||||
this.$getDict('qcjy_zgzpgz').then(res => {
|
||||
this.dict.salary = res.data
|
||||
})
|
||||
this.workTypeRemoteMethod()
|
||||
},
|
||||
methods: {
|
||||
closeDeal() {
|
||||
this.$refs.openDeal.close()
|
||||
},
|
||||
// saveDeal() {
|
||||
// if (!this.formData.actualSolveDate) {
|
||||
// uni.showToast({
|
||||
// title: '请填写实际解决时间!',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// return;
|
||||
// }
|
||||
// if (!this.formData.solveDesc) {
|
||||
// uni.showToast({
|
||||
// title: '请填写办理说明!',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// return;
|
||||
// }
|
||||
// this.formData.currentStatus = '3'
|
||||
// this.$refs.openDeal.close();
|
||||
// this.saveInfo()
|
||||
// },
|
||||
// finishJobRecommend() {
|
||||
// this.$refs.uForm.validate().then(res => {
|
||||
// this.$refs.openDeal.open()
|
||||
// }).catch(() => {
|
||||
// uni.showToast({
|
||||
// title: '请检查必填项填写',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// })
|
||||
// },
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
removeTuijian({
|
||||
id
|
||||
}) {
|
||||
if (!this.edit) return
|
||||
this.tuijianList = this.tuijianList.filter(t => t.id !== id);
|
||||
},
|
||||
openPersonChooser() {
|
||||
if (this.edit) {
|
||||
console.log("this",this.activePersonInfo)
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
showPositionChooser() {
|
||||
if (this.edit) {
|
||||
console.log("this.params",this.workParams)
|
||||
|
||||
this.workParams.latitude=this.activePersonInfo.latitude
|
||||
this.workParams.longitude=this.activePersonInfo.longitude
|
||||
|
||||
|
||||
|
||||
this.$refs.positionChooser.open(this.workParams);
|
||||
}
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.personName = event.personName
|
||||
this.formData.personId = event.personId
|
||||
this.formData.jobDemandInfoId = event.id
|
||||
// this.form.personStatus = event.currentStatus;
|
||||
this.activePersonInfo = event;
|
||||
console.log("event",event)
|
||||
this.formNameChange(event);
|
||||
this.$forceUpdate();
|
||||
},
|
||||
jobListConfirm(event) {
|
||||
this.tuijianList = event;
|
||||
},
|
||||
// changeFile(e) {
|
||||
// if (e.length) {
|
||||
// let data = e[0];
|
||||
// this.formData.fileUrl = data.data ? data.data.url : data.url
|
||||
// } else {
|
||||
// this.formData.fileUrl = ''
|
||||
// }
|
||||
// },
|
||||
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {}
|
||||
this.edit = true
|
||||
},
|
||||
addForPerson({
|
||||
jobDemandInfoId
|
||||
}) {
|
||||
if (!jobDemandInfoId) return
|
||||
getPersonDemand(jobDemandInfoId).then(res => {
|
||||
this.activePersonInfo = res.data
|
||||
this.formNameChange(this.activePersonInfo)
|
||||
})
|
||||
},
|
||||
|
||||
// 单独设置 人员姓名 和 id
|
||||
setPersonName(data){
|
||||
this.formData.personName = data.personName
|
||||
this.formData.personId = data.personId
|
||||
this.formData.jobDemandInfoId = data.jobDemandInfoId
|
||||
this.addForPerson(data)
|
||||
},
|
||||
|
||||
getDetail(id) {
|
||||
// 查询角色详情
|
||||
getJobRecommend(id).then(res => {
|
||||
this.formData = res.data;
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl)
|
||||
// 获取详情的时候 调用方法 拿到求职需求详情
|
||||
this.addForPerson(res.data)
|
||||
this.edit = false
|
||||
this.getAddedJobsList(res.data)
|
||||
|
||||
})
|
||||
},
|
||||
|
||||
// 获取推荐人员列表
|
||||
getAddedJobsList({
|
||||
postIdList
|
||||
}) {
|
||||
getAddedJobs({
|
||||
postIdList,
|
||||
pageNum: 1,
|
||||
pageSize: 10000
|
||||
}).then((res) => {
|
||||
this.tuijianList = res.rows;
|
||||
});
|
||||
},
|
||||
|
||||
confirmDate(type, e) {
|
||||
this.show[type] = false;
|
||||
let date = new Date(e.value)
|
||||
this.formData[type] =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1)>9?(date.getMonth()+1):('0'+(date.getMonth()+1))}-${date.getDate()>9?date.getDate():('0'+date.getDate())}`
|
||||
this.$forceUpdate();
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.show[type] = false
|
||||
this.$forceUpdate();
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
workTypeRemoteMethod(key) {
|
||||
listJobType({
|
||||
workTypeName: key,
|
||||
pageNum: 1,
|
||||
pageSize: 50,
|
||||
}).then((res) => {
|
||||
this.jobTypeList = res.rows;
|
||||
|
||||
});
|
||||
},
|
||||
getJobWorkTypeName(data){
|
||||
if (data) {
|
||||
let arr = this.jobTypeList.filter((ele) => ele.id == data);
|
||||
if(arr.length){
|
||||
return arr[0].workTypeName;
|
||||
}else{
|
||||
return '--'
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].dictValue
|
||||
this.$forceUpdate();
|
||||
},
|
||||
// showPicker(type) {
|
||||
// if (this.edit) {
|
||||
// this.show[type] = true
|
||||
// this.$forceUpdate()
|
||||
// }
|
||||
// },
|
||||
formNameChange(e) {
|
||||
let date = new Date()
|
||||
// let day =
|
||||
// `${date.getFullYear()}-${(date.getMonth()+1) + 1 > 9 ? (date.getMonth()+1) + 1: '0'+((date.getMonth()+1) + 1)}-${date.getDate() > 9 ? date.getDate(): '0'+date.getDate()}`
|
||||
const dayNew = dayjs(date).format("YYYY-MM-DD");
|
||||
this.formData.recommendTopic =
|
||||
`${this.$store.state.user.nick}_于${dayNew}对人员_${this.formData.personName}_进行_${this.getJobWorkTypeName(e.jobWorkType)}岗位推荐`;
|
||||
|
||||
this.$set(this.workParams, "recruitWorkType", e.jobWorkType);
|
||||
this.$set(this.workParams, "workLocation", e.hopeWorkLocation);
|
||||
this.$set(this.workParams, "minRecruitmentSalary", e.minRecruitmentSalary);
|
||||
this.$set(this.workParams, "highRecruitmentSalary", e.highRecruitmentSalary);
|
||||
this.$set(this.workParams, "longitude", e.longitude);
|
||||
this.$set(this.workParams, "latitude", e.latitude);
|
||||
// this.$set(this.workParams, "userId", e.userId);
|
||||
},
|
||||
|
||||
async saveInfo() {
|
||||
uni.showLoading();
|
||||
try {
|
||||
// 验证表单
|
||||
let isValid = true
|
||||
// = await this.$refs.uForm.validate();
|
||||
for(let prop in this.rules){
|
||||
this.rules[prop].forEach(ele => {
|
||||
if(ele.required = false && !this.formData[prop]){
|
||||
isValid = false
|
||||
}
|
||||
})
|
||||
}
|
||||
if (!isValid) {
|
||||
uni.showToast({
|
||||
title: '请检查必填项填写',
|
||||
icon: 'none'
|
||||
})
|
||||
// throw new Error('请检查必填项填写');
|
||||
}
|
||||
// 显示全局加载
|
||||
// 更新 formData 中的 postIdList
|
||||
this.formData.postIdList = this.tuijianList.map((ele) => ele.id);
|
||||
this.formData.id = this.formData.jobDemandInfoId;
|
||||
// 保存职位推荐
|
||||
const response = await saveJobRecommend(this.formData);
|
||||
// 检查响应码是否为200
|
||||
if (response.code === 200) {
|
||||
uni.showToast({title: '提交成功', icon: 'none'});
|
||||
}
|
||||
// 延迟1秒后返回上一页
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 1000);
|
||||
|
||||
} catch (error) {
|
||||
uni.showToast({title: '错误详情:' + error, icon: 'none'});
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
uni.hideLoading();
|
||||
}
|
||||
},
|
||||
// saveInfo() {
|
||||
// this.$refs.uForm.validate().then(res => {
|
||||
// this.formData.postIdList = this.tuijianList.map((ele) => ele.id)
|
||||
// saveJobRecommend(this.formData).then(response => {
|
||||
// if (response.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '提交成功'
|
||||
// })
|
||||
// }
|
||||
// uni.navigateBack();
|
||||
// });
|
||||
// if(this.formData.id){
|
||||
// updateJobRecommend(this.formData).then(res => {
|
||||
// if(res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '修改成功'
|
||||
// })
|
||||
// this.edit = false;
|
||||
// }
|
||||
// })
|
||||
// }else{
|
||||
// addJobRecommend(this.formData).then(res => {
|
||||
// if(res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '保存成功'
|
||||
// })
|
||||
// uni.navigateBack();
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// }).catch((e) => {
|
||||
// uni.showToast({
|
||||
// title: '请检查必填项填写',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// 改进选择器样式
|
||||
.picker-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 28rpx 36rpx;
|
||||
background: #ffffff;
|
||||
border: 2rpx solid #e5e5e5;
|
||||
border-radius: 12rpx;
|
||||
min-height: 88rpx;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.3s ease;
|
||||
position: relative;
|
||||
|
||||
&:active {
|
||||
background: #f8f9fa;
|
||||
border-color: #007aff;
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 36rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 12rpx solid transparent;
|
||||
border-right: 12rpx solid transparent;
|
||||
border-top: 12rpx solid #999999;
|
||||
}
|
||||
|
||||
.picker-text {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.picker-placeholder {
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 选中状态的样式
|
||||
.picker-view.selected {
|
||||
border-color: #1D64CF;
|
||||
background: #f0f8ff;
|
||||
|
||||
&::after {
|
||||
border-top-color: #1D64CF;
|
||||
}
|
||||
}
|
||||
|
||||
.tuijian-btn {
|
||||
background: #197cd2;
|
||||
line-height: 60rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
margin-top: 24rpx;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.job-list {
|
||||
padding: 24rpx 32rpx;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #e4e4e4;
|
||||
margin-bottom: 24rpx;
|
||||
position: relative;
|
||||
|
||||
&.active {
|
||||
border: 1px solid #1890ff;
|
||||
}
|
||||
|
||||
.del-btn {
|
||||
background: #E95A49;
|
||||
line-height: 48rpx;
|
||||
width: 120rpx;
|
||||
margin-right: 0;
|
||||
margin-top: 0rpx;
|
||||
margin-left: auto;
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.self-form.popup {
|
||||
padding-top: 32rpx;
|
||||
|
||||
.bordered {
|
||||
border: 1rpx solid #dadbde;
|
||||
padding: 9px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.form-label{
|
||||
width: 120rpx;
|
||||
}
|
||||
</style>
|
||||
399
packageRc/pages/service/components/jobTrack.vue
Normal file
399
packageRc/pages/service/components/jobTrack.vue
Normal file
@@ -0,0 +1,399 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 14:16:13
|
||||
-->
|
||||
<template>
|
||||
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 150px)':'calc(100vh - 144px)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-content: space-between;">服务信息
|
||||
<view v-if="!edit&&formData.id" class="btn" style="font-weight: normal;display: flex;"
|
||||
@click="edit=true">编辑<u-icon name="edit-pen" color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="110">
|
||||
<u-form-item label="姓名" prop="personName" required>
|
||||
<view style="width: 100%;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="人员状态" prop="personStatus">
|
||||
<view style="width: 100%;" @click="showPicker('personStatus')"
|
||||
:class="{disabledLine: !edit, noValue: !formData.personStatus}">
|
||||
{{ getDictLabel(formData.personStatus, dict.personStatus)||'请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="就业类别" prop="employmentType" required>
|
||||
<view style="width: 100%;" @click="showPicker('employmentType')"
|
||||
:class="{disabledLine: !edit, noValue: !formData.employmentType}">
|
||||
{{ getDictLabel(formData.employmentType, dict.employmentType)||'请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="就业单位" prop="employmentUnit" required>
|
||||
<u--input :disabled="!edit" v-model="formData.employmentUnit" border="none"
|
||||
placeholder="请输入"></u--input>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="就业状态" prop="employmentStatus" required>
|
||||
<view style="width: 100%;" @click="showPicker('employmentStatus')"
|
||||
:class="{disabledLine: !edit, noValue: !formData.employmentStatus}">
|
||||
{{ getDictLabel(formData.employmentStatus, dict.employmentStatus)||'请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="就业岗位" prop="employmentPosition">
|
||||
<u--input :disabled="!edit" v-model="formData.employmentPosition" border="none"
|
||||
placeholder="请输入"></u--input>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="岗位工资" prop="money">
|
||||
<u--input :disabled="!edit" v-model="formData.money" border="none"
|
||||
placeholder="请输入"></u--input>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="就业时间" prop="time">
|
||||
<view style="width: 100%;" @click="showPicker('time')"
|
||||
:class="{disabledLine: !edit, noValue: !formData.time}">{{ formData.time||'请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<view class="inner" style="margin-top: 32rpx;">
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" class="self-form" labelWidth="110">
|
||||
<u-form-item label="备注" prop="remark">
|
||||
<u-textarea :disabled="!edit" v-model="formData.remark" placeholder="请输入"></u-textarea>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<view class="inner">
|
||||
<view class="part-title" style="margin-top: 32rpx;">附件信息</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" class="self-form" labelWidth="110">
|
||||
<u-form-item label="附件" prop="fileUrl">
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 办理完成后 需求说明 -->
|
||||
<req-comp :form="{
|
||||
actualSolveDate: formData.actualSolveDate,
|
||||
actualSolvePeople: formData.actualSolvePeople,
|
||||
solveDesc: formData.solveDesc,
|
||||
fileUrl: formData.fileUrl
|
||||
}" />
|
||||
</scroll-view>
|
||||
<u-datetime-picker :show="show.time" v-model="dates.time" mode="date" @confirm="confirmDate('time', $event)"
|
||||
@cancel="cancelPicker('time')"></u-datetime-picker>
|
||||
<u-picker :show="show.personStatus" :columns="[dict.personStatus]" keyName="dictLabel"
|
||||
@confirm="pickerConfirm('personStatus', $event)" @cancel="cancelPicker('personStatus')"></u-picker>
|
||||
<u-picker :show="show.employmentType" :columns="[dict.employmentType]" keyName="dictLabel"
|
||||
@confirm="pickerConfirm('employmentType', $event)" @cancel="cancelPicker('employmentType')"></u-picker>
|
||||
<u-picker :show="show.employmentStatus" :columns="[dict.employmentStatus]" keyName="dictLabel"
|
||||
@confirm="pickerConfirm('employmentStatus', $event)" @cancel="cancelPicker('employmentStatus')"></u-picker>
|
||||
<choose-person ref="personChooser" @confirm="personNameConfirm" />
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<view class="btn reset" @click="formData = {}" v-if="!formData.id">重置</view>
|
||||
<view class="btn save" @click="saveInfo">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
addJobTrack,
|
||||
updateJobTrack,
|
||||
getJobTrack
|
||||
} from "@/apiRc/service/jobTrack";
|
||||
import ImageUpload from '@/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from './choosePerson.vue';
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
ImageUpload
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
edit: true,
|
||||
personBase: {},
|
||||
dates: {},
|
||||
formData: {
|
||||
personName: '',
|
||||
time: '',
|
||||
visitor: '',
|
||||
},
|
||||
rules: {
|
||||
personName: [{
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
employmentType: [{
|
||||
required: true,
|
||||
message: '请选择就业类别',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
employmentUnit: [{
|
||||
required: true,
|
||||
message: '请填写就业单位',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
employmentStatus: [{
|
||||
required: true,
|
||||
message: '请选择就业状态',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
},
|
||||
dict: {},
|
||||
show: {},
|
||||
loading: false,
|
||||
fileList: [],
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules)
|
||||
},
|
||||
created() {
|
||||
this.loading = true;
|
||||
let arr = [{
|
||||
key: 'qcjy_ryzt',
|
||||
prop: 'personStatus'
|
||||
},
|
||||
{
|
||||
key: 'qcjy_jylb',
|
||||
prop: 'employmentType'
|
||||
},
|
||||
{
|
||||
key: 'qcjy_jyzt',
|
||||
prop: 'employmentStatus'
|
||||
},
|
||||
]
|
||||
arr.forEach(ele => {
|
||||
this.$getDict(ele.key).then(res => {
|
||||
this.dict[ele.prop] = res.data
|
||||
this.$forceUpdate();
|
||||
})
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
openPersonChooser() {
|
||||
if (this.edit) {
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.personName = event.name
|
||||
this.formData.personId = event.id
|
||||
this.$forceUpdate();
|
||||
},
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {}
|
||||
this.edit = true
|
||||
},
|
||||
getDetail(id) {
|
||||
getJobTrack(id).then(res => {
|
||||
this.formData = res.data;
|
||||
this.edit = false
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl)
|
||||
})
|
||||
},
|
||||
confirmDate(type, e) {
|
||||
this.show[type] = false;
|
||||
let date = new Date(e.value)
|
||||
this.formData[type] =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1)>9?(date.getMonth()+1):('0'+(date.getMonth()+1))}-${date.getDate()>9?date.getDate():('0'+date.getDate())}`
|
||||
this.$forceUpdate();
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.show[type] = false
|
||||
this.$forceUpdate();
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].dictValue
|
||||
this.$forceUpdate();
|
||||
},
|
||||
showPicker(type) {
|
||||
if (this.edit) {
|
||||
this.show[type] = true
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
|
||||
async saveInfo() {
|
||||
try {
|
||||
|
||||
// 验证表单
|
||||
const isValid = await this.$refs.uForm.validate();
|
||||
if (!isValid) {
|
||||
throw new Error('请检查必填项填写');
|
||||
}
|
||||
// 显示全局加载
|
||||
this.$showLoading();
|
||||
|
||||
// 根据 formData 是否有 id 来决定是更新还是新增
|
||||
let successMessage;
|
||||
let response;
|
||||
|
||||
if (this.formData.id) {
|
||||
response = await updateJobTrack(this.formData);
|
||||
successMessage = '修改成功';
|
||||
} else {
|
||||
response = await addJobTrack(this.formData);
|
||||
successMessage = '保存成功';
|
||||
}
|
||||
// 检查响应码是否为200
|
||||
if (response.code === 200) {
|
||||
this.$u.toast(successMessage);
|
||||
|
||||
// 如果是编辑模式,关闭编辑状态;否则返回上一页
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
} else {
|
||||
await this.$delay(1000); // 延迟1秒后返回上一页
|
||||
uni.navigateBack();
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
this.$u.toast('错误详情:' + error);
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
uni.hideLoading();
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
// saveInfo() {
|
||||
// this.$refs.uForm.validate().then(res => {
|
||||
// if (this.formData.id) {
|
||||
// updateJobTrack(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '修改成功'
|
||||
// })
|
||||
// this.edit = false;
|
||||
// }
|
||||
// })
|
||||
// } else {
|
||||
// addJobTrack(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '保存成功'
|
||||
// })
|
||||
// uni.navigateBack();
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// }).catch(() => {
|
||||
// uni.showToast({
|
||||
// title: '请检查必填项填写',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.page ::v-deep .u-navbar__content {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: #EEF1F5 !important;
|
||||
height: 100vh;
|
||||
background-image: url('https://rc.jinan.gov.cn/qcwjyH5/static/images/top.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.button-area {
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
width: calc(100% + 64rpx);
|
||||
margin-left: -32rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
margin-top: 40rpx;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
|
||||
.btn {
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.reset {
|
||||
background: #DCE2E9;
|
||||
}
|
||||
|
||||
.save {
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
</style>
|
||||
331
packageRc/pages/service/components/policyConsultation.vue
Normal file
331
packageRc/pages/service/components/policyConsultation.vue
Normal file
@@ -0,0 +1,331 @@
|
||||
<!--
|
||||
* @Date: 2024-10-09 17:07:39
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 14:16:17
|
||||
-->
|
||||
<template>
|
||||
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 150px)':'calc(100vh - 144px)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-content: space-between;">服务信息
|
||||
<view v-if="!edit&&formData.id" class="btn" style="font-weight: normal;display: flex;"
|
||||
@click="edit=true">编辑<u-icon name="edit-pen" color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="110">
|
||||
<u-form-item label="姓名" prop="personName" required>
|
||||
<view style="width: 100%;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<!-- <u--input disabled v-model="formData.personName" border="none" placeholder="请输入" ></u--input> -->
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="咨询时间" prop="time" required>
|
||||
<view style="width: 100%;" @click="showPicker('time')"
|
||||
:class="{disabledLine: !edit, noValue: !formData.time}">{{ formData.time||'请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="咨询讲解人员" prop="expositor" required>
|
||||
<u--input :disabled="!edit" v-model="formData.expositor" border="none"
|
||||
placeholder="请输入"></u--input>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<view class="inner" style="margin-top: 32rpx;">
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" class="self-form" labelWidth="110">
|
||||
<u-form-item label="情况说明" prop="content">
|
||||
<u-textarea :disabled="!edit" v-model="formData.content" placeholder="请输入"></u-textarea>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<view class="inner">
|
||||
<view class="part-title" style="margin-top: 32rpx;">附件信息</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" class="self-form" labelWidth="110">
|
||||
<u-form-item label="附件" prop="fileUrl">
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<handler-data style="margin-top: 30rpx;" v-if="false"/>
|
||||
</scroll-view>
|
||||
<u-datetime-picker :show="show.time" v-model="dates.time" mode="date" @confirm="confirmDate('time', $event)"
|
||||
@cancel="cancelPicker('time')"></u-datetime-picker>
|
||||
<choose-person ref="personChooser" @confirm="personNameConfirm" />
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<view class="btn reset" @click="formData = {}" v-if="!formData.id">重置</view>
|
||||
<view class="btn save" @click="saveInfo">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
addPolicyConsultation,
|
||||
updatePolicyConsultation,
|
||||
getPolicyConsultation
|
||||
} from "@/apiRc/service/policyConsultation";
|
||||
import ImageUpload from '@/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from './choosePerson.vue';
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
ImageUpload,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
edit: true,
|
||||
personBase: {},
|
||||
dates: {},
|
||||
formData: {
|
||||
demandTitle: '',
|
||||
isAcceptAssistance: '',
|
||||
isAcceptApprovalResult: '',
|
||||
personName: '',
|
||||
},
|
||||
rules: {
|
||||
time: [{
|
||||
required: true,
|
||||
message: '请填写咨询讲解人员',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
expositor: [{
|
||||
required: true,
|
||||
message: '请选择咨询时间',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
personName: [{
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
},
|
||||
show: {},
|
||||
loading: false,
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules)
|
||||
},
|
||||
created() {
|
||||
this.loading = true;
|
||||
},
|
||||
methods: {
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
openPersonChooser() {
|
||||
if (this.edit) {
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.personName = event.name
|
||||
this.formData.personId = event.id
|
||||
this.$forceUpdate();
|
||||
},
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {}
|
||||
this.edit = true
|
||||
},
|
||||
getDetail(id) {
|
||||
getPolicyConsultation(id).then(res => {
|
||||
this.formData = res.data;
|
||||
this.edit = false
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl)
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
confirmDate(type, e) {
|
||||
this.show[type] = false;
|
||||
let date = new Date(e.value)
|
||||
this.formData[type] =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1)>9?(date.getMonth()+1):('0'+(date.getMonth()+1))}-${date.getDate()>9?date.getDate():('0'+date.getDate())}`
|
||||
console.log(this.show[type], type)
|
||||
this.$forceUpdate();
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.show[type] = false
|
||||
this.$forceUpdate();
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].dictValue
|
||||
this.$forceUpdate();
|
||||
},
|
||||
showPicker(type) {
|
||||
if (this.edit) {
|
||||
this.show[type] = true
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
async saveInfo() {
|
||||
try {
|
||||
|
||||
|
||||
// 验证表单
|
||||
const isValid = await this.$refs.uForm.validate();
|
||||
if (!isValid) {
|
||||
throw new Error('请检查必填项填写');
|
||||
}
|
||||
// 显示全局加载
|
||||
this.$showLoading();
|
||||
// 根据 formData 是否有 id 来决定是更新还是新增
|
||||
let response;
|
||||
let successMessage;
|
||||
if (this.formData.id) {
|
||||
response = await updatePolicyConsultation(this.formData);
|
||||
successMessage = '修改成功';
|
||||
} else {
|
||||
response = await addPolicyConsultation(this.formData);
|
||||
successMessage = '保存成功';
|
||||
}
|
||||
|
||||
// 检查响应码是否为200
|
||||
if (response.code === 200) {
|
||||
this.$u.toast(successMessage);
|
||||
// 如果是编辑模式,关闭编辑状态;否则返回上一页
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
} else {
|
||||
await this.$delay(1000); // 延迟1秒后返回上一页
|
||||
uni.navigateBack();
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
this.$u.toast('错误详情:' + error);
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
uni.hideLoading();
|
||||
}
|
||||
},
|
||||
// saveInfo() {
|
||||
// this.$refs.uForm.validate().then(res => {
|
||||
// if (this.formData.id) {
|
||||
// updatePolicyConsultation(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '修改成功'
|
||||
// })
|
||||
// this.edit = false;
|
||||
// }
|
||||
// })
|
||||
// } else {
|
||||
// addPolicyConsultation(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '保存成功'
|
||||
// })
|
||||
// uni.navigateBack();
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// }).catch(() => {
|
||||
// uni.showToast({
|
||||
// title: '请检查必填项填写',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.page ::v-deep .u-navbar__content {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: #EEF1F5 !important;
|
||||
height: 100vh;
|
||||
background-image: url('https://rc.jinan.gov.cn/qcwjyH5/static/images/top.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.button-area {
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
width: calc(100% + 64rpx);
|
||||
margin-left: -32rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
margin-top: 40rpx;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
|
||||
.btn {
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.reset {
|
||||
background: #DCE2E9;
|
||||
}
|
||||
|
||||
.save {
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
</style>
|
||||
388
packageRc/pages/service/components/positionChooser.vue
Normal file
388
packageRc/pages/service/components/positionChooser.vue
Normal file
@@ -0,0 +1,388 @@
|
||||
<template>
|
||||
<uni-popup ref="showPersonChooser" type="bottom" round background-color="#fff">
|
||||
<view style="padding: 32rpx 0">
|
||||
<!-- <u--input @change="searchChange" placeholder="搜索选择岗位" v-model="searchPerson"></u--input> -->
|
||||
<scroll-view style="height: 900rpx;" :scroll-y="true" @scrolltolower="getBottomList">
|
||||
<!-- 搜索区域 -->
|
||||
<view class="search-area">
|
||||
<view class="search-inputs">
|
||||
<input
|
||||
v-model="searchValue"
|
||||
placeholder="请输入公司/岗位名称"
|
||||
border="surround"
|
||||
clearable
|
||||
class="search-input"
|
||||
/>
|
||||
</view>
|
||||
<button type="primary" @click="onSearch" class="search-btn">搜索</button>
|
||||
</view>
|
||||
|
||||
<!-- 岗位列表 -->
|
||||
<view v-for="(item, index) in jobList"
|
||||
:key="index"
|
||||
@click="chooseJob(item)"
|
||||
class="job-card"
|
||||
:class="{active: activeJobList.indexOf(item.id)!=-1}">
|
||||
<!-- 岗位名称和薪资 -->
|
||||
<view class="job-header">
|
||||
<text class="job-title">{{item.postName}}</text>
|
||||
<text class="job-salary">{{formatSalary(item.minRecruitmentSalary, item.highRecruitmentSalary)}}</text>
|
||||
</view>
|
||||
|
||||
<!-- 标签区域 -->
|
||||
<view class="tag-area">
|
||||
<text class="tag">{{getDictLabel(item.minEducation, xue_li) || '学历不限'}}</text>
|
||||
<text class="tag">{{item.profession || '专业不限'}}</text>
|
||||
<text class="tag">全职</text>
|
||||
</view>
|
||||
|
||||
<!-- 公司信息 -->
|
||||
<view class="company-info">
|
||||
<view class="company-detail">
|
||||
<text class="company-name">{{item.unitName}}</text>
|
||||
<view class="location-line">
|
||||
<text class="location">
|
||||
<text class="location-icon">📍</text>
|
||||
{{item.workLocation || '暂无地址'}}
|
||||
</text>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 推荐标记 -->
|
||||
<view class="recommend-tag" v-if="choosedIdList.indexOf(item.id) != -1">推荐</view>
|
||||
</view>
|
||||
|
||||
<view v-if="loadingJob">加载中...</view>
|
||||
<div v-if="jobList.length == 0&&!loadingJob" :text="'暂无数据'"></div>
|
||||
</scroll-view>
|
||||
<view class="button-area">
|
||||
<view class="btn" @click="closeshowPersonChooser">取消</view>
|
||||
<view class="btn save" @click="saveInfo">确定</view>
|
||||
</view>
|
||||
<!-- <view style="color: #8492a6;margin-top: 7rpx;">距离:
|
||||
<text style="color: #fa6553;">{{item.distance || '--'}} km</text>
|
||||
</view> -->
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getWorkListReq } from '@/apiRc/service/jobRecommend'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showPersonChooser: false,
|
||||
activeJobList: [],
|
||||
searchPerson: '',
|
||||
searcher: '',
|
||||
workParams: {},
|
||||
jobList: [],
|
||||
jobTotal: 0,
|
||||
showMorePage: true,
|
||||
choosedIdList: [],
|
||||
loadingJob: false,
|
||||
xue_li:[],
|
||||
searchValue: '',
|
||||
searchJob: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onSearch() {
|
||||
// 重置页码和列表
|
||||
this.workParams.pageNum = 1;
|
||||
this.jobList = [];
|
||||
// 添加搜索条件
|
||||
this.workParams.searchValue = this.searchValue;
|
||||
|
||||
this.doSearch();
|
||||
},
|
||||
formatSalary(min, max) {
|
||||
if (!min && !max) return '薪资面议';
|
||||
if (!min) return `${max}元/月`;
|
||||
if (!max) return `${min}元/月`;
|
||||
return `${min}-${max}元/月`;
|
||||
},
|
||||
closeshowPersonChooser() {
|
||||
this.$refs.showPersonChooser.close()
|
||||
},
|
||||
open(workParams) {
|
||||
console.log("workparams",workParams)
|
||||
this.$refs.showPersonChooser.open()
|
||||
this.activeJobList = []
|
||||
|
||||
// this.workParams = workParams
|
||||
this.workParams = {
|
||||
// ...workParams,
|
||||
recruitWorkType: workParams.recruitWorkType,
|
||||
// longitude: workParams.longitude,
|
||||
// latitude: workParams.latitude,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
latitude:workParams.latitude,
|
||||
longitude:workParams.longitude
|
||||
}
|
||||
this.jobTotal = 0;
|
||||
this.jobList = [];
|
||||
this.doSearch()
|
||||
},
|
||||
saveInfo() {
|
||||
this.$emit('confirm', this.activeJobList)
|
||||
this.$refs.showPersonChooser.close()
|
||||
},
|
||||
searchChange(){
|
||||
if(this.searcher){
|
||||
clearTimeout(this.searcher)
|
||||
this.doSearch()
|
||||
}else{
|
||||
this.doSearch()
|
||||
}
|
||||
}, // 触底加载
|
||||
getBottomList() {
|
||||
if (this.workParams.pageNum * this.workParams.pageSize >= this.jobTotal) {
|
||||
this.showMorePage = false;
|
||||
} else if (this.workParams.pageNum * this.workParams.pageSize < this.jobTotal) {
|
||||
this.workParams.pageNum++;
|
||||
this.doSearch();
|
||||
if (this.workParams.pageNum * this.workParams.pageSize >= this.jobTotal) {
|
||||
this.showMorePage = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
getDictLabel(value, list) {
|
||||
if (list && value) {
|
||||
const found = list.find(ele => ele.dictValue === value);
|
||||
return found ? found.dictLabel : '学历不限';
|
||||
}
|
||||
return '学历不限';
|
||||
},
|
||||
doSearch() {
|
||||
this.loadingJob = true;
|
||||
// 先获取学历字典
|
||||
this.$getDict('qcjy_jycd').then(res => {
|
||||
this.xue_li = res.data;
|
||||
// 再获取岗位列表
|
||||
getWorkListReq(this.workParams).then((res) => {
|
||||
this.loadingJob = false;
|
||||
if (res.code == 200) {
|
||||
if (res.rows.length < 10) {
|
||||
this.showMorePage = false;
|
||||
}
|
||||
this.loading = false;
|
||||
this.jobList = this.jobList.concat(res.rows);
|
||||
this.jobTotal = res.total;
|
||||
} else {
|
||||
this.loading = false;
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
chooseJob(item) {
|
||||
let index = this.choosedIdList.indexOf(item.id);
|
||||
if(index == -1){
|
||||
this.activeJobList.push(item);
|
||||
this.choosedIdList.push(item.id);
|
||||
}else{
|
||||
this.activeJobList.splice(index, 1);
|
||||
this.choosedIdList.splice(index, 1);
|
||||
}
|
||||
this.$forceUpdate();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.person-list{
|
||||
padding: 24rpx 32rpx;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #e4e4e4;
|
||||
margin-top: 32rpx;
|
||||
position: relative;
|
||||
&.active{
|
||||
border: 1px solid #1890ff;
|
||||
}
|
||||
.tjBtn{
|
||||
position: absolute;
|
||||
right: -16rpx;
|
||||
top: 0;
|
||||
line-height: 48rpx;
|
||||
width: 120rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 0 8rpx 0 8rpx;
|
||||
background: #1D64CF;
|
||||
}
|
||||
}
|
||||
// .button-area{
|
||||
// box-shadow: 0 0 10rpx rgba(0,0,0,0.1);
|
||||
// padding: 24rpx 32rpx 68rpx;
|
||||
// width: calc(100% + 64rpx);
|
||||
// margin-left: -32rpx;
|
||||
// background: #fff;
|
||||
// display: flex;
|
||||
// box-sizing: border-box;
|
||||
// margin-top: 40rpx;
|
||||
// border-radius: 16px 16px 0px 0px;
|
||||
// .btn{
|
||||
// line-height: 72rpx;
|
||||
// width: 176rpx;
|
||||
// margin-right: 16rpx;
|
||||
// font-size: 28rpx;
|
||||
// border: 1px solid #B8C5D4;
|
||||
// color: #282828;
|
||||
// text-align: center;
|
||||
// border-radius: 8rpx;
|
||||
// }
|
||||
// .reset{
|
||||
// background: #DCE2E9;
|
||||
// }
|
||||
// .save{
|
||||
// background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
// color: #fff;
|
||||
// border: 0;
|
||||
// flex-grow: 1;
|
||||
// }
|
||||
// }
|
||||
.part-title{
|
||||
margin-bottom: 10rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
.search-area {
|
||||
padding: 20rpx 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16rpx;
|
||||
|
||||
.search-inputs {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
gap: 16rpx;
|
||||
|
||||
.search-input {
|
||||
flex: 1;
|
||||
border: 1px solid #e4e4e4;
|
||||
border-radius: 40rpx;
|
||||
height: 60rpx;
|
||||
padding: 0 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.search-btn {
|
||||
width: 140rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
margin: 0;
|
||||
background: #1890ff;
|
||||
color: #fff;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.job-card {
|
||||
background: #FFFFFF;
|
||||
border-radius: 12rpx;
|
||||
padding: 24rpx;
|
||||
margin: 0 32rpx 20rpx;
|
||||
position: relative;
|
||||
border: 1px solid #EBEEF5;
|
||||
|
||||
&.active {
|
||||
border: 1px solid #1890ff;
|
||||
}
|
||||
}
|
||||
|
||||
.job-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.job-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.job-salary {
|
||||
font-size: 28rpx;
|
||||
color: #FA6553;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.tag-area {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
margin-bottom: 16rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tag {
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
background: #F5F7FA;
|
||||
padding: 4rpx 12rpx;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
.company-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.company-detail {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.company-name {
|
||||
font-size: 26rpx;
|
||||
color: #666666;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.location-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.location {
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.location-icon {
|
||||
font-size: 24rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.post-date {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.recommend-tag {
|
||||
position: absolute;
|
||||
right: -2rpx;
|
||||
top: 0;
|
||||
background: #1D64CF;
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
padding: 4rpx 16rpx;
|
||||
border-radius: 0 12rpx 0 12rpx;
|
||||
}
|
||||
</style>
|
||||
445
packageRc/pages/service/components/skillTrain.vue
Normal file
445
packageRc/pages/service/components/skillTrain.vue
Normal file
@@ -0,0 +1,445 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 14:16:11
|
||||
-->
|
||||
<template>
|
||||
|
||||
<view class="input-outer-part">
|
||||
<scroll-view scroll-y="true" :style="{height: edit?'calc(100vh - 150px)':'calc(100vh - 144px)'}">
|
||||
<view class="inner">
|
||||
<view class="part-title" style="display: flex;justify-content: space-between;">服务信息
|
||||
<view v-if="!edit&&formData.id" class="btn" style="font-weight: normal;display: flex;"
|
||||
@click="edit=true">编辑<u-icon name="edit-pen" color="#A6A6A6"></u-icon></view>
|
||||
</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm" class="self-form"
|
||||
labelWidth="110">
|
||||
<u-form-item label="姓名" prop="personName" required>
|
||||
<view style="width: 100%;" @click="openPersonChooser"
|
||||
:class="{disabledLine: !edit, noValue: !formData.personName}">
|
||||
{{ formData.personName || '请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<!-- <u-form-item label="人员状态" prop="personStatus">
|
||||
<view style="width: 100%;" @click="showPicker('personStatus')" :class="{disabledLine: !edit, noValue: !formData.personStatus}">{{ getDictLabel(formData.personStatus, dict.personStatus)||'请选择' }}</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6" ></u-icon>
|
||||
</u-form-item> -->
|
||||
<u-form-item label="培训人员" prop="trainingStaff" required>
|
||||
<u--input :disabled="!edit" v-model="formData.trainingStaff" border="none"
|
||||
placeholder="请输入"></u--input>
|
||||
<u-icon slot="right" name="edit-pen" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="培训时间" prop="time" required>
|
||||
<view style="width: 100%;" @click="showPicker('time')"
|
||||
:class="{disabledLine: !edit, noValue: !formData.time}">{{ formData.time||'请选择' }}
|
||||
</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="培训题目" prop="trainingTopic" required>
|
||||
<u-textarea :disabled="!edit" v-model="formData.trainingTopic"
|
||||
placeholder="请输入"></u-textarea>
|
||||
</u-form-item>
|
||||
<u-form-item label="培训内容" prop="trainingContent" required>
|
||||
<u-textarea :disabled="!edit" v-model="formData.trainingContent"
|
||||
placeholder="请输入"></u-textarea>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<view class="inner">
|
||||
<view class="part-title" style="margin-top: 32rpx;">附件信息</view>
|
||||
<view class="inner-part">
|
||||
<u--form labelPosition="left" class="self-form" labelWidth="110">
|
||||
<u-form-item label="附件" prop="fileUrl">
|
||||
<ImageUpload :fileList="fileList" @update="changeFile" :maxCount="6" />
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 办理完成后 需求说明 -->
|
||||
<req-comp :form="{
|
||||
actualSolveDate: formData.actualSolveDate,
|
||||
actualSolvePeople: formData.actualSolvePeople,
|
||||
solveDesc: formData.solveDesc,
|
||||
fileUrl: formData.fileUrl
|
||||
}" />
|
||||
|
||||
</scroll-view>
|
||||
<u-datetime-picker :show="show.time" v-model="dates.time" mode="date" @confirm="confirmDate('time', $event)"
|
||||
@cancel="cancelPicker('time')"></u-datetime-picker>
|
||||
<u-datetime-picker :show="show.actualSolveDate" v-model="dates.actualSolveDate" mode="date"
|
||||
@confirm="confirmDate('actualSolveDate', $event)"
|
||||
@cancel="cancelPicker('actualSolveDate')"></u-datetime-picker>
|
||||
<!-- <u-picker :show="show.personStatus" :columns="[dict.personStatus]" keyName="dictLabel" @confirm="pickerConfirm('personStatus', $event)" @cancel="cancelPicker('personStatus')"></u-picker> -->
|
||||
<choose-person :choiceType="4" ref="personChooser" @confirm="personNameConfirm" />
|
||||
<u-popup :show="openDeal" style="position: relative;z-index: 2;">
|
||||
<u--form class="self-form popup" labelPosition="top" :model="formData" :rules="rules" ref="uForm"
|
||||
labelWidth="300" style="width: calc(100% - 64rpx);margin: 0 auto;">
|
||||
<u-form-item label="实际办理时间" prop="actualSolveDate" required>
|
||||
<view class="bordered" style="width: 100%;" @click="showPicker('actualSolveDate')"
|
||||
:class="{noValue: !formData.actualSolveDate}">{{ formData.actualSolveDate||'请选择' }}</view>
|
||||
<u-icon slot="right" name="arrow-down" color="#A6A6A6"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="办理说明" prop="solveDesc" required>
|
||||
<u-textarea v-model="formData.solveDesc" placeholder="请输入"></u-textarea>
|
||||
</u-form-item>
|
||||
</u--form>
|
||||
<view class="button-area" style="width: 100%;margin-left: 0;box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);">
|
||||
<view class="btn" @click="openDeal = false">取消</view>
|
||||
<view class="btn reset" @click="form.actualSolveDate = '';formData.solveDesc = ''">重置</view>
|
||||
<!-- <view class="btn save" @click="saveDeal">办结</view> -->
|
||||
</view>
|
||||
</u-popup>
|
||||
<view class="button-area" v-if="edit">
|
||||
<view class="btn" @click="cancelPage">取消</view>
|
||||
<!-- <view class="btn save" @click="finishSkillTrain">办结</view> -->
|
||||
<view class="btn save" @click="formData.skillTrainingStatus='2';saveInfo()">保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
addSkillTrain,
|
||||
updateSkillTrain,
|
||||
getSkillTrain
|
||||
} from "@/apiRc/service/skillTrain";
|
||||
import ImageUpload from '@/packageRc/components/ImageUpload'
|
||||
import ChoosePerson from './choosePerson.vue';
|
||||
export default {
|
||||
components: {
|
||||
ChoosePerson,
|
||||
ImageUpload
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
edit: true,
|
||||
personBase: {},
|
||||
dates: {},
|
||||
formData: {
|
||||
personName: '',
|
||||
trainingStaff: '',
|
||||
time: '',
|
||||
trainingTopic: '',
|
||||
trainingContent: '',
|
||||
},
|
||||
rules: {
|
||||
personName: [{
|
||||
required: true,
|
||||
message: '请填写姓名',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
trainingStaff: [{
|
||||
required: true,
|
||||
message: '请填写培训人员',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
time: [{
|
||||
required: true,
|
||||
message: '请选择培训时间',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
trainingTopic: [{
|
||||
required: true,
|
||||
message: '请填写培训题目',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
trainingContent: [{
|
||||
required: true,
|
||||
message: '请填写培训内容',
|
||||
trigger: ['blur', 'change'],
|
||||
}, ],
|
||||
},
|
||||
dict: {},
|
||||
show: {},
|
||||
loading: false,
|
||||
openDeal: false,
|
||||
form: {},
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules)
|
||||
},
|
||||
created() {
|
||||
this.$getDict('qcjy_ryzt').then(res => {
|
||||
this.dict.personStatus = res.data
|
||||
})
|
||||
this.loading = true;
|
||||
},
|
||||
methods: {
|
||||
cancelPage() {
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
this.getDetail(this.formData.id)
|
||||
} else {
|
||||
uni.navigateBack()
|
||||
}
|
||||
},
|
||||
saveDeal() {
|
||||
if (!this.formData.actualSolveDate) {
|
||||
uni.showToast({
|
||||
title: '请填写实际解决时间!',
|
||||
icon: 'none'
|
||||
})
|
||||
return;
|
||||
}
|
||||
if (!this.formData.solveDesc) {
|
||||
uni.showToast({
|
||||
title: '请填写办理说明!',
|
||||
icon: 'none'
|
||||
})
|
||||
return;
|
||||
}
|
||||
this.formData.skillTrainingStatus = '3'
|
||||
this.openDeal = false;
|
||||
this.saveInfo()
|
||||
},
|
||||
finishSkillTrain() {
|
||||
this.$refs.uForm.validate().then(res => {
|
||||
this.openDeal = true;
|
||||
}).catch(() => {
|
||||
uni.showToast({
|
||||
title: '请检查必填项填写',
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
},
|
||||
openPersonChooser() {
|
||||
if (this.edit) {
|
||||
this.$refs.personChooser.open();
|
||||
}
|
||||
},
|
||||
personNameConfirm(event) {
|
||||
this.formData.personName = event.personName
|
||||
this.formData.personId = event.personId
|
||||
this.formData.skillTrainingId = event.id
|
||||
this.formNameChange();
|
||||
this.$forceUpdate();
|
||||
},
|
||||
changeFile(e) {
|
||||
// 清空当前的 fileUrl 数组
|
||||
this.formData.fileUrl = [];
|
||||
// 如果 e 有长度(即用户选择了文件)
|
||||
if (e.length) {
|
||||
// 遍历每个文件对象并获取其 url
|
||||
for (let data of e) {
|
||||
const url = data.data ? data.data.url : data.url;
|
||||
this.formData.fileUrl.push(url);
|
||||
}
|
||||
}
|
||||
this.formData.fileUrl = this.$arrayToString(this.formData.fileUrl)
|
||||
},
|
||||
addOne() {
|
||||
this.formData = {}
|
||||
this.edit = true
|
||||
},
|
||||
// addForPerson(options) {
|
||||
// this.formData = {
|
||||
// personName: options.personName,
|
||||
// personId: options.personId,
|
||||
// skillTrainingId: options.skillTrainingId
|
||||
// }
|
||||
// this.edit = true
|
||||
// },
|
||||
getDetail(id) {
|
||||
getSkillTrain(id).then(res => {
|
||||
this.formData = res.data || {};
|
||||
this.edit = false
|
||||
if(this.formData.fileUrl) {
|
||||
this.fileList = this.$processFileUrl(this.formData.fileUrl)
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
confirmDate(type, e) {
|
||||
this.show[type] = false;
|
||||
let date = new Date(e.value)
|
||||
this.formData[type] =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1)>9?(date.getMonth()+1):('0'+(date.getMonth()+1))}-${date.getDate()>9?date.getDate():('0'+date.getDate())}`
|
||||
this.$forceUpdate();
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
cancelPicker(type) {
|
||||
this.show[type] = false
|
||||
this.$forceUpdate();
|
||||
},
|
||||
|
||||
// 单独设置 人员姓名 和 id
|
||||
setPersonName(data){
|
||||
this.formData.personName = data.personName
|
||||
this.formData.personId = data.personId
|
||||
this.formData.skillTrainingId = data.skillTrainingId
|
||||
// this.addForPerson(data)
|
||||
},
|
||||
|
||||
getDictLabel(value, list) {
|
||||
if (list) {
|
||||
let arr = list.filter(ele => ele.dictValue == value)
|
||||
if (arr.length) {
|
||||
return arr[0].dictLabel
|
||||
} else {
|
||||
return '请选择'
|
||||
}
|
||||
}
|
||||
},
|
||||
pickerConfirm(type, event) {
|
||||
this.show[type] = false
|
||||
this.formData[type] = event.value[0].dictValue
|
||||
this.$forceUpdate();
|
||||
},
|
||||
showPicker(type) {
|
||||
if (this.edit) {
|
||||
this.show[type] = true
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
formNameChange() {
|
||||
let date = new Date()
|
||||
let day =
|
||||
`${date.getFullYear()}-${(date.getMonth()+1) + 1 > 9 ? (date.getMonth()+1) + 1: '0'+((date.getMonth()+1) + 1)}-${date.getDate() > 9 ? date.getDate(): '0'+date.getDate()}`
|
||||
this.formData.trainingTopic =
|
||||
`${this.$store.state.user.nick}_于${day}对人员_${this.formData.personName}_进行XXXX培训`;
|
||||
},
|
||||
|
||||
async saveInfo() {
|
||||
try {
|
||||
// 验证表单
|
||||
const isValid = await this.$refs.uForm.validate();
|
||||
if (!isValid) {
|
||||
throw new Error('请检查必填项填写');
|
||||
}
|
||||
// 显示全局加载
|
||||
this.$showLoading();
|
||||
// 根据 formData 是否有 id 来决定是更新还是新增
|
||||
let response;
|
||||
let successMessage;
|
||||
if (this.formData.id) {
|
||||
response = await updateSkillTrain(this.formData);
|
||||
successMessage = '修改成功';
|
||||
} else {
|
||||
response = await addSkillTrain(this.formData);
|
||||
successMessage = '保存成功';
|
||||
}
|
||||
|
||||
if (response.code === 200) {
|
||||
this.$u.toast(successMessage);
|
||||
// 如果是编辑模式,关闭编辑状态;否则返回上一页
|
||||
if (this.formData.id) {
|
||||
this.edit = false;
|
||||
} else {
|
||||
await this.$delay(1000); // 延迟1秒后返回上一页
|
||||
uni.navigateBack();
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
// 处理错误并显示提示信息
|
||||
this.$u.toast('错误详情:' + error);;
|
||||
} finally {
|
||||
// 确保加载页总是会被隐藏
|
||||
uni.hideLoading();
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// saveInfo() {
|
||||
// this.$refs.uForm.validate().then(res => {
|
||||
// if (this.formData.id) {
|
||||
// updateSkillTrain(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '修改成功'
|
||||
// })
|
||||
// this.edit = false;
|
||||
// }
|
||||
// })
|
||||
// } else {
|
||||
// addSkillTrain(this.formData).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '保存成功'
|
||||
// })
|
||||
// uni.navigateBack();
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
// }).catch(() => {
|
||||
// uni.showToast({
|
||||
// title: '请检查必填项填写',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.page ::v-deep .u-navbar__content {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: #EEF1F5 !important;
|
||||
height: 100vh;
|
||||
background-image: url('https://rc.jinan.gov.cn/qcwjyH5/static/images/top.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
.button-area {
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
width: calc(100% + 64rpx);
|
||||
margin-left: -32rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
margin-top: 40rpx;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
|
||||
.btn {
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.reset {
|
||||
background: #DCE2E9;
|
||||
}
|
||||
|
||||
.save {
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.self-form.popup {
|
||||
padding-top: 32rpx;
|
||||
|
||||
.bordered {
|
||||
border: 1rpx solid #dadbde;
|
||||
padding: 9px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,224 @@
|
||||
<!--
|
||||
* @Date: 2024-10-08 14:29:36
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2025-11-04 13:56:02
|
||||
-->
|
||||
<template>
|
||||
<view class="page" style="background-image: url('../../../packageRc/static/pageBg.png');position:relative;">
|
||||
<view class="tab-list" v-if="showTab != 1">
|
||||
<view class="tab" :class="{active: activeType == 1}" @click="canChangeType ? changeType(1) : ''">走访<br>调查
|
||||
</view>
|
||||
<view class="tab" :class="{active: activeType == 2}" @click="canChangeType ? changeType(2) : ''">政策法规<br>咨询
|
||||
</view>
|
||||
<view class="tab" :class="{active: activeType == 3}" @click="canChangeType ? changeType(3) : ''">岗位<br>推荐
|
||||
</view>
|
||||
<view class="tab" :class="{active: activeType == 4}" @click="canChangeType ? changeType(4) : ''">技术培训<br>操作
|
||||
</view>
|
||||
<view class="tab" :class="{active: activeType == 5}" @click="canChangeType ? changeType(5) : ''">就业<br>跟踪
|
||||
</view>
|
||||
</view>
|
||||
<investigate :userId="userId" :name="name" v-if="activeType == 1" ref="type1" />
|
||||
<policyConsultation v-if="activeType == 2" ref="type2" />
|
||||
<jobRecommend v-if="activeType == 3" ref="type3" :showInfo="showInfo"/>
|
||||
<skillTrain v-if="activeType == 4" ref="type4" />
|
||||
<jobTrack v-if="activeType == 5" ref="type5" />
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import investigate from './components/investigate.vue';
|
||||
import policyConsultation from './components/policyConsultation.vue';
|
||||
import jobRecommend from './components/jobRecommend.vue';
|
||||
import skillTrain from './components/skillTrain.vue';
|
||||
import jobTrack from './components/jobTrack.vue';
|
||||
export default {
|
||||
components: {
|
||||
investigate,
|
||||
policyConsultation,
|
||||
jobRecommend,
|
||||
skillTrain,
|
||||
jobTrack,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isAdd: true,
|
||||
activeType: 1,
|
||||
showTab: undefined,
|
||||
canChangeType: true,
|
||||
userId: '',
|
||||
name:"",
|
||||
showInfo: '0'
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.userId = options.userId
|
||||
this.name = options.name
|
||||
this.showTab = options.showTab
|
||||
this.showInfo = options.showInfo || '0'
|
||||
if (options.id && options.type) {
|
||||
this.activeType = options.type
|
||||
this.canChangeType = false;
|
||||
this.isAdd = false
|
||||
// 获取服务详情
|
||||
this.$nextTick(() => {
|
||||
this.$refs['type' + options.type].getDetail(options.id)
|
||||
})
|
||||
} else if (options.personName && options.personId) {
|
||||
this.canChangeType = false;
|
||||
this.activeType = options.type
|
||||
this.$nextTick(() => {
|
||||
this.$refs['type' + options.type].setPersonName(options)
|
||||
})
|
||||
}
|
||||
|
||||
// else if (options.personName && options.personId) {
|
||||
// this.canChangeType = false;
|
||||
// this.activeType = options.type
|
||||
// this.$nextTick(() => {
|
||||
// // 获取求职需求详情
|
||||
// this.$refs['type' + options.type].addForPerson(options)
|
||||
// })
|
||||
// }
|
||||
else {
|
||||
this.changeType(options.activeType || 1)
|
||||
}
|
||||
},
|
||||
onReady() {},
|
||||
created() {},
|
||||
methods: {
|
||||
changeType(type) {
|
||||
this.activeType = type
|
||||
this.$nextTick(() => {
|
||||
this.$refs['type' + type].addOne()
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "/packageRc/static/scss/index.scss";
|
||||
.page {
|
||||
background-color: #F4F4F4 !important;
|
||||
height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.button-area {
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-top: 40rpx;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
|
||||
|
||||
.btn {
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.reset {
|
||||
background: #DCE2E9;
|
||||
}
|
||||
|
||||
.save {
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.noValue {
|
||||
color: rgb(192, 196, 204);
|
||||
}
|
||||
|
||||
.disabledLine {
|
||||
background: rgb(245, 247, 250);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.inner {
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
padding: 32rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.input-outer-part{
|
||||
// width: calc(100% - 64rpx);
|
||||
padding-top: 32rpx;
|
||||
// margin: 0 auto;;
|
||||
}
|
||||
|
||||
.inner-part {
|
||||
width: 100%;
|
||||
}
|
||||
.tab-list {
|
||||
display: flex;
|
||||
width: calc(100% - 64rpx);
|
||||
margin: 16rpx auto 30rpx;
|
||||
text-align: center;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
;
|
||||
|
||||
.tab {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 4rpx solid #FFFFFF;
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
font-size: 28rpx;
|
||||
color: #878787;
|
||||
height: 106rpx;
|
||||
|
||||
&.active {
|
||||
background: #1A62CE;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -13rpx;
|
||||
border-top: 14rpx solid #1A62CE;
|
||||
border-left: 12rpx solid transparent;
|
||||
border-right: 12rpx solid transparent;
|
||||
left: calc(50% - 7rpx);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: -18rpx;
|
||||
border-top: 14rpx solid #fff;
|
||||
border-left: 12rpx solid transparent;
|
||||
border-right: 12rpx solid transparent;
|
||||
left: calc(50% - 7rpx);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
92
packageRc/static/scss/index.scss
Normal file
92
packageRc/static/scss/index.scss
Normal file
@@ -0,0 +1,92 @@
|
||||
|
||||
|
||||
.inner-part {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.self-form {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
// margin-bottom: 24rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 8rpx;
|
||||
padding: 24rpx 0;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
width: 200rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
flex-shrink: 0;
|
||||
line-height: 48rpx;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: #f56c6c;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.form-textarea {
|
||||
flex: 1;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
background: none;
|
||||
min-height: 120rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.form-textarea-disabled {
|
||||
color: #909399;
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
.icon-right {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #A6A6A6;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
.input-outer-part{
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
.inner{
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
width: calc(100% - 64rpx);
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
border-radius: 16rpx;
|
||||
padding: 32rpx;
|
||||
margin-bottom: 24rpx;
|
||||
.part-title{
|
||||
color: #3D3D3D;
|
||||
font-weight: bold;
|
||||
line-height: 28rpx;
|
||||
margin-top: 9rpx;
|
||||
padding-left: 12rpx;
|
||||
border-left: 6rpx solid #1A62CE;
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.inner-part{
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
.self-form{
|
||||
.u-form-item__body{
|
||||
padding: 14px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
10
pages.json
10
pages.json
@@ -460,6 +460,16 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "添加帮扶"
|
||||
}
|
||||
} , {
|
||||
"path": "pages/service/serviceDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "服务"
|
||||
}
|
||||
} , {
|
||||
"path": "pages/needs/needDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "需求"
|
||||
}
|
||||
}
|
||||
]
|
||||
}],
|
||||
|
||||
35
unpackage/dist/dev/mp-weixin/project.config.json
vendored
35
unpackage/dist/dev/mp-weixin/project.config.json
vendored
@@ -1,7 +1,8 @@
|
||||
{
|
||||
"description": "项目配置文件。",
|
||||
"packOptions": {
|
||||
"ignore": []
|
||||
"ignore": [],
|
||||
"include": []
|
||||
},
|
||||
"setting": {
|
||||
"urlCheck": false,
|
||||
@@ -9,28 +10,22 @@
|
||||
"postcss": true,
|
||||
"minified": true,
|
||||
"newFeature": true,
|
||||
"bigPackageSizeSupport": true
|
||||
"bigPackageSizeSupport": true,
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
}
|
||||
},
|
||||
"condition": false
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "3.5.7",
|
||||
"libVersion": "3.10.3",
|
||||
"appid": "wx9d1cbc11c8c40ba7",
|
||||
"projectname": "qingdao-employment-service",
|
||||
"condition": {
|
||||
"search": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
},
|
||||
"conversation": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
},
|
||||
"game": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
},
|
||||
"miniprogram": {
|
||||
"current": -1,
|
||||
"list": []
|
||||
}
|
||||
"condition": {},
|
||||
"editorSetting": {
|
||||
"tabIndent": "insertSpaces",
|
||||
"tabSize": 2
|
||||
}
|
||||
}
|
||||
@@ -54,7 +54,7 @@ export function request({
|
||||
err.error = resData
|
||||
reject(err)
|
||||
},
|
||||
fail: err => reject(err),
|
||||
fail: err => reject(err) ,
|
||||
complete() {
|
||||
if (load) {
|
||||
uni.hideLoading();
|
||||
@@ -207,6 +207,10 @@ export function myRequest(url, data = {}, method = 'GET', port = 9100, headers =
|
||||
code,
|
||||
msg
|
||||
} = resData.data
|
||||
if(resData.data?.code == undefined){
|
||||
resolve(resData.data)
|
||||
return
|
||||
}
|
||||
if (code === 200) {
|
||||
resolve(resData.data)
|
||||
return
|
||||
|
||||
@@ -20,7 +20,7 @@ const request = config => {
|
||||
if (getToken() && !isToken) {
|
||||
config.header['Authorization'] = 'Bearer ' + getToken()
|
||||
}
|
||||
config.header['Authorization'] = 'Bearer ' + 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJzeXNfdXNlcjoxIiwicm5TdHIiOiJVMDRocERSZjdZMXJUbUxXb05uOUpzYUdDZzBNazJJQSIsInVzZXJJZCI6MX0.LZ29vvA4tK3b9Hki4nU9Jb1himXZM2AEOue3CMRY95w'
|
||||
config.header['Authorization'] = 'Bearer ' + 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJzeXNfdXNlcjoxIiwicm5TdHIiOiI5aW9ycXdMYVp5aXFienBJOXdvVGlYc3R3V0xydkFqWSIsInVzZXJJZCI6MX0.lfsx6tcpSUYYenWmz8T7gsgc8_t1sFNif_e2nOBRRL4'
|
||||
// get请求映射params参数
|
||||
if (config.params) {
|
||||
let url = config.url + '?' + tansParams(config.params)
|
||||
|
||||
Reference in New Issue
Block a user