<template>
  <div class="app-container">
    <div class="titleList">
      <div v-for="(item, index) in listTypeList" :key="index" @click="getListType(item.status)"
        :class="{ active: queryParams.achievementType == item.status }">
        {{ item.name }}
      </div>
    </div>
    <div v-if="showSearchQuery" ref="showSearchQuery" class="searchForm">
      <el-form :model="queryParams" ref="queryForm" :inline="true"  label-width="100px">
        <el-form-item label="关键词">
          <el-input placeholder="请输入关键词" v-model="queryParams.keyword" />
        </el-form-item>
        <el-form-item label="单位名称" prop="registerCompanyName">
          <el-input v-model="queryParams.registerCompanyName" placeholder="请输入单位名称" clearable
            @keyup.enter.native="handleQuery" />
        </el-form-item>
        <el-form-item label="单位类别" prop="companyName">
          <el-input v-model="queryParams.companyName" placeholder="请输入单位类别" clearable @keyup.enter.native="handleQuery" />
        </el-form-item>
        <el-form-item label="应用领域" prop="applicationArea" v-if="queryParams.achievementType == '5'">
          <el-input v-model="queryParams.applicationArea" placeholder="请输入应用领域" clearable
            @keyup.enter.native="handleQuery" />
        </el-form-item>
        <el-form-item label="软件名称" prop="platformSoftware" v-if="queryParams.achievementType == '5'">
          <el-input v-model="queryParams.platformSoftware" placeholder="请输入软件名称" clearable
            @keyup.enter.native="handleQuery" />
        </el-form-item>
        <el-form-item label="用户主账号" prop="userAccount">
          <el-input v-model="queryParams.userAccount" placeholder="请输入用户主账号" clearable
            @keyup.enter.native="handleQuery" />
        </el-form-item>
        <el-form-item label="主账号姓名" prop="userAccountName">
          <el-input v-model="queryParams.userAccountName" placeholder="请输入主账号姓名" clearable
            @keyup.enter.native="handleQuery" />
        </el-form-item>
        <el-form-item label="状态" prop="status" v-if="queryParams.achievementType != '5'">
          <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
            <el-option label="待审核" value="0"></el-option>
            <el-option label="已录入" value="1"></el-option>
            <el-option label="已驳回" value="2"></el-option>
            <el-option label="已删除" value="3"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="作者" prop="leadAuthor"
          v-if="queryParams.achievementType == '0' || queryParams.achievementType == '1' || queryParams.achievementType == '3'">
          <el-input v-model="queryParams.leadAuthor" placeholder="请输入作者" clearable @keyup.enter.native="handleQuery" />
        </el-form-item>
        <el-form-item label="项目类别" prop="projectClass" v-if="queryParams.achievementType != '5'">
          <el-select v-model="queryParams.projectClass" clearable placeholder="请选择项目类别" style="width: 100%;">
            <el-option v-for="item in projectClassList" :key="item.classId" :label="item.className" :value="item.classId">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否注明超算郑州中心支持" prop="status" label-width="200px" v-if="queryParams.achievementType == '0'">
          <el-select v-model="queryParams.status" placeholder="请选择" clearable>
            <el-option label="否" value="0"></el-option>
            <el-option label="是" value="1"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="发表日期" prop="allTime" v-if="queryParams.achievementType != '5'">
          <el-date-picker clearable v-model="allTimeRange" type="daterange" range-separator="至" start-placeholder="开始日期"
            end-placeholder="结束日期" value-format="yyyy-MM-dd" @change="allTimeRangeChange">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="提交时间" prop="createAt">
          <el-date-picker clearable v-model="createAtRange" type="daterange" range-separator="至" start-placeholder="开始日期"
            end-placeholder="结束日期" value-format="yyyy-MM-dd" @change="createAtRangeChange">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          <el-button icon="el-icon-error"  type="primary" size="mini" @click="showSearchQuery=false">关闭</el-button>
        </el-form-item>
      </el-form>

    </div>

    <el-row :gutter="10" class="mb8">
    <!--  <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
          v-hasPermi="['cs:csAchievementInfoDetails:add']">新增</el-button>
      </el-col> -->
     <!-- <el-col :span="1.5">
        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
          v-hasPermi="['cs:csAchievementInfoDetails:edit']">修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
          v-hasPermi="['cs:csAchievementInfoDetails:remove']">删除</el-button>
      </el-col> -->
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
          v-hasPermi="['cs:csAchievementInfoDetails:export']">导出</el-button>
      </el-col>
      <div class="flex-list">
        <el-tooltip placement="top">
           <div slot="content">{{!showSearchQuery?'搜索':'隐藏'}}</div>
           <span :class="!showSearchQuery?'el-icon-zoom-in':'el-icon-zoom-out'" @click="showSearchQuery=!showSearchQuery"></span>
        </el-tooltip>
      </div>

      <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" @click="hanldeSearch"></right-toolbar> -->
    </el-row>

    <el-table v-loading="loading" :data="csAchievementInfoDetailsList" @selection-change="handleSelectionChange"
      v-if="queryParams.achievementType == '0'">
      <el-table-column type="selection" width="55" align="center" fixed="left" />
      <el-table-column label="成果类型" align="center" prop="achievementType" fixed="left">
        <template slot-scope="scope">
          <span>{{ scope.row.achievementType == 0 ? '论文成果' :
            scope.row.achievementType == 1 ? '专利成果' :
              scope.row.achievementType == 2 ? '奖项成果' :
                scope.row.achievementType == 3 ? '其他成果' :
                  scope.row.achievementType == 4 ? '预约成果' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="用户主账号" align="center" prop="userAccount" />
      <el-table-column label="主账号姓名" align="center" prop="userAccountName" />
      <el-table-column label="单位名称" align="center" prop="registerCompanyName" />
      <el-table-column label="部门/院系" align="center" prop="deptName" />
      <el-table-column label="单位类别" align="center" prop="companyName" />
      <el-table-column label="发表日期" align="center" prop="allTime" width="180" />
      <el-table-column label="是否注明超算郑州中心支持" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.isNote == '0' ? '否' : '是' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="文章题目" align="center" prop="articleTitle" />
      <el-table-column label="DOI" align="center" prop="doi" />
      <el-table-column label="期刊名" align="center" prop="journalName">
        <template slot-scope="scope">
          <span>{{ scope.row.journalName }}</span>
        </template>
      </el-table-column>
      <el-table-column label="期刊分区" align="center" prop="journalPartition" />
      <el-table-column label="影响因子" align="center" prop="impactFactors" />
      <el-table-column label="主要作者" align="center" prop="leadAuthor" />
      <el-table-column label="项目名称" align="center" prop="projectName" />
      <el-table-column label="项目编号" align="center" prop="projectNumber" />
      <el-table-column label="项目来源" align="center" prop="projectSource" />
      <el-table-column label="项目类别" align="center" prop="projectClass" />
      <el-table-column label="项目周期" align="center" width="200">
        <template slot-scope="scope">
          <span  v-if="scope.row.projectCycleBegin">{{ scope.row.projectCycleBegin + ' 至 ' + scope.row.projectCycleEnd }}</span>
        </template>
      </el-table-column>
      <el-table-column label="上传时间" align="center" prop="createAt" width="180">
        <template slot-scope="scope">
          <span>{{ scope.row.createAt }}</span>
        </template>
      </el-table-column>
      <el-table-column label="修改时间" align="center" prop="updateAt" width="180" />
      <el-table-column label="状态" align="center" prop="status">
        <template slot-scope="scope">
          <span>{{ scope.row.status == '0' ? '待审核' : scope.row.status == '1' ? '已录入' : scope.row.status == '2' ? '驳回' :
            scope.row.status == '3' ? '已删除' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" width="120" fixed="right">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status != '3'">查看</el-button>
          <!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '1')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核通过</el-button>
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '2')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核驳回</el-button> 
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:remove']" v-if="scope.row.status != '3'">删除</el-button>-->
        </template>
      </el-table-column>
    </el-table>

    <el-table v-loading="loading" :data="csAchievementInfoDetailsList" @selection-change="handleSelectionChange"
      v-if="queryParams.achievementType == '1'">
      <el-table-column type="selection" width="55" align="center" fixed="left" />
      <el-table-column label="成果类型" align="center" prop="achievementType" fixed="left">
        <template slot-scope="scope">
          <span>{{ scope.row.achievementType == 0 ? '论文成果' :
            scope.row.achievementType == 1 ? '专利成果' :
              scope.row.achievementType == 2 ? '奖项成果' :
                scope.row.achievementType == 3 ? '其他成果' :
                  scope.row.achievementType == 4 ? '预约成果' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="用户主账号" align="center" prop="userAccount" />
      <el-table-column label="主账号姓名" align="center" prop="userAccountName" />
      <el-table-column label="单位名称" align="center" prop="registerCompanyName" />
      <el-table-column label="部门/院系" align="center" prop="deptName" />
      <el-table-column label="单位类别" align="center" prop="companyName" />
      <el-table-column label="专利申请日期" align="center" prop="allTime" width="180" />

      <el-table-column label="专利类别" align="center" prop="patentClass">
        <template slot-scope="scope">
          <span>{{ scope.row.patentClass }}</span>
        </template>
      </el-table-column>

      <el-table-column label="专利名称" align="center" prop="patentName" />
      <el-table-column label="专利号" align="center" prop="patentNumber" />
      <el-table-column label="主要作者" align="center" prop="leadAuthor" >
        <template slot-scope="scope">
          <span>{{ scope.row.leadAuthor }}</span>
        </template>
      </el-table-column>
      <el-table-column label="项目名称" align="center" prop="projectName" />
      <el-table-column label="项目编号" align="center" prop="projectNumber" />
      <el-table-column label="项目来源" align="center" prop="projectSource" />
      <el-table-column label="项目类别" align="center" prop="projectClass" />
      <el-table-column label="项目周期" align="center" width="200">
        <template slot-scope="scope">
          <span  v-if="scope.row.projectCycleBegin">{{ scope.row.projectCycleBegin + ' 至 ' + scope.row.projectCycleEnd }}</span>
        </template>
      </el-table-column>
      <el-table-column label="上传时间" align="center" prop="createAt" width="180" />
      <el-table-column label="修改时间" align="center" prop="updateAt" width="180" />
      <el-table-column label="状态" align="center" prop="status">
        <template slot-scope="scope">
          <span>{{ scope.row.status == '0' ? '待审核' : scope.row.status == '1' ? '已录入' : scope.row.status == '2' ? '驳回' :
            scope.row.status == '3' ? '已删除' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" width="120" fixed="right">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status != '3'">查看</el-button>
          <!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '1')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核通过</el-button>
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '2')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核驳回</el-button> 
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:remove']" v-if="scope.row.status != '3'">删除</el-button>-->
        </template>
      </el-table-column>
    </el-table>

    <el-table v-loading="loading" :data="csAchievementInfoDetailsList" @selection-change="handleSelectionChange"
      v-if="queryParams.achievementType == '2'">
      <el-table-column type="selection" width="55" align="center" fixed="left" />
      <el-table-column label="成果类型" align="center" prop="achievementType" fixed="left">
        <template slot-scope="scope">
          <span>{{ scope.row.achievementType == 0 ? '论文成果' :
            scope.row.achievementType == 1 ? '专利成果' :
              scope.row.achievementType == 2 ? '奖项成果' :
                scope.row.achievementType == 3 ? '其他成果' :
                  scope.row.achievementType == 4 ? '预约成果' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="用户主账号" align="center" prop="userAccount" />
      <el-table-column label="主账号姓名" align="center" prop="userAccountName" />
      <el-table-column label="单位名称" align="center" prop="registerCompanyName" />
      <el-table-column label="部门/院系" align="center" prop="deptName" />
      <el-table-column label="单位类别" align="center" prop="companyName" />
      <el-table-column label="获奖日期" align="center" prop="allTime" width="180" />
      <el-table-column label="奖项级别" align="center" prop="prizeClass">
        <template slot-scope="scope">
          <span>{{ scope.row.prizeClass }}</span>
        </template>
      </el-table-column>
      <el-table-column label="奖项名称" align="center" prop="prizeName" />
      <el-table-column label="奖项题目" align="center" prop="prizeTitle" />
      <el-table-column label="主要作者" align="center" prop="leadAuthor" />
      <el-table-column label="项目名称" align="center" prop="projectName" />
      <el-table-column label="项目编号" align="center" prop="projectNumber" />
      <el-table-column label="项目来源" align="center" prop="projectSource" />
      <el-table-column label="项目类别" align="center" prop="projectClass" />
      <el-table-column label="项目周期" align="center" width="200">
        <template slot-scope="scope">
          <span v-if="scope.row.projectCycleBegin">{{ scope.row.projectCycleBegin + ' 至 ' + scope.row.projectCycleEnd }}</span>
        </template>
      </el-table-column>
      <el-table-column label="上传时间" align="center" prop="createAt" width="180" />
      <el-table-column label="修改时间" align="center" prop="updateAt" width="180" />
      <el-table-column label="状态" align="center" prop="status">
        <template slot-scope="scope">
          <span>{{ scope.row.status == '0' ? '待审核' : scope.row.status == '1' ? '已录入' : scope.row.status == '2' ? '驳回' :
            scope.row.status == '3' ? '已删除' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" width="120" fixed="right">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status != '3'">查看</el-button>
          <!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '1')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核通过</el-button>
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '2')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核驳回</el-button> 
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:remove']" v-if="scope.row.status != '3'">删除</el-button>-->
        </template>
      </el-table-column>
    </el-table>

    <el-table v-loading="loading" :data="csAchievementInfoDetailsList" @selection-change="handleSelectionChange"
      v-if="queryParams.achievementType == '3'">
      <el-table-column type="selection" width="55" align="center" fixed="left" />
      <el-table-column label="成果类型" align="center" prop="achievementType" fixed="left">
        <template slot-scope="scope">
          <span>{{ scope.row.achievementType == 0 ? '论文成果' :
            scope.row.achievementType == 1 ? '专利成果' :
              scope.row.achievementType == 2 ? '奖项成果' :
                scope.row.achievementType == 3 ? '其他成果' :
                  scope.row.achievementType == 4 ? '预约成果' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="用户主账号" align="center" prop="userAccount" />
      <el-table-column label="主账号姓名" align="center" prop="userAccountName" />
      <el-table-column label="单位名称" align="center" prop="registerCompanyName" />
      <el-table-column label="部门/院系" align="center" prop="deptName" />
      <el-table-column label="单位类别" align="center" prop="companyName" />
      <el-table-column label="发表日期" align="center" prop="allTime" width="180" />
      <el-table-column label="成果类型" align="center" prop="otherClass">
        <template slot-scope="scope">
          <span>{{ scope.row.otherClass }}</span>
        </template>
      </el-table-column>
      <el-table-column label="成果名称" align="center" prop="otherName" />
      <el-table-column label="成果编号" align="center" prop="otherNumber" />
      <el-table-column label="主要作者" align="center" prop="leadAuthor">
        <template slot-scope="scope">
          <span>{{ scope.row.leadAuthor }}</span>
        </template>
      </el-table-column>
      <el-table-column label="项目名称" align="center" prop="projectName" />
      <el-table-column label="项目编号" align="center" prop="projectNumber" />
      <el-table-column label="项目来源" align="center" prop="projectSource" />
      <el-table-column label="项目类别" align="center" prop="projectClass" />
      <el-table-column label="项目周期" align="center" width="200">
        <template slot-scope="scope">
          <span v-if="scope.row.projectCycleBegin">{{ scope.row.projectCycleBegin + ' 至 ' + scope.row.projectCycleEnd }}</span>
        </template>
      </el-table-column>
      <el-table-column label="上传时间" align="center" prop="createAt" width="180" />
      <el-table-column label="修改时间" align="center" prop="updateAt" width="180" />
      <el-table-column label="状态" align="center" prop="status">
        <template slot-scope="scope">
          <span>{{ scope.row.status == '0' ? '待审核' : scope.row.status == '1' ? '已录入' : scope.row.status == '2' ? '驳回' :
            scope.row.status == '3' ? '已删除' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" width="120" fixed="right">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status != '3'">查看</el-button>
          <!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '1')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核通过</el-button>
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '2')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核驳回</el-button> 
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:remove']" v-if="scope.row.status != '3'">删除</el-button>-->
        </template>
      </el-table-column>
    </el-table>

    <el-table v-loading="loading" :data="csAchievementInfoDetailsList" @selection-change="handleSelectionChange"
      v-if="queryParams.achievementType == '4'">
      <el-table-column type="selection" width="55" align="center" fixed="left" />
      <el-table-column label="成果类型" align="center" prop="achievementType" fixed="left">
        <template slot-scope="scope">
          <span>{{ scope.row.achievementType == 0 ? '论文成果' :
            scope.row.achievementType == 1 ? '专利成果' :
              scope.row.achievementType == 2 ? '奖项成果' :
                scope.row.achievementType == 3 ? '其他成果' :
                  scope.row.achievementType == 4 ? '预约成果' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="用户主账号" align="center" prop="userAccount" />
      <el-table-column label="主账号姓名" align="center" prop="userAccountName" />
      <el-table-column label="单位名称" align="center" prop="registerCompanyName" />
      <el-table-column label="部门/院系" align="center" prop="deptName" />
      <el-table-column label="单位类别" align="center" prop="companyName" />
      <el-table-column label="研究领域" align="center" prop="researchField" />
      <el-table-column label="研究进展" align="center" prop="researchProgress">
        <template slot-scope="scope">
          <span>{{ scope.row.researchProgress }}</span>
        </template>
      </el-table-column>
      <el-table-column label="拟产出成果时间" align="center" prop="reservationTime" width="180" />
      <el-table-column label="拟产出成果类别" align="center" prop="reservationClass" />
      <el-table-column label="拟产出成果数量" align="center" prop="reservationNum">
        <template slot-scope="scope">
          <span>{{ scope.row.reservationNum }}</span>
        </template>
      </el-table-column>
      <el-table-column label="拟产出成果描述" align="center" prop="reservationDescribe" />
      <el-table-column label="项目名称" align="center" prop="projectName" />
      <el-table-column label="项目编号" align="center" prop="projectNumber" />
      <el-table-column label="项目来源" align="center" prop="projectSource" />
      <el-table-column label="项目类别" align="center" prop="projectClass" />
      <el-table-column label="上传时间" align="center" prop="createAt" width="180" />
      <el-table-column label="修改时间" align="center" prop="updateAt" width="180" />
      <el-table-column label="状态" align="center" prop="status">
        <template slot-scope="scope">
          <span>{{ scope.row.status == '0' ? '待审核' : scope.row.status == '1' ? '已录入' : scope.row.status == '2' ? '驳回' :
            scope.row.status == '3' ? '已删除' : '' }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" width="120" fixed="right">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status != '3'">查看</el-button>
          <!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '1')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核通过</el-button>
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleAuditing(scope.row, '2')"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']" v-if="scope.row.status == '0'">审核驳回</el-button> 
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:remove']" v-if="scope.row.status != '3'">删除</el-button>-->
        </template>
      </el-table-column>
    </el-table>

    <el-table v-loading="loading" :data="csAchievementInfoDetailsList" @selection-change="handleSelectionChange"
      v-if="queryParams.achievementType == '5'">
      <el-table-column type="selection" width="55" align="center" fixed="left" />
      <el-table-column label="用户主账号" align="center" prop="userAccount">
        <template slot-scope="scope">
          <span>{{ scope.row.userAccount }}</span>
        </template>
      </el-table-column>
      <el-table-column label="主账号姓名" align="center" prop="userAccountName" />
      <el-table-column label="单位名称" align="center" prop="registerCompanyName" />
      <el-table-column label="部门/院系" align="center" prop="deptName" />
      <el-table-column label="单位类别" align="center" prop="companyName" />
      <el-table-column label="应用领域" align="center" prop="applicationArea" />
      <el-table-column label="使用超算平台软件" align="center" prop="platformSoftware" />
      <el-table-column label="自主安装软件名" align="center" prop="softwareName">
        <template slot-scope="scope">
          <span>{{ scope.row.softwareName }}</span>
        </template>
      </el-table-column>
      <el-table-column label="上传时间" align="center" prop="createAt" width="180" />
      <el-table-column label="修改时间" align="center" prop="updateAt" width="180" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:edit']">查看</el-button>
          <!-- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['cs:csAchievementInfoDetails:remove']">删除</el-button> -->
        </template>
      </el-table-column>
    </el-table>

    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
      @pagination="getList" />

    <!-- 添加或修改科研成果-成果详情信息对话框 -->
    <el-dialog :title="title" :visible.sync="open" append-to-body fullscreen destroy-on-close>
      <div class="module1" v-if="queryParams.achievementType==5">
        <div class="moduleTitle">
          <div>使用情况调研 </div>
        </div>
        <el-form label-position="right" :model="form" class="formStyle1">
          <el-col :span="7">
            <el-form-item label="应用领域" prop="applicationArea" label-width="80px">
              <el-input placeholder="请输入应用领域" v-model="form.applicationArea" disabled />
                <!-- :disabled="queryParams.achievementType != '5'" /> -->
            </el-form-item>
          </el-col>
          <el-col :span="7" :offset="1">
            <el-form-item label="使用超算平台软件" prop="platformSoftware" label-width="140px">
              <el-input placeholder="请输入使用超算平台软件" v-model="form.platformSoftware" disabled/>
                <!-- :disabled="queryParams.achievementType != '5'" /> -->
            </el-form-item>
          </el-col>
          <el-col :span="7" :offset="1">
            <el-form-item label="自主安装软件名" prop="softwareName" label-width="120px">
              <el-input v-model="form.softwareName" placeholder="请输入软件名，可填写多个" disabled/>
                <!-- :disabled="queryParams.achievementType != '5'" /> -->
            </el-form-item>
          </el-col>
        </el-form>
      </div>
      <div class="paperAchievements" v-if="queryParams.achievementType==0">
        <div class="smallTitle">{{queryParams.achievementType==0?'论文':'资源'}}</div>
        <div v-if="paperAchievementList.length > 0">
          <div v-for="(item, index) in paperAchievementList" :key="index">
            <el-form label-position="right" :model="item" :rules="rules1" class="formStyle1"
              :ref="'paperAchievement' + index" v-if="item.delFlag == null || item.delFlag == '0'">
              <el-col :span="22">
                <el-form-item>
                  <div class="numberDeletion">
                    <div>{{queryParams.achievementType==0?'论文':'资源'}}{{ index + 1 }}</div>
                    <!-- <el-button type="text" @click="delPaper(index, item)">删除</el-button> -->
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="发表日期" prop="allTime" label-width="100px">
                  <el-date-picker v-model="item.allTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date"
                 disabled   placeholder="请选择发表日期" style="width: 100%;">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="文章题目" prop="articleTitle" label-width="100px">
                  <el-input v-model="item.articleTitle" placeholder="请输入文章题目" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="主要作者" prop="leadAuthor" label-width="100px">
                  <el-input v-model="item.leadAuthor" placeholder="请输入主要作者" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="DOI" prop="doi" label-width="100px">
                  <el-input v-model="item.doi" placeholder="请输入DOI" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="期刊名" prop="journalName" label-width="100px">
                  <el-input v-model="item.journalName" placeholder="请输入期刊名" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="期刊分区" prop="journalPartitionId" label-width="100px">
                  <el-select v-model="item.journalPartitionId" placeholder="请选择期刊分区" style="width: 100%;" disabled>
                    <el-option v-for="item in journalPartitionList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="影响因子" prop="impactFactors" label-width="100px">
                  <el-input v-model="item.impactFactors" placeholder="请输入影响因子" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="所属项目名称" prop="projectName" label-width="100px">
                  <el-input v-model="item.projectName" placeholder="请输入所属项目名称" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="所属项目编号" prop="projectNumber" label-width="100px">
                  <el-input v-model="item.projectNumber" placeholder="请输入所属项目编号" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目来源" prop="projectSource" label-width="100px">
                  <el-input v-model="item.projectSource" placeholder="请输入项目来源" disabled />
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目类别" prop="projectClassId" label-width="100px">
                  <el-select v-model="item.projectClassId" placeholder="请选择项目类别" style="width: 100%;" disabled>
                    <el-option v-for="item in projectClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目周期" prop="projectCycleRange" label-width="100px" disabled>
                  <el-date-picker v-model="item.projectCycleRange" type="daterange" range-separator="-" disabled
                    start-placeholder="开始时间" end-placeholder="结束时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                    style="width: 100%;" @change="projectCycleRangeChange('paperAchievementList', index, $event)">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="与郑州中心关联度" prop="correlationClassId" label-width="100px">
                  <el-select v-model="item.correlationClassId" placeholder="请选择与郑州中心关联度" style="width: 100%;" disabled>
                    <el-option v-for="item in correlationClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <!-- <el-col :span="22">
                <el-form-item label="成果在发表时是否注明“国家超级计算郑州中心支持(Supported by National Supercomputing Center in Zhengzhou)”"
                  prop="isNote">
                  <el-radio-group v-model="item.isNote" disabled>
                    <el-radio label="1">是</el-radio>
                    <el-radio label="0">否</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col> -->
            </el-form>
          </div>
        </div>
        <div @click="addPaper" class="addAchievements" v-if="false">+添加论文信息</div>
      </div>
      <div class="paperAchievements" v-if="queryParams.achievementType==1">
        <div class="smallTitle">专利</div>
        <div v-if="patentAchievementList.length > 0">
          <div v-for="(item, index) in patentAchievementList" :key="index">
            <el-form label-position="right" :model="item" :rules="rules2" class="formStyle1"
              :ref="'patentAchievement' + index" v-if="item.delFlag == null || item.delFlag == '0'">
              <el-col :span="22">
                <el-form-item>
                  <div class="numberDeletion">
                    <div>专利{{ index + 1 }}</div>
                    <!-- <el-button type="text" @click="delPatent(index, item)">删除</el-button> -->
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="专利申请日期" prop="allTime" label-width="100px">
                  <el-date-picker v-model="item.allTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" disabled
                    placeholder="请选择专利申请日期" style="width: 100%;">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="专利类别" prop="patentClassId" label-width="100px">
                  <el-select v-model="item.patentClassId" placeholder="请选择专利类别" style="width: 100%;" disabled>
                    <el-option v-for="item in patentClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="专利名称" prop="patentName" label-width="100px">
                  <el-input v-model="item.patentName" placeholder="请输入专利名称" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="专利号" prop="patentNumber" label-width="100px">
                  <el-input v-model="item.patentNumber" placeholder="请输入专利号" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="主要作者" prop="leadAuthor" label-width="100px">
                  <el-input v-model="item.leadAuthor" placeholder="请输入主要作者" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="所属项目名称" prop="projectName" label-width="100px">
                  <el-input v-model="item.projectName" placeholder="请输入所属项目名称" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="所属项目编号" prop="projectNumber" label-width="100px">
                  <el-input v-model="item.projectNumber" placeholder="请输入所属项目编号" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目来源" prop="projectSource" label-width="100px">
                  <el-input v-model="item.projectSource" placeholder="请输入项目来源" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目类别" prop="projectClassId" label-width="100px">
                  <el-select v-model="item.projectClassId" placeholder="请选择项目类别" style="width: 100%;" disabled>
                    <el-option v-for="item in projectClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目周期" prop="projectCycleRange" label-width="100px">
                  <el-date-picker v-model="item.projectCycleRange" type="daterange" range-separator="-" disabled
                    start-placeholder="开始时间" end-placeholder="结束时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                    style="width: 100%;" @change="projectCycleRangeChange('patentAchievementList', index, $event)">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="与郑州中心关联度" prop="correlationClassId" label-width="100px">
                  <el-select v-model="item.correlationClassId" placeholder="请选择与郑州中心关联度" style="width: 100%;" disabled>
                    <el-option v-for="item in correlationClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-form>
          </div>
        </div>
        <div @click="addPatent" class="addAchievements" v-if="false">+添加专利信息</div>
      </div>
      <div class="paperAchievements" v-if="queryParams.achievementType==2">
        <div class="smallTitle">奖项</div>
        <div v-if="prizeAchievementList.length > 0">
          <div v-for="(item, index) in prizeAchievementList" :key="index">
            <el-form label-position="right" :model="item" :rules="rules3" class="formStyle1"
              :ref="'prizeAchievement' + index" v-if="item.delFlag == null || item.delFlag == '0'">
              <el-col :span="22">
                <el-form-item>
                  <div class="numberDeletion">
                    <div>奖项{{ index + 1 }}</div>
                    <!-- <el-button type="text" @click="delAward(index, item)">删除</el-button> -->
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="获奖时间" prop="allTime" label-width="100px">
                  <el-date-picker v-model="item.allTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" disabled
                    placeholder="请选择获奖时间" style="width: 100%;">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="奖项级别" prop="prizeClassId" label-width="100px">
                  <el-select v-model="item.prizeClassId" placeholder="请选择奖项级别" style="width: 100%;" disabled>
                    <el-option v-for="item in prizeClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="奖项名称" prop="prizeName" label-width="100px">
                  <el-input v-model="item.prizeName" placeholder="请输入奖项名称" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="奖项题目" prop="prizeTitle" label-width="100px">
                  <el-input v-model="item.prizeTitle" placeholder="请输入奖项题目" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="参与者" prop="leadAuthor" label-width="100px">
                  <el-input v-model="item.leadAuthor" placeholder="请输入参与者,可添加多个" disabled />
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="所属项目名称" prop="projectName" label-width="100px">
                  <el-input v-model="item.projectName" placeholder="请输入所属项目名称" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="所属项目编号" prop="projectNumber" label-width="100px">
                  <el-input v-model="item.projectNumber" placeholder="请输入所属项目编号" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目来源" prop="projectSource" label-width="100px">
                  <el-input v-model="item.projectSource" placeholder="请输入项目来源" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目类别" prop="projectClassId" label-width="100px">
                  <el-select v-model="item.projectClassId" placeholder="请选择项目类别" style="width: 100%;" disabled>
                    <el-option v-for="item in projectClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目周期" prop="projectCycleRange" label-width="100px">
                  <el-date-picker v-model="item.projectCycleRange" type="daterange" range-separator="-"
          disabled          start-placeholder="开始时间" end-placeholder="结束时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                    style="width: 100%;" @change="projectCycleRangeChange('prizeAchievementList', index, $event)">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="与郑州中心关联度" prop="correlationClassId" label-width="100px">
                  <el-select v-model="item.correlationClassId" placeholder="请选择与郑州中心关联度" style="width: 100%;" disabled>
                    <el-option v-for="item in correlationClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-form>
          </div>
        </div>
        <div @click="addAward" class="addAchievements" v-if="false">+添加奖项信息</div>
      </div>
      <div class="paperAchievements" v-if="queryParams.achievementType==3">
        <div class="smallTitle">其他成果</div>
        <div v-if="otherAchievementList.length > 0">
          <div v-for="(item, index) in otherAchievementList" :key="index">
            <el-form label-position="right" :model="item" :rules="rules4" class="formStyle1"
              :ref="'otherAchievement' + index" v-if="item.delFlag == null || item.delFlag == '0'">
              <el-col :span="22">
                <el-form-item>
                  <div class="numberDeletion">
                    <div>其他成果{{ index + 1 }}</div>
                    <!-- <el-button type="text" @click="delOtherAchievements(index, item)">删除</el-button> -->
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="发表日期" prop="allTime" label-width="100px">
                  <el-date-picker v-model="item.allTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" disabled
                    placeholder="请选择发表日期" style="width: 100%;">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="成果类型" prop="otherClassId" label-width="100px">
                  <el-input v-model="item.otherClassId" placeholder="请输入成果类型" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="成果名称" prop="otherName" label-width="100px">
                  <el-input v-model="item.otherName" placeholder="请输入成果名称" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="成果编号" prop="otherNumber" label-width="100px">
                  <el-input v-model="item.otherNumber" placeholder="请输入成果编号" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="参与者" prop="leadAuthor" label-width="100px">
                  <el-input v-model="item.leadAuthor" placeholder="请输入参与者,可添加多个" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="所属项目名称" prop="projectName" label-width="100px">
                  <el-input v-model="item.projectName" placeholder="请输入所属项目名称" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="所属项目编号" prop="projectNumber" label-width="100px">
                  <el-input v-model="item.projectNumber" placeholder="请输入所属项目编号" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目来源" prop="projectSource" label-width="100px">
                  <el-input v-model="item.projectSource" placeholder="请输入项目来源" disabled/>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目类别" prop="projectClassId" label-width="100px">
                  <el-select v-model="item.projectClassId" placeholder="请选择项目类别" style="width: 100%;" disabled>
                    <el-option v-for="item in projectClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="项目周期" prop="projectCycleRange" label-width="100px">
                  <el-date-picker v-model="item.projectCycleRange" type="daterange" range-separator="-"
                    start-placeholder="开始时间" end-placeholder="结束时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd" disabled
                    style="width: 100%;" @change="projectCycleRangeChange('otherAchievementList', index, $event)">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="9">
                <el-form-item label="与郑州中心关联度" prop="correlationClassId" label-width="100px">
                  <el-select v-model="item.correlationClassId" placeholder="请选择与郑州中心关联度" style="width: 100%;" disabled>
                    <el-option v-for="item in correlationClassList" :key="item.classId" :label="item.className"
                      :value="item.classId">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-form>
          </div>
        </div>
        <div @click="addOtherAchievements" class="addAchievements" v-if="false">+添加其他成果信息</div>
      </div>
      <div class="publishAchievements" v-if="queryParams.achievementType==4">
        <div class="paperAchievements">
          <div class="smallTitle">预约成果</div>
          <div v-if="reservationAchievementList.length > 0">
            <div v-for="(item, index) in reservationAchievementList" :key="index">
              <el-form label-position="right" :model="item" :rules="rules5" class="formStyle1"
                :ref="'reservationAchievement' + index" v-if="item.delFlag == null || item.delFlag == '0'">
                <el-col :span="22">
                  <el-form-item>
                    <div class="numberDeletion">
                      <div>预约成果{{ index + 1 }}</div>
                      <!-- <el-button type="text" @click="delAppointmentResults(index, item)">删除</el-button> -->
                    </div>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="拟产出成果时间" prop="reservationTime" label-width="100px">
                    <el-date-picker v-model="item.reservationTime" type="date" placeholder="请选择拟产出成果时间" disabled
                      style="width: 100%;">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="拟产出成果类别" prop="reservationClassId" label-width="100px">
                    <el-select v-model="item.reservationClassId" placeholder="请选择拟产出成果类别" style="width: 100%;" disabled>
                      <el-option v-for="item in reservationClassList" :key="item.classId" :label="item.className"
                        :value="item.classId">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="拟产出成果数量" prop="reservationNum" label-width="100px">
                    <el-input v-model="item.reservationNum" placeholder="请输入拟产出成果数量" disabled/>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="拟产出成果描述" prop="reservationDescribe" label-width="100px">
                    <el-input v-model="item.reservationDescribe" placeholder="请输入拟产出成果描述" disabled/>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="研究领域" prop="researchField" label-width="100px">
                    <el-input v-model="item.researchField" placeholder="请输入研究领域" disabled />
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="研究进展" prop="researchProgress" label-width="100px">
                    <el-input v-model="item.researchProgress" placeholder="请输入研究进展" disabled/>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="所属项目名称" prop="projectName" label-width="100px">
                    <el-input v-model="item.projectName" placeholder="请输入所属项目名称" disabled/>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="所属项目编号" prop="projectNumber" label-width="100px">
                    <el-input v-model="item.projectNumber" placeholder="请输入所属项目编号" disabled/>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="项目来源" prop="projectSource" label-width="100px">
                    <el-input v-model="item.projectSource" placeholder="请输入项目来源"  disabled/>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="项目类别" prop="projectClassId" label-width="100px">
                    <el-select v-model="item.projectClassId" placeholder="请选择项目类别" style="width: 100%;" disabled>
                      <el-option v-for="item in projectClassList" :key="item.classId" :label="item.className"
                        :value="item.classId">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="9">
                  <el-form-item label="与郑州中心关联度" prop="correlationClassId" label-width="100px">
                    <el-select v-model="item.correlationClassId" placeholder="请选择与郑州中心关联度" style="width: 100%;" disabled>
                      <el-option v-for="item in correlationClassList" :key="item.classId" :label="item.className"
                        :value="item.classId">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
              </el-form>
            </div>
          </div>
          <div @click="addAppointmentResults" class="addAchievements" v-if="false">+添加预约成果信息</div>
        </div>
      </div>
      <!-- <div class="secondTitle2">
        <div>应用推广</div>
        <div class="agreePromoteStyle">
          <span><span style="color: red;">*</span>是否同意宣传</span>
          <el-radio-group v-model="form.isPublicize" disabled  >
       
            <el-radio label="1">是</el-radio>
            <el-radio label="0">否</el-radio>
          </el-radio-group>
        </div>
      </div> -->
      <div slot="footer" class="dialog-footer">
        <!-- <el-button type="primary" @click="submitForm">确 定</el-button> -->
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  listCsAchievementInfoDetails,
  getCsAchievementInfoDetails,
  delCsAchievementInfoDetails,
  addCsAchievementInfoDetails,
  updateCsAchievementInfoDetails,
  listCsAchievementInfo,
  getCsAchievementInfo,
  updateCsAchievementInfo,
  editAuditing,
  updateAchievementInfo
} from "@/api/cs/csAchievementInfoDetails"
import { getClassListByMark } from "@/api/cs/csResourceOrderApply";
export default {
  name: "CsAchievementInfoDetails",
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 科研成果-成果详情信息表格数据
      csAchievementInfoDetailsList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        keyword:'',
        achievementType: '0',
        allTimeBegin: '',
        allTimeEnd: '',
        registerCompanyName: '',
        companyName: '',
        leadAuthor: '',
        userAccount: '',
        userAccountName: '',
        status: '',
        isPublicize: '',
        isNote: '',
        projectClassId: '',
        createAtBegin: '',
        createAtEnd: '',
        applicationArea: '',
        platformSoftware: '',
        closeApply : 1,
        applyStatus : '9'
      },
      allTimeRange: [],
      createAtRange: [],
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      },
      listTypeList: [{
        name: '论文成果',
        status: '0'
      }, {
        name: '专利成果',
        status: '1'
      }, {
        name: '奖项成果',
        status: '2'
      }, {
        name: '其他成果',
        status: '3'
      }, {
        name: '预约成果',
        status: '4'
      }, {
        name: '资源使用情况调研表',
        status: '5'
      }],
      paperAchievementList: [],
      patentAchievementList: [],
      prizeAchievementList: [],
      otherAchievementList: [],
      reservationAchievementList: [],
      rules1: {
        allTime: [
          { required: true, message: "请选择发表日期", trigger: "change" },
        ],
        articleTitle: [
          { required: true, message: "请输入文章题目", trigger: "blur" },
        ],
        journalPartitionId: [
          { required: true, message: "请选择期刊分区", trigger: "change" },
        ],
        impactFactors: [
          { required: true, message: "请输入影响因子", trigger: "blur" },
        ],
        projectName: [
          { required: true, message: "请输入所属项目名称", trigger: "blur" },
        ],
        projectSource: [
          { required: true, message: "请输入项目来源", trigger: "blur" },
        ],
        projectClassId: [
          { required: true, message: "请选择项目类别", trigger: "change" },
        ],
        projectCycleRange: [
          { required: true, message: "请选择项目周期", trigger: "change" },
        ],
        isNote: [
          { required: true, message: "请选择是否注明该文字", trigger: "change" },
        ],
      },
      rules2: {
        allTime: [
          { required: true, message: "请选择专利申请日期", trigger: "change" },
        ],
        patentClassId: [
          { required: true, message: "请选择专利类别", trigger: "change" },
        ],
        patentName: [
          { required: true, message: "请输入专利名称", trigger: "blur" },
        ],
        patentNumber: [
          { required: true, message: "请输入专利号", trigger: "blur" },
        ],
        projectName: [
          { required: true, message: "请输入所属项目名称", trigger: "blur" },
        ],
        projectSource: [
          { required: true, message: "请输入项目来源", trigger: "blur" },
        ],
        projectClassId: [
          { required: true, message: "请选择项目类别", trigger: "change" },
        ],
        projectCycleRange: [
          { required: true, message: "请选择项目周期", trigger: "change" },
        ],
      },
      rules3: {
        allTime: [
          { required: true, message: "请选择获奖时间", trigger: "change" },
        ],
        prizeClassId: [
          { required: true, message: "请选择奖项级别", trigger: "change" },
        ],
        prizeName: [
          { required: true, message: "请输入奖项名称", trigger: "blur" },
        ],
        prizeTitle: [
          { required: true, message: "请输入奖项题目", trigger: "blur" },
        ],
        projectName: [
          { required: true, message: "请输入所属项目名称", trigger: "blur" },
        ],
        projectSource: [
          { required: true, message: "请输入项目来源", trigger: "blur" },
        ],
        projectClassId: [
          { required: true, message: "请选择项目类别", trigger: "change" },
        ],
        projectCycleRange: [
          { required: true, message: "请选择项目周期", trigger: "change" },
        ],
      },
      rules4: {
        allTime: [
          { required: true, message: "请选择发表日期", trigger: "change" },
        ],
        otherClassId: [
          { required: true, message: "请输入成果类型", trigger: "change" },
        ],
        otherName: [
          { required: true, message: "请输入成果名称", trigger: "blur" },
        ],
        otherNumber: [
          { required: true, message: "请输入成果编号", trigger: "blur" },
        ],
        projectName: [
          { required: true, message: "请输入所属项目名称", trigger: "blur" },
        ],
        projectSource: [
          { required: true, message: "请输入项目来源", trigger: "blur" },
        ],
        projectClassId: [
          { required: true, message: "请选择项目类别", trigger: "change" },
        ],
        projectCycleRange: [
          { required: true, message: "请选择项目周期", trigger: "change" },
        ],
      },
      rules5: {
        reservationTime: [
          { required: true, message: "请选择拟产出成果时间", trigger: "change" },
        ],
        reservationClassId: [
          { required: true, message: "请选择拟产出成果类别", trigger: "change" },
        ],
        reservationNum: [
          { required: true, message: "请输入拟产出成果数量", trigger: "blur" },
        ],
        reservationDescribe: [
          { required: true, message: "请输入拟产出成果描述", trigger: "blur" },
        ],
        researchField: [
          { required: true, message: "请输入研究领域", trigger: "blur" },
        ],
        projectName: [
          { required: true, message: "请输入所属项目名称", trigger: "blur" },
        ],
        projectSource: [
          { required: true, message: "请输入项目来源", trigger: "blur" },
        ],
        projectClassId: [
          { required: true, message: "请选择项目类别", trigger: "change" },
        ],
        researchProgress: [
          { required: true, message: "请输入研究进展", trigger: "blur" },
        ],
      },
      projectClassList: [],
      journalPartitionList: [],
      patentClassList: [],
      prizeClassList: [],
      reservationClassList: [],
      correlationClassList: [],
      showSearchQuery:false,
      achievementInfoId:''
    };
  },
  created() {
    this.getList();
    this.getProjectClassList()
    this.getJournalPartitionList()
    this.getPatentClassList()
    this.getPrizeClassList()
    this.getReservationClassList()
    this.getCorrelationClassList()
  },
  methods: {
    /** 查询科研成果-成果详情信息列表 */
    getList() {
      this.loading = true;
      if (this.queryParams.achievementType == '5') {
        listCsAchievementInfo(this.queryParams).then(response => {
          this.csAchievementInfoDetailsList = response.rows;
          this.total = response.total;
          this.loading = false;
        })
      } else {
        listCsAchievementInfoDetails(this.queryParams).then(response => {
          this.csAchievementInfoDetailsList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      }
    },

    getListType(status) {
      // this.showSearchQuery=true
      this.queryParams.achievementType = status
      this.getList()
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    allTimeRangeChange(value) {
      this.queryParams.allTimeBegin = value[0]
      this.queryParams.allTimeEnd = value[1]
    },
    createAtRangeChange(value) {
      this.queryParams.createAtBegin = value[0]
      this.queryParams.createAtEnd = value[1]
    },
    // 表单重置
    reset() {
      this.form = {
        infoDetailsId: null,
        resId: null,
        resName: null,
        resType: null,
        achievementType: null,
        allTime: null,
        articleTitle: null,
        leadAuthor: null,
        doi: null,
        journalName: null,
        journalPartitionId: null,
        journalPartition: null,
        impactFactors: null,
        patentClassId: null,
        patentClass: null,
        patentName: null,
        patentNumber: null,
        prizeClassId: null,
        prizeClass: null,
        prizeName: null,
        prizeTitle: null,
        otherClassId: null,
        otherClass: null,
        otherName: null,
        otherNumber: null,
        researchField: null,
        researchProgress: null,
        reservationTime: null,
        reservationClassId: null,
        reservationClass: null,
        reservationNum: null,
        reservationDescribe: null,
        projectName: null,
        projectNumber: null,
        projectSource: null,
        projectClassId: null,
        projectClass: null,
        content: null,
        status: "0",
        sort: null,
        createAt: null,
        updateAt: null,
        delFlag: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams =  {
        pageNum: 1,
        pageSize: 10,
        keyword:'',
        achievementType: '0',
        allTimeBegin: '',
        allTimeEnd: '',
        registerCompanyName: '',
        companyName: '',
        leadAuthor: '',
        userAccount: '',
        userAccountName: '',
        status: '',
        isPublicize: '',
        isNote: '',
        projectClassId: '',
        createAtBegin: '',
        createAtEnd: '',
        applicationArea: '',
        platformSoftware: ''
      }
      this.createAtRange = []
      this.allTimeRange = []
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.infoDetailsId)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      // this.reset();
      this.open = true;
      this.title = "添加科研成果-成果详情信息";
    },
    getProjectClassList() {
      getClassListByMark({ classMark: 'projectClass' }).then(res => {
        this.projectClassList = res.data
      })
    },
    getJournalPartitionList() {
      getClassListByMark({ classMark: 'journalPartition' }).then(res => {
        this.journalPartitionList = res.data
      })
    },
    getPatentClassList() {
      getClassListByMark({ classMark: 'patentClass' }).then(res => {
        this.patentClassList = res.data
      })
    },
    getPrizeClassList() {
      getClassListByMark({ classMark: 'prizeClass' }).then(res => {
        this.prizeClassList = res.data
      })
    },
    getReservationClassList() {
      getClassListByMark({ classMark: 'reservationClass' }).then(res => {
        this.reservationClassList = res.data
      })
    },
    getCorrelationClassList() {
      getClassListByMark({ classMark: 'correlationClass' }).then(res => {
        this.correlationClassList = res.data
      })
    },
    projectCycleRangeChange(type, index, valueList) {
      this[type][index].projectCycleBegin = valueList[0]
      this[type][index].projectCycleEnd = valueList[1]
    },
    addPaper() {
      if (this.paperAchievementList.length == 0) {
        this.paperAchievementList.push({
          sort: this.paperAchievementList.length + 1,
          allTime: '',
          articleTitle: '',
          leadAuthor: '',
          doi: '',
          journalName: '',
          journalPartitionId: '',
          impactFactors: '',
          projectName: '',
          projectNumber: '',
          projectSource: '',
          projectClassId: '',
          projectCycleRange: [],
          projectCycleBegin: '',
          projectCycleEnd: '',
          correlationClassId: '',
          isNote: '',
        })
      } else {
        let index = this.paperAchievementList.length - 1
        eval('this.$refs.paperAchievement' + index)[0].validate(valid => {
          if (valid) {
            this.paperAchievementList.push({
              sort: this.paperAchievementList.length + 1,
              allTime: '',
              articleTitle: '',
              leadAuthor: '',
              doi: '',
              journalName: '',
              journalPartitionId: '',
              impactFactors: '',
              projectName: '',
              projectNumber: '',
              projectSource: '',
              projectClassId: '',
              projectCycleRange: [],
              projectCycleBegin: '',
              projectCycleEnd: '',
              correlationClassId: '',
              isNote: ''
            })
            console.log(this.paperAchievementList)
          } else {
            this.$message({
              message: '有未填写的必填项',
              type: 'warning'
            })
          }
        })
      }
    },
    delPaper(index, item) {
      if (item.delFlag == undefined) {
        this.paperAchievementList.splice(index, 1)
      } else {
        console.log(item)
        this.paperAchievementList[index].delFlag = '1'
      }
    },
    addPatent() {
      if (this.patentAchievementList.length == 0) {
        this.patentAchievementList.push({
          sort: this.patentAchievementList.length + 1,
          allTime: '',
          patentClassId: '',
          patentName: '',
          patentNumber: '',
          leadAuthor: '',
          projectName: '',
          projectNumber: '',
          projectSource: '',
          projectClassId: '',
          projectCycleRange: [],
          projectCycleBegin: '',
          projectCycleEnd: '',
          correlationClassId: ''
        })
      } else {
        let index = this.patentAchievementList.length - 1
        eval('this.$refs.patentAchievement' + index)[0].validate(valid => {
          if (valid) {
            this.patentAchievementList.push({
              sort: this.patentAchievementList.length + 1,
              allTime: '',
              patentClassId: '',
              patentName: '',
              patentNumber: '',
              leadAuthor: '',
              projectName: '',
              projectNumber: '',
              projectSource: '',
              projectClassId: '',
              projectCycleRange: [],
              projectCycleBegin: '',
              projectCycleEnd: '',
              correlationClassId: ''
            })
          } else {
            this.$message({
              message: '有未填写的必填项',
              type: 'warning'
            })
          }
        })
      }
    },
    delPatent(index, item) {
      if (item.delFlag == undefined) {
        this.patentAchievementList.splice(index, 1)
      } else {
        this.patentAchievementList[index].delFlag = '1'
      }
    },
    addAward() {
      if (this.prizeAchievementList.length == 0) {
        this.prizeAchievementList.push({
          sort: this.prizeAchievementList.length + 1,
          allTime: '',
          leadAuthor: '',
          prizeClassId: '',
          prizeName: '',
          prizeTitle: '',
          projectName: '',
          projectNumber: '',
          projectSource: '',
          projectClassId: '',
          projectCycleRange: [],
          projectCycleBegin: '',
          projectCycleEnd: '',
          correlationClassId: ''
        })
      } else {
        let index = this.prizeAchievementList.length - 1
        eval('this.$refs.prizeAchievement' + index)[0].validate(valid => {
          if (valid) {
            this.prizeAchievementList.push({
              sort: this.prizeAchievementList.length + 1,
              allTime: '',
              leadAuthor: '',
              prizeClassId: '',
              prizeName: '',
              prizeTitle: '',
              projectName: '',
              projectNumber: '',
              projectSource: '',
              projectClassId: '',
              projectCycleRange: [],
              projectCycleBegin: '',
              projectCycleEnd: '',
              correlationClassId: ''
            })
          } else {
            this.$message({
              message: '有未填写的必填项',
              type: 'warning'
            })
          }
        })
      }
    },
    delAward(index, item) {
      if (item.delFlag == undefined) {
        this.prizeAchievementList.splice(index, 1)
      } else {
        this.prizeAchievementList[index].delFlag = '1'
      }
    },
    addOtherAchievements() {
      if (this.otherAchievementList.length == 0) {
        this.otherAchievementList.push({
          sort: this.otherAchievementList.length + 1,
          allTime: '',
          leadAuthor: '',
          otherClassId: '',
          otherName: '',
          otherNumber: '',
          projectName: '',
          projectNumber: '',
          projectSource: '',
          projectClassId: '',
          projectCycleRange: [],
          projectCycleBegin: '',
          projectCycleEnd: '',
          correlationClassId: ''
        })
      } else {
        let index = this.otherAchievementList.length - 1
        eval('this.$refs.otherAchievement' + index)[0].validate(valid => {
          if (valid) {
            this.otherAchievementList.push({
              sort: this.otherAchievementList.length + 1,
              allTime: '',
              leadAuthor: '',
              otherClassId: '',
              otherName: '',
              otherNumber: '',
              projectName: '',
              projectNumber: '',
              projectSource: '',
              projectClassId: '',
              projectCycleRange: [],
              projectCycleBegin: '',
              projectCycleEnd: '',
              correlationClassId: ''
            })
          } else {
            this.$message({
              message: '有未填写的必填项',
              type: 'warning'
            })
          }
        })
      }
    },
    delOtherAchievements(index, item) {
      if (item.delFlag == undefined) {
        this.otherAchievementList.splice(index, 1)
      } else {
        this.otherAchievementList[index].delFlag = '1'
      }
    },
    addAppointmentResults() {
      if (this.reservationAchievementList.length == 0) {
        this.reservationAchievementList.push({
          sort: this.reservationAchievementList.length + 1,
          researchField: '',
          researchProgress: '',
          reservationTime: '',
          reservationClassId: '',
          reservationNum: '',
          reservationDescribe: '',
          projectName: '',
          projectNumber: '',
          projectSource: '',
          projectClassId: '',
          correlationClassId: ''
        })
      } else {
        let index = this.reservationAchievementList.length - 1
        eval('this.$refs.reservationAchievement' + index)[0].validate(valid => {
          if (valid) {
            this.reservationAchievementList.push({
              sort: this.reservationAchievementList.length + 1,
              researchField: '',
              researchProgress: '',
              reservationTime: '',
              reservationClassId: '',
              reservationNum: '',
              reservationDescribe: '',
              projectName: '',
              projectNumber: '',
              projectSource: '',
              projectClassId: '',
              correlationClassId: ''
            })
          } else {
            this.$message({
              message: '有未填写的必填项',
              type: 'warning'
            })
          }
        })
      }
    },
    delAppointmentResults(index, item) {
      if (item.delFlag == undefined) {
        this.reservationAchievementList.splice(index, 1)
      } else {
        this.reservationAchievementList[index].delFlag = '1'
      }
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
       this.reset();
      let {achievementInfoId}=row
      this.achievementInfoId=achievementInfoId
      const infoDetailsId = row.infoDetailsId || this.ids
      if (this.queryParams.achievementType == '5') {
        getCsAchievementInfo(row.resId).then(res => {
          this.form = res.data;
          this.open = true;
          this.title = "资源使用情况";
        })
      } else {
        getCsAchievementInfoDetails(infoDetailsId).then(response => {
          this.form = response.data;
          if (this.queryParams.achievementType == '0') {
            this.paperAchievementList = response.data.paperAchievementList
            this.paperAchievementList.forEach(v => {
              v.projectCycleRange = [v.projectCycleBegin || '', v.projectCycleEnd || '']
            })
          } else if (this.queryParams.achievementType == '1') {
            this.patentAchievementList = response.data.patentAchievementList
            this.patentAchievementList.forEach(v => {
              v.projectCycleRange = [v.projectCycleBegin || '', v.projectCycleEnd || '']
            })
          } else if (this.queryParams.achievementType == '2') {
            this.prizeAchievementList = response.data.prizeAchievementList
            this.prizeAchievementList.forEach(v => {
              v.projectCycleRange = [v.projectCycleBegin || '', v.projectCycleEnd || '']
            })
          } else if (this.queryParams.achievementType == '3') {
            this.otherAchievementList = response.data.otherAchievementList
            this.otherAchievementList.forEach(v => {
              v.projectCycleRange = [v.projectCycleBegin || '', v.projectCycleEnd || '']
            })
          } else if (this.queryParams.achievementType == '4') {
            this.reservationAchievementList = response.data.reservationAchievementList
          }
          this.open = true;
          this.title = "科研成果-成果详情信息";
        });
      }
    },
    /** 提交按钮 */
    submitForm() {
      if (this.queryParams.achievementType == '0') {
        this.form.paperAchievementList = this.paperAchievementList
      } else if (this.queryParams.achievementType == '1') {
        this.form.patentAchievementList = this.patentAchievementList
      } else if (this.queryParams.achievementType == '2') {
        this.form.prizeAchievementList = this.prizeAchievementList
      } else if (this.queryParams.achievementType == '3') {
        this.form.otherAchievementList = this.otherAchievementList
      } else if (this.queryParams.achievementType == '4') {
        this.form.reservationAchievementList = this.reservationAchievementList
      }
      this.form.achievementInfoId=this.achievementInfoId
      if (this.form.infoDetailsId != null || this.form.resId != null) {
        if (this.form.resId) {
          updateAchievementInfo(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
        } else {
          updateCsAchievementInfoDetails(this.form).then(response => {
            this.$modal.msgSuccess("修改成功");
            this.open = false;
            this.getList();
          });
        }
      } else {
        addCsAchievementInfoDetails(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      }
    },
    handleAuditing(row, status) {
      this.$modal.confirm(status == '1' ? '是否审核通过该条成果' : '是否审核驳回该条成果').then(function () {
        return editAuditing({ infoDetailsId: row.infoDetailsId, status });
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("修改成功");
      }).catch(() => { });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const infoDetailsIds = row.infoDetailsId || this.ids;
      this.$modal.confirm('是否确认删除科研成果-成果详情信息编号为"' + infoDetailsIds + '"的数据项？').then(function () {
        return delCsAchievementInfoDetails(infoDetailsIds);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => { });
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('cs/csAchievementInfoDetails/export', {
        ...this.queryParams
      }, `研究成果_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>
<style scoped>
.titleList {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.titleList>div {
  cursor: pointer;
  padding: 10px;
}
.flex-list{
  display: flex;
  align-items:center;
  justify-content:end;
  cursor:pointer;
  font-size:20px;
}
.active {
  color: #1890ff;
  border-bottom: 4px solid #1890ff;
}
.searchForm {
  width: 650px;
  padding: 20px;
  position: absolute;
  left: 200px;
  z-index: 100;
  background-color: #FFFFFF;
  border: 1px solid #777777;
}
.module1 {
  height: auto;
  margin-bottom: 10px;
  padding: 16px 16px 20px 16px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-top: 10px;
}

.moduleTitle {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EBEBEB;
}

.moduleTitle>img {
  width: 22px;
  height: 22px;
}

.moduleTitle>div {
  height: 22px;
  margin-left: 6px;
  font-weight: bold;
  font-size: 16px;
  color: #0051AA;
  line-height: 22px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.formStyle1 {
  display: flex;
  flex-wrap: wrap;
}

.paperAchievements {
  padding-bottom: 30px;
}

.smallTitle {
  font-weight: bold;
  padding-left: 6px;
}

.numberDeletion {
  display: flex;
  justify-content: space-around;
}

.addAchievements {
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #0051AA;
  border: 1px dashed #0051AA;
  margin: 10px 0;
  cursor: pointer;
}

.secondTitle2>div:nth-of-type(1) {
  color: #0051AA;
  font-weight: bold;
  margin-bottom: 10px;
}

.agreePromoteStyle>span {
  padding-right: 20px;
}
</style>
