<!-- 核查数据管理详情--核查项---第18套：失真度标准装置 -->
<script lang="ts" setup name="checkDataDetail">
import { ref, watch } from 'vue'
import { ElLoading, ElMessage } from 'element-plus'
import saveCheckRecord from '../../dialog/saveCheckRecord.vue'
import { clearDateValue, handleDetailTableTableHead, handleSaveDateParams, solveHistoryIndicationTableData } from '../useStabilityCaculate'
import type { IList } from './eighteen-interface'
import type { TableColumn } from '@/components/NormalTable/table_interface'
import useUserStore from '@/store/modules/user'
import type { dictType } from '@/global'
import { getDictByCode } from '@/api/system/dict'
import { useCheckList } from '@/commonMethods/useCheckList'
import multiTable from '@/components/MultiHeaderTable/index.vue'
import { addCheckData, calculateHandle, getHistoryIndication, getInfo, updateCheckData } from '@/api/equipment/standard/checkData'
import { getCheckItemDetail, getJobInstructionList } from '@/api/equipment/standard/book'
import { useScientificNotation } from '@/commonMethods/useScientificNotation'

const props = defineProps({
  selectStandardId: { // 选择的标准装置id
    type: String,
  },
  pageType: { // 页面类型
    type: String,
  },
  checkDate: { // 核查日期
    type: String,
  },
})
const emits = defineEmits(['isConfigCheck'])
const user = useUserStore() // 用户信息
const $router = useRouter() // 关闭页面使用
const $route = useRoute() // 路由参数
const infoId = ref('')
const belongStandardEquipment = ref('16')
const itemCategoryId = ref('') // 核查项分类id
const itemCategoryName = ref('') // 核查项分类名称
const form = ref({
  remark: '/', // 备注
  qualified: '', // 稳定性考核是否合格
})
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: 'repeatability' },
  { name: '稳定性', value: 'stability' },
])
const current = ref('repeatability') // 选择的tab 默认基本信息
const columns_repeatability_attenuation_amount = ref<TableColumn[]>([ // 重复性表头--失真度
  { text: '核查项目', value: 'params', align: 'center', required: false, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', required: false, type: 'text' },
  { text: '标称值/%', value: 'nominalValue', align: 'center', required: false, type: 'text' },
  {
    text: '测量值',
    value: 'indicatingValue',
    align: 'center',
    required: false,
    width: '180',
    children: [
      { text: '第1次', value: 'testValueOne', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第2次', value: 'testValueTwo', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第3次', value: 'testValueThree', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第4次', value: 'testValueFour', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第5次', value: 'testValueFive', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第6次', value: 'testValueSix', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第7次', value: 'testValueSeven', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第8次', value: 'testValueEight', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第9次', value: 'testValueNine', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
      { text: '第10次', value: 'testValueTen', align: 'center', required: true, width: '180', type: 'inputNumber', precision: 2 },
    ],
  },
  { text: '平均值', value: 'averageValue', align: 'center', required: false, type: 'text' },
  { text: '重复性S(x)/x', value: 'standardDeviation', align: 'center', required: false, type: 'text' },
])

const columns_stability_attenuation_amount = ref<TableColumn[]>([ // 稳定性表头--失真度
  { text: '核查项目', value: 'params', align: 'center', required: false, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', required: false, type: 'text' },
  { text: '标称值/%', value: 'nominalValue', align: 'center', required: false, type: 'text' },
  {
    text: '测量值',
    value: '-',
    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: false, type: 'text' },
  { text: '稳定性', value: 'stability', align: 'center', required: false, type: 'text' },
  { text: 'U(k=2)', value: 'urel', align: 'center', required: true, type: 'text' },
  { text: '结论', value: 'lessThanValue', align: 'center', required: false, type: 'text' },
])
const columns_stability_attenuation_amount_checkDate = ref<TableColumn[]>([ // 稳定性表头--失真度
  { text: '核查项目', value: 'paramsName', align: 'center', required: false, type: 'text' },
  { text: '频率', value: 'frequency', align: 'center', required: false, type: 'text' },
  { text: '标称值/%', value: 'nominalValue', align: 'center', required: false, type: 'text' },
  {
    text: '测量值',
    value: '-',
    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: false, type: 'text' },
  { text: '稳定性', value: 'stability', align: 'center', required: false, type: 'text' },
  { text: 'U(k=2)', value: 'urel', align: 'center', required: true, type: 'text' },
  { text: '结论', value: 'lessThanValue', align: 'center', required: false, type: 'text' },
])

// 重复性
const listFrequencyRepeatability = ref<IList[]>([]) // 失真度-重复性

// 重复性checkDate
const listFrequencyRepeatabilityCheckDate = ref<IList[]>([]) // 失真度-重复性

// 重复性Loading
const listFrequencyRepeatabilityLoading = ref(false) // 失真度-重复性
// 稳定性
const listFrequencyStability = ref<any[]>([]) // 失真度-稳定性
// 稳定性checkDate
const listFrequencyStabilityCheckDate = ref<any[]>([]) // 失真度-稳定性

// 稳定性Loading
const listFrequencyStabilityLoading = ref(false) // 失真度-稳定性

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

// 初始化数据（查询配置检定项）
function handleData(list: any, type = 'edit') {
  // 失真度
  listFrequencyRepeatability.value = list.filter((item: { params: string }) => item.params === '失真度')
  // 失真度重复性
  listFrequencyRepeatability.value = listFrequencyRepeatability.value.map((e: any) => {
    return {
      paramsName: '失真度',
      editable: type === 'edit',
      dataId: e.id, //	核查数据管理基础信息表id
      id: '', //	id，更新/删除使用参数
      checkType: '重复性',
      dataType: '1',
      params: '失真度', // 核查项目
      averageValue: '', // 平均值
      standardDeviation: '', // 重复性
      urel: e.urel, // u(k=2)
      frequency: e.frequency + e.frequencyUnit,
      nominalValue: e.nominalValue,
      testValueOne: 0, //	测量值1/测量值(上升时间)
      testValueTwo: 0, //	测量值2（示值）
      testValueThree: 0, //	测量值3（示值）
      testValueFour: 0, //	测量值4（示值）
      testValueFive: 0, //	测量值5（示值）
      testValueSix: 0, //	测量值6（本次示值）
      testValueSeven: 0, //	测量值7
      testValueEight: 0, //	测量值8
      testValueNine: 0, //	测量值9
      testValueTen: 0, //	测量值10
    }
  }) as any
  // 失真度稳定性
  listFrequencyStability.value = listFrequencyRepeatability.value.map((e: any) => {
    return {
      paramsName: '失真度',
      editable: props.pageType !== 'detail',
      dataId: e.dataId, //	核查数据管理基础信息表id
      id: '', //	id，更新/删除使用参数
      params: '失真度', // 核查项目
      dataType: '1',
      checkType: '稳定性',
      frequency: e.frequency,
      nominalValue: e.nominalValue,
      urel: e.urel, // u(k=2)
      averageValue: '', // 平均值
      stability: '', // 稳定性
      lessThan: '', // 结论
      lessThanValue: '', // 结论
    }
  })
}
watch(() => listFrequencyRepeatability.value, (newVal) => {
  console.log(newVal, 'newVal')
}, {
  deep: true,
})
// 点击计算结果
const createResult = (type: string) => {
  let checkDataDistortionFactorList: any // 要传的重复或者稳定性参数
  if (current.value === 'stability') { // 计算稳定性先校验重复性
    if (!checkList()) { return false }
    checkDataDistortionFactorList = listFrequencyStability.value
  }

  if (current.value === 'repeatability') {
    switch (type) {
      case '失真度':
        if (!useCheckList(listFrequencyRepeatability.value, columns_repeatability_attenuation_amount.value, `${type}-重复性`)) {
          return false
        }
        checkDataDistortionFactorList = listFrequencyRepeatability.value
        break
    }
  }

  const params = {
    belongStandardEquipment: belongStandardEquipment.value, // 检校标准装置
    checkDataDistortionFactorList: checkDataDistortionFactorList.map((item: { conclusion: string }) => {
      return {
        ...item,
        conclusion: '',
      }
    }),
    itemCategoryId: itemCategoryId.value, // 核查项分类id
    itemCategoryName: itemCategoryName.value, // 核查项分类id
  }
  // 重复性Loading
  listFrequencyRepeatabilityLoading.value = type === '失真度' && current.value === 'repeatability'
  // 稳定性loading
  listFrequencyStabilityLoading.value = true // 失真度-稳定性

  calculateHandle(params).then((res) => {
    const result = res.data.filter((item: { params: string }) => item.params === type).map((item: any) => {
      return {
        ...item,
        editable: props.pageType !== 'detail',
        paramsName: type,
        standardDeviation: useScientificNotation(item.standardDeviation),
        stability: useScientificNotation(item.stability),
      }
    })
    console.log(result, type)
    if (current.value === 'repeatability') { // 重复性
      switch (type) {
        case '失真度':
          listFrequencyRepeatability.value = result
          // 填充稳定性最后一列的日期和数值
          listFrequencyStability.value = listFrequencyStability.value.map((item, index: number) => {
            return {
              ...item,
              testValueSix: listFrequencyRepeatability.value[index].averageValue, //	测量差值
              testValueSixDate: props.checkDate, //	核查读数6日期（本次核查日期）
            }
          })
          break
      }
    }
    else if (current.value === 'stability') { // 稳定性
      const resultList = res.data.map((item: any) => {
        return {
          ...item,
          lessThanValue: (`${item.lessThan}` === '1' || `${item.lessThan}` === '') ? '合格' : '不合格',
          editable: props.pageType !== 'detail',
        }
      })
      listFrequencyStability.value = resultList.filter((item: { params: string }) => item.params === '失真度')

      // 计算稳定性考核是否合格
      if (resultList.every((item: { lessThanValue: string | number }) => item.lessThanValue === '合格')) {
        form.value.qualified = '合格'
      }
      else {
        form.value.qualified = '不合格'
      }
    }

    // 重复性Loading
    listFrequencyRepeatabilityLoading.value = false
    // 稳定性loading
    listFrequencyStabilityLoading.value = false // 失真度-稳定性
  }).catch(() => {
    // 重复性Loading
    listFrequencyRepeatabilityLoading.value = false
    // 稳定性loading
    listFrequencyStabilityLoading.value = false // 失真度-稳定性
  })
}
// ------------------------------------------------------------------------------------------
// 处理详情数据
const solveGetDetailData = (responseList: any) => {
  console.log('处理详情数据', props.pageType)
  form.value.qualified = responseList.length < 4 ? '合格' : responseList[0].qualified === 1 ? '合格' : '不合格'
  const list = responseList.map((item: any) => {
    return {
      ...item,
      editable: props.pageType !== 'detail',
      // checkPointDefineFront: item.checkPoint + item.unit, // 核查点
      // powerDefineFront: item.power + item.powerUnit, // 交流电压
      lessThanValue: `${item.lessThan}` === '1' ? '合格' : '不合格',
      testValueOne: item.checkType === '稳定性' ? item.testValueOne : Number(item.testValueOne), //	测量值1/测量值(上升时间)
      testValueTwo: item.checkType === '稳定性' ? item.testValueTwo : Number(item.testValueTwo), //	测量值2（示值）
      testValueThree: item.checkType === '稳定性' ? item.testValueThree : Number(item.testValueThree), //	测量值3（示值）
      testValueFour: item.checkType === '稳定性' ? item.testValueFour : Number(item.testValueFour), //	测量值4（示值）
      testValueFive: item.checkType === '稳定性' ? item.testValueFive : Number(item.testValueFive), //	测量值5（示值）
      testValueSix: item.checkType === '稳定性' ? item.testValueSix : Number(item.testValueSix), //	测量值6（本次示值）
      testValueSeven: item.checkType === '稳定性' ? item.testValueSeven : Number(item.testValueSeven), //	测量值7
      testValueEight: item.checkType === '稳定性' ? item.testValueEight : Number(item.testValueEight), //	测量值8
      testValueNine: item.checkType === '稳定性' ? item.testValueNine : Number(item.testValueNine), //	测量值9
      testValueTen: item.checkType === '稳定性' ? item.testValueTen : Number(item.testValueTen), //	测量值10
    }
  })

  const listFrequencyRepeatability = list.filter((item: { params: string; checkType: string }) => item.checkType === '重复性' && item.params === '失真度') // 失真度-重复性

  // 稳定性
  const listFrequencyStability = list.filter((item: { params: string; checkType: string }) => item.checkType === '稳定性' && item.params === '失真度') // 失真度-稳定性
  return {
    templistFrequencyRepeatability: listFrequencyRepeatability,

    templistFrequencyStability: listFrequencyStability,
  }
}

// 获取详情
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 {
      templistFrequencyRepeatability,
      templistFrequencyStability,
    } = solveGetDetailData(res.data.checkDataDistortionFactorList)
    if (id !== '') { // 查询的日期获得的数据
      listFrequencyRepeatabilityCheckDate.value = templistFrequencyRepeatability// 失真度-重复性

      listFrequencyStabilityCheckDate.value = templistFrequencyStability// 失真度-稳定性
    }
    else {
      listFrequencyRepeatability.value = templistFrequencyRepeatability// 失真度-重复性

      listFrequencyStability.value = templistFrequencyStability// 失真度-稳定性
    }

    nextTick(() => {
      if (id !== '') { // 稳定性表头---查询历史的稳定性日期数据
        const tempColumn = [
          { 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 },
        ] as any
        columns_stability_attenuation_amount.value[3].children = [...tempColumn]

        fetchHistoryIndication(currentDate.value) // 获取稳定性
      }
      else { // 正常核查数据处理表头
        columns_stability_attenuation_amount.value = handleDetailTableTableHead(columns_stability_attenuation_amount.value, listFrequencyStability.value, 3)
      }
    })

    if (props.pageType === 'edit' || props.pageType === 'detail') {
      fetchHistoryIndication() // 重新拉取稳定性日期
    }
    loading.close()
  })
}

