Min5203
4 years ago
7 changed files with 277 additions and 242 deletions
@ -0,0 +1,23 @@ |
|||||
|
<template> |
||||
|
<view> </view> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
onLoad(options => { |
||||
|
// 根据交付物id获取上传记录 |
||||
|
(async function getHistory() { |
||||
|
try { |
||||
|
const param = { deliverId: options.deliverId }; |
||||
|
const data = await uni.$u.api.getDeliverHistory(param); |
||||
|
name.value = data.deliverName; |
||||
|
listRef.value = data.deliverRecordList; |
||||
|
console.log(data); |
||||
|
} catch (error) { |
||||
|
console.log('error: ', error); |
||||
|
uni.$ui.showToast('获取交付物历史失败'); |
||||
|
} |
||||
|
}()); |
||||
|
}); |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"></style> |
||||
@ -1,109 +1,114 @@ |
|||||
<template> |
<template> |
||||
<theme class="h-full w-full pt-1"> |
<theme class="pt-1"> |
||||
|
<view class="h-full w-full overflow-y-scroll"> |
||||
<view class="bg-white mx-5 my-2 rounded-md p-3 text-gray-400" v-for="item in listRef"> |
<view class="bg-white mx-5 my-2 rounded-md p-3 text-gray-400" v-for="item in listRef"> |
||||
<!-- 插件名称和提交时间显示 --> |
<!-- 插件名称和提交时间显示 --> |
||||
<view class="flex justify-between mb-2"> |
<view class="flex justify-between mb-2"> |
||||
<view class="text-gray-800">{{item.plugname}}</view> |
<view class="text-gray-800">{{ name }}</view> |
||||
<view>{{item.subtime}}</view> |
<view>{{ dayjs(+item.submitTime).format('MM-DD HH:mm') }}</view> |
||||
</view> |
</view> |
||||
<!-- 提交的链接 --> |
<!-- 提交的链接 --> |
||||
<view class="text-blue-400 mb-2"> |
<view class="w-64 break-all text-blue-400 py-2"> |
||||
{{item.link}} |
{{ item.details[0] }} |
||||
</view> |
</view> |
||||
<!-- 该插件物的审核人 --> |
<!-- 该插件物的审核人 --> |
||||
<view class="mb-2">审核人</view> |
<view class="mb-2">审核人</view> |
||||
<view class="flex justify-between my-3" v-for="items in item.reviewer"> |
<view class="flex justify-between my-3" v-for="items in item.checkerList"> |
||||
<view> |
<view> |
||||
<view class="pb-2 text-gray-800"> |
<view class="pb-2 text-gray-800"> |
||||
{{items.name}} |
{{ items.checkerName }} |
||||
</view> |
</view> |
||||
<view class="pb-2"> |
<view class="pb-2"> |
||||
{{items.advise}} |
{{ items.remark }} |
||||
</view> |
</view> |
||||
<view class="pb-2"> |
<view class="pb-2" v-if="items.checkTime > 0"> |
||||
{{items.time}} |
{{ dayjs(+items.checkTime).format('MM-DD HH:mm') }} |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="text-center"> |
<view class="text-center"> |
||||
<view :class="items.state === '已通过' ? 'text-green-500' : items.state === '已驳回' ? 'text-red-500' : '' "> |
<view v-show="items.isMine !== 1">{{ item.status == null ? '待审核' : item.status === 1 ? '已通过' : '已驳回' }}</view> |
||||
{{items.state}} |
<view v-show="items.isMine === 1 && items.status == null" class="text-sm">待审核</view> |
||||
|
<view v-show="items.isMine === 1 && items.status !== null" class="text-sm"> |
||||
|
<view> |
||||
|
{{ items.status === 1 ? '已通过' : '已驳回' }} |
||||
</view> |
</view> |
||||
<view v-if="items.state === '已通过'"> |
<view v-if="items.score > 0"> |
||||
<u-circle-progress active-color="#FA8C16" :percent="items.grade" width="90" border-width="7" class="mt-2"> |
<u-circle-progress active-color="#FA8C16" :percent="items.score" width="90" border-width="7" class="mt-2"> |
||||
<view class="u-progress-content"> |
<view class="u-progress-content"> |
||||
<view class="progressDot text-white">{{items.grade}}</view> |
<view class="progressDot text-white text-center">{{ items.score }}</view> |
||||
</view> |
</view> |
||||
</u-circle-progress> |
</u-circle-progress> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
|
</view> |
||||
|
</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</theme> |
</theme> |
||||
</template> |
</template> |
||||
|
|
||||
<script setup> |
<script setup> |
||||
import{ref} from 'vue' |
import { ref } from 'vue'; |
||||
import { onLoad } from '@dcloudio/uni-app'; |
import { onLoad } from '@dcloudio/uni-app'; |
||||
const listRef = ref([ |
import dayjs from 'dayjs'; |
||||
{ |
|
||||
plugname:'入职插件V0.8输出', |
// const listRef = ref([ |
||||
subtime:'12/25 13:01', |
// { |
||||
link:'https://www.baidu.com/', |
// plugname:'入职插件V0.8输出', |
||||
reviewer:[ |
// subtime:'12/25 13:01', |
||||
{ |
// link:'https://www.baidu.com/', |
||||
name:'冯老师', |
// reviewer:[ |
||||
time: '12/25 14:22', |
// { |
||||
advise:'加油！', |
// name:'冯老师', |
||||
state:'已通过', |
// time: '12/25 14:22', |
||||
grade:80 |
// advise:'加油！', |
||||
}, |
// state:'已通过', |
||||
{ |
// grade:80 |
||||
name:'宋老师', |
// }, |
||||
time: '12/28 8:22', |
// { |
||||
advise:'不详细！', |
// name:'宋老师', |
||||
state:'已驳回', |
// time: '12/28 8:22', |
||||
grade:'' |
// advise:'不详细！', |
||||
}, |
// state:'已驳回', |
||||
{ |
// grade:'' |
||||
name:'张老师', |
// }, |
||||
time: '', |
// { |
||||
advise:'', |
// name:'张老师', |
||||
state:'待审批', |
// time: '', |
||||
grade:'' |
// advise:'', |
||||
}, |
// state:'待审批', |
||||
] |
// grade:'' |
||||
}, |
// }, |
||||
]) |
// ] |
||||
|
// }, |
||||
|
// ]) |
||||
|
|
||||
|
const listRef = ref([]); |
||||
|
const name = ref(''); |
||||
|
|
||||
onLoad(options => { |
onLoad(options => { |
||||
// 根据交付物id获取上传记录 |
// 根据交付物id获取上传记录 |
||||
(async function getHistory(){ |
(async function getHistory() { |
||||
try { |
try { |
||||
const param = { deliverId : options.deliverId }; |
const param = { deliverId: options.deliverId }; |
||||
const data = await uni.$u.api.getDeliverHistory(param) |
const data = await uni.$u.api.getDeliverHistory(param); |
||||
// console.log(data.deliverRecordList[32].checkerList) |
name.value = data.deliverName; |
||||
console.log(data) |
listRef.value = data.deliverRecordList; |
||||
|
console.log(data); |
||||
} catch (error) { |
} catch (error) { |
||||
console.log('error: ', error); |
console.log('error: ', error); |
||||
uni.$ui.showToast('获取交付物历史失败'); |
uni.$ui.showToast('获取交付物历史失败'); |
||||
} |
} |
||||
}()); |
}()); |
||||
}); |
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss"> |
<style lang="scss"> |
||||
.progressDot{ |
.progressDot { |
||||
width: 50rpx; |
width: 50rpx; |
||||
height: 50rpx; |
height: 50rpx; |
||||
border-radius: 50%; |
border-radius: 50%; |
||||
line-height: 50rpx; |
line-height: 50rpx; |
||||
background-color: #FA8C16; |
background-color: #fa8c16; |
||||
} |
} |
||||
</style> |
</style> |
||||
|
|||||
Loading…
Reference in new issue