<template>
  <div class="from-table font-line-space">
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>项目名称</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目名称</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{ value.projName }}</div>
        </div>
      </a-col>
    </a-row>
    <!-- <a-row type="flex" v-if="isModifyNo">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目编号</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{ value.projNo }}</div>
        </div>
      </a-col>
    </a-row> -->

    <a-row>
      <a-col :span="24" style="border-top: 0px">
        <div class="tb-title">
          <span>项目申报单位</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>单位名称</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{ value.appUnitName }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>通讯地址</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.address }}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>邮编</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.postCode }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>统一社会信用代码</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.creditCode }}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>单位性质</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.natureName }}</div>
        </div>
      </a-col>
    </a-row>

    <cooperative-info :cooperativeUnits.sync="value.cooperativeUnits" />

    <!-- 项目负责人 -->
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>项目负责人</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>姓名</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.personName }}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>性别</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.sex }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>身份证号</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.certId }}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>学历</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.educationName }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>职称</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.titleName }}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>工作单位</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.appUnitName }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>固定电话</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.telephone }}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>手机号码</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.mobile }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>电子邮箱</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{ value.email }}</div>
        </div>
      </a-col>
    </a-row>
    <!-- 项目负责人 end-->

    <!-- 项目联系人 -->
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>项目联系人</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>姓名</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.linkName }}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>工作单位</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.linkUnit }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>手机号码</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.linkMobile }}</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>电子邮箱</div>
        </div>
      </a-col>
      <a-col :span="8">
        <div class="special-middle">
          <div>{{ value.linkEmail }}</div>
        </div>
      </a-col>
    </a-row>
    <!-- 项目合项目联系人 end-->

    <!-- 执行期限 -->
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>执行期限</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目执行期</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>
            {{ moment(value.startDate).format("YYYY-MM-DD") }} 至
            {{ moment(value.endDate).format("YYYY-MM-DD") }}
          </div>
        </div>
      </a-col>
    </a-row>
    <!-- 执行期限 end-->

    <!-- 项目信息 -->
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>所属技术领域</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>所属技术领域</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="toTextarea(value.technicalField)"></div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>·</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>国标学科</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{ value.knowledgeName }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>科技报告</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>年度报告</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.annualTechnologyReport }}份</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>中期技术报告</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.midTechnicalReport }}份</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>最终技术报告</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.finalTechnicalReport }}份</div>
        </div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>·</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目摘要(300字以内)</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{ value.projAbstract }}</div>
        </div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>项目投入</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目投入</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{ value.totalFunding }}<span> (万元)</span></div>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>申请自治区资金</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.govFunding }}<span> (万元)</span></div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>单位自筹</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.selfFunding }}<span> (万元)</span></div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>其他</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ value.otherFunding }}<span> (万元)</span></div>
        </div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>·</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>成果形式</div>
        </div>
      </a-col>
      <a-col :span="20">
        <para-check v-model="value.results" :typeId="45" :disabled="true" />
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>国内外研究进展</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.researchProgress"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>研发内容</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.researchContent"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>研究方法和技术路线</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.researchPlan"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>创新点</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.mainFeatures"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>先进性</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.progressiveness"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>申报单位、参与单位科研条件支撑状况</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.supportingConditions"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>负责人及研究团队的科研水平及前期研究基础</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.memResume"></div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>预期目标</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>技术指标</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.technologyTarget"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>经济指标</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.economyTarget"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>成果指标</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.achievementTarget"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>社会效益</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.socialBenefit"></div>
      </a-col>
    </a-row>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>其他目标与考核指标</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div v-html="value.otherTarget"></div>
      </a-col>
    </a-row>

    <!-- 项目安排及阶段目标 -->
    <proj-stage-goals-info :stageGoals.sync="value.stageGoals" />

    <!-- 项目经费构成表  -->
    <proj-fund-composition-info
      :fundCompositions.sync="value.fundCompositions"
    />

    <!-- 项目组成员 -->
    <proj-group-member-info :members.sync="value.members" />
    <a-row type="flex">
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div>项目负责人主要成就、发明及获奖情况</div>
        </div>
      </a-col>
      <a-col :span="20">
        <div class="special-middle">
          <div>{{ value.awardSituation }}</div>
        </div>
      </a-col>
    </a-row>

    <!-- 经费预算 -->
    <budget-info :budget.sync="value.budget" />

    <!-- 附件 -->
    <file-info :fileList.sync="value.fileList" />

    <a-row>
      <a-col :span="24">
        <div class="tb-title">
          <span>审核记录</span>
        </div>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <audit-list v-model="value.auditList" />
      </a-col>
    </a-row>
  </div>
</template>

<script>
import moment from "moment";
import AuditList from "@/views/audit/components/auditInfo";
import documentView from "@/views/components/common/documentView";
import { toTextarea } from "@/views/utils/common";
import budgetInfo from "@/views/report/project/components/keyProject/budgetInfo";
import fileInfo from "@/views/report/project/components/keyProject/fileInfo";
import cooperativeInfo from "@/views/report/project/components/keyProject/cooperativeInfo";
import projStageGoalsInfo from "@/views/report/project/components/keyProject/projStageGoalsInfo";
import projFundCompositionInfo from "@/views/report/project/components/keyProject/projFundCompositionInfo";
import projGroupMemberInfo from "@/views/report/project/components/keyProject/projGroupMemberInfo";
import paraCheck from '@/views/components/common/paraCheck';

export default {
  name: "ProjectInfo",
  components: {
    AuditList,
    documentView,
    budgetInfo,
    fileInfo,
    cooperativeInfo,
    projStageGoalsInfo,
    projFundCompositionInfo,
    projGroupMemberInfo,
    paraCheck,
  },
  data() {
    return {};
  },
  props: {
    value: {
      type: Object,
      default: () => {
        return null;
      },
    },
  },
  created() {},
  mounted() {},
  methods: {
    moment,
    toTextarea,
  },
};
</script>