/**
 * 获取稳定性示值
 * @param date 查询日期
 */
function fetchHistoryIndication(date = '') {
  if (!equipmentId.value || !props.selectStandardId) { return false }
  const params = {
    belongStandardEquipment: belongStandardEquipment.value,	// 检校标准装置(字典code)
    checkDate: date || props.checkDate!,	// 核查日期
    checkParam: '',	// 核查参数((直流稳压电源-直接电流(间接测量))
    conclusion: '合格',	// 结论
    equipmentId: equipmentId.value,	// 被核查设备id
    params: '',	// 核查项目
    stabilityExamine: '1',	// 是否用于稳定性考核(1/0)
    standardEquipmentId: props.selectStandardId!,	// 被核查标准装置id
  }
  if (props.selectStandardId && equipmentId.value) {
    // 稳定性Loading
    listFrequencyStabilityLoading.value = true // 失真度-稳定性
  }
  getHistoryIndication(params).then((res) => {
    if (date === '') { // 正常核查数据
      const num = (props.pageType === 'edit' || props.pageType === 'detail') ? 5 : 4
      // '频率':
      listFrequencyStability.value = listFrequencyStability.value.map((item) => {
        const { itemData, columnsData } = solveHistoryIndicationTableData(res.data.data.filter((item: { params: string }) => item.params === '失真度'), item, columns_stability_attenuation_amount.value, num, 3, '18')
        console.log('columnsData', columnsData[2])

        columns_stability_attenuation_amount.value = columnsData
        return item = itemData
      })
      listFrequencyStability.value = handleSaveDateParams(columns_stability_attenuation_amount.value, listFrequencyStability.value, 3)
    }
    else {
      initColumnsCheckDate()
      const num = 5
      // '频率':
      listFrequencyStabilityCheckDate.value = listFrequencyStabilityCheckDate.value.map((item) => {
        clearDateValue(item)
        const { itemData, columnsData } = solveHistoryIndicationTableData(res.data.data.filter((item: { params: string }) => item.params === '失真度'), item, columns_stability_attenuation_amount_checkDate.value, num, 3, '18')
        columns_stability_attenuation_amount_checkDate.value = columnsData
        return item = itemData
      })
      listFrequencyStabilityCheckDate.value = handleSaveDateParams(columns_stability_attenuation_amount_checkDate.value, listFrequencyStabilityCheckDate.value, 3)
    }

    listFrequencyStabilityLoading.value = false // 失真度-稳定性
  }).catch(() => {
    listFrequencyStabilityLoading.value = false // 失真度-稳定性
  })
}

