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.
72 lines
2.5 KiB
72 lines
2.5 KiB
<template>
|
|
<div class="h-full">
|
|
<div class="text-base text-center font-semibold" style="height: 44px; line-height: 44px; background: rgb(248, 248, 248)">审核记录</div>
|
|
|
|
<div class="p-3">
|
|
<div class="bg-white p-3 text-gray-400 rounded-md" v-if="checkerList && checkerList.length">
|
|
<div v-for="(item, index) in checkerList" :key="index" class="flex justify-between">
|
|
<div>
|
|
<div class="mb-1 text-gray-800">
|
|
{{ item.checkerName }}
|
|
</div>
|
|
<div class="mb-1 text-xs">
|
|
{{ item.remark }}
|
|
</div>
|
|
<div class="text-xs" v-if="+item.checkTime > 0">
|
|
{{ dayjs(+item.checkTime).format('MM-DD HH:mm') }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-col justify-center">
|
|
<div class="mb-1 text-green-600" v-if="item.status === 1">已通过</div>
|
|
<div class="mb-1 text-red-600" v-if="item.status === 2">已驳回</div>
|
|
<div v-if="+item.score > 0">
|
|
<a-progress v-if="item.score" type="circle" :percent="item.score" strokeColor="#FA8C16" :width="40" :strokeWidth="10">
|
|
<template #format="percent">
|
|
<span
|
|
class="inline-block text-center text-white text-sm rounded-full"
|
|
style="background: #fa8c16; width: 24px; height: 24px; line-height: 24px"
|
|
>
|
|
{{ percent }}
|
|
</span>
|
|
</template>
|
|
</a-progress>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useStore } from 'vuex';
|
|
import { ref, onMounted, computed, watch } from 'vue';
|
|
import dayjs from 'dayjs';
|
|
import { message } from 'ant-design-vue';
|
|
import { queryCheckLog } from 'apis';
|
|
|
|
const store = useStore();
|
|
const checkerList = ref([]);
|
|
const deliverRecordId = computed(() => store.state.task.deliverRecordId);
|
|
const sessionDeliverRecordId = sessionStorage.getItem('deliverRecordId');
|
|
|
|
onMounted(() => {
|
|
getQueryCheckLog();
|
|
});
|
|
|
|
watch(deliverRecordId, () => {
|
|
getQueryCheckLog();
|
|
});
|
|
|
|
async function getQueryCheckLog() {
|
|
try {
|
|
const { url } = store.state.projects.project;
|
|
const param = { param: { deliverRecordId: deliverRecordId.value || sessionDeliverRecordId } };
|
|
const data = await queryCheckLog(param, url);
|
|
checkerList.value = data;
|
|
} catch (error) {
|
|
message.info('获取检查交付物历史失败');
|
|
}
|
|
}
|
|
</script>
|
|
|