<template>
|
<view class="">
|
<view class="coreshop-ff">
|
<up-list>
|
<up-list-item>
|
<up-cell title="周先生">
|
<template #icon>
|
<up-avatar shape="square" size="35" src="https://uview-plus.jiangruyi.com/album/1.jpg"
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
</template>
|
</up-cell>
|
</up-list-item>
|
<view class="c-p-20">
|
<view class="chuany-flex chuany-justify-between chuany-flex-wrap">
|
<text class="chuany-font34 chuany-text-bold">
|
临时工
|
</text>
|
<text class="">
|
日期：2024-08-12
|
</text>
|
</view>
|
</view>
|
<view class="c-p-20">
|
<view class="">
|
<text class="">
|
打卡记录：
|
</text>
|
<view class="chuany-flex chuany-justify-between c-p-t-20">
|
<view
|
class="chuany-flex chuany-flex-direction chuany-align-center textclo chuany-font24 step_item"
|
v-for="(item,index) in 4">
|
<up-avatar shape="square" size="38" src="https://uview-plus.jiangruyi.com/album/1.jpg"
|
@click="previewImage"></up-avatar>
|
<view class="line line-active" v-if="index!==3">
|
|
</view>
|
<up-icon name="checkmark-circle-fill" color="#2979ff" size="22"></up-icon>
|
<text>已打卡</text>
|
<text>10:00</text>
|
</view>
|
|
</view>
|
|
</view>
|
</view>
|
|
<view class="stepwit">
|
<tem-steps></tem-steps>
|
</view>
|
</up-list>
|
<view class="tabbtns">
|
<up-button color='#fece01' class="text-69" text="工资审核"></up-button>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script setup>
|
import {
|
onLoad,
|
onShow,
|
onReachBottom,
|
onPullDownRefresh
|
} from "@dcloudio/uni-app";
|
import {
|
reactive,
|
ref,
|
getCurrentInstance
|
} from 'vue';
|
const {
|
$upload,
|
$api,
|
$util,
|
$db
|
} = getCurrentInstance().appContext.config.globalProperties
|
onLoad(() => {
|
getDaka()
|
})
|
let state = reactive({
|
currentIdex: 0
|
})
|
let dakaList = reactive([])
|
let show = ref(true)
|
const urls = ['https://uview-plus.jiangruyi.com/album/1.jpg']
|
const list2 = reactive([{
|
id: 1,
|
time: '明天 19:00-23:00',
|
name: '临时工',
|
tags: ['4小时', '可无经验', '手脚麻利'],
|
adress: '武侯区桂溪街道4.0km',
|
yaoqiu: '不限',
|
price: 50,
|
peoplenum: 3,
|
zhaodao: 1
|
}]);
|
const click = () => {
|
|
}
|
const change = (e) => {
|
state.currentIdex = e.index
|
}
|
const toDetail = (e) => {
|
uni.navigateTo({
|
url: '/pages/detail/detail'
|
})
|
}
|
const previewImage = () => {
|
uni.previewImage({
|
urls: ['https://uview-plus.jiangruyi.com/album/1.jpg']
|
})
|
}
|
const getDaka = (id) => {
|
$api.getDaka({
|
orderId: id
|
}).then(res => {
|
dakaList = res.data.orderBiddingDetailCheck
|
dakaList.length = 3
|
if (dakaList.length % 2 !== 0) {
|
dakaList.push({})
|
}
|
console.log(res, '打卡');
|
})
|
}
|
</script>
|
|
<style lang='scss'>
|
.list {
|
background-color: #fff;
|
padding: 30rpx 30rpx 0 30rpx;
|
}
|
|
.content {
|
height: 430rpx;
|
width: 100%;
|
background-color: #fff;
|
border-radius: 20rpx;
|
/* margin: 30rpx 30rpx 0 30rpx; */
|
box-shadow: 0rpx 4rpx 12rpx 3rpx rgba(85, 85, 85, 0.10);
|
}
|
|
.bgblue {
|
background-color: #4e96f5;
|
border-radius: 20rpx 20rpx 0 0;
|
color: #fff;
|
}
|
|
.redcla {
|
color: #f05348;
|
}
|
|
.textclo {
|
color: #606266;
|
}
|
|
.stepwit {
|
width: 50%;
|
margin: 0 auto
|
}
|
|
.step_item {
|
position: relative;
|
/* width: 144rpx; */
|
display: flex;
|
|
.line {
|
position: absolute;
|
top: 92rpx;
|
left: 52rpx;
|
content: "";
|
height: 4rpx;
|
width: 192rpx;
|
|
}
|
|
.line-active {
|
background-color: #2979ff;
|
}
|
}
|
</style>
|
