<!-- 更新记录详情 -->
<script lang="ts" setup name="UpdateRecordDetail">
import detail from './detail.vue'
const dialogFormVisible = ref(false) // 对话框是否显示

// 初始化对话框
const detailRef = ref()
const loading = ref(true)
const initDialog = (row: any) => {
  loading.value = true
  dialogFormVisible.value = true
  setTimeout(() => {
    detailRef.value.initDialog({
      id: row.id,
      title: '测试校准检定方法',
      type: 'detail',
    })
    detailRef.value.methodFileInfo = {
      ...row,
      file: row.wordUrl,
      activeDate: row.effectiveDate,
    }
    loading.value = false
  })
}
defineExpose({
  initDialog,
})

const cancel = () => {
  dialogFormVisible.value = false
  // this.$emit('watchChild')
}
</script>

<template>
  <el-dialog v-model="dialogFormVisible" title="更新记录详情" append-to-body class="dialog" width="80%">
    <detail ref="detailRef" v-loading="loading" />
    <template #footer>
      <div class="dialog-footer">
        <el-button type="primary" @click="cancel">
          确认
        </el-button>
      </div>
    </template>
  </el-dialog>
</template>

<style lang="scss" scoped>
// .app-container :first-child {
//   display: none;
// }

::v-deep(.btn-content) {
  display: none;
}

::v-deep(.cancelParams) {
  display: none;
}

.el-dialog {
  width: 700px;
}

.el-select {
  width: 100%;
}

::v-deep(.detail-main) {
  .header {
    display: none;
  }

  .content {
    // display: none;

    .el-radio-group {
      display: none;
    }
  }
}
</style>