<template>
  <a-card :bordered="false" v-show="visibleDetail" class="card" :title="modalTitle">
    <div v-show="visible">
      <a-row :gutter="48" slot="extra">
        <a-col :md="48" :sm="48">
          <span class="table-page-search-submitButtons" style="float: right">
            <a-button style="margin-left: 8px" type="primary" @click="handleMeasure()">检定记录</a-button>
            <a-button style="margin-left: 8px" type="primary" @click="handleCancel()">返回</a-button>
          </span>
        </a-col>
      </a-row>
      <title-divider title="图片信息" width="90px"></title-divider>
      <a-carousel effect="fade">
        <div v-for="item in model.sbFileList">
          <h3>
            <img :src="BaseTool.Constant.FILE_URL + item.url" width="200px" height="200px"/>
          </h3>
        </div>
      </a-carousel>
      <detail-list title="" :col="3">
        <!--        <detail-list-item v-for="item in model.sbFileList" term="">
                  <img :src="BaseTool.Constant.FILE_URL + item.url" width="200px" height="200px"/>
                </detail-list-item>-->
        <detail-list-item>
          <img-code :src="model.qrCode" :code-id="model.id" :width="200"></img-code>
        </detail-list-item>
      </detail-list>

      <title-divider title="基本信息" width="90px"></title-divider>
      <detail-list title="" :col="3">
        <detail-list-item term="设备（新号）">{{ model.no }}</detail-list-item>
        <detail-list-item term="设备（旧号）">{{ model.zbh }}</detail-list-item>
        <detail-list-item term="设备描述">{{ model.name }}</detail-list-item>
        <detail-list-item term="型号">{{ model.model }}</detail-list-item>
        <detail-list-item term="备注">{{ model.remark }}</detail-list-item>
      </detail-list>
      <title-divider  v-show="model.useType == 5" title="特种信息" width="90px"></title-divider>
      <detail-list  v-show="model.useType == 5" title="" :col="3">
        <detail-list-item term="注册代码">{{ model.registerNo }}</detail-list-item>
        <detail-list-item term="介质属性">{{ model.characterType }}</detail-list-item>
        <detail-list-item term="使用登记证编号">{{ model.usedNo }}</detail-list-item>
        <detail-list-item term="维护供应商">{{ model.supplier }}</detail-list-item>
        <detail-list-item term="设备批号">{{ model.batchNo }}</detail-list-item>
        <detail-list-item term="预计工作年限">{{ model.workYear }}</detail-list-item>
        <detail-list-item term="设计到期年限">{{ model.retirementDate }}</detail-list-item>
        <detail-list-item term="登记日期">{{ model.registerDate }}</detail-list-item>
      </detail-list>
      <title-divider v-show="model.useType == 4" title="计量信息" width="90px"></title-divider>
      <detail-list  v-show="model.useType == 4" title="" :col="3">
        <detail-list-item term="测量设备编号">{{ model.cardNo }}</detail-list-item>
        <detail-list-item term="准确度等级">{{ model.fdjxh }}</detail-list-item>
        <detail-list-item term="检定日期">{{ model.checkDate }}</detail-list-item>
        <detail-list-item term="检定周期">{{ model.checkPeriod }}个月</detail-list-item>
        <detail-list-item term="有效日期">{{ model.nextCheckDate }}</detail-list-item>
        <detail-list-item term="检定单位">{{ model.dph }}</detail-list-item>
        <detail-list-item term="检定人">{{ model.zaiz }}</detail-list-item>
        <detail-list-item term="检定结论">{{ BaseTool.Object.getField(rlTypeMap,model.rlType) }}</detail-list-item>
        <detail-list-item term="是否周检查">{{ BaseTool.Object.getField(colorMap,model.color) }}</detail-list-item>
        <detail-list-item term="检定证书编号">{{ model.sbdh }}</detail-list-item>
        <detail-list-item term="预警天数">{{ model.seatNumber }}天</detail-list-item>
      </detail-list>
<!--      <title-divider title="文件信息" width="90px"></title-divider>
      <detail-list title="" :col="4">
        <detail-list-item term="维保手册">
          <a-upload
            :multiple="true"
            :fileList="BaseTool.UPLOAD.transImg(model.repairFileList)"
          >
          </a-upload>
        </detail-list-item>
        <detail-list-item term="使用手册">
          <a-upload
            :multiple="true"
            :fileList="BaseTool.UPLOAD.transImg(model.useFileList)"
          >
          </a-upload>
        </detail-list-item>
        <detail-list-item term="验收文件">
          <a-upload
            :multiple="true"
            :fileList="BaseTool.UPLOAD.transImg(model.recheckFileList)"
          >
          </a-upload>
        </detail-list-item>
      </detail-list>
      <title-divider title="相关数据" width="90px"></title-divider>
      <q-tabs :activeKey="activeKey" @change="changeTab">
        <q-tab-pane key="1" tab="报修记录">
          <repair-application-form-table :type="2" :table-params="{sbId: model.id, sbName: model.name}" ref="repairApplicationFormTable" />
        </q-tab-pane>
        <q-tab-pane key="2" tab="配件记录">
          <spare-part-used-select-table :type="2" :table-params="{sbId: model.id, modelId: model.modelId}" ref="sparePartUsedSelectTable"/>
        </q-tab-pane>
        <q-tab-pane key="3" tab="保养任务">
          <check-job-table :type="2" :check-type="2" :table-params="{sbId: model.id}" ref="spotJobTable" />
        </q-tab-pane>
      </q-tabs>-->
    </div>
    <detail-sb-bom ref="detailSbBomModal" @ok="handleOk"/>
    <detail-sb-check ref="detailSbCheckModal" @ok="handleOk"/>
    <detail-sb-measure ref="detailSbMeasureModal" @ok="handleOk"/>
    <part-info-list ref="partInfoList" />
    <!--    <check-job-table-wait-do :type="2" :check-type="2" ref="checkJobTableWaitDo" @ok="handleOk"/>-->
  </a-card>
