<script lang="ts" setup name="BaseInfoDetail">
/**
 * 培训计划-基础信息表单
 */
import type { PropType } from 'vue'
import type { FormInstance, UploadUserFile } from 'element-plus'
// 按钮加载状态
const props = defineProps({
  formInline: {
    type: Object,
    required: true,
  },
  approvalStatusName: {
    type: String,
  },
})
const companyAddress = computed(() => {
  return [props.formInline.companyCountryName, props.formInline.companyProvinceName, props.formInline.companyCityName, props.formInline.companyAreaName, props.formInline.companyAddress]
})
const invoiceAddress = computed(() => {
  return [props.formInline.invoiceCountryName, props.formInline.invoiceProvinceName, props.formInline.invoiceCityName, props.formInline.invoiceAreaName, props.formInline.invoiceAddress]
})

const ruleFormRef = ref<FormInstance>()
</script>

<template>
  <div id="form">
    <el-form
      ref="ruleFormRef"
      :model="formInline"
      class="demo-form-inline"
      label-width="auto"
      label-position="right"
    >
      <el-row :gutter="24" class="marg">
        <el-col :span="6">
          <el-form-item label="计划编号:" prop="planNo">
            <el-input
              v-model="formInline.planNo"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="培训名称:" prop="planName">
            <el-input
              v-model="formInline.planName"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="培训对象:" prop="trainPerson">
            <el-input
              v-model="formInline.trainPerson"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="培训人数:" prop="trainNumber">
            <el-input
              v-model="formInline.trainNumber"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="24" class="marg">
        <el-col :span="6">
          <el-form-item label="培训时间:" prop="trainTime">
            <el-input
              v-model="formInline.trainTime"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="培训学时:" prop="trainHour">
            <el-input
              v-model="formInline.trainHour"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="主管部门:" prop="deptName">
            <el-input
              v-model="formInline.deptName"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="实施单位:" prop="effectiveCompany">
            <el-input
              v-model="formInline.effectiveCompany"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="24" class="marg">
        <el-col :span="6">
          <el-form-item label="负责人:" prop="director">
            <el-input
              v-model="formInline.director"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="培训地点:" prop="trainAddress">
            <el-input
              v-model="formInline.trainAddress"
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="24" class="marg">
        <el-col :span="12">
          <el-form-item label="培训内容:" prop="trainContent">
            <el-input
              v-model="formInline.trainContent"
              type="textarea"
              autosize
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="24" class="marg">
        <el-col :span="12">
          <el-form-item label="备注:">
            <el-input
              v-model="formInline.remark"
              type="textarea"
              autosize
              class="detail-input"
              disabled
            />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row v-if="props.approvalStatusName === '未通过-驳回'" :gutter="20">
        <el-col :span="24">
          <el-form-item label="历次驳回原因:">
            <el-input
              v-model.trim="formInline.rejectRemark"
              placeholder="历次驳回原因"
              class="full-width-input"
              clearable
              type="textarea"
              autosize
              disabled
            />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>