/**
 * 保存之前的校验
 */
function checkList() {
  // 新建核查数据的时候，在保存之前要先校验一下本次核查日期有没有数据，没有不允许保存
  if (listFrequencyRepeatability.value.length && `${listFrequencyRepeatability.value[0].averageValue}` === '') {
    ElMessage.warning('请先计算 失真度 的重复性')
    return false
  }
  return true
}

// 保存之前处理数据
const solveDataBeforeSave = () => {
  // 数据处理
  let tempList = [] as any

  tempList = tempList.concat(
    // 重复性
    listFrequencyRepeatability.value, // 失真度-重复性
    listFrequencyStability.value, // 失真度-稳定性
  )
  return tempList
}

// 点击表头日期查询历史稳定性数据
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[3].children?.forEach((item) => {
    if (item.text !== '-' && item.text !== '') {
      dateNum += 1
    }
  })
  return dateNum
}

watch(() => props.pageType, (newValue) => {
  if (newValue === 'detail') {
    listFrequencyRepeatability.value = listFrequencyRepeatability.value.map(item => ({ ...item, editable: false }))
  }
})
/**
 * 初始化表头
 * @param soveLastColumnDate 是否处理最后一列
 */
function initColumns() {
  const tempColumn = [
    { 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 },
  ] as any
  columns_stability_attenuation_amount.value[3].children = [...tempColumn]

  columns_stability_attenuation_amount.value[3].children![5].text = props.checkDate! // 最后一列的表头日期
}
/**
 * 初始化CheckDate表头
 * @param soveLastColumnDate 是否处理最后一列
 */
