Browse Source
feat: 新增订单列表页面并优化求职招聘流程
fix: 修复支付页面金额计算错误问题 refactor: 重构订单详情页面布局和交互逻辑 style: 统一日薪字段显示为"试工日薪" perf: 优化地址选择组件性能 docs: 更新页面注释和文案master
20 changed files with 708 additions and 142 deletions
Split View
Diff Options
-
+1 -1App.vue
-
+1 -1common/config.js
-
+9 -3components/list/enterprise.vue
-
+1 -1config.js
-
+9 -0pages.json
-
+2 -2pages_subpack/employ-progress/index.vue
-
+88 -27pages_subpack/enterprise/index.vue
-
+14 -13pages_subpack/hire/index.vue
-
+176 -0pages_subpack/hire/order-list.vue
-
+18 -6pages_subpack/job-hunt/index.vue
-
+4 -8pages_subpack/job-order-detail/index.vue
-
+125 -18pages_subpack/order-detail/boss.vue
-
+0 -6pages_subpack/order-detail/index.vue
-
+121 -31pages_subpack/pay/index.vue
-
+4 -2pages_subpack/payment/index.vue
-
+3 -3pages_subpack/release/component/enterprise.vue
-
+70 -8pages_subpack/release/component/master.vue
-
+3 -1pages_subpack/release/index.vue
-
+28 -11pages_subpack/work-detail/index.vue
-
+31 -0store/modules/data.js
+ 1
- 1
App.vue
View File
+ 1
- 1
common/config.js
View File
+ 9
- 3
components/list/enterprise.vue
View File
+ 1
- 1
config.js
View File
+ 9
- 0
pages.json
View File
+ 2
- 2
pages_subpack/employ-progress/index.vue
View File
+ 88
- 27
pages_subpack/enterprise/index.vue
View File
+ 14
- 13
pages_subpack/hire/index.vue
View File
+ 176
- 0
pages_subpack/hire/order-list.vue
View File
| @ -0,0 +1,176 @@ | |||
| <template> | |||
| <view class="u-page se-w-vw-100"> | |||
| <!-- 招聘信息头部 --> | |||
| <view class="se-m-20 se-br-20 se-bs-b se-bgc-white se-py-20 se-px-30" v-if="jobInfo"> | |||
| <view class="se-flex se-flex-h-sb se-mb-10"> | |||
| <view class="se-flex se-fw-6"> | |||
| <text class="se-c-black se-fs-30">{{jobInfo.title}}</text> | |||
| <text class="se-mx-10 se-b-l"></text> | |||
| <text class="se-fs-28 se-c-orange">日薪:{{jobInfo.salaryDay}}</text> | |||
| </view> | |||
| <view class="se-c-orange se-fs-32 se-fw-6"> | |||
| {{jobInfo.salaryMin}}-{{jobInfo.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="jobInfo.categoryOne_dictText">{{jobInfo.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="jobInfo.categoryTwo_dictText">{{jobInfo.categoryTwo_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-pl-10 se-toe-3">{{jobInfo.address}}</text> | |||
| </view> | |||
| <view | |||
| style="flex-shrink: 0;" | |||
| class="se-c-orange se-fs-24 se-fw-6"> | |||
| 共{{orderList.length}}个订单 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="se-p-40"> | |||
| <view class="se-px-40 se-mb-30 se-py-30 se-bgc-white se-br-40 se-bs-b" | |||
| v-for="(item, index) in orderList" | |||
| :key="index" | |||
| @click="onOrderDetail(item)"> | |||
| <view class="se-flex se-flex-h-sb se-fw-6 se-fs-32 se-pb-20"> | |||
| <view class="se-flex"> | |||
| </view> | |||
| <view class="se-c-red"> | |||
| {{getStatusText(item.status)}} | |||
| </view> | |||
| </view> | |||
| <view class="se-flex se-bgc-f5 se-br-20 se-p-20"> | |||
| <view class="se-w-160 se-h-160"> | |||
| <image class="se-w-160 se-h-160 se-br-10" :src="item.employResume ? | |||
| item.employResume.headImage | |||
| : '/static/image/user.png'" mode="aspectFill"></image> | |||
| </view> | |||
| <view class="se-ml-20 se-flex se-flex-v-sa se-flex-ai-fs se-flex-1"> | |||
| <view class="se-fw-6 se-c-black se-fs-30 se-display-ib se-mb-10">求职者：{{item.jobName}}</view> | |||
| <view class="se-fs-24 se-c-text-third se-display-ib se-mb-5">联系电话：{{item.jobPhone}}</view> | |||
| <view class="se-fs-24 se-c-text-third se-display-ib se-mb-5">接单时间：{{item.createTime | formatTime}}</view> | |||
| <view class="se-fs-24 se-c-text-third se-display-ib se-mb-5">工作地址：{{item.jobAddress}}</view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <u-empty v-if="orderList && orderList.length==0" mode="list" text="暂无订单信息"></u-empty> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| import { | |||
| getTaskById | |||
| } from "@/common/api.js" | |||
| export default { | |||
| data() { | |||
| return { | |||
| orderList: [], | |||
| jobInfo: null, | |||
| jobId: null | |||
| } | |||
| }, | |||
| filters: { | |||
| formatTime(time) { | |||
| if (!time) return ''; | |||
| // 处理时间戳格式（可能是毫秒或字符串） | |||
| let timestamp; | |||
| if (typeof time === 'number') { | |||
| // 如果是数字，直接使用 | |||
| timestamp = time; | |||
| } else { | |||
| // 如果是字符串，转换为时间戳 | |||
| timestamp = new Date(time).getTime(); | |||
| } | |||
| const currentTime = new Date().getTime(); | |||
| 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)}天前`; | |||
| } | |||
| } | |||
| } | |||
| }, | |||
| onLoad(options) { | |||
| if (options.jobId) { | |||
| this.jobId = options.jobId; | |||
| } | |||
| }, | |||
| onShow(){ | |||
| this.getJobDetail(); | |||
| }, | |||
| methods: { | |||
| getJobDetail() { | |||
| getTaskById({ id: this.jobId }).then(response => { | |||
| if (response.success) { | |||
| this.jobInfo = response.result; | |||
| this.orderList = this.jobInfo.employOrder || []; | |||
| // 设置页面标题 | |||
| uni.setNavigationBarTitle({ | |||
| title: `${this.jobInfo.title} - 订单列表` | |||
| }); | |||
| } else { | |||
| uni.showToast({ | |||
| title: '获取工作详情失败', | |||
| icon: 'none' | |||
| }); | |||
| } | |||
| }).catch(error => { | |||
| console.error('获取工作详情失败:', error); | |||
| uni.showToast({ | |||
| title: '网络错误', | |||
| icon: 'none' | |||
| }); | |||
| }); | |||
| }, | |||
| getStatusText(status) { | |||
| const statusMap = { | |||
| 0: '待聘用', | |||
| 1: '进行中', | |||
| 2: '试工完成', | |||
| 3: '企业确认', | |||
| 4: '已支付', | |||
| 5: '已完成', | |||
| 6: '已取消' | |||
| }; | |||
| return statusMap[status] || '未知状态'; | |||
| }, | |||
| onOrderDetail(order) { | |||
| uni.navigateTo({ | |||
| url: `/pages_subpack/order-detail/boss?orderId=${order.id}&type=true` | |||
| }); | |||
| } | |||
| } | |||
| } | |||
| </script> | |||
| <style> | |||
| </style> | |||