Newer
Older
xc-business-system / src / views / equipement / standard / checkData / components / first / checkDataCom.vue
<!-- 核查数据管理详情--核查项 -->
<script lang="ts" setup name="checkDataDetail">
import { ref } from 'vue'
import { ElLoading, ElMessage, dayjs } from 'element-plus'
import { columns } from 'element-plus/es/components/table-v2/src/common'
import saveCheckRecord from '../../dialog/saveCheckRecord.vue'
import { clearDateValue, handleDetailTableTableHead, handleSaveDateParams, solveHistoryIndicationTableData } from '../useStabilityCaculate'
import type { TableColumn } from '@/components/NormalTable/table_interface'
import useUserStore from '@/store/modules/user'
import multiTable from '@/components/MultiHeaderTable/index.vue'
import { useUniqueArray } from '@/utils/useUniqueArray'
import { getCheckItemDetail, getJobInstructionList } from '@/api/equipment/standard/book'
import { addCheckData, calculateHandle, getHistoryIndication, getInfo, updateCheckData } from '@/api/equipment/standard/checkData'
import { deepCopy } from '@/utils/deepCopy'
const props = defineProps({
  selectStandardId: {
    type: String,
  },
  pageType: { // 页面类型
    type: String,
  },
  checkDate: { // 核查日期
    type: String,
  },
})
const $route = useRoute() // 路由参数
const infoId = ref('')
const form = ref({
  bestQualified: '合格', // 稳定性考核是否合格_最佳点
  worstQualified: '合格', // 稳定性考核是否合格_最差点
  modelQualified: '合格', // 稳定性考核是否合格_典型点
})
const belongStandardEquipment = ref('1')
const itemCategoryId = ref('')
const itemCategoryName = ref('')
const equipmentId = ref('') // 设备id
const dateArrStability = ref<string[]>([]) // 稳定性日期数组
const currentDate = ref('') // 要查询历史稳定性的日期
// ----------------------------------路由参数------------------------------------------------
if ($route.params && $route.params.type) {
  if ($route.params.id) {
    infoId.value = $route.params.id as string
  }
}

