Skip to content

basic-uniapp-v3
basic-uniapp-v3
提交 8753b984 作者: 王定
操作

feat: 基本完成灵活用工找人干活模块

上级 dad3526e
正在显示 包含 380 行增加 和 153 行删除
src/api/model/linghuoyonggong.ts
...@@ -12,9 +12,39 @@ enum Api { ...@@ -12,9 +12,39 @@ enum Api {
gitListByCodeDict = '/sys/dictItem/listByCode', // 查询字典 gitListByCodeDict = '/sys/dictItem/listByCode', // 查询字典
queryByCategoryAndCode = '/sys/labelCategory/queryByCategoryAndCode', // 查询字典 queryByCategoryAndCode = '/sys/labelCategory/queryByCategoryAndCode', // 查询字典
postLaborAdd = '/server/labor/add', // 新增 postLaborAdd = '/server/labor/add', // 新增
getLaborAppList = '/server/labor/appList', // APP用工列表查询
getLaborAppDetail = '/server/labor/appDetail', // APP用工详情查询
} }
/** /**
* @param params 请求参数 * @param params 请求参数
* @description: APP灵活用工找人干活用工详情查询
*/
export function getLaborAppDetail(params = {}) {
return otherHttp.get({
url: Api.getLaborAppDetail,
params,
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
})
}
/**
* @param params 请求参数
* @description: APP灵活用工找人干活列表查询
*/
export function getLaborAppList(params = {}) {
return otherHttp.get({
url: Api.getLaborAppList,
params,
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
})
}
/**
* @param params 请求参数
* @description: 找人干活发布 新增 * @description: 找人干活发布 新增
*/ */
export function postLaborAdd(params = {}) { export function postLaborAdd(params = {}) {
......
src/common/public.less
...@@ -70,3 +70,7 @@ ...@@ -70,3 +70,7 @@
} }
} }
.uni-picker-container .uni-picker-action.uni-picker-action-confirm {
color: #5DB66F !important;
}
src/pages/linghuoyonggong/details.vue
<script setup lang="ts"> <script setup lang="ts">
import { reactive, toRefs } from 'vue' import { reactive, toRefs } from 'vue'
import { onLoad, onShow } from '@dcloudio/uni-app' import { onLoad, onShow } from '@dcloudio/uni-app'
import { useUserStore } from '@/store/modules/user' import { getCalculateAge } from '@/utils/date'
import * as LinghuoyonggongAPI from '@/api/model/linghuoyonggong';
const userStore = useUserStore() const pageData = reactive({
onLoad((option) => { loading: false,
console.log(option.id); workersParam:[],
contactMobile:""
})
// 字典值
const DictData = reactive({
sexArr:[],// 性别
educationArr:[]// 学历
})
onLoad((options) => {
let param = JSON.parse(decodeURIComponent(options.param));
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '详情'+option.id title: param.villageName
}); });
getLaborAppDetail(param.id);
}) })
onShow(() => { async function getLaborAppDetail(id: string) {
await LinghuoyonggongAPI.gitListByCodeDict({ code : 'sex'}).then(res=>{
DictData.sexArr = res;
}) })
const pageData = reactive({ await LinghuoyonggongAPI.gitListByCodeDict({ code : 'education'}).then(res=>{
loading: false, DictData.educationArr = res;
options: { })
area: [], await LinghuoyonggongAPI.getLaborAppDetail({ id }).then((res) => {
urgentdegree: [], pageData.workersParam = res.workers;
type: [], pageData.contactMobile = res.contactMobile;
},
position: [],
}) })
}
// 返回字典中的中文值
function returnDictZhVel(type:any,val:any){
let valText = "";
if(type == 'gender'){
let arr = DictData.sexArr;
for(let i = 0; i < arr.length;i++){
if(val == parseInt(arr[i].itemValue)){
valText = arr[i].itemText;
break;
}
}
}
if(type == 'edu'){
let arr = DictData.educationArr;
for(let i = 0; i < arr.length;i++){
if(val == parseInt(arr[i].itemValue)){
valText = arr[i].itemText;
break;
}
}
}
return valText;
}
function makePhoneCall(){
uni.makePhoneCall({
phoneNumber: pageData.contactMobile
});
}
</script> </script>
<template> <template>
<view class="details_page"> <view class="details_page">
<view class="details-content">
<view v-if="!pageData.workersParam || pageData.workersParam.length == 0" style="height: 700rpx">
<fui-empty marginTop="100" src="/static/images/no-data.png" title="暂无数据" />
</view>
<view class="yr-person-item" v-for="(item,index) in pageData.workersParam" :key="index">
<view class="yr-person-info">
<view class="person_name_attr">{{item.name}}<text class="person_attr">{{item.attr}}</text></view>
<view class="person-info">{{getCalculateAge(item.birthday)}}｜{{ returnDictZhVel('gender',item.gender) }}｜{{ returnDictZhVel('edu',item.edu)}}</view>
<view class="person-info text_overflow_ellipsis">技能：{{item.skill}}</view>
</view>
</view>
</view>
<view class="make-phone-view">
<fui-button text="电话沟通" bold radius="96rpx" @click="makePhoneCall()" height="80rpx"/>
</view>
</view> </view>
<fui-loading isFixed v-if="pageData.loading" backgroundColor="rgba(0, 0, 0, 0.4)" /> <fui-loading isFixed v-if="pageData.loading" backgroundColor="rgba(0, 0, 0, 0.4)" />
...@@ -36,5 +89,50 @@ ...@@ -36,5 +89,50 @@
background: rgba(230, 245, 232, 1); background: rgba(230, 245, 232, 1);
min-height: 100vh; min-height: 100vh;
width: 750rpx; width: 750rpx;
padding-top: 24rpx;
position: relative;
.details-content{
width: 694rpx;
background-color: #FFFFFF;
margin-left: 28rpx;
border-radius: 12rpx;
padding: 24rpx;
.yr-person-item{
border-bottom: 2rpx solid #EEEEEE;
margin-bottom: 24rpx;
.yr-person-info{
.person_name_attr{
font-size: 28rpx;
font-weight: 500;
color: #333333;
.person_attr{
font-size: 24rpx;
font-weight: 400;
color: #5DB66F;
margin-left: 12rpx;
}
}
.person-info{
font-size: 24rpx;
color: #999999;
vertical-align: middle;
margin-bottom: 24rpx;
margin-top: 24rpx;
}
}
}
.yr-person-item:last-child{
border-bottom: none;
}
}
.make-phone-view{
width: 690rpx;
height: 80rpx;
position: fixed;
left: 30rpx;
bottom: 62rpx;
}
} }
</style> </style>
src/pages/linghuoyonggong/linghuoyonggong.vue
...@@ -14,28 +14,26 @@ ...@@ -14,28 +14,26 @@
}) })
onShow(() => { onShow(() => {
pageData.search.pageNo = 1 resetGetEmploymentList()
if (pageData.currentEmploymentId === 2) {
pageData.search.publishstatu = 2
pageData.search.createBy = ''
}
if (pageData.currentEmploymentId === 1) {
pageData.search.createBy = userStore.getUserInfo.username
}
pageData.employmentList = []
getEmploymentList()
}) })
// 页面数据 // 页面数据
const pageData = reactive({ const pageData = reactive({
loading: false, loading: false,
requestDebounce:null,
searchValue:"",
search: { search: {
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
publishstatu: 2, publishstatu: 1,
type: null, type: null,
createBy: '', createBy: '',
}, },
findSearch: {
pageNo: 1,
pageSize: 10,
keyword:""
},
// 用工类型标签 // 用工类型标签
employmentTabs: [ employmentTabs: [
{ id: 2, name: '找人干活' }, { id: 2, name: '找人干活' },
...@@ -94,81 +92,30 @@ ...@@ -94,81 +92,30 @@
if (pageData.loading || (pageData.total > 0 && pageData.employmentList.length >= pageData.total)) { if (pageData.loading || (pageData.total > 0 && pageData.employmentList.length >= pageData.total)) {
return return
} }
pageData.loading = true;
pageData.loading = true
// 添加请求防抖，避免快速连续请求 // 添加请求防抖，避免快速连续请求
if (pageData.requestDebounce) { if (pageData.requestDebounce) {
clearTimeout(pageData.requestDebounce) clearTimeout(pageData.requestDebounce)
} }
pageData.requestDebounce = setTimeout(async () => { pageData.requestDebounce = setTimeout(async () => {
try { try {
/* const res = await fetchWithRetry(() => LinghuoyonggongAPI.employmentList(pageData.search)) // const res = await fetchWithRetry(() => LinghuoyonggongAPI.employmentList(pageData.search))
const { records, total } = res */ let res = null;
if(pageData.currentEmploymentId == 2){
const total = 18; res = await fetchWithRetry(() => LinghuoyonggongAPI.getLaborAppList(pageData.findSearch))
const records = [ }else{
{ res = await fetchWithRetry(() => LinghuoyonggongAPI.employmentList(pageData.search))
"id": "1", }
"updateBy": "admin",
"updateTime": "2025/12/17",
"sysOrgCode": "技术部",
"name": "名称",
"picture": "https://gips0.baidu.com/it/u=1690853528,2506870245&fm=3028&app=3028&f=JPEG&fmt=auto?w=1024&h=1024",
"type": "种值",
"content": "工作内容",
"workers": 101,
"price": 220,
"area": "张家界市",
"address": "荷花村",
"longitude": "110.465501",
"latitude": "29.114429",
"urgentdegree": 1,
"starttime": "2025-12-17",
"estimatedendtime": "2025-12-19",
"createBy": "老王",
"createTime": "2025-12-17",
"reviewstatu": "审核状态",
"reviewinfo": " 审核信息",
"publishstatu": "发布状态"
},
{
"id": "1",
"updateBy": "admin",
"updateTime": "2025/12/17",
"sysOrgCode": "技术部",
"name": "名称2",
"picture": "https://gips2.baidu.com/it/u=195724436,3554684702&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960",
"type": "种值2",
"content": "工作内容",
"workers": 101,
"price": 220,
"area": "张家界市",
"address": "荷花村",
"longitude": "110.465501",
"latitude": "29.114429",
"urgentdegree": 1,
"starttime": "2025-12-17",
"estimatedendtime": "2025-12-19",
"createBy": "老王",
"createTime": "2025-12-17",
"reviewstatu": "审核状态",
"reviewinfo": " 审核信息",
"publishstatu": "发布状态"
}
];
const { records, total } = res;
// 批量处理数据，避免多次DOM操作 // 批量处理数据，避免多次DOM操作
const processedRecords = records.map((item) => { const processedRecords = records.map((item) => {
// 缓存区域处理结果 // 缓存区域处理结果
item.area = getText(item.area, ' / ') item.area = getText(item.area, ' / ')
// 计算天数并缓存结果 // 计算天数并缓存结果
if (item.starttime && item.estimatedendtime) { if (item.starttime && item.estimatedendtime) {
item.daysDiff = getDaysDiff(item.starttime, item.estimatedendtime) item.daysDiff = getDaysDiff(item.starttime, item.estimatedendtime)
} }
return item return item
}) })
...@@ -197,17 +144,7 @@ ...@@ -197,17 +144,7 @@
// 用工类型标签点击事件 // 用工类型标签点击事件
function onEmploymentTabClick(tab: any) { function onEmploymentTabClick(tab: any) {
pageData.currentEmploymentId = tab.id pageData.currentEmploymentId = tab.id
pageData.search.pageNo = 1 resetGetEmploymentList()
pageData.employmentList = []
if (pageData.currentEmploymentId === 1) {
pageData.search.publishstatu = 1
pageData.search.createBy = ''
}
if (pageData.currentEmploymentId === 2) {
pageData.search.createBy = userStore.getUserInfo.username
}
getEmploymentList()
// 在这里添加具体的用工类型标签点击逻辑
} }
// 用工项点击事件 // 用工项点击事件
...@@ -256,10 +193,35 @@ ...@@ -256,10 +193,35 @@
return diffDays return diffDays
} }
function onSearch(res:any){ function onSearch(res:any){
uni.showToast({ pageData.employmentList = []
title: '搜索：' + res.value, if (pageData.currentEmploymentId === 1) {
icon: 'none' pageData.search.pageNo = 1
}) pageData.search.publishstatu = 1
pageData.search.createBy = res.value
}
if (pageData.currentEmploymentId === 2) {
pageData.findSearch.pageNo = 1;
pageData.findSearch.keyword = res.value;
}
getEmploymentList()
}
// 取消搜索了
function onSearchCancel(){
resetGetEmploymentList();
}
function resetGetEmploymentList(){
pageData.employmentList = []
pageData.searchValue = "";
if (pageData.currentEmploymentId === 1) {
pageData.search.pageNo = 1
pageData.search.publishstatu = 1
pageData.search.createBy = ''
}
if (pageData.currentEmploymentId === 2) {
pageData.findSearch.pageNo = 1;
pageData.findSearch.keyword = "";
}
getEmploymentList()
} }
onReachBottom(() => { onReachBottom(() => {
console.log('触底了') console.log('触底了')
...@@ -276,7 +238,8 @@ ...@@ -276,7 +238,8 @@
// 查看找人干活详情 // 查看找人干活详情
function onDetailsClick(item: any) { function onDetailsClick(item: any) {
Navigate.to(`/pages/linghuoyonggong/details?id=${item.id}`) let param = encodeURIComponent(JSON.stringify({id:item.id,villageName:item.villageName}));
Navigate.to('/pages/linghuoyonggong/details?param='+param);
} }
</script> </script>
...@@ -300,7 +263,7 @@ ...@@ -300,7 +263,7 @@
<view class="codefun-mt-14 codefun-flex-col group_3"> <view class="codefun-mt-14 codefun-flex-col group_3">
<view class="top-search-view"> <view class="top-search-view">
<uni-search-bar radius="100" placeholder="请输入搜索内容" clearButton="auto" cancelButton="none" @confirm="onSearch" /> <uni-search-bar radius="100" v-model="pageData.searchValue" placeholder="请输入搜索内容" clearButton="auto" cancelButton="none" @confirm="onSearch" @cancel="onSearchCancel" @clear="onSearchCancel"/>
</view> </view>
<view class="codefun-flex-row section_2"> <view class="codefun-flex-row section_2">
<view <view
...@@ -378,24 +341,23 @@ ...@@ -378,24 +341,23 @@
</view> </view>
</template> </template>
<template v-else> <template v-else>
<view class="work_list_view" v-for="(item,index) in 10" :key="index"> <view class="work_list_view" v-for="item in pageData.employmentList" :key="item.id">
<view class="d-flex j-sb"> <view class="d-flex j-sb">
<view class="left-width village_number_view"> <view class="left-width village_number_view">
<view class="village_view text_overflow_ellipsis">先锋村{{index}}</view> <view class="village_view text_overflow_ellipsis">{{ item.villageName }}</view>
<view class="d-flex align-center"><image class="avatar_icon" src="/static/images/linghuoyonggong/avatar.png" /><text class="text-color">待工人员20名</text></view> <view class="d-flex align-center"><image class="avatar_icon" src="/static/images/linghuoyonggong/avatar.png" /><text class="text-color">待工人员{{item.workers}}名</text></view>
</view> </view>
<view class="d-flex align-center justify-center right-width village_distance"> <view class="d-flex align-center justify-center right-width village_distance">
<image class="distance_icon" src="/static/images/linghuoyonggong/distance.png" /> <image class="distance_icon" src="/static/images/linghuoyonggong/distance.png" />
<text class="distance_val text-color">3.2km</text> <text class="distance_val text-color">2km</text>
</view> </view>
</view> </view>
<view class="d-flex j-sb skill_details_view"> <view class="d-flex j-sb skill_details_view">
<view class="left-width d-flex j-sb align-center"> <view class="left-width d-flex j-sb align-center">
<image class="skill_icon" src="/static/images/linghuoyonggong/skill.png" /> <image class="skill_icon" src="/static/images/linghuoyonggong/skill.png" />
<view class="skill_view text_overflow_ellipsis">技能：采摘、饲养、编织、粉刷、种植...</view> <view class="skill_view text_overflow_ellipsis">技能：{{item.skills.length ? item.skills.join("、") : '未填写'}}</view>
</view> </view>
<view class="right-width see_details_btn" @click="onDetailsClick({id:index})">查看详情</view> <view class="right-width see_details_btn" @click="onDetailsClick(item)">查看详情</view>
</view> </view>
</view> </view>
......
src/pages/linghuoyonggong/publishEmployment.vue
<script setup lang="ts"> <script setup lang="ts">
import { reactive, toRefs, ref } from 'vue' import { reactive, toRefs, ref, computed } from 'vue'
import { onLoad, onShow } from '@dcloudio/uni-app' import { onLoad, onShow } from '@dcloudio/uni-app'
import { useUserStore } from '@/store/modules/user' import { useUserStore } from '@/store/modules/user'
import { useGlobSetting } from '/@/hooks/setting' import { useGlobSetting } from '/@/hooks/setting'
import * as LinghuoyonggongAPI from '@/api/model/linghuoyonggong' import * as LinghuoyonggongAPI from '@/api/model/linghuoyonggong'
import { getCalculateAge } from '@/utils/date'
import * as UserInfoAPI from '@/api/model/userInfo' import * as UserInfoAPI from '@/api/model/userInfo'
import { areaTree, getCodeByText, getTextByCode } from '@/utils/areaData' import { areaTree, getCodeByText, getTextByCode } from '@/utils/areaData'
import { useDictStore } from '@/store/modules/dict' import { useDictStore } from '@/store/modules/dict'
...@@ -13,6 +14,8 @@ ...@@ -13,6 +14,8 @@
const dictStore = useDictStore() const dictStore = useDictStore()
const userStore = useUserStore() const userStore = useUserStore()
const globSetting = useGlobSetting() const globSetting = useGlobSetting()
onLoad((option) => { onLoad((option) => {
// 获取数据详情 // 获取数据详情
if (option.id) { if (option.id) {
...@@ -30,6 +33,20 @@ ...@@ -30,6 +33,20 @@
// 数据字典赋值 // 数据字典赋值
initDict() initDict()
}) })
const VerificationInfo1 = {
addr:'请选择村',
contactName:'请输入联系人',
contactMobile:'请输入联系电话'
}
const VerificationInfo2 = {
name:'请输入姓名',
mobile:'请输入手机号',
genderZh:'请选择性别',
birthday:'请选择出生日期',
eduZh:"请选择学历",
attr:"请选择人员属性",
skill:"请选择人员技能"
}
const skillPopupRef = ref(null); const skillPopupRef = ref(null);
let tempWorkersParam = reactive({ let tempWorkersParam = reactive({
id:null, id:null,
...@@ -44,6 +61,8 @@ ...@@ -44,6 +61,8 @@
attr:"",// 人员属性 attr:"",// 人员属性
skill:"", // 人员技能 skill:"", // 人员技能
}) })
const startDate = getDate('start');
const endDate = getDate('end');
// 字典值 // 字典值
const DictData = reactive({ const DictData = reactive({
sexArr:[],// 性别 sexArr:[],// 性别
...@@ -55,7 +74,8 @@ ...@@ -55,7 +74,8 @@
isSkillPopupShow:false, isSkillPopupShow:false,
skillValue:[], skillValue:[],
skillOptionsVal:[] skillOptionsVal:[],
}) })
const pageData = reactive({ const pageData = reactive({
...@@ -79,6 +99,9 @@ ...@@ -79,6 +99,9 @@
contactMobile:"", contactMobile:"",
}, },
workersParam:[], workersParam:[],
actionType:'add',
editWorkersIndex:0,
loading: false, loading: false,
isPersonPopupShow:false, isPersonPopupShow:false,
datePickerShow:false, datePickerShow:false,
...@@ -99,7 +122,6 @@ ...@@ -99,7 +122,6 @@
id: '', id: '',
name: '', name: '',
content: '', content: '',
workers: '',
price: '', price: '',
typeText: '', typeText: '',
type: null, type: null,
...@@ -179,7 +201,7 @@ ...@@ -179,7 +201,7 @@
DictData.socialattributesArr = res; DictData.socialattributesArr = res;
}) })
queryByCategoryAndCode(2002,null); queryByCategoryAndCode(0,null);
} }
function queryByCategoryAndCode(code,e){ function queryByCategoryAndCode(code,e){
...@@ -192,7 +214,6 @@ ...@@ -192,7 +214,6 @@
obj.value = res[i].code; obj.value = res[i].code;
dataArr.push(obj); dataArr.push(obj);
} }
console.log(dataArr);
if(!DictData.skillOptionsVal.length){ if(!DictData.skillOptionsVal.length){
DictData.skillOptionsVal = dataArr; DictData.skillOptionsVal = dataArr;
}else{ }else{
...@@ -205,50 +226,111 @@ ...@@ -205,50 +226,111 @@
} }
// 选择技能完成 // 选择技能完成
function selectCompleteSkill(e){ function selectCompleteSkill(e){
tempWorkersParam.skill = e.text.join(''); // tempWorkersParam.skill = e.text.join('');
let valText = e.text[e.text.length-1];
if(tempWorkersParam.skill.length){
let skillArray = tempWorkersParam.skill.split("、");
if(skillArray.length < 3){
tempWorkersParam.skill = tempWorkersParam.skill+'、'+valText;
}else{
toastRef.value.show({
type: 'error',
text: '最多只能选择3项技能！',
})
}
}else{
tempWorkersParam.skill = valText;
}
DictData.isSkillPopupShow = false; DictData.isSkillPopupShow = false;
} }
// 技能值发生了改变 // 技能值发生了改变
function changeSkill(e){ function changeSkill(e){
console.log(e)
let val = e.value; let val = e.value;
queryByCategoryAndCode(val,e); queryByCategoryAndCode(val,e);
} }
// 出生日期的选择 // 学历和属性的选择
function attrChange(e) { function attrChange(e) {
if(DictData.dictType == 'education'){ if(DictData.dictType == 'education'){
let educationArr = DictData.educationArr; let educationArr = DictData.educationArr;
tempWorkersParam.eduZh = e.value; tempWorkersParam.eduZh = e.value;
for(let i = 0; i < educationArr.length; i++){ for(let i = 0; i < educationArr.length; i++){
if(e.value == educationArr[i].itemText){ if(e.value == educationArr[i].itemText){
tempWorkersParam.edu = parseInt(educationArr[i].id); tempWorkersParam.edu = parseInt(educationArr[i].itemValue);
break; break;
} }
} }
} }
if(DictData.dictType == 'socialattributes'){ if(DictData.dictType == 'socialattributes'){
tempWorkersParam.attr = e.value; tempWorkersParam.attr = e.value;
console.log("tempWorkersParam.attr= "+tempWorkersParam.attr);
} }
pageData.attrPickerShow = false; pageData.attrPickerShow = false;
} }
// 出生日期的选择 // 出生日期的选择
function dateBirthChange(e) { function dateBirthChange(e) {
tempWorkersParam.birthday = e.result; tempWorkersParam.birthday = e.detail.value;
pageData.datePickerShow = false; }
function getDate(type) {
const date = new Date();
let year = date.getFullYear();
let month:any = date.getMonth() + 1;
let day:any = date.getDate();
if (type === 'start') {
year = year - 18;
} else if (type === 'end') {
year = year + 10;
}
month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day;
return `${year}-${month}-${day}`;
} }
// 添加人员 // 添加人员
function addPersonData(){ function addPersonData(){
let sexArr = DictData.sexArr; tempWorkersParam.gender = parseInt(tempWorkersParam.genderZh);
for(let i = 0; i < sexArr.length; i++){ let entries = Object.entries(VerificationInfo2);
if(tempWorkersParam.genderZh == sexArr[i].itemText){ for (let [key, value] of entries) {
tempWorkersParam.gender = sexArr[i].id; if(tempWorkersParam[key].trim().length === 0){
break; toastRef.value.show({
type: 'error',
text: value,
})
return;
} }
} }
if(pageData.actionType == 'edit'){
let editObj = pageData.workersParam[pageData.editWorkersIndex];
Object.keys(tempWorkersParam).forEach((item) => {
editObj[item] = tempWorkersParam[item];
});
}else{
pageData.workersParam.push(JSON.parse(JSON.stringify(tempWorkersParam))); pageData.workersParam.push(JSON.parse(JSON.stringify(tempWorkersParam)));
}
pageData.isPersonPopupShow = false; pageData.isPersonPopupShow = false;
} }
// 返回字典中的中文值
function returnDictZhVel(type:any,val:any){
let valText = "";
if(type == 'gender'){
let arr = DictData.sexArr;
for(let i = 0; i < arr.length;i++){
if(val == parseInt(arr[i].itemValue)){
valText = arr[i].itemText;
break;
}
}
}
if(type == 'edu'){
let arr = DictData.educationArr;
for(let i = 0; i < arr.length;i++){
if(val == parseInt(arr[i].itemValue)){
valText = arr[i].itemText;
break;
}
}
}
return valText;
}
// 选择出生日期 // 选择出生日期
function onPickerTap(e) { function onPickerTap(e) {
...@@ -282,6 +364,19 @@ ...@@ -282,6 +364,19 @@
tempWorkersParam.eduZh=""; tempWorkersParam.eduZh="";
tempWorkersParam.attr=""; tempWorkersParam.attr="";
tempWorkersParam.skill=""; tempWorkersParam.skill="";
pageData.actionType = "add";
pageData.isPersonPopupShow = true;
}
// 编辑找人干活待业人员
function editPersonPopup(index){
let workersParamObj = pageData.workersParam[index];
workersParamObj.eduZh = returnDictZhVel('edu',workersParamObj.edu)
// workersParamObj.skill.split("、");
Object.keys(workersParamObj).forEach((item) => {
tempWorkersParam[item] = workersParamObj[item];
});
pageData.actionType = "edit";
pageData.editWorkersIndex = index;
pageData.isPersonPopupShow = true; pageData.isPersonPopupShow = true;
} }
function colChange(e) { function colChange(e) {
...@@ -379,9 +474,9 @@ ...@@ -379,9 +474,9 @@
pageData.isActive=true; pageData.isActive=true;
} }
/* ****************************************************** */
/* ****************************************************** */
const { show, options, form } = toRefs(pageData); const { show, options, form } = toRefs(pageData);
async function initDict() { async function initDict() {
pageData.options.area = await getDictData(); pageData.options.area = await getDictData();
...@@ -430,8 +525,6 @@ ...@@ -430,8 +525,6 @@
)?.text )?.text
pageData.form.typeText = pageData.options.type.find((item) => item.value == pageData.form.type)?.text pageData.form.typeText = pageData.options.type.find((item) => item.value == pageData.form.type)?.text
pageData.form.pictureObj = pageData.form.picture && parseUrlInfo(pageData.form.picture) pageData.form.pictureObj = pageData.form.picture && parseUrlInfo(pageData.form.picture)
console.log(pageData.form)
}) })
.finally(() => { .finally(() => {
pageData.loading = false pageData.loading = false
...@@ -442,7 +535,6 @@ ...@@ -442,7 +535,6 @@
// 从URL中提取文件名 // 从URL中提取文件名
const pathParts = url.split('/') const pathParts = url.split('/')
const fileName = pathParts[pathParts.length - 1] const fileName = pathParts[pathParts.length - 1]
// 提取扩展名 // 提取扩展名
const fileParts = fileName.split('.') const fileParts = fileName.split('.')
const extname = fileParts[fileParts.length - 1] const extname = fileParts[fileParts.length - 1]
...@@ -546,8 +638,35 @@ ...@@ -546,8 +638,35 @@
} }
// 发布灵活用工 // 发布灵活用工
function submitLaborAdd(){ function submitLaborAdd(){
let laborParam = pageData.laborParam;
if (pageData.position.length == 0) {
toastRef.value.show({
type: 'error',
text: '无法获取位置',
})
return
}
laborParam.lon = pageData.position[0];
laborParam.lat = pageData.position[1];
let entries = Object.entries(VerificationInfo1);
for (let [key, value] of entries) {
if(laborParam[key].trim().length === 0){
toastRef.value.show({
type: 'error',
text: value,
})
return;
}
}
if(!pageData.workersParam.length){
toastRef.value.show({
type: 'error',
text: '请选择待业人员',
})
return;
}
let formData = { let formData = {
laborParam:pageData.laborParam, laborParam:laborParam,
workersParam:pageData.workersParam workersParam:pageData.workersParam
} }
LinghuoyonggongAPI.postLaborAdd(formData).then((res) => { LinghuoyonggongAPI.postLaborAdd(formData).then((res) => {
...@@ -555,9 +674,11 @@ ...@@ -555,9 +674,11 @@
type: 'success', type: 'success',
text: '发布成功', text: '发布成功',
}) })
uni.switchTab({ setTimeout(()=>{
url: '/pages/chanxiao/chanxiao', uni.navigateBack({
}) delta: 1
});
},1000)
}) })
} }
function getCurrentDate(){ function getCurrentDate(){
...@@ -608,26 +729,13 @@ ...@@ -608,26 +729,13 @@
<view class="yr-person-item" v-for="(item,index) in pageData.workersParam" :key="index"> <view class="yr-person-item" v-for="(item,index) in pageData.workersParam" :key="index">
<view class="yr-person-info"> <view class="yr-person-info">
<view class="person_name_attr">{{item.name}}<text class="person_attr">{{item.attr}}</text></view> <view class="person_name_attr">{{item.name}}<text class="person_attr">{{item.attr}}</text></view>
<view class="person-info">54｜{{item.gender}}｜{{item.edu}}</view> <view class="person-info">{{getCalculateAge(item.birthday)}}｜{{ returnDictZhVel('gender',item.gender) }}｜{{ returnDictZhVel('edu',item.edu)}}</view>
<view class="person-info text_overflow_ellipsis">技能：{{item.skill}}</view> <view class="person-info text_overflow_ellipsis">技能：{{item.skill}}</view>
</view> </view>
<view class="edit_person"> <view class="edit_person" @click="editPersonPopup(index)">
<image class="edit_person_icon" src="/static/images/linghuoyonggong/edit_person.png" /> <image class="edit_person_icon" src="/static/images/linghuoyonggong/edit_person.png" />
</view> </view>
</view> </view>
<!-- <view class="yr-person-item">
<view class="yr-person-info">
<view class="person_name_attr">何德海<text class="person_attr">低保户</text></view>
<view class="person-info">54｜男｜高中以下</view>
<view class="person-info text_overflow_ellipsis">技能：采摘、养殖、粉刷、种植元素通常用于创建超链接。如果你想通过CSS选择器选</view>
</view>
<view class="edit_person">
<image class="edit_person_icon" src="/static/images/linghuoyonggong/edit_person.png" />
</view>
</view> -->
</view> </view>
</view> </view>
...@@ -655,7 +763,8 @@ ...@@ -655,7 +763,8 @@
<view class="popup_top"> <view class="popup_top">
<uni-icons type="left" size="24" color="#333333" @click="pageData.isPersonPopupShow = false"></uni-icons> <uni-icons type="left" size="24" color="#333333" @click="pageData.isPersonPopupShow = false"></uni-icons>
<view class="add_person_text">添加人员</view> <view class="add_person_text">添加人员</view>
<view class="del_person_btn" @click="pageData.isPersonPopupShow = false">删除</view> <view class="del_person_btn" v-if="pageData.actionType == 'edit'" @click="pageData.isPersonPopupShow = false">删除</view>
<view class="del_person_btn" v-else></view>
</view> </view>
<view class="popup_content"> <view class="popup_content">
<fui-form error-position="1" ref="form" top="0" :model="tempWorkersParam" :show="false"> <fui-form error-position="1" ref="form" top="0" :model="tempWorkersParam" :show="false">
...@@ -673,9 +782,11 @@ ...@@ -673,9 +782,11 @@
</fui-label> </fui-label>
</fui-radio-group> </fui-radio-group>
</fui-form-item> </fui-form-item>
<fui-form-item label="出生日期" highlight @click="pageData.datePickerShow=true;"> <fui-form-item label="出生日期" highlight>
<picker class="publish_empl_picker" mode="date" :value="startDate" :start="startDate" :end="endDate" @change="dateBirthChange">
<fui-input :borderBottom="false" v-model="tempWorkersParam.birthday" :padding="[0]" :disabled="true" placeholder="请选择出生日期" <fui-input :borderBottom="false" v-model="tempWorkersParam.birthday" :padding="[0]" :disabled="true" placeholder="请选择出生日期"
backgroundColor="transparent"></fui-input> backgroundColor="transparent"></fui-input>
</picker>
</fui-form-item> </fui-form-item>
<fui-form-item label="学历" highlight @click="onPickerTap('education')"> <fui-form-item label="学历" highlight @click="onPickerTap('education')">
<fui-input v-model="tempWorkersParam.eduZh" :borderBottom="false" :padding="[0]" placeholder="请选择学历" :disabled="true" <fui-input v-model="tempWorkersParam.eduZh" :borderBottom="false" :padding="[0]" placeholder="请选择学历" :disabled="true"
...@@ -695,7 +806,9 @@ ...@@ -695,7 +806,9 @@
</view> </view>
</fui-bottom-popup> </fui-bottom-popup>
<fui-date-picker :show="pageData.datePickerShow" :type="3" value="1900" valueEnd="" @change="dateBirthChange" @cancel="pageData.datePickerShow=false"></fui-date-picker> <!-- <fui-date-picker :show="pageData.datePickerShow" :type="3" value="1900" valueEnd="" @change="dateBirthChange" @cancel="pageData.datePickerShow=false"></fui-date-picker>
-->
<!-- <picker mode="date" :value="currentDate" :start="startDate" :end="endDate" @change="dateBirthChange"></picker> -->
<fui-picker :show="pageData.attrPickerShow" layer="1" :options="DictData.dictValArr" :linkage="false" @change="attrChange" @cancel="pageData.attrPickerShow = false"></fui-picker> <fui-picker :show="pageData.attrPickerShow" layer="1" :options="DictData.dictValArr" :linkage="false" @change="attrChange" @cancel="pageData.attrPickerShow = false"></fui-picker>
<!-- 人员技能 --> <!-- 人员技能 -->
<fui-bottom-popup :show="DictData.isSkillPopupShow"> <fui-bottom-popup :show="DictData.isSkillPopupShow">
......
src/utils/date.ts
...@@ -29,3 +29,23 @@ export function formatDate(date: Date | number | string): string { ...@@ -29,3 +29,23 @@ export function formatDate(date: Date | number | string): string {
return `${year}-${month}-${day}` return `${year}-${month}-${day}`
} }
/**
* 根据日期算出年龄
* @param date 日期字符串
* @returns 算出的年龄
*/
export function getCalculateAge(birthDate: Date | string): number {
// 解析出生日期字符串为Date对象
const birthDateObj = new Date(birthDate);
// 获取当前日期
const currentDate = new Date();
// 计算两个日期之间的年份差异
let age = currentDate.getFullYear() - birthDateObj.getFullYear();
// 检查是否还没到生日，如果是，则年龄减1
const m = currentDate.getMonth() - birthDateObj.getMonth();
if (m < 0 || (m === 0 && currentDate.getDate() < birthDateObj.getDate())) {
age--;
}
return age;
}
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论