<template>
  <el-dialog :title="$t('改造记录')" :visible.sync="visible" width="1200px" append-to-body>
    <el-table v-loading="loading" ref="reTable" :data="specDtList" :height="clientHeight" border>
      <el-table-column :label="$t('装置')" align="center"  fixed="left" prop="plantCode" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('单元')" align="center"  fixed="left" prop="unit" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('档案号')" align="center"  fixed="left" prop="docno" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('使用部门')" align="center" fixed="left" prop="useDept" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('装置维修组')" align="center"  fixed="left" prop="plantMaint" :show-overflow-tooltip="true"/>

      <el-table-column :label="$t('名称')" align="center"  fixed="left" prop="devname" width="130" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('注册编号')" align="center" fixed="left"  prop="regno" width="100" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('型号')" align="center" fixed="left"  prop="model" :show-overflow-tooltip="true"/>
<!--      <el-table-column :label="$t('状态')" align="center" fixed="left"  prop="status" :formatter="statusFormat" />-->
<!--      <el-table-column :label="$t('申请状态')" align="center" fixed="left"  prop="approveStatus" :formatter="approveStatusFormat" />-->
      <el-table-column :label="$t('额定载重量')+'(kg)'" align="center" prop="capacity" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('层站数')" align="center" prop="floor" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('制造单位')" align="center" prop="createUnit" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('使用地点')" align="center" prop="location" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('初检日期')" align="center" prop="firstWarnDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.firstWarnDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('检验日期')" align="center" prop="warnDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.warnDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>

      <el-table-column :label="$t('检验单位')" align="center" prop="checkUnit" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('报告编号')" align="center" prop="reportNo" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('下次检验日期')" align="center" prop="nextWarnDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.nextWarnDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('定期检验结论')" align="center" prop="perTestConclusion" :show-overflow-tooltip="true"/>

      <el-table-column :label="$t('备注')" align="center" prop="remarks" :show-overflow-tooltip="true"/>
      <el-table-column :label="$t('创建时间')" align="center" prop="createdate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createdate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
    </el-table>
  </el-dialog>
</template>

<script>
  import {getSpecDtByReform} from "@/api/sems/specDt";
  import { getToken } from "@/utils/auth";
  import "@riophae/vue-treeselect/dist/vue-treeselect.css";

    export default {
        name: "specDt-hisReform",
      data() {
        return {
          specDtList: [],
          devType: null,
          // 遮罩层
          loading: true,
          visible: false,
          // 选中数组
          ids: [],
          // 非单个禁用
          single: true,
          // 非多个禁用
          multiple: true,
          // 显示搜索条件
          showSearch: false,
          // 总条数
          total: 0,
          // 特种设备检验记录表格数据
          checkList: [],
          // 弹出层标题
          title: "",
          // 部门树选项
          deptOptions: undefined,
          clientHeight:300,
          // 是否显示弹出层
          open: false,
          // 用户导入参数
          upload: {
            // 是否显示弹出层（用户导入）
            open: false,
            // 弹出层标题（用户导入）
            title: "",
            // 是否禁用上传
            isUploading: false,
            // 是否更新已经存在的用户数据
            updateSupport: 0,
            // 设置上传的请求头部
            headers: { Authorization: "Bearer " + getToken() },
            // 上传的地址
            url: process.env.VUE_APP_BASE_API + "/sems/check/importData"
          },
          // 查询参数
          queryParams: {
            pageNum: 1,
            pageSize: 20,
            createrCode: null,
            createdate: null,
            updaterCode: null,
            updatedate: null,
            checkUnit: null,
            warnDate: null,
            nextWarnDate: null,
            reportNo: null,
            yearWarnDate: null,
            checkConclusion: null,
            yearNextWarnDate: null,
            yearReportNo: null,
            outWarnDate: null,
            outNextWarnDate: null,
            outCheckConclusion: null,
            outReportNo: null,
            devId: null,
            devType: null,
            safeClass: null
          },

          // 表单参数
          form: {},
          // 表单校验
          rules: {
          }
        };
      },
      watch: {
        // // 根据名称筛选部门树
        // deptName(val) {
        //   this.$refs.tree.filter(val);
        // }
      },
      created() {
        //设置表格高度对应屏幕高度
        this.$nextTick(() => {
          this.clientHeight = document.body.clientHeight -250
        })

      },
      methods: {
        init(row) {
          this.visible = true
          this.queryParams.devId = row.id
          // this.queryParams.devType = type
          // this.devType = type
          // console.log(this.devType)
          this.loading = true;
          this.$nextTick(() => {
            console.log(this.queryParams)
            getSpecDtByReform(row.id).then(response => {
              this.specDtList = response.data;
              this.$nextTick(() => {
                this.$refs.reTable.doLayout(); // 解决表格错位
              });
              this.loading = false;
            });
          })

        },
      }
    }
</script>

<style scoped>

</style>