function initColumnsCheckDate() {
  columns_stability_attenuation_amount_checkDate.value[3].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 },
  ]
}
// 监听核查日期变化
watch(() => props.checkDate, (newValue) => {
  initColumns()
  nextTick(() => {
    fetchHistoryIndication() // 重新拉取稳定性日期
  })
}, { immediate: true })

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({ fetchCheckItemDetail, checkList, solveDataBeforeSave, form })
</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="pageType !== 'detail' && current === 'repeatability'" type="primary" @click="createResult('失真度')">
        计算结果
      </el-button>
      <el-button v-if="pageType !== 'detail' && current === 'stability'" type="primary" @click="createResult('stability')">
        计算结果
      </el-button>
    </div>
    <multi-table
      v-show="current === 'repeatability' && (currentDate === '核查数据' || currentDate === '')"
      v-loading="listFrequencyRepeatabilityLoading"
      :table-data="listFrequencyRepeatability"
      :table-header="columns_repeatability_attenuation_amount"
      :merge-rows="[]"
      :need-index="true"
      max-height="300"
    />
    <!-- 历史日期重复性数据 -->
    <multi-table
      v-show="current === 'repeatability' && (currentDate !== '核查数据' && currentDate !== '')"
      v-loading="listFrequencyRepeatabilityLoading"
      :table-data="listFrequencyRepeatabilityCheckDate"
      :table-header="columns_repeatability_attenuation_amount"
      :merge-rows="[]"
      :need-index="true"
      max-height="300"
    />

    <!-- 频率稳定性  -->
    <multi-table
      v-show="current === 'stability' && (currentDate === '核查数据' || currentDate === '')"
      v-loading="listFrequencyStabilityLoading"
      :table-data="listFrequencyStability"
      :table-header="columns_stability_attenuation_amount"
      :merge-rows="[]"
      :need-index="true"
      max-height="500"
      @handle-click-header="handleClickHeader"
    />
    <!-- 历史日期稳定性数据 -->
    <multi-table
      v-show="current === 'stability' && (currentDate !== '核查数据' && currentDate !== '')"
      v-loading="listFrequencyStabilityLoading"
      :table-data="listFrequencyStabilityCheckDate"
      :table-header="columns_stability_attenuation_amount_checkDate"
      :merge-rows="[]"
      :need-index="true"
      max-height="500"
      @handle-click-header="handleClickHeader"
    />

    <el-form
      v-if="current === 'stability'"
      style="margin-top: 20px;"
      :model="form"
      label-width="160"
      label-position="right"
    >
      <el-row :gutter="24">
        <el-col :span="12">
          <el-form-item label="稳定性考核是否合格:">
            <el-input v-model="form.qualified" class="full-width-input" disabled :placeholder="pageType === 'detail' ? ' ' : '稳定性考核是否合格'" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="备注:" prop="remark">
            <el-input
              v-model="form.remark"
              autosize
              type="textarea"
              :disabled="pageType === 'detail'"
            />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <!-- 保存核查记录  -->
    <save-check-record ref="saveCheckRecordRef" />
  </detail-block>
</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>