<template>
  <div class="app-content" style="height: 76vh;overflow: auto;">
    <a-spin :spinning="loading" style="width: 100%;height: 100%;">
      <div class="page-content">
        <div style=" width: 100%;height: 50px;">
          <a-tabs type="card" hideAdd size="small" @change="callback">
            <a-tab-pane :key="item.key" :tab="item.title" v-for="(item) in tabsData">
            </a-tab-pane>
          </a-tabs>
        </div>
        <div style="width: 100%;height: calc(100% - 50px);overflow: auto;" ref="main">
          <div class="x_modal_content">
            <talent-info v-model="formData" :tabsData.sync="tabsData" />
            <a-form-model ref="form" :model="auditObj" :rules="rules" class="from-table font-line-space">
              <audit-edit :auditObj.sync="auditObj" />
            </a-form-model>
          </div>
        </div>
      </div>
      <div class="page-footer">
        <a-button type="primary" @click="submit" style="margin-left:16px;">提交</a-button>
      </div>
    </a-spin>
  </div>
</template>
<script>

import { isEmptyParams } from "@/views/utils/common"
import talentInfo from '@/views/report/talent/components/talentInfo'
import AuditList from '@/views/audit/components/auditInfo'
import AuditEdit from '@/views/audit/components/auditEdit'
export default {
  name: "Audit",
  components: {
    talentInfo, AuditList, AuditEdit
  },
  data () {
    return {
      tabsData: [
        { title: '全部', key: '0', isShow: true },
        { title: '申报人基本情况', key: '1', isShow: true },
        { title: '申报人简历', key: '2', isShow: true },
        { title: '申报人科研成绩', key: '3', isShow: true },
        { title: '科学研究规划及团队人员名单', key: '4', isShow: true },
        { title: '经费预算及培养计划和目标', key: '5', isShow: true },
        { title: '附件', key: '6', isShow: true },
        { title: '项目审核记录', key: '7', isShow: true },
      ],
      formData: {
        id: null, 
        talentCategory: null,
        reportYear: null,
        certId: null,
        personId: null,
        personName: null,
        nation: null,
        sex: null,
        birthday: null,
        degree: null,
        degreeTime: null,
        degreeUnit: null,
        spec: null,
        graduateTeacher: null,
        title: null,
        politicalParty: null,
        duty: null,
        talentType: null,
        honoraryTitle: null,
        holdPost1: null,
        holdPost2: null,
        holdPost3: null,
        mobile: null,
        fax: null,
        technicalSkill: null,
        qualityTarget: null,
        researchCondition: null,
        researchProgress: null,
        email: null,
        applyFund: null,
        otherFund: null,
        totalFund: null,
        planTarget: null,
        unitAdvice: null,
        talentState: null,
        resumeList: [],
        membersList: [],
        budgetList: [],
        scientificList: [],
        fileList: [],
        auditList: [],
      },
      auditObj: { id: this.value, auditObjectId: this.objId, auditResult: null, auditType: 6, auditContent: '' },
      rules: {
        auditContent: { required: true, message: '请填写审核意见', trigger: 'blur' },
        auditResult: { required: true, message: '请选择审核结果', trigger: 'change' },
      },
      loading: false,
    };
  },
  props: {
    value: {
      type: String,
      default: () => {
        return null
      }
    },
    objId: {
      type: String,
      default () {
        return null
      }
    },
  },
  created () {
    this.getTalentApplyById()
  },
  methods: {
    getTalentApplyById () {
      let pars = { id: this.objId }
      if (this.objId != null) {
        this.loading = true
        this.$api.talent.getTalentApplyById(pars).then(({ data = {} }) => {
          if (data) {
            // 处理字符串转数组
            let talentType = null
            if (typeof data.talentType === 'string' && data.talentType) {
                data.talentType = data.talentType.split(',')
                talentType = [...data.talentType]
            }
            if (typeof data.graduateTeacher === 'string' && data.graduateTeacher) {
                data.graduateTeacher = data.graduateTeacher.split(',')
            }
            this.formData = data
            this.loading = false
          } else
            this.$emit('close', 'error')
        }).catch(() => { this.$emit('close', 'error') })
      }
    },
    submit () {
      this.$refs.form.validate(valid => {
        if (valid) {
          this.loading = true
          let pars = isEmptyParams(this.auditObj)
          let par = { ...pars }
          this.$api.audit.talentAudit(par).then(({ data = {} }) => {
            if (data) {
              this.$message.success('审核成功！')
              this.$emit('close', 'audit')
            }
            this.loading = false
          }).catch(() => { this.loading = false })
        } else {
          this.changeScroll()
          this.$message.error('请选择审核结果或填写审核意见！')
          return false
        }
      })
    },
    changeScroll () {
      this.$refs.main.scrollTop = document.getElementsByClassName('x_modal_content')[0].offsetHeight
    },
    callback (key) {
      var index = parseInt(key)
      this.tabsData.forEach(e => {
        if (key == '0')
          e.isShow = true
        else
          e.isShow = false
      })
      this.tabsData[0].isShow = true;
      this.tabsData[index].isShow = true;
    },
  },
}
</script>
<style scoped lang="less">
::v-deep .ant-spin-container {
  width: 100%;
  height: 100%;
}
::v-deep .page-content {
  width: 100%;
  height: calc(100% - 40px);
  overflow: auto;
}
::v-deep .page-footer {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: rgb(248, 248, 248);
  text-align: center;
}
textarea {
  height: 115px;
}
</style>