</template>

<script>
import DetailList from '@/components/tools/DetailList'
import RepairApplicationFormTable from '@/views/repair/application-form/modules/RepairApplicationFormTable'
import CheckJobTable from '@/views/check/checkjob/modules/CheckJobTable'
// import CheckJobTableWaitDo from '@/views/check/checkjob/modules/CheckJobTableWaitDo'
import { fetchFirmProducer } from '@/api/firm/producer'
import { queryNumCheckStandard } from '@/api/check/checkstandard'
import { queryNumCheckjob } from '@/api/check/checkjob'
import { queryNumPartInfo } from '@/api/part/info'
import { queryNumModelbom } from '@/api/sb/modelbom'
import SparePartUsedSelectTable from '@/views/sqarepartmanage/sparepartused/modules/SparePartUsedSelectTable'
import SbOilPageTable from '@/views/sb/oil/modules/SbOilPageTable'
import SbRunFillPageTable from '@/views/sb/run-fill/modules/SbRunFillPageTable'
import SbInspectionFillPageTable from '@/views/sb/inspection-fill/modules/SbInspectionFillPageTable'
import DetailSbBom from '@/views/sb/modelbom/modules/DetailSbBom'
import DetailSbCheck from '@/views/check/checkstandard/modules/DetailSbCheck'
import DetailSbMeasure from '@/views/sb/measurelog/modules/DetailSbCheck'
import PartInfoList from '@/views/part/info/modules/PartInfoList'
const DetailListItem = DetailList.Item