// ----------------------------------------核查数据----------------------------------------------
const radioMenus = ref([ // 标签内容
  { name: '最佳点', value: 'best' },
  { name: '最差点', value: 'worst' },
  { name: '典型点', value: 'model' },

])
const current = ref('best') // 选择的tab 默认基本信息
const repeatabilityTableLoading = ref(false) // 重复性表格loading
const stabilityTableLoading = ref(false) // 稳定性表格loading
const repeatabilityColumns = ref<TableColumn[]>([ // 重复性表头
  { text: '核查项目', value: 'params', align: 'center', required: true, type: 'text' },
  { text: '核查点', value: 'checkPoint', align: 'center', required: true, type: 'text' },
  { text: '单位', value: 'unit', align: 'center', required: true, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', type: 'text' },
  { text: '单位', value: 'frequencyUnit', align: 'center', type: 'text' },
  {
    text: '示值',
    value: 'indicatingValue',
    align: 'center',
    required: false,
    width: '180',
    children: [
      { text: '1', value: 'testValueOne', align: 'center', required: true, width: '180', type: 'inputNumber', customHeader: false },
      { text: '2', value: 'testValueTwo', align: 'center', required: true, width: '180', type: 'inputNumber', customHeader: false },
      { text: '3', value: 'testValueThree', align: 'center', required: true, width: '180', type: 'inputNumber', customHeader: false },
      { text: '4', value: 'testValueFour', align: 'center', required: true, width: '180', type: 'inputNumber', customHeader: false },
      { text: '5', value: 'testValueFive', align: 'center', required: true, width: '180', type: 'inputNumber', customHeader: false },
      { text: '6', value: 'testValueSix', align: 'center', required: true, width: '180', type: 'inputNumber', customHeader: false },
    ],
  },
  { text: '算数平均值', value: 'averageValue', align: 'center', required: true, type: 'text' },
  { text: '标准偏差S(X)', value: 'standardDeviation', align: 'center', required: true, type: 'text' },
  { text: '相对重复性', value: 'relativeRepeatability', align: 'center', type: 'text' },
])

const stabilityColumnsBest = ref<TableColumn[]>([
  { text: '核查项目', value: 'params', align: 'center', required: true, type: 'text' },
  { text: '核查点', value: 'checkPoint', align: 'center', required: true, type: 'text' },
  { text: '单位', value: 'unit', align: 'center', required: true, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', type: 'text' },
  { text: '单位', value: 'frequencyUnit', align: 'center', type: 'text' },
  {
    text: '示值',
    value: 'indicatingValue',
    align: 'center',
    required: false,
    width: '180',
    children: [
      { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
    ],
  },
  { text: '算数平均值', value: 'averageValue', align: 'center', required: true, type: 'text' },
  { text: '标准偏差S(X)', value: 'standardDeviation', align: 'center', required: true, type: 'text' },
  { text: '相对重复性', value: 'relativeRepeatability', align: 'center', type: 'text' },
  // { text: '历次核查Sn(x)', value: 'previousCheck', align: 'center' },
  { text: 'Urel', value: 'urel', align: 'center', type: 'text' },
  { text: '相对重复性是否小于相对扩展不确定度Urel', value: 'lessThan', align: 'center', type: 'text' },
  // { text: '稳定性考核是否合格', value: 'flit', align: 'center' },
]) // 稳定性表头最佳点
const stabilityColumnsWorst = ref<TableColumn[]>([
  { text: '核查项目', value: 'params', align: 'center', required: true, type: 'text' },
  { text: '核查点', value: 'checkPoint', align: 'center', required: true, type: 'text' },
  { text: '单位', value: 'unit', align: 'center', required: true, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', type: 'text' },
  { text: '单位', value: 'frequencyUnit', align: 'center', type: 'text' },
  {
    text: '示值',
    value: 'indicatingValue',
    align: 'center',
    required: false,
    width: '180',
    children: [
      { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
    ],
  },
  { text: '算数平均值', value: 'averageValue', align: 'center', required: true, type: 'text' },
  { text: '标准偏差S(X)', value: 'standardDeviation', align: 'center', required: true, type: 'text' },
  { text: '相对重复性', value: 'relativeRepeatability', align: 'center', type: 'text' },
  // { text: '历次核查Sn(x)', value: 'previousCheck', align: 'center' },
  { text: 'Urel', value: 'urel', align: 'center', type: 'text' },
  { text: '相对重复性是否小于相对扩展不确定度Urel', value: 'lessThan', align: 'center', type: 'text' },
  // { text: '稳定性考核是否合格', value: 'flit', align: 'center' },
]) // 最差点稳定性
const stabilityColumnsModel = ref<TableColumn[]>([
  { text: '核查项目', value: 'params', align: 'center', required: true, type: 'text' },
  { text: '核查点', value: 'checkPoint', align: 'center', required: true, type: 'text' },
  { text: '单位', value: 'unit', align: 'center', required: true, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', type: 'text' },
  { text: '单位', value: 'frequencyUnit', align: 'center', type: 'text' },
  {
    text: '示值',
    value: 'indicatingValue',
    align: 'center',
    required: false,
    width: '180',
    children: [
      { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
    ],
  },
  { text: '算数平均值', value: 'averageValue', align: 'center', required: true, type: 'text' },
  { text: '标准偏差S(X)', value: 'standardDeviation', align: 'center', required: true, type: 'text' },
  { text: '相对重复性', value: 'relativeRepeatability', align: 'center', type: 'text' },
  // { text: '历次核查Sn(x)', value: 'previousCheck', align: 'center' },
  { text: 'Urel', value: 'urel', align: 'center', type: 'text' },
  { text: '相对重复性是否小于相对扩展不确定度Urel', value: 'lessThan', align: 'center', type: 'text' },
  // { text: '稳定性考核是否合格', value: 'flit', align: 'center' },
]) // 典型点稳定性
const stabilityColumnsBestCheckDate = ref<TableColumn[]>([
  { text: '核查项目', value: 'params', align: 'center', required: true, type: 'text' },
  { text: '核查点', value: 'checkPoint', align: 'center', required: true, type: 'text' },
  { text: '单位', value: 'unit', align: 'center', required: true, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', type: 'text' },
  { text: '单位', value: 'frequencyUnit', align: 'center', type: 'text' },
  {
    text: '示值',
    value: 'indicatingValue',
    align: 'center',
    required: false,
    width: '180',
    children: [
      { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
    ],
  },
  { text: '算数平均值', value: 'averageValue', align: 'center', required: true, type: 'text' },
  { text: '标准偏差S(X)', value: 'standardDeviation', align: 'center', required: true, type: 'text' },
  { text: '相对重复性', value: 'relativeRepeatability', align: 'center', type: 'text' },
  // { text: '历次核查Sn(x)', value: 'previousCheck', align: 'center' },
  { text: 'Urel', value: 'urel', align: 'center', type: 'text' },
  { text: '相对重复性是否小于相对扩展不确定度Urel', value: 'lessThan', align: 'center', type: 'text' },
  // { text: '稳定性考核是否合格', value: 'flit', align: 'center' },
]) // 稳定性表头最佳点--查询历史日期
const stabilityColumnsWorstCheckDate = ref<TableColumn[]>([
  { text: '核查项目', value: 'params', align: 'center', required: true, type: 'text' },
  { text: '核查点', value: 'checkPoint', align: 'center', required: true, type: 'text' },
  { text: '单位', value: 'unit', align: 'center', required: true, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', type: 'text' },
  { text: '单位', value: 'frequencyUnit', align: 'center', type: 'text' },
  {
    text: '示值',
    value: 'indicatingValue',
    align: 'center',
    required: false,
    width: '180',
    children: [
      { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
    ],
  },
  { text: '算数平均值', value: 'averageValue', align: 'center', required: true, type: 'text' },
  { text: '标准偏差S(X)', value: 'standardDeviation', align: 'center', required: true, type: 'text' },
  { text: '相对重复性', value: 'relativeRepeatability', align: 'center', type: 'text' },
  // { text: '历次核查Sn(x)', value: 'previousCheck', align: 'center' },
  { text: 'Urel', value: 'urel', align: 'center', type: 'text' },
  { text: '相对重复性是否小于相对扩展不确定度Urel', value: 'lessThan', align: 'center', type: 'text' },
  // { text: '稳定性考核是否合格', value: 'flit', align: 'center' },
]) // 最差点稳定性--查询历史日期
const stabilityColumnsModelCheckDate = ref<TableColumn[]>([
  { text: '核查项目', value: 'params', align: 'center', required: true, type: 'text' },
  { text: '核查点', value: 'checkPoint', align: 'center', required: true, type: 'text' },
  { text: '单位', value: 'unit', align: 'center', required: true, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', type: 'text' },
  { text: '单位', value: 'frequencyUnit', align: 'center', type: 'text' },
  {
    text: '示值',
    value: 'indicatingValue',
    align: 'center',
    required: false,
    width: '180',
    children: [
      { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
      { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
    ],
  },
  { text: '算数平均值', value: 'averageValue', align: 'center', required: true, type: 'text' },
  { text: '标准偏差S(X)', value: 'standardDeviation', align: 'center', required: true, type: 'text' },
  { text: '相对重复性', value: 'relativeRepeatability', align: 'center', type: 'text' },
  // { text: '历次核查Sn(x)', value: 'previousCheck', align: 'center' },
  { text: 'Urel', value: 'urel', align: 'center', type: 'text' },
  { text: '相对重复性是否小于相对扩展不确定度Urel', value: 'lessThan', align: 'center', type: 'text' },
  // { text: '稳定性考核是否合格', value: 'flit', align: 'center' },
]) // 典型点稳定性--查询历史日期
const bestListCheckDate = ref<any[]>([]) // 最佳点重复性查询数据
const bestListStabilityCheckDate = ref<any[]>([]) // 最佳点稳定性查询数据
const worstListCheckDate = ref<any[]>([]) // 最差点重复性查询数据
const worstListStabilityCheckDate = ref<any[]>([]) // 最差点稳定性查询数据
const modelListCheckDate = ref<any[]>([]) // 典型点重复性查询数据
const modelListStabilityCheckDate = ref<any[]>([]) // 典型点稳定性查询数据

const bestList = ref<any[]>([]) // 最佳点重复性
const bestListStability = ref<any[]>([]) // 最佳点稳定性
const worstList = ref<any[]>([]) // 最差点重复性
const worstListStability = ref<any[]>([]) // 最差点稳定性
const modelList = ref<any[]>([]) // 典型点重复性
const modelListStability = ref<any[]>([]) // 典型点稳定性

// 获取配置详情
function fetchCheckItemDetail(equipmentIdParam: string, belongStandardEquipmentParam: string, itemCategoryIdParam: string, itemCategoryNameParam: string) {
  belongStandardEquipment.value = belongStandardEquipmentParam // 检校标准装置
  itemCategoryId.value = itemCategoryIdParam // 核查分类id
  itemCategoryName.value = itemCategoryNameParam // 核查分类名称
  equipmentId.value = equipmentIdParam // 设备id
  const loading = ElLoading.service({
    lock: true,
    background: 'rgba(255, 255, 255, 0.8)',
  })
  const params = {
    equipmentId: equipmentIdParam, // 设备id
    belongStandardEquipment: belongStandardEquipment.value, // 检校标准装置code
    itemCategoryId: itemCategoryId.value, // 核查项分类id
    itemCategoryName: itemCategoryName.value, // 核查项分类名称
  }
  getCheckItemDetail(params).then((res) => {
    loading.close()
    handleData(res.data.checkItemDataCalibratorList)
    fetchHistoryIndication() // 获取稳定性
  })
}

// 处理数据
function handleData(list: any, type = 'edit') {
  // 最佳点
  bestList.value = list.filter((item: { testType: string }) => item.testType === '最佳点')
  // 最佳点重复性
  bestList.value = bestList.value.map((e: any) => {
    return {
      ...e,
      frequency: !e.frequency ? '/' : e.frequency, // 频率
      frequencyUnit: !e.frequencyUnit ? '/' : e.frequencyUnit, // 频率单位
      editable: type === 'edit',
      checkType: '重复性',
      averageValue: '', //	核查读数平均值(算数平均值)
      dataId: e.id, //	核查数据管理基础信息表id
      id: '', //	id,更新/删除使用参数
      lessThan: '', //	是否小于相对扩展不确定度Urel(0/1)
      previousCheck: '', //	历次核查Sn(x)(历次核查的标准偏差)(只稳定性有该值)
      qualified: '', //	稳定性考核是否合格
      relativeRepeatability: '', //	Sn(x)/核查读数平均值(相对重复性)
      standardDeviation: '', //	Sn(x)(标准偏差)
      testType: e.testType, //	核查点类型(直接存字典value)
      testValueFive: e.checkPoint, //	核查读数5(示值)
      testValueFiveDate: '', //	核查读数5日期(稳定性)
      testValueFour: e.checkPoint, //	核查读数4(示值)
      testValueFourDate: '', //	核查读数4日期(稳定性)
      testValueOne: e.checkPoint, //	核查读数1(示值)
      testValueOneDate: '', //	核查读数1日期(稳定性)
      testValueSix: e.checkPoint, //	核查读数6(本次示值)
      testValueSixDate: '', //	核查读数6日期(稳定性)
      testValueThree: e.checkPoint, //	核查读数3(示值)
      testValueThreeDate: '', //	核查读数3日期(稳定性)
      testValueTwo: e.checkPoint, //	核查读数2(示值)
      testValueTwoDate: '', //	核查读数2日期(稳定性)
      unit: e.unit, //	单位(直接存字典value)
      urel: e.urel, //	UREL
    }
  })
  // 稳定性
  bestListStability.value = bestList.value.map((e) => {
    return {
      frequency: !e.frequency ? '/' : e.frequency, // 频率
      frequencyUnit: !e.frequencyUnit ? '/' : e.frequencyUnit, // 频率单位
      editable: props.pageType !== 'detail',
      averageValue: '', //	核查读数平均值(算数平均值)
      dataId: e.id, //	核查数据管理基础信息表id
      id: '', //	id,更新/删除使用参数
      params: e.params, // 核查项目
      checkPoint: e.checkPoint, // 核查点
      unit: e.unit, // 单位
      checkType: '稳定性',
      testType: e.testType, // 核查点类型
      urel: e.urel,
    }
  })

  // 最差点
  worstList.value = list.filter((item: { testType: string }) => item.testType === '最差点')
  // 最差点重复性
  worstList.value = worstList.value.map((e: any) => {
    return {
      ...e,
      frequency: !e.frequency ? '/' : e.frequency, // 频率
      frequencyUnit: !e.frequencyUnit ? '/' : e.frequencyUnit, // 频率单位
      editable: type === 'edit',
      checkType: '重复性',
      averageValue: '', //	核查读数平均值(算数平均值)
      dataId: e.id, //	核查数据管理基础信息表id
      id: '', //	id,更新/删除使用参数
      lessThan: '', //	是否小于相对扩展不确定度Urel(0/1)
      previousCheck: '', //	历次核查Sn(x)(历次核查的标准偏差)(只稳定性有该值)
      qualified: '', //	稳定性考核是否合格
      relativeRepeatability: '', //	Sn(x)/核查读数平均值(相对重复性)
      standardDeviation: '', //	Sn(x)(标准偏差)
      testType: e.testType, //	核查点类型(直接存字典value)
      testValueFive: e.checkPoint, //	核查读数5(示值)
      testValueFiveDate: '', //	核查读数5日期(稳定性)
      testValueFour: e.checkPoint, //	核查读数4(示值)
      testValueFourDate: '', //	核查读数4日期(稳定性)
      testValueOne: e.checkPoint, //	核查读数1(示值)
      testValueOneDate: '', //	核查读数1日期(稳定性)
      testValueSix: e.checkPoint, //	核查读数6(本次示值)
      testValueSixDate: '', //	核查读数6日期(稳定性)
      testValueThree: e.checkPoint, //	核查读数3(示值)
      testValueThreeDate: '', //	核查读数3日期(稳定性)
      testValueTwo: e.checkPoint, //	核查读数2(示值)
      testValueTwoDate: '', //	核查读数2日期(稳定性)
      unit: e.unit, //	单位(直接存字典value)
      urel: e.urel, //	UREL
    }
  })
  // 稳定性
  worstListStability.value = worstList.value.map((e) => {
    return {
      frequency: !e.frequency ? '/' : e.frequency, // 频率
      frequencyUnit: !e.frequencyUnit ? '/' : e.frequencyUnit, // 频率单位
      editable: props.pageType !== 'detail',
      averageValue: '', //	核查读数平均值(算数平均值)
      dataId: e.id, //	核查数据管理基础信息表id
      id: '', //	id,更新/删除使用参数
      params: e.params, // 核查项目
      checkPoint: e.checkPoint, // 核查点
      unit: e.unit, // 单位
      checkType: '稳定性',
      testType: e.testType,
      urel: e.urel,
    }
  })

  // 典型点
  modelList.value = list.filter((item: { testType: string }) => item.testType === '典型点')
  // 典型点重复性
  modelList.value = modelList.value.map((e: any) => {
    return {
      ...e,
      frequency: !e.frequency ? '/' : e.frequency, // 频率
      frequencyUnit: !e.frequencyUnit ? '/' : e.frequencyUnit, // 频率单位
      editable: type === 'edit',
      checkType: '重复性',
      averageValue: '', //	核查读数平均值(算数平均值)
      dataId: e.id, //	核查数据管理基础信息表id
      id: '', //	id,更新/删除使用参数
      lessThan: '', //	是否小于相对扩展不确定度Urel(0/1)
      previousCheck: '', //	历次核查Sn(x)(历次核查的标准偏差)(只稳定性有该值)
      qualified: '', //	稳定性考核是否合格
      relativeRepeatability: '', //	Sn(x)/核查读数平均值(相对重复性)
      standardDeviation: '', //	Sn(x)(标准偏差)
      testType: e.testType, //	核查点类型(直接存字典value)
      testValueFive: e.checkPoint, //	核查读数5(示值)
      testValueFiveDate: '', //	核查读数5日期(稳定性)
      testValueFour: e.checkPoint, //	核查读数4(示值)
      testValueFourDate: '', //	核查读数4日期(稳定性)
      testValueOne: e.checkPoint, //	核查读数1(示值)
      testValueOneDate: '', //	核查读数1日期(稳定性)
      testValueSix: e.checkPoint, //	核查读数6(本次示值)
      testValueSixDate: '', //	核查读数6日期(稳定性)
      testValueThree: e.checkPoint, //	核查读数3(示值)
      testValueThreeDate: '', //	核查读数3日期(稳定性)
      testValueTwo: e.checkPoint, //	核查读数2(示值)
      testValueTwoDate: '', //	核查读数2日期(稳定性)
      unit: e.unit, //	单位(直接存字典value)
      urel: e.urel, //	UREL
    }
  })
  // 稳定性
  modelListStability.value = modelList.value.map((e) => {
    return {
      frequency: !e.frequency ? '/' : e.frequency, // 频率
      frequencyUnit: !e.frequencyUnit ? '/' : e.frequencyUnit, // 频率单位
      editable: props.pageType !== 'detail',
      averageValue: '', //	核查读数平均值(算数平均值)
      dataId: e.id, //	核查数据管理基础信息表id
      id: '', //	id,更新/删除使用参数
      params: e.params, // 核查项目
      checkPoint: e.checkPoint, // 核查点
      unit: e.unit, // 单位
      checkType: '稳定性',
      testType: e.testType,
      urel: e.urel,
    }
  })
}
// 点击生成结果处理
const createResult = (type: 'repeatability' | 'stability') => {
  if (current.value === 'best' && !bestList.value.length) { // 最佳点
    ElMessage.warning('最佳点未配置重复性,请检查')
    return false
  }
  if (current.value === 'worst' && !worstList.value.length) { // 最佳点
    ElMessage.warning('最差点未配置重复性,请检查')
    return false
  }
  if (current.value === 'model' && !modelList.value.length) { // 最佳点
    ElMessage.warning('典型点未配置重复性,请检查')
    return false
  }
  if (type === 'stability') {
    if (current.value === 'best' && `${bestList.value[0].averageValue}` === '') { // 最佳点
      ElMessage.warning('请先计算最佳点重复性')
      return false
    }
    if (current.value === 'worst' && `${worstList.value[0].averageValue}` === '') { // 最差点
      ElMessage.warning('请先计算最差点重复性')
      return false
    }
    if (current.value === 'model' && `${modelList.value[0].averageValue}` === '') { // 典型点
      ElMessage.warning('请先计算典型点重复性')
      return false
    }
  }
  let checkDataCalibratorListParam // 要传的重复或者稳定性参数
  if (current.value === 'best') { // 最佳点
    checkDataCalibratorListParam = type === 'repeatability' ? bestList.value : bestListStability.value
  }
  else if (current.value === 'worst') { // 最差点
    checkDataCalibratorListParam = type === 'repeatability' ? worstList.value : worstListStability.value
  }
  else { // 典型点
    checkDataCalibratorListParam = type === 'repeatability' ? modelList.value : modelListStability.value
  }
  const params = {
    belongStandardEquipment: belongStandardEquipment.value, // 检校标准装置
    checkDataCalibratorList: checkDataCalibratorListParam.map((item) => {
      return {
        ...item,
        lessThan: item.lessThan === '是' ? '1' : item.lessThan === '否' ? '0' : '', // 是否小于相对扩展不确定度Urel(0/1)
      }
    }),
    itemCategoryId: itemCategoryId.value, // 核查项分类id
    itemCategoryName: itemCategoryName.value, // 核查项分类id
  }
  repeatabilityTableLoading.value = type === 'repeatability' // 重复性表loading
  stabilityTableLoading.value = type === 'stability' // 稳定性表loading
  calculateHandle(params).then((res) => {
    if (current.value === 'best') { // 最佳点
      const result = res.data.map((item: any) => {
        return {
          ...item,
          editable: props.pageType !== 'detail',
        }
      })
      if (type === 'repeatability') { // 重复性
        bestList.value = result
        bestListStability.value = bestListStability.value.map((item, index: number) => {
          return {
            ...item,
            testValueSix: bestList.value[index].averageValue, //	核查读数6(本次重复性示值算术平均值)
            testValueSixDate: props.checkDate, //	核查读数6日期(本次核查日期)
          }
        })
      }
      else { // 稳定性
        bestListStability.value = result.map((item: { lessThan: number | string }) => {
          return {
            ...item,
            lessThan: `${item.lessThan}` === '1' ? '是' : '否',
          }
        })
      }
    }
    else if (current.value === 'worst') { // 最差点
      const result = res.data.map((item: any) => {
        return {
          ...item,
          editable: props.pageType !== 'detail',
        }
      })
      if (type === 'repeatability') { // 重复性
        worstList.value = result
        worstListStability.value = worstListStability.value.map((item, index: number) => {
          return {
            ...item,
            testValueSix: worstList.value[index].averageValue, //	核查读数6(本次重复性示值算术平均值)
            testValueSixDate: props.checkDate, //	核查读数6日期(本次核查日期)
          }
        })
      }
      else {
        worstListStability.value = result.map((item: { lessThan: string | number }) => {
          return {
            ...item,
            lessThan: `${item.lessThan}` === '1' ? '是' : '否',
          }
        })
      }
    }
    else { // 典型点
      const result = res.data.map((item: any) => {
        return {
          ...item,
          editable: props.pageType !== 'detail',
        }
      })
      if (type === 'repeatability') { // 重复性
        modelList.value = result
        // 重复性计算完,填充稳定性数据
        modelListStability.value = modelListStability.value.map((item, index: number) => {
          return {
            ...item,
            testValueSix: modelList.value[index].averageValue, //	核查读数6(本次重复性示值算术平均值)
            testValueSixDate: props.checkDate, //	核查读数6日期(本次核查日期)
          }
        })
      }
      else { // 稳定性
        modelListStability.value = result.map((item: { lessThan: string | number }) => {
          return {
            ...item,
            lessThan: `${item.lessThan}` === '1' ? '是' : '否',
          }
        })
      }
    }
    repeatabilityTableLoading.value = false
    stabilityTableLoading.value = false
  })
}
// ------------------------------------------------------------------------------------------
// 处理详情数据
const solveGetDetailData = (responseList: any) => {
  const bestList = responseList.filter((item: { testType: string; checkType: string }) => item.testType === '最佳点' && item.checkType === '重复性').map((item: any) => {
    return {
      ...item,
      editable: props.pageType !== 'detail',
    }
  })
  const worstList = responseList.filter((item: { testType: string ; checkType: string }) => item.testType === '最差点' && item.checkType === '重复性').map((item: any) => {
    return {
      ...item,
      editable: props.pageType !== 'detail',
    }
  })
  const modelList = responseList.filter((item: { testType: string ; checkType: string }) => item.testType === '典型点' && item.checkType === '重复性').map((item: any) => {
    return {
      ...item,
      editable: props.pageType !== 'detail',
    }
  })
  const bestListStability = responseList.filter((item: { testType: string ; checkType: string }) => item.testType === '最佳点' && item.checkType === '稳定性').map((item: any) => {
    return {
      ...item,
      lessThan: `${item.lessThan}` === '1' ? '是' : `${item.lessThan}` === '0' ? '否' : item.lessThan,
    }
  })
  const worstListStability = responseList.filter((item: { testType: string; checkType: string }) => item.testType === '最差点' && item.checkType === '稳定性').map((item: any) => {
    return {
      ...item,
      lessThan: `${item.lessThan}` === '1' ? '是' : `${item.lessThan}` === '0' ? '否' : item.lessThan,
    }
  })
  const modelListStability = responseList.filter((item: { testType: string; checkType: string }) => item.testType === '典型点' && item.checkType === '稳定性').map((item: any) => {
    return {
      ...item,
      lessThan: `${item.lessThan}` === '1' ? '是' : `${item.lessThan}` === '0' ? '否' : item.lessThan,
    }
  })
  return {
    tempBestList: bestList,
    tempWorstList: worstList,
    tempModelList: modelList,
    tempBestListStability: bestListStability,
    tempWorstListStability: worstListStability,
    tempModelListStability: modelListStability,
  }
}

// 获取详情
function fetchInfo(id = '') {
  const loading = ElLoading.service({
    lock: true,
    background: 'rgba(255, 255, 255, 0.8)',
  })
  getInfo({ id: id || infoId.value }).then((res) => {
    form.value = { ...res.data }
    equipmentId.value = res.data.equipmentId
    const { tempBestList, tempWorstList, tempModelList, tempBestListStability, tempWorstListStability, tempModelListStability } = solveGetDetailData(res.data.checkDataCalibratorList)
    if (id !== '') { // 查询的日期获得的数据
      bestListCheckDate.value = tempBestList// 最佳点重复性查询数据
      bestListStabilityCheckDate.value = tempBestListStability // 最佳点稳定性查询数据
      worstListCheckDate.value = tempWorstList// 最差点重复性查询数据
      worstListStabilityCheckDate.value = tempWorstListStability// 最差点稳定性查询数据
      modelListCheckDate.value = tempModelList// 典型点重复性查询数据
      modelListStabilityCheckDate.value = tempModelListStability// 典型点稳定性查询数据
    }
    else {
      console.log('详情,详情详情')

      bestList.value = tempBestList
      worstList.value = tempWorstList
      modelList.value = tempModelList
      bestListStability.value = tempBestListStability
      worstListStability.value = tempWorstListStability
      modelListStability.value = tempModelListStability
      console.log('bestList.value', bestList.value)
    }

    nextTick(() => {
      if (id !== '') { // 稳定性表头---查询历史的稳定性日期数据
        stabilityColumnsBestCheckDate.value[5].children = [
          { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
        ]
        stabilityColumnsWorstCheckDate.value[5].children = [
          { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
        ]
        stabilityColumnsModelCheckDate.value[5].children = [
          { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
          { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
        ]
        fetchHistoryIndication(currentDate.value) // 获取稳定性
      }
      else { // 详情制作表头
        stabilityColumnsBest.value = handleDetailTableTableHead(stabilityColumnsBest.value, bestListStability.value)
        stabilityColumnsWorst.value = handleDetailTableTableHead(stabilityColumnsWorst.value, worstListStability.value)
        stabilityColumnsModel.value = handleDetailTableTableHead(stabilityColumnsModel.value, modelListStability.value)
      }
    })
    form.value.bestQualified = `${res.data.checkDataCalibratorList[0].qualified}` === '1' ? '合格' : '不合格'
    form.value.worstQualified = `${res.data.checkDataCalibratorList[0].qualified}` === '1' ? '合格' : '不合格'
    form.value.modelQualified = `${res.data.checkDataCalibratorList[0].qualified}` === '1' ? '合格' : '不合格'
    if (props.pageType === 'edit') {
      fetchHistoryIndication() // 重新拉取稳定性日期
    }
    loading.close()
  })
}

/**
 * 获取稳定性示值
 * @param date 查询日期
 */
function fetchHistoryIndication(date = '') {
  const params = {
    belongStandardEquipment: belongStandardEquipment.value,	// 检校标准装置(字典code)
    checkDate: date || props.checkDate!,	// 核查日期
    checkParam: '',	// 核查参数((直流稳压电源-直接电流(间接测量))
    conclusion: '合格',	// 结论
    equipmentId: equipmentId.value,	// 被核查设备id
    params: current.value === 'best' ? '最佳点' : current.value === 'worst' ? '最差点' : '典型点',	// 核查项目
    stabilityExamine: '1',	// 是否用于稳定性考核(1/0)
    standardEquipmentId: props.selectStandardId!,	// 被核查标准装置id
  }
  if (props.selectStandardId && equipmentId.value) {
    stabilityTableLoading.value = true
    getHistoryIndication(params).then((res) => {
      if (date === '') {
        const num = props.pageType === 'edit' ? 5 : 4
        // 最佳点
        bestListStability.value = bestListStability.value.map((item) => {
          clearDateValue(item)
          const { itemData, columnsData } = solveHistoryIndicationTableData(res.data, item, stabilityColumnsBest.value, num)
          stabilityColumnsBest.value = columnsData
          return item = itemData
        })
        bestListStability.value = handleSaveDateParams(stabilityColumnsBest.value, bestListStability.value)
        // 最差点
        worstListStability.value = worstListStability.value.map((item) => {
          clearDateValue(item)
          const { itemData, columnsData } = solveHistoryIndicationTableData(res.data, item, stabilityColumnsWorst.value, num)
          stabilityColumnsWorst.value = columnsData
          return item = itemData
        })
        worstListStability.value = handleSaveDateParams(stabilityColumnsWorst.value, worstListStability.value)
        // 典型点
        modelListStability.value = modelListStability.value.map((item) => {
          clearDateValue(item)
          const { itemData, columnsData } = solveHistoryIndicationTableData(res.data, item, stabilityColumnsModel.value, num)
          stabilityColumnsModel.value = columnsData
          return item = itemData
        })
        modelListStability.value = handleSaveDateParams(stabilityColumnsModel.value, modelListStability.value)
      }
      else {
        // 最佳点
        bestListStabilityCheckDate.value = bestListStabilityCheckDate.value.map((item) => {
          clearDateValue(item)
          const { itemData, columnsData } = solveHistoryIndicationTableData(res.data, item, stabilityColumnsBestCheckDate.value, 5)
          stabilityColumnsBestCheckDate.value = columnsData
          console.log(columnsData, 'columnsData')
          return item = itemData
        })
        bestListStabilityCheckDate.value = handleSaveDateParams(stabilityColumnsBestCheckDate.value, bestListStabilityCheckDate.value)
        // 最差点
        worstListStabilityCheckDate.value = worstListStabilityCheckDate.value.map((item) => {
          clearDateValue(item)
          const { itemData, columnsData } = solveHistoryIndicationTableData(res.data, item, stabilityColumnsWorstCheckDate.value, 5)
          stabilityColumnsWorstCheckDate.value = columnsData
          return item = itemData
        })
        worstListStabilityCheckDate.value = handleSaveDateParams(stabilityColumnsWorstCheckDate.value, worstListStabilityCheckDate.value)
        // 典型点
        modelListStabilityCheckDate.value = modelListStabilityCheckDate.value.map((item) => {
          clearDateValue(item)
          const { itemData, columnsData } = solveHistoryIndicationTableData(res.data, item, stabilityColumnsModelCheckDate.value, 5)
          stabilityColumnsModelCheckDate.value = columnsData
          return item = itemData
        })
        modelListStabilityCheckDate.value = handleSaveDateParams(stabilityColumnsModelCheckDate.value, modelListStabilityCheckDate.value)
      }

      stabilityTableLoading.value = false
    }).catch(() => { stabilityTableLoading.value = false })
  }
}

// 需求逻辑:时间数据少于4条则默认合格(这里跟3比较是因为其中有一条是本次核查日期)

// 保存之前的校验
function checkList() {
  // 新建核查数据的时候,在保存之前要先校验一下本次核查日期有没有数据,没有不允许保存
  if (`${bestList.value[0].averageValue}` === '') { // 最佳点
    ElMessage.warning('请计算最佳点重复性')
    return false
  }
  if (`${worstList.value[0].averageValue}` === '') { // 最差点
    ElMessage.warning('请计算最差点重复性')
    return false
  }
  if (`${modelList.value[0].averageValue}` === '') { // 典型点
    ElMessage.warning('请计算典型点重复性')
    return false
  }
  // if (current.value === 'best' && `${bestListStability.value[0].lessThan}` === '') { // 最佳点
  //   ElMessage.warning('请计算最佳点稳定性')
  //   return false
  // }
  // if (current.value === 'worst' && `${worstListStability.value[0].lessThan}` === '') { // 最差点
  //   ElMessage.warning('请计算最差点稳定性')
  //   return false
  // }
  // if (current.value === 'model' && `${modelListStability.value[0].lessThan}` === '') { // 典型点
  //   ElMessage.warning('请计算典型点稳定性')
  //   return false
  // }
  return true
}

// =======================点击表头日期查询历史稳定性数据===================
// 点击表头
const handleClickHeader = (val: any, checkDateDetailId: string) => {
  dateArrStability.value = ['核查数据', val.label]
  fetchInfo(checkDateDetailId) // 获取此次历史日期的详情
}

// 日期变化
const handleChangeRadio = (date: string) => {
  currentDate.value = date
}

// ======================================================================

// -------------------------------------钩子-----------------------------------------------------
// 统计日期
const dateCount = (columns: TableColumn[]) => {
  let dateNum = 0 // 稳定性表格有几个日期

  // 统计有几个日期
  columns[5].children?.forEach((item) => {
    if (item.text !== '-' && item.text !== '') {
      dateNum += 1
    }
  })
  return dateNum
}

// 监听稳定性表格--判断稳定性考核是否合格
watch([() => bestListStability.value, () => worstListStability.value, () => modelListStability.value], (newValue: any) => {
  console.log('监听稳定性表格')

  if (newValue[0] && newValue[0].length && newValue[0].averageValue) { // 最佳点
    const result = newValue[0].every((item: { lessThan: string }) => {
      return item.lessThan === '是'
    })
    const dateNum = dateCount(stabilityColumnsBest.value)
    form.value.bestQualified = dateNum < 4 ? '合格' : result ? '合格' : '不合格'
  }

  if (newValue[1] && newValue[1].length && newValue[0].averageValue) { // 最差点
    const result = newValue[1].every((item: { lessThan: string }) => {
      return item.lessThan === '是'
    })
    const dateNum = dateCount(stabilityColumnsWorst.value)
    form.value.worstQualified = dateNum < 4 ? '合格' : result ? '合格' : '不合格'
  }

  if (newValue[2] && newValue[2].length && newValue[0].averageValue) { // 典型点
    const result = newValue[2].every((item: { lessThan: string }) => {
      return item.lessThan === '是'
    })
    const dateNum = dateCount(stabilityColumnsModel.value)
    form.value.modelQualified = dateNum < 4 ? '合格' : result ? '合格' : '不合格'
  }
}, { deep: true, immediate: true })

/**
 * 初始化表头
 * @param soveLastColumnDate 是否处理最后一列
 */
function initColumns() {
  stabilityColumnsBest.value[5].children = [
    { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
  ]
  stabilityColumnsWorst.value[5].children = [
    { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
  ]
  console.log('-------最差------')
  console.log(stabilityColumnsWorst.value)
  console.log('======典型======')
  console.log(stabilityColumnsModel.value)

  stabilityColumnsModel.value[5].children = [
    { width: '180', text: '-', value: 'testValueOne', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueTwo', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueThree', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueFour', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueFive', align: 'center', required: false, type: 'text', customHeader: true },
    { width: '180', text: '-', value: 'testValueSix', align: 'center', required: false, type: 'text', customHeader: true },
  ]
  const index = stabilityColumnsBest.value.findIndex(item => item.text === '示值')
  if (index !== -1) {
    stabilityColumnsBest.value[index].children![5].text = props.checkDate! // 最后一列的表头日期
  }
  const indexWorst = stabilityColumnsWorst.value.findIndex(item => item.text === '示值')
  if (index !== -1) {
    stabilityColumnsWorst.value[indexWorst].children![5].text = props.checkDate! // 最后一列的表头日期
  }
  const indexModel = stabilityColumnsModel.value.findIndex(item => item.text === '示值')
  if (index !== -1) {
    stabilityColumnsModel.value[indexModel].children![5].text = props.checkDate! // 最后一列的表头日期
  }
}

// 监听核查日期变化
watch(() => props.checkDate, (newValue) => {
  initColumns()
  nextTick(() => {
    fetchHistoryIndication() // 重新拉取稳定性日期
  })
}, { immediate: true })

watch(() => props.pageType, (newValue) => {
  bestList.value = bestList.value.map((item) => { return { ...item, editable: newValue !== 'detail' } })
  bestListStability.value = bestListStability.value.map((item) => { return { ...item, editable: newValue !== 'detail' } })
  worstList.value = worstList.value.map((item) => { return { ...item, editable: newValue !== 'detail' } })
  worstListStability.value = worstListStability.value.map((item) => { return { ...item, editable: newValue !== 'detail' } })
  modelList.value = modelList.value.map((item) => { return { ...item, editable: newValue !== 'detail' } })
  modelListStability.value = modelListStability.value.map((item) => { return { ...item, editable: newValue !== 'detail' } })
})

onMounted(async () => {
  belongStandardEquipment.value = $route.query.belongStandardEquipment as string // 检校标准装置
  itemCategoryId.value = $route.query.itemCategoryId as string // 核查项分类id
  itemCategoryName.value = $route.query.itemCategoryName as string // 核查项分类名称
  if (props.pageType !== 'add') {
    fetchInfo()
  }
})

defineExpose({ checkList, fetchCheckItemDetail, form, bestList, bestListStability, worstList, worstListStability, modelList, modelListStability })
</script>

<template>
  <!-- 核查数据 -->
  <detail-block :title="dateArrStability.length > 1 ? ' ' : '核查数据'" :title-menus="dateArrStability" @handle-change-radio="handleChangeRadio">
    <div style="display: flex;justify-content: space-between;">
      <el-radio-group v-model="current" style="margin-bottom: 20px;">
        <el-radio-button v-for="item in radioMenus" :key="item.value" :label="item.value">
          {{ item.name }}
        </el-radio-button>
      </el-radio-group>
    </div>
    <div style="display: flex;justify-content: space-between;align-items: center;">
      <h5>核查类型--重复性</h5>
      <el-button v-if="props.pageType !== 'detail'" type="primary" @click="createResult('repeatability')">
        生成结果处理
      </el-button>
    </div>
    <multi-table
      v-show="currentDate === '核查数据' || currentDate === ''"
      v-loading="repeatabilityTableLoading"
      :table-data="current === 'best' ? bestList : current === 'worst' ? worstList : modelList"
      :table-header="repeatabilityColumns"
      :merge-rows="[]"
      :need-index="true"
      max-height="300"
    />
    <!-- 历史日期重复性数据 -->
    <multi-table
      v-show="currentDate !== '核查数据' && currentDate !== ''"
      v-loading="repeatabilityTableLoading"
      :table-data="current === 'best' ? bestListCheckDate : current === 'worst' ? worstListCheckDate : modelListCheckDate"
      :table-header="repeatabilityColumns"
      :merge-rows="[]"
      :need-index="true"
      max-height="300"
    />
    <div style="display: flex;justify-content: space-between;align-items: center;">
      <h5>核查类型--稳定性</h5>
      <el-button v-if="pageType !== 'detail'" type="primary" @click="createResult('stability')">
        生成结果处理
      </el-button>
    </div>
    <multi-table
      v-show="currentDate === '核查数据' || currentDate === ''"
      v-loading="stabilityTableLoading"
      :table-data="current === 'best' ? bestListStability : current === 'worst' ? worstListStability : modelListStability"
      :table-header="current === 'best' ? stabilityColumnsBest : current === 'worst' ? stabilityColumnsWorst : stabilityColumnsModel"
      :merge-rows="[]"
      :need-index="true"
      max-height="500"
      @handle-click-header="handleClickHeader"
    />
    <!-- 历史日期稳定性数据 -->
    <multi-table
      v-show="currentDate !== '核查数据' && currentDate !== ''"
      v-loading="stabilityTableLoading"
      :table-data="current === 'best' ? bestListStabilityCheckDate : current === 'worst' ? worstListStabilityCheckDate : modelListStabilityCheckDate"
      :table-header="current === 'best' ? stabilityColumnsBestCheckDate : current === 'worst' ? stabilityColumnsWorstCheckDate : stabilityColumnsModelCheckDate"
      :merge-rows="[]"
      :need-index="true"
      max-height="500"
      @handle-click-header="handleClickHeader"
    />

    <!-- 稳定性考核是否合格 -->
    <el-form
      style="margin-top: 20px;"
      :model="form"
      label-width="160"
      label-position="right"
    >
      <el-row :gutter="24">
        <el-col :span="12">
          <el-form-item v-if="current === 'best'" label="稳定性考核是否合格(最佳点):">
            <el-input v-model="form.bestQualified" class="full-width-input" disabled placeholder="稳定性考核是否合格" />
          </el-form-item>
          <el-form-item v-if="current === 'worst'" label="稳定性考核是否合格(最差点):">
            <el-input v-model="form.worstQualified" class="full-width-input" disabled placeholder="稳定性考核是否合格" />
          </el-form-item>
          <el-form-item v-if="current === 'model'" label="稳定性考核是否合格(典型点):">
            <el-input v-model="form.modelQualified" class="full-width-input" disabled placeholder="稳定性考核是否合格" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </detail-block>

  <!-- 保存核查记录  -->
  <save-check-record ref="saveCheckRecordRef" />
</template>

<style lang="scss" scoped>
.link {
  text-decoration: underline;
  color: #3d7eff;
  cursor: pointer;
}

.file-area {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #60627f;
  margin-bottom: 10px;
  margin-left: 40px;
  white-space: nowrap;

  .tech-file {
    display: flex;
    align-items: center;
    margin-left: 20px;

    .file-text {
      margin-right: 10px;
    }
  }
}
</style>