用工小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

158 lines
4.9 KiB

<template>
<view>
<view class="se-m-20 se-br-20 se-bs-b se-bgc-white se-py-20 se-px-30" v-for="(items,indexs) in taskList"
:key="indexs" @click="onMasterDetail(items)">
<view class="se-flex se-flex-h-sb">
<view class="se-flex se-fw-6">
<text class="se-c-black se-fs-30">{{items.title}}</text>
<text class="se-mx-10 se-b-l"></text>
<text class="se-fs-28 se-c-orange">日薪:{{items.salaryDay}}</text>
</view>
<view class="se-c-orange se-fs-32 se-fw-6">
{{items.salaryMin}}-{{items.salaryMax}}k
</view>
</view>
<view class="se-py-10">
<text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5"
v-if="items.categoryOne_dictText">{{items.categoryOne_dictText}}</text>
<text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5"
v-if="items.categoryTwo_dictText">{{items.categoryTwo_dictText}}</text>
<text class="se-c-text-sub se-fs-22 se-mr-10 se-py-5 se-px-20 se-br-5 se-bgc-f5"
v-if="items.payType_dictText">{{items.payType_dictText}}</text>
</view>
<view class="se-flex se-flex-h-sb">
<view class="se-flex se-flex-h-c">
<u-icon name="map"></u-icon>
<text
class="se-c-text-sub se-fs-24 se-pr-10">{{items.latitude,items.longitude | getDistance}}km</text>
<text class="se-c-text-sub se-fs-24 se-pl-10 se-b-l se-toe-3"
style="max-width: 220rpx;">{{items.address}}</text>
</view>
<view class="se-c-text se-c-text-sub se-fs-24">
{{items.createTime | formatTime}}
</view>
<view v-if="!items.employOrder"
class="se-flex se-flex-h-c se-py-10 se-px-20 se-br-12 se-fs-22 se-c-orange se-bgc-ffd se-fw-6">
<text class="se-ml-5">修改</text>
</view>
<view v-if="!items.employOrder"
class="se-flex se-flex-h-c se-py-10 se-px-20 se-br-12 se-fs-22 se-c-orange se-bgc-ffd se-fw-6">
<text class="se-ml-5">删除</text>
</view>
<view v-else
class="se-flex se-flex-h-c se-py-10 se-px-20 se-br-12 se-fs-22 se-c-orange se-bgc-ffd se-fw-6">
<text class="se-ml-5">已接单</text>
</view>
</view>
</view>
<u-empty v-if="taskList && taskList.length==0" mode="list"></u-empty>
</view>
</template>
<script>
import {
queryJobListByUserId
} from "@/common/api.js"
export default {
data() {
return {
taskList: [
]
}
},
filters: {
formatTime(time) {
const timestamp = new Date(time).getTime();
const currentTime = new Date().getTime();
console.info("currentTime", currentTime)
const diff = (currentTime - timestamp) / 1000; // 时间差,单位:秒
// 计算月差,判断是否超过一个月
const oneMonthInSeconds = 30 * 24 * 60 * 60;
if (diff > oneMonthInSeconds) {
let date = new Date(timestamp);
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;
return `${year}-${month}-${day}`;
} else {
// 计算秒、分钟、小时的差值
if (diff < 60) {
return `${Math.floor(diff)}秒钟前`;
} else if (diff < 60 * 60) {
return `${Math.floor(diff / 60)}分钟前`;
} else if (diff < 60 * 60 * 24) {
return `${Math.floor(diff / 60 / 60)}小时前`;
} else {
// 显示天数
return `${Math.floor(diff / 60 / 60 / 24)}天前`;
}
}
},
formDate(date) {
return dayjs(date).format("YYYY-MM-DD").fromNow();
},
getDistance(lat1, lng1) {
let lng2 = uni.getStorageSync("longitude")
let lat2 = uni.getStorageSync("latitude")
if (!lng2 && !lat2) {
return "请授权"
}
const R = 6371; // 地球半径,单位:km
const radLat1 = (lat1 * Math.PI) / 180;
const radLat2 = (lat2 * Math.PI) / 180;
const deltaLat = radLat2 - radLat1;
const deltaLng = ((lng2 - lng1) * Math.PI) / 180;
const a =
Math.sin(deltaLat / 2) * Math.sin(deltaLat / 2) +
Math.cos(radLat1) *
Math.cos(radLat2) *
Math.sin(deltaLng / 2) *
Math.sin(deltaLng / 2);
const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
return (R * c).toFixed(2); // 返回保留两位小数的公里数
}
},
onLoad() {
this.onQueryJobListByUserId();
},
methods: {
onMasterDetail(event) {
if(event.employOrder){
uni.navigateTo({
url: "/pages_subpack/order-detail/boss?orderId=" + event.employOrder.id
})
}else{
uni.navigateTo({
url: "/pages_subpack/work-detail/index?id=" + event.id
})
}
},
onQueryJobListByUserId() {
console.log("进入了我发布的招聘页面")
queryJobListByUserId({}).then(response => {
this.taskList = response.result.records
}).catch(error => {
})
}
}
}
</script>
<style>
</style>