export default {
  name: 'SbInfoDetailMeasureRelation',
  components: {
    DetailList,
    DetailListItem,
    RepairApplicationFormTable,
    CheckJobTable,
    SparePartUsedSelectTable,
    SbOilPageTable,
    SbRunFillPageTable,
    SbInspectionFillPageTable,
    DetailSbBom,
    DetailSbCheck,
    PartInfoList,
    DetailSbMeasure
  },
  data () {
    return {
      confirmLoading: false,
      mdl: {},
      modalTitle: null,
      visible: false,
      visibleDetail: false,
      activeKey: '3',
      collapseActiveKey: '1',
      model: {
        'no': null,
        'financingNo': null,
        'name': null,
        'modelId': null,
        'typeId': null,
        'isShow': null,
        'isChild': null,
        'parentId': null,
        'level': null,
        'useType': null,
        'rate': null,
        'month': null,
        'usedMonth': null,
        'initialValue': null,
        'currentValue': null,
        'cutValue': null,
        'producerId': null,
        // 'sourceType': null,
        // 'sourceSbId': null,
        // 'parentId': null,
        'unit': null,
        // 'position': null,
        // 'guigeId': null,
        'useCompanyName': null,
        'useProjectName': null,
        'useDeptName': null,
        'useGroupName': null,
        'useUserName': null,
        'saveDeptName': null,
        'saveUserName': null,
        'repairUserName': null,
        'totalMiles': null,
        'totalHours': null,
        // 'lastBaoyangTime': null,
        // 'lastBaoyangMiles': null,
        // 'lastBaoyangHours': null,
        // 'baoyangTimes': null,
        'buyDate': null,
        'startDate': null,
        // 'nextCheckDate': null,
        // 'guaranteeDate': null,
        // 'workYear': null,
        // 'retirementDate': null,
        // 'depreciationType': null,
        'wbFile': null,
        'useFile': null,
        'checkFile': null,
        'sbImage': null,
        'sbFileList': null,
        'qrCode': null,
        'status': null,
        'remark': null,
        'parentName': null,
        'createdUserName': null,
        'typeName': null,
        'producerName': null,
        'zzh': null,
        'fdjxh': null,
        'fdjh': null,
        'cph': null,
        'dph': null,
        'zz': null,
        'rlType': null,
        'color': null,
        'seatNumber': null,

        'registerNo': null,
        'characterType': null,
        'usedNo': null,
        'supplier': null,
        'repairUserSecond': null,
        'batchNo': null,
        'workYear': null,
        'retirementDate': null,
        'registerDate': null
      },
      numCheckStandard: 0,
      numNumCheckjob: 0,
      numModelbom: 0,
      numPartInfo: 0,
      firmProducerLevelMap: {},
      firmSupplier: {},
      firmProducer: {},
      statusMap: {},
      useTypeMap: {},
      levelMap: {},
      unitMap: {},
      colorMap: {},
      rlTypeMap: {},
      sourceTypeMap: {}
    }
  },
  created () {
    this.depreciationTypeMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.SBINFO_DEPRECIATIONTYPE)
    this.levelMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.SBINFO_LEVEL)
    this.firmProducerLevelMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.FIRM_PRODUCER_LEVEL)
    this.statusMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.SB_INFO_STATUS)
    this.unitMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.SBINFO_UNIT)
    this.colorMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.SB_COLOR)
    this.rlTypeMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.RANLIAO_TYPE)
    this.sourceTypeMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.SBTYPE_SOURCETYPE)
    this.useTypeMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.SB_USE_TYPE)
  },
  computed: {
  },
  methods: {
    handleViewBom (record) {
      this.visible = false
      const modal = this.$refs.detailSbBomModal
      modal.base(this.model)
    },
    handleViewCheck (record) {
      this.visible = false
      const modal = this.$refs.detailSbCheckModal
      modal.base(this.model)
    },
    handleMeasure (record) {
      this.visible = false
      const modal = this.$refs.detailSbMeasureModal
      modal.base(this.model)
    },
    base (record) {
      this.visible = true
      this.visibleDetail = true
      this.modalTitle = '详情'
      this.model = record
      this.activeKey = '1'
      this.collapseActiveKey = '0'
      this.fetchNum()
      fetchFirmProducer({ id: this.model.producerId }).then(res => {
        this.firmProducer = res.data
      })
    },
    fetchNum () {
      Promise.all([queryNumPartInfo({ sbId: this.model.id }), queryNumModelbom({ sbId: this.model.id }), queryNumCheckStandard({ sbId: this.model.id }), queryNumCheckjob({ sbId: this.model.id })])
        .then((values) => {
          this.numPartInfo = values[0].data
          this.numModelbom = values[1].data
          this.numCheckStandard = values[2].data
          this.numNumCheckjob = values[3].data
        })
    },
    changeTab (activeKey) {
      this.activeKey = activeKey
      if (this.activeKey === '1' && this.BaseTool.Object.isNotBlank(this.$refs.repairApplicationFormTable)) {
        this.$refs.repairApplicationFormTable.handleOk()
        return
      }
      if (this.activeKey === '2' && this.BaseTool.Object.isNotBlank(this.$refs.sparePartUsedSelectTable)) {
        this.$refs.sparePartUsedSelectTable.handleOk()
        return
      }
      if (this.activeKey === '3' && this.BaseTool.Object.isNotBlank(this.$refs.spotJobTable)) {
        this.$refs.spotJobTable.handleOk()
        return
      }
      if (this.activeKey === '4' && this.BaseTool.Object.isNotBlank(this.$refs.pollingJobTable)) {
        this.$refs.pollingJobTable.handleOk()
        return
      }
      if (this.activeKey === '5' && this.BaseTool.Object.isNotBlank(this.$refs.spotCheckJobTable)) {
        this.$refs.spotCheckJobTable.handleOk()
        return
      }
      if (this.activeKey === '6' && this.BaseTool.Object.isNotBlank(this.$refs.spotCheckJobTable)) {
        this.$refs.spotCheckJobTable.handleOk()
        return
      }
      if (this.activeKey === '7' && this.BaseTool.Object.isNotBlank(this.$refs.sbOilPageTable)) {
        this.$refs.sbOilPageTable.handleOk()
        return
      }
      if (this.activeKey === '8' && this.BaseTool.Object.isNotBlank(this.$refs.sbInspectionFillPageTable)) {
        this.$refs.sbInspectionFillPageTable.handleOk()
      }
    },
    getQrcodeSrc: (dom) => {
      console.log(11, 22)
    },
    handleCancel (values) {
      this.visible = false
      this.visibleDetail = false
      this.confirmLoading = false
      this.$emit('ok', values)
    },
    handleOk () {
      this.visible = true
      this.fetchNum()
    },
    partInfoListView () {
      const modal = this.$refs.partInfoList
      modal.base({ sbId: this.model.id }, { sbId: this.model.id })
    },
    checkJobTableWaitDoListView () {
      const modal = this.$refs.checkJobTableWaitDo
      modal.base({ sbId: this.model.id }, { sbId: this.model.id, status: 1 })
    }
  }
}
</script>
<style scoped>
/* For demo */
.ant-carousel {
  width: 300px;
  height: 300px;
}
.ant-carousel >>> .slick-slide {
  text-align: center;
  height: 300px;
  line-height: 300px;
  overflow: hidden;
}

.ant-carousel >>> .slick-slide h3 {
  color: #fff;
}
</style>