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.
143 lines
3.1 KiB
143 lines
3.1 KiB
2 months ago
|
<template>
|
||
|
|
<scroll-view scroll-y flex-enable class="view-container">
|
||
|
|
<view class="box" v-for="log in list" :key="log.id">
|
||
|
|
<view class="wd-flex" style="gap: 10px; align-items: center">
|
||
|
|
<view
|
||
|
|
:style="{
|
||
|
|
color: $dict.echoDictOption(
|
||
|
|
dictMap.inspections_mark,
|
||
|
|
log.status
|
||
|
|
).remark
|
||
|
|
}"
|
||
|
|
>
|
||
|
|
{{
|
||
|
|
$dict.echoDictOption(dictMap.inspections_mark, log.status)
|
||
|
|
.label
|
||
|
|
}}
|
||
|
|
</view>
|
||
|
|
<view class="">
|
||
|
|
{{ $util.formatDate(log.createTime, 'YYYY/M/D') }}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<scroll-view
|
||
|
|
scroll-x
|
||
|
|
style="flex-flow: row nowrap; white-space: nowrap"
|
||
|
|
:enable-flex="true"
|
||
|
|
>
|
||
|
|
<view
|
||
|
|
v-for="people in log.userList"
|
||
|
|
:key="people.userId"
|
||
|
|
style="
|
||
|
|
display: inline-flex;
|
||
|
|
gap: 12px;
|
||
|
|
border: 1px solid #f9f9f9;
|
||
|
|
border-radius: 8px;
|
||
|
|
padding: 12px;
|
||
|
|
margin-right: 12px;
|
||
|
|
"
|
||
|
|
>
|
||
|
|
<u-avatar
|
||
|
|
:src="people.avtar"
|
||
|
|
size="40px"
|
||
|
|
shape="circle"
|
||
|
|
></u-avatar>
|
||
|
|
<view class="wd-flex wd-flex-col" style="gap: 2px">
|
||
|
|
<text>{{ people.realName }}</text>
|
||
|
|
<text>{{ people.deptName }}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
<cs-text-more :value="log.feedBack"></cs-text-more>
|
||
|
|
<view class="imageList">
|
||
|
|
<image
|
||
|
|
:src="photo.url"
|
||
|
|
v-for="photo in log.fileList"
|
||
|
|
:key="photo.id"
|
||
|
|
mode="aspectFill"
|
||
|
|
class="image"
|
||
|
|
></image>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { getDictBatchByType } from '@/api/system/dict.js'
|
||
|
|
import { getTaskLog } from '@/api/enterprise/index.js'
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
queryParams: {
|
||
|
|
taskId: ''
|
||
|
|
},
|
||
|
|
list: [],
|
||
|
|
dictMap: {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad(res) {
|
||
|
|
uni.setNavigationBarTitle({
|
||
|
|
title: res.taskName
|
||
|
|
})
|
||
|
|
this.queryParams.taskId = res.taskId
|
||
|
|
this.getDict()
|
||
|
|
this.getList()
|
||
|
|
},
|
||
|
|
onReachBottom() {
|
||
|
|
this.loadMore()
|
||
|
|
},
|
||
|
|
onPullDownRefresh() {
|
||
|
|
this.reset()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
/**
|
||
|
|
* 获取字典
|
||
|
|
*/
|
||
|
|
async getDict() {
|
||
|
|
const dict = await getDictBatchByType({
|
||
|
|
type: ['inspections_mark'].join(',')
|
||
|
|
})
|
||
|
|
this.dictMap = {
|
||
|
|
...dict.data
|
||
|
|
}
|
||
|
|
},
|
||
|
|
async getList() {
|
||
|
|
uni.showToast({
|
||
|
|
title: '加载中',
|
||
|
|
mask: true,
|
||
|
|
icon: 'loading'
|
||
|
|
})
|
||
|
|
const res = await getTaskLog(this.queryParams.taskId)
|
||
|
|
this.list = res.data
|
||
|
|
uni.hideToast()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.view-container {
|
||
|
|
padding: 12px;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 12px;
|
||
|
|
.box {
|
||
|
|
border-radius: 12px;
|
||
|
|
padding: 12px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 12px;
|
||
|
|
background-color: #fff;
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
.imageList {
|
||
|
|
display: flex;
|
||
|
|
gap: 12px;
|
||
|
|
.image {
|
||
|
|
width: 192rpx;
|
||
|
|
height: 192rpx;
|
||
|
|
border-radius: 8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|