<!-- 设备收发管理详情 -- 检定流程 -->
<script name="SendReceiveDetailOrder" lang="ts" setup>
import certificationMonitor from '../components/certificationMonitor.vue'
import ProcessConfig from './processConfig.vue'
const props = defineProps({
  pageType: { // 页面类型
    type: String,
    default: 'detail',
  },
  orderId: { // 任务单id
    type: String,
    required: true,
  },
  sampleId: { // 样品id
    type: String,
    required: true,
  },
  customerId: { // 委托方id
    type: String,
    required: true,
  },
})
const roleType = ref('distribute') // 角色类型: distribute待分发(分发人员), dispatch待分配(实验室分配工作人员),
const measureProcessList = ref([]) as any // 检定流程
const measureSendBackList = ref([]) as any // 退回流程
onMounted(() => {
  // console.log('这是部门管理列表')
  measureProcessList.value = [{
    id: '1689545340042268673',
    measurePerson: '纵伟',
    measurePersonId: '1660555352972345554',
    measureSegment: '电磁兼容实验室',
    measureSegmentId: '1601424178062234281',
    measureSequence: 1,
    measureStatus: '3',
    measureStatusName: '检测中',
    requireCertifications: 1,
    updateTime: '2023-08-10 15:54:29',
  },
  {
    id: '1689545340042268673',
    measurePerson: '11111',
    measurePersonId: '166055535212375554',
    measureSegment: '化学实验室',
    measureSegmentId: '160142417802461281',
    measureSequence: 1,
    measureStatus: '3',
    measureStatusName: '检测完成',
    requireCertifications: 1,
    updateTime: '2023-08-10 15:54:29',
  }]
  measureSendBackList.value = [{
    id: '1689545340042268673',
    measurePerson: '纵伟',
    measurePersonId: '1660555352972345554',
    measureSegment: '电磁兼容实验室',
    measureSegmentId: '1601424178062234281',
    measureSequence: 1,
    measureStatus: '3',
    measureStatusName: '检测中',
    requireCertifications: 1,
    updateTime: '2023-08-10 15:54:29',
  }]
})
</script>

<template>
  <!-- 检定流程 -->
  <detail-block v-if="measureProcessList.length" title="检定流程">
    <process-config ref="processConfigRef" :type="roleType" :order-id="orderId!" :list="measureProcessList" :sample-id="sampleId!" :detail="true" />
  </detail-block>
  <!-- 退回流程 -->
  <detail-block v-if="measureSendBackList.length" title="退回流程">
    <process-config ref="processConfigRef" :type="roleType" :order-id="orderId!" :list="measureSendBackList" :sample-id="sampleId!" :detail="true" />
  </detail-block>
  <!-- 证书监控 -->
  <detail-block title="证书监控">
    <certification-monitor :sample-id="sampleId!" :customer-id="customerId!" />
  </detail-block>
</template>