ssti-CollegeManage/src/views/projectApply/components/studentProjectWord.vue

<template>
  <div id="studentProjectWord">
    <table ref="pdf" border="1" cellspacing="0" class="table">
      <tr style="border: none">
        <td colspan="7" style="border: none">
          <div id="title">
            <div class="school">深圳技师学院</div>
            <div class="wordTitle">
              2024年校级学生创新创业训练计划项目申报书
            </div>
            <div class="date">申请日期：{{ wordData.applicationDate }}</div>
          </div>
        </td>
      </tr>
      <tr id="projectName">
        <td colspan="2" ref="projectName" class="bold">
          <span style="color: red">*</span>项目名称
        </td>
        <td colspan="5">
          <el-input
            type="textarea"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="请输入项目名称"
            v-model="wordData.projectName"
          >
          </el-input>
        </td>
      </tr>
      <tr id="radio">
        <td rowspan="3" colspan="2" ref="radio" class="bold">
          <span style="color: red">*</span>大创项目
        </td>
        <td>
          <el-radio
            v-model="wordData.radio"
            label="4a4e2cfe-e1a1-11ee-81d4-00ff5c7a43f5"
            >创新训练项目</el-radio
          >
        </td>
        <td colspan="4">
          学生个人或团队，在导师指导下，自主完成创新性研究项目设计、研究条件准备和项目实施、研究报告撰写、成果（学术）交流等工作。
        </td>
      </tr>
      <tr>
        <td>
          <el-radio
            v-model="wordData.radio"
            label="56f0ad8d-e1a1-11ee-81d4-00ff5c7a43f5"
            >创业训练项目</el-radio
          >
        </td>
        <td colspan="4">
          学生团队在导师指导下，团队中每个学生在项目实施过程中扮演一个或多个具体角色，完成商业计划书编制、可行性研究、企业模拟运行、撰写创业报告等工作。
        </td>
      </tr>
      <tr>
        <td>
          <el-radio
            v-model="wordData.radio"
            label="ed917c55-f51d-11ed-a3f6-509a4c5b67cf"
            >创业实践项目</el-radio
          >
        </td>
        <td colspan="4">
          学生团队在学校导师和企业导师共同指导下，采用创新训练项目或创新性实验等成果，提出具有市场前景的创新性产品或服务，以此为基础开展创业实践活动。
        </td>
      </tr>
      <tr id="schoolRadio">
        <td colspan="2" ref="schoolRadio" class="bold">
          <!-- <span style="color: red">*</span>美丽校园改造项目（特色项目） -->
          特色项目美丽校园改造计划
        </td>
        <td colspan="5" style="labS">
          <el-checkbox-group v-model="wordData.schoolRadio">
            <el-checkbox label="1">校园安全项目</el-checkbox>
            <el-checkbox label="2">环境治理项目</el-checkbox>
            <el-checkbox label="3">校园服务项目</el-checkbox>
            <el-checkbox label="4">文创装置项目</el-checkbox>
          </el-checkbox-group>
        </td>
      </tr>
      <tr id="checkList">
        <td colspan="2" ref="checkList" class="bold">
          <!-- <span style="color: red">*</span>优先支持项目（可多选） -->
          优先支持项目（可多选）
        </td>
        <td colspan="5" style="labS">
          <el-checkbox-group
            v-model="wordData.checkList"
            style="display:flex;flex-direction:column; align-items:flex-start;padding:20px;"
          >
            <el-checkbox label="1">团队合作项目、跨学科合作项目。</el-checkbox>
            <el-checkbox label="2"
              >科技创新、低空经济、银发经济、乡村振兴、助残助学、非遗文创等新技术、新产业、新业态、新模式方面的项目。</el-checkbox
            >
            <el-checkbox label="3"
              >企业真实生产经营项目或外包服务项目。</el-checkbox
            >
            <el-checkbox label="4">社会征集项目、产业命题项目。</el-checkbox>
            <el-checkbox label="5"
              >近两年内参与校级以上创新创业大赛并获奖的项目。</el-checkbox
            >
            <el-checkbox label="6"
              >美丽校园改造计划中的校园智能产品及文创产品的研发项目。</el-checkbox
            >
            <el-checkbox label="7"
              >企申报人为港澳籍、学校扶贫班及在校贫困生申报的项目</el-checkbox
            >
            <!-- <el-checkbox label="1">大赛选拔项目</el-checkbox>
            <el-checkbox label="2">落地注册项目</el-checkbox>
            <el-checkbox label="3">社会征集项目</el-checkbox>
            <el-checkbox label="4">产业命题项目</el-checkbox> -->
          </el-checkbox-group>
        </td>
      </tr>
      <!-- <tr id="applyParsonRadio">
        <td colspan="2" ref="applyParsonRadio" class="bold">
          <span style="color: red">*</span>项 目 申 请 人
        </td>
        <td colspan="5">
          <el-checkbox-group v-model="wordData.applyParsonRadio">
            <el-checkbox label="1">在校学生</el-checkbox>
            <el-checkbox label="2">入驻学校孵化基地的初创企业法人</el-checkbox>
          </el-checkbox-group>
        </td>
      </tr> -->
      <tr id="applyParsonName">
        <td colspan="2" ref="applyParsonName" class="bold">
          <span style="color: red">*</span>申 请 人 姓 名
        </td>
        <td colspan="1">
          <el-input
            type="textarea"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="请输入姓名"
            v-model="wordData.applyParsonName"
          >
          </el-input>
        </td>
        <td ref="college" class="bold">
          <span style="color: red">*</span>所在学院/班级
        </td>
        <td>
          <el-select
            v-model="wordData.college"
            style="width: 100%"
            placeholder="请选择所在学院"
          >
            <el-option
              v-for="item in DepartmentData"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            >
            </el-option>
          </el-select>
        </td>
        <td ref="tel" class="bold">
          <span style="color: red">*</span>联系电话
        </td>
        <td>
          <el-input
            type="number"
            v-model="wordData.tel"
            @blur="getText(wordData.tel)"
            placeholder="请输入联系方式"
          ></el-input>
        </td>
      </tr>
      <tr id="beginTime">
        <td colspan="2" ref="beginTime" class="bold">
          <span style="color: red">*</span>项 目 起 始 时 间
        </td>
        <td colspan="2">
          <el-date-picker
            v-model="wordData.beginTime"
            type="date"
            placeholder="请选择项目计划完成时间"
            prefix-icon="none"
            value-format="yyyy-MM-dd HH:mm:ss"
          >
            <!-- value-format="yyyy-MM-dd HH:mm:ss"> -->
          </el-date-picker>
        </td>
        <td ref="endTime" class="bold">
          <span style="color: red">*</span>计划完成时间
        </td>
        <td colspan="2">
          <el-date-picker
            v-model="wordData.endTime"
            @change="checkTime"
            type="date"
            placeholder="请选择项目计划完成时间"
            prefix-icon="none"
            value-format="yyyy-MM-dd HH:mm:ss"
          >
            <!-- value-format="yyyy-MM-dd HH:mm:ss"> -->
          </el-date-picker>
        </td>
      </tr>
      <tr>
        <td colspan="2" class="bold">项 目 组 人 数</td>
        <td>
          {{
            wordData.studentS.filter((i) => i.name != "").length +
            wordData.teacherS.filter((i) => i.name != "").length
          }}
        </td>
        <td class="bold">参与学生人数</td>
        <td>
          {{ wordData.studentS.filter((i) => i.name != "").length }}
        </td>
        <td class="bold">参与教师人数</td>
        <td>
          {{ wordData.teacherS.filter((i) => i.name != "").length }}
        </td>
      </tr>
      <tr id="studentS">
        <td
          :rowspan="wordData.studentS.length + 1"
          ref="studentS"
          style="padding: 20px 30px"
        >
          <!-- <span class="bold">项目</span><br /><span class="bold"
            >学生成员</span
          ><br /> -->
          <span class="bold">项目学生成员</span><br />
          （至少2个学院以上学生构成，其中：
1.创新项目、创业训练项目人数为5+3组成，其中不超过5名学生为项目主要成员，由初起二、三、四年级（高起一、二年级）学生组成，3名学生作为后备成员由一、二年级学生组成。
2.创业实践项目人数为6+3组成，其中不超过6名学生为初起三、四、五年级（高起二、三年级）学生，3名学生作为后备成员由一、二年级学生组成。
          <!-- （至少2个学院以上学生构成，团队5人以上） -->
        </td>
        <td><span style="color: red">*</span>姓名</td>
        <td colspan="2">所在学院/部门/专业</td>
        <td colspan="3">项目组角色分工</td>
      </tr>
      <tr
        style="position: relative"
        v-for="(item, index) in wordData.studentS"
        :key="index + 'a'"
      >
        <td>
          <el-input
            type="textarea"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="请输入姓名"
            v-model="item.name"
          >
          </el-input>
        </td>
        <td colspan="2">
          <el-input
            type="textarea"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="请输入所在学院/部门/专业"
            v-model="item.collage"
          >
          </el-input>
        </td>
        <td colspan="3">
          <el-input
            type="textarea"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="请输入项目组角色分工"
            v-model="item.work"
          >
          </el-input>
        </td>
        <div class="operate">
          <el-button
            @click="addStudent"
            v-if="wordData.studentS.length == index + 1"
            type="primary"
            size="mini"
            >添加</el-button
          >
          <el-button
            v-if="wordData.studentS.length > 1"
            @click="DelStudent(index)"
            type="primary"
            size="mini"
            >删除</el-button
          >
        </div>
      </tr>
      <tr id="teacherS">
        <td
          :rowspan="wordData.teacherS.length + 1"
          ref="teacherS"
          style="padding: 20px 30px"
        >
          <!-- <span class="bold">项目组</span><br /><span class="bold">指导教师</span><br/> -->
          <span class="bold">项目组指导教师</span><br />
          （2个学院以上， 2-4名指导教师，指导教师须有中级以上职称或研究生以上学历，创业实践项目除配备2名以上校内指导教师外，还须配备1名企业指导教师。）
          <!-- （2个学院以上，团队2-3人） -->
        </td>
        <td><span style="color: red">*</span>姓名</td>
        <td colspan="2">所在学院/部门/专业</td>
        <td colspan="3">项目组角色分工</td>
      </tr>
      <tr
        style="position: relative !important"
        v-for="(item, index) in wordData.teacherS"
        :key="index + 'b'"
      >
        <td>
          <el-input
            type="textarea"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="请输入姓名"
            v-model="item.name"
          >
          </el-input>
        </td>
        <td colspan="2">
          <el-input
            type="textarea"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="请输入所在学院/部门/专业"
            v-model="item.collage"
          >
          </el-input>
        </td>
        <td colspan="3">
          <el-input
            type="textarea"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="请输入项目组角色分工"
            v-model="item.work"
          >
          </el-input>
        </td>
        <div class="operate">
          <el-button
            @click="addTeacher"
            v-if="wordData.teacherS.length == index + 1"
            type="primary"
            size="mini"
            >添加</el-button
          >
          <el-button
            v-if="wordData.teacherS.length > 1"
            @click="DelTeacher(index)"
            type="primary"
            size="mini"
            >删除</el-button
          >
        </div>
        <!-- <div style="position: absolute;">
              <div>+</div>
              <div>_</div>
            </div> -->
      </tr>
      <tr id="brief">
        <td rowspan="5" ref="brief" class="bold">研发内容</td>
        <td
          style="text-align: left; position: relative"
          colspan="6"
          class="textLeft"
        >
          <p>项目简介（200-300字）</p>
          <el-input
            type="textarea"
            :rows="6"
            resize="none"
            placeholder="请输入项目简介"
            style="width: 100%"
            show-word-limit
            v-model="wordData.brief"
          >
          </el-input>
          <!-- <div style="color: #ccc;position: absolute;right: 60px;bottom: 10px;">{{ wordData.brief.length }}/300</div> -->
        </td>
      </tr>
      <tr>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>项目研发背景</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.back"
          ></editor-bar>
          <!-- <el-input
            type="textarea"
            :autosize="{ minRows: 6, maxRows: 20 }"
            style="width: 100%"
            resize="none"
            v-model="wordData.introduce.back"
          >
          </el-input> -->
        </td>
      </tr>
      <tr>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>项目创新点</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.innovate"
          ></editor-bar>
        </td>
      </tr>
      <tr>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>技术研发路线</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.path"
          ></editor-bar>
        </td>
      </tr>
      <tr>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>项目应用场景</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.scene"
          ></editor-bar>
        </td>
      </tr>
      <tr>
        <td class="bold">商业模式及社会价值</td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>项目商业模式/社会价值</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.worth"
          ></editor-bar>
        </td>
      </tr>
      <tr>
        <td class="bold">团队优势</td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>团队构成及优势</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.team"
          ></editor-bar>
        </td>
      </tr>
      <tr>
        <td class="bold">研发成本</td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>研发成本来源及构成</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.cost"
          ></editor-bar>
        </td>
      </tr>
      <tr>
        <td rowspan="3" class="bold">预期成果</td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>
            项目预期成果、数量及形式（产品原型/发明专利/双创竞赛/成果转化/社会效益）
          </p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.expectResults"
          ></editor-bar>
        </td>
      </tr>
      <tr class="textLeft">
        <td style="text-align: left" colspan="6">
          <p>学生创客人才培养预期成果、数量（教师填写）</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.expectResultsTeacher"
          ></editor-bar>
        </td>
      </tr>
      <tr class="textLeft">
        <td style="text-align: left" colspan="6">
          <p>项目预期孵化、转化创业项目情况</p>
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.expectConversion"
          ></editor-bar>
        </td>
      </tr>
      <tr>
        <td class="bold">实施计划</td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <editor-bar
            style="margin: 0; padding: 0"
						:class="download?'downloadClass':''"
            v-model="wordData.introduce.plan"
          ></editor-bar>
        </td>
      </tr>
			<tr>
        <td class="bold">附件上传</td>
        <td
          colspan="6"
          class="textLeft"
          style="height: 200px; position: relative"
        >
          <!-- <el-button type="primary" style="position: absolute; right: 130px; top: 5px" v-if="![1,2].includes($store.state.userInfo.type) && wordData.courseId" @click="$emit('saveFile')">保存</el-button> -->
          <beUpload
            style="position: absolute; right: 10px; top: 5px"
            @getFile="getFile2"
            :navName="'上传文件'"
            :accept="accept"
            :progress="progress2"
          ></beUpload>
          <el-progress
            v-if="progress2.show"
            :percentage="progress2.value"
            :format="ProgressFormat"
            style="width: 80%"
          ></el-progress>
          <div
            v-if="wordData.attachment"
            :class="wordData.attachment.length > 0 ? 'bigBlock' : 'noFileBox'"
          >
            <div
              class="fileBlock"
              v-for="(item, index) in wordData.attachment"
              :key="index + 'l'"
            >
              <div class="fileBox">
                <div
                  class="fileBoxLeft"
                  @click="$emit('fileOption2', item, index, '0')"
                >
                  <!--  @click="checkFile(item.url)" -->
                  <div class="chapter_upload_l_i3"></div>
                  <div class="titName">{{ item.fileName }}</div>
                </div>
                <div
                  class="fileBoxRight"
                >
                  <div class="chapter_upload_ud" style="z-index: 99">
                    <div
                      class="chapter_upload_up"
                      @click="$emit('fileOption2', item, index, '1')"
                    ></div>
                    <div
                      class="chapter_upload_down"
                      @click="$emit('fileOption2', item, index, '2')"
                    ></div>
                  </div>
                  <div
                    class="chapter_upload_ic_edit"
                    @click="$emit('fileOption2', item, index, '3')"
                  ></div>
                  <div
                    class="chapter_upload_ic_r"
                    @click="$emit('fileOption2', item, index, '4')"
                  ></div>
                </div>
              </div>
            </div>
          </div>
          <!-- <div
            style="
              text-align: right;
              font-size: 18px;
              width: 80%;
              margin-bottom: 20px;
            "
          >
            负责人签章：
          </div>
          <div style="text-align: right; font-size: 18px; width: 90%">
            年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日
          </div> -->
        </td>
      </tr>
      <tr id="fund">
        <td rowspan="12" ref="fund" class="bold">
          <span style="color: red">*</span>预算经费
        </td>
        <td>总经费</td>
        <td colspan="5">{{ reversedMessage == 0 ? "" : reversedMessage }}元</td>
      </tr>
      <tr>
        <td>支出类别</td>
        <td colspan="2">支出项目</td>
        <td>金额（元）</td>
        <td colspan="4">备 注</td>
      </tr>
      <tr>
        <td rowspan="5" style="border-right: none">直接费用</td>
      </tr>
      <tr>
        <td colspan="2">
					<el-tooltip class="item" effect="dark" content="仅用于购买单价低于1000的小型仪器设备" placement="top">
    			  <span>小型仪器设备费</span>
    			</el-tooltip>
				</td>
        <td>
					<el-tooltip class="item" effect="dark" content="仅用于购买单价低于1000的小型仪器设备" placement="top">
          <el-input
            type="number"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="小型仪器设备费"
            v-model="wordData.fund.device"
          >
          </el-input>
					</el-tooltip>
        </td>
        <td colspan="2">
          项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">材料费</td>
        <td>
          <el-input
            type="number"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="材料费"
            v-model="wordData.fund.Material"
          >
          </el-input>
        </td>
        <td colspan="2">
          项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">测试化验加工费</td>
        <td>
          <el-input
            type="number"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="测试化验加工费"
            v-model="wordData.fund.processing"
          >
          </el-input>
        </td>
        <td colspan="2">
          项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">
					<el-tooltip class="item" effect="dark" content="项目协作费，不可超过总经费的40%" placement="top">
    			  <span>项目协作费</span>
    			</el-tooltip></td>
        <td>
					<el-tooltip class="item" effect="dark" content="项目协作费，不可超过总经费的40%" placement="top">
          <el-input
            type="number"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="项目协作费"
            v-model="wordData.fund.Collaboration"
          >
          </el-input>
				</el-tooltip>
        </td>
        <td colspan="2">按合同规定支付给协作单位的费用</td>
      </tr>

      <tr>
        <td rowspan="5" style="border-right: none">间接费用</td>
      </tr>
      <tr>
        <td colspan="2">项目成果鉴定费</td>
        <td>
          <el-input
            type="number"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="项目成果鉴定费"
            v-model="wordData.fund.APPRAISAL"
          >
          </el-input>
        </td>
        <td colspan="2">学术会务费、评审费、鉴定费、成果集制作费等费用。</td>
      </tr>
      <tr>
        <td colspan="2">参展参赛费</td>
        <td>
          <el-input
            type="number"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="参展参赛费"
            v-model="wordData.fund.entery"
          >
          </el-input>
        </td>
        <td colspan="2">
          参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">创客交流活动费</td>
        <td>
          <el-input
            type="number"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="创客交流活动费"
            v-model="wordData.fund.activities"
          >
          </el-input>
        </td>
        <td colspan="2">
          创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">
					<el-tooltip class="item" effect="dark" content="统一双创学院支出，此费用修改为0，原来在这个部分的费用可分摊到其他项目" placement="top">
    			  <span>知识产权事务费</span>
    			</el-tooltip></td>
        <td>
					<el-tooltip class="item" effect="dark" content="统一双创学院支出，此费用修改为0，原来在这个部分的费用可分摊到其他项目" placement="top">
          <el-input
            type="number"
            autosize
            style="width: 100%"
            resize="none"
            placeholder="知识产权事务费"
            v-model="wordData.fund.Transaction"
          >
          </el-input>
				</el-tooltip>
        </td>
        <td colspan="2">论文版面费、专利及其他知识产权事务等费用。</td>
      </tr>
      <tr>
        <td class="bold">所在学院/部门初审意见</td>
        <td colspan="6" class="textLeft" style="height: 200px">
          <div
            class="reviewComments"
            v-if="signData && signData.filter((i) => i.type == 4).length > 0"
          >
            {{ signData.filter((i) => i.type == 4)[0].text }}
          </div>
          <div
            style="
              text-align: right;
              font-size: 18px;
              width: 80%;
              margin-bottom: 20px;
            "
          >
            负责人签章：{{
              signData && signData.filter((i) => i.type == 4).length
                ? signData.filter((i) => i.type == 4)[0].username
                : ""
            }}
          </div>
          <div style="text-align: right; font-size: 18px; width: 90%">
            <div v-if="signData && signData.filter((i) => i.type == 4).length">
              {{ signData.filter((i) => i.type == 4)[0].time }}
            </div>
            <div v-else>年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
          </div>
        </td>
      </tr>
      <tr>
        <td class="bold">创新创业学院审核意见</td>
        <td colspan="6" class="textLeft" style="height: 200px">
          <div
            class="reviewComments"
            v-if="signData && signData.filter((i) => i.type == 0).length > 0"
          >
            {{ signData.filter((i) => i.type == 0)[0].text }}
          </div>
          <div
            style="
              text-align: right;
              font-size: 18px;
              width: 80%;
              margin-bottom: 20px;
            "
          >
            负责人签章：{{
              signData && signData.filter((i) => i.type == 0).length
                ? signData.filter((i) => i.type == 0)[0].username
                : ""
            }}
          </div>
          <div style="text-align: right; font-size: 18px; width: 90%">
            <div v-if="signData && signData.filter((i) => i.type == 0).length">
              {{ signData.filter((i) => i.type == 0)[0].time }}
            </div>
            <div v-else>年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
          </div>
        </td>
      </tr>
      <tr>
        <td class="bold">专家意见</td>
        <td
          colspan="6"
          class="textLeft"
          style="height: 200px; position: relative"
        >
          <!-- <el-button type="primary" style="position: absolute; right: 130px; top: 5px" v-if="![1,2].includes($store.state.userInfo.type) && wordData.courseId" @click="$emit('saveFile')">保存</el-button> -->
          <beUpload
            v-if="
              ![1, 2].includes($store.state.userInfo.type) && wordData.courseId
            "
            style="position: absolute; right: 10px; top: 5px"
            @getFile="getFile"
            :navName="'上传文件'"
            :accept="accept"
            :progress="progress"
          ></beUpload>
          <el-progress
            v-if="progress.show"
            :percentage="progress.value"
            :format="ProgressFormat"
            style="width: 80%"
          ></el-progress>
          <div
            v-if="wordData.opinion"
            :class="wordData.opinion.length > 0 ? 'bigBlock' : 'noFileBox'"
          >
            <div
              class="fileBlock"
              v-for="(item, index) in wordData.opinion"
              :key="index + 'l'"
            >
              <div class="fileBox">
                <div
                  class="fileBoxLeft"
                  @click="$emit('fileOption', item, index, '0')"
                >
                  <!--  @click="checkFile(item.url)" -->
                  <div class="chapter_upload_l_i3"></div>
                  <div class="titName">{{ item.fileName }}</div>
                </div>
                <div
                  class="fileBoxRight"
                  v-if="![1, 2].includes($store.state.userInfo.type)"
                >
                  <div class="chapter_upload_ud" style="z-index: 99">
                    <div
                      class="chapter_upload_up"
                      @click="$emit('fileOption', item, index, '1')"
                    ></div>
                    <div
                      class="chapter_upload_down"
                      @click="$emit('fileOption', item, index, '2')"
                    ></div>
                  </div>
                  <div
                    class="chapter_upload_ic_edit"
                    @click="$emit('fileOption', item, index, '3')"
                  ></div>
                  <div
                    class="chapter_upload_ic_r"
                    @click="$emit('fileOption', item, index, '4')"
                  ></div>
                </div>
              </div>
            </div>
          </div>
          <!-- <div
            style="
              text-align: right;
              font-size: 18px;
              width: 80%;
              margin-bottom: 20px;
            "
          >
            负责人签章：
          </div>
          <div style="text-align: right; font-size: 18px; width: 90%">
            年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日
          </div> -->
        </td>
      </tr>
      <tr>
        <td class="bold">学校终审意见</td>
        <td colspan="6" class="textLeft" style="height: 200px">
          <div
            class="reviewComments"
            v-if="signData && signData.filter((i) => i.type == 3).length > 0"
          >
            {{ signData.filter((i) => i.type == 3)[0].text }}
          </div>
          <div style="position: absolute; bottom: 20px; right: 100px">
            <div style="transform: translate(-100px)">
              负责人签章：{{
                signData && signData.filter((i) => i.type == 3).length
                  ? signData.filter((i) => i.type == 3)[0].username
                  : ""
              }}
            </div>
            <div v-if="signData && signData.filter((i) => i.type == 3).length">
              {{ signData.filter((i) => i.type == 3)[0].time }}
            </div>
            <div v-else>年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
          </div>
        </td>
      </tr>
      <!-- <tr>
        <td class="bold">财务部门意见</td>
        <td colspan="6" class="textLeft" style="height: 200px">
          <div
            style="
              text-align: right;
              font-size: 18px;
              width: 80%;
              margin-bottom: 20px;
            "
          >
            负责人签章：
          </div>
          <div style="text-align: right; font-size: 18px; width: 90%">
            年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日
          </div>
        </td>
      </tr> -->
      <!-- <tr>
        <td class="bold">创新创业学院审核意见</td>
        <td colspan="6" class="textLeft" style="height: 200px">
          <div
            style="
              text-align: right;
              font-size: 18px;
              width: 80%;
              margin-bottom: 20px;
            "
          >
            负责人签章：
          </div>
          <div style="text-align: right; font-size: 18px; width: 90%">
            年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日
          </div>
        </td>
      </tr> -->
      <!-- <tr style="border: none;"> -->
      <!-- <td colspan="7"  style="border: none;"> -->
      <div class="notes">
        <span>备注：</span>
        <span>1.表格可顺延或另附页。</span>
        <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
      </div>
      <!-- </td> -->
      <!-- </tr> -->
    </table>
  </div>
</template>

<script>
import EditorBar from "@/components/tool/wangEnduit";
import beUpload from "@/components/tool/beUpload";
export default {
  components: { EditorBar, beUpload },
  props: ["wordData", "reversedMessage", "signData",'download'],
  emit: ["getFile","getFile2","fileOption","fileOption2", "saveFile"],
  data() {
    return {
      accept: "*",
      progress: {
        value: 0,
        show: false,
      },
			progress2:{
				value: 0,
        show: false,
			},
      DepartmentData: [], //部门学院
    };
  },
  methods: {
    getFile(file) {
      this.$emit("getFile", file);
      this.progress.show = false;
    },
		getFile2(file) {
      this.$emit("getFile2", file);
      this.progress2.show = false;
    },

    ProgressFormat(value) {
      //进度条
      return value == 100 ? "100%" : `${value}%`;
    },
    checkTime() {
      var a = new Date(this.wordData.beginTime);
      var b = new Date(this.wordData.endTime);
      if (b < a) {
        this.$message.error("计划完成时间不得在项目起始时间之前！");
        this.wordData.endTime = "";
        return;
      }
    },
    getText(value) {
      //电话验证
      let verify =
        /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))\d{8}$/; //获取正则表达式 存放到verify变量中
      let result = verify.test(value.trim()); //判断输入框内容是否符合 正则表达式
      if (!result) return this.$message.error("请输入正确联系号码格式");
    },
    addTeacher() {
      //添加老师
      // if (this.wordData.teacherS.length >= 3)
      //   return this.$message.error("指导老师最多三人");
      this.wordData.teacherS.push({ name: "", collage: "", work: "" });
    },
    DelTeacher(index) {
      //删除老师
      this.wordData.teacherS.splice(index, 1);
    },
    addStudent() {
      //添加学生
      this.wordData.studentS.push({ name: "", collage: "", work: "" });
    },
    DelStudent(index) {
      //删除学生
      this.wordData.studentS.splice(index, 1);
    },
    getProjectDepartmentData() {
      //获取项目立项申请基础信息页面所在部门数据
      this.ajax
        .post(this.$store.state.api + "/SelectAllDepartment", {
          uid: this.$store.state.userInfo.userid,
        })
        .then(
          (res) => {
            this.DepartmentData = res.data[0];
          },
          (err) => {
            console.log(err);
          }
        );
    },
  },
  computed: {
    //经费总合
  },
  mounted() {
    this.getProjectDepartmentData();
  },
};
</script>

<style lang="less" scoped>
#studentProjectWord {
  width: 1400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffff;
  margin: 0 auto;
  font-size: 18px !important;
  padding: 40px 100px;
  box-sizing: border-box;
	// font-family: 'FangSong';
  /deep/ .el-checkbox__label {
    font-size: 16px !important;
  }
  .table {
    border: none;
    border-bottom: solid 1px black;
    font-size: 18px;
    position: relative;
    width: 1400px;
    .textLeft {
      text-align: left;
      height: 200px;
      .reviewComments {
        margin: 30px 30px 80px 30px;
      }
      :deep(.el-textarea__inner) {
        border: none;
        border-radius: 0px;
        text-align: left !important;
        font-size: 16px;
      }
    }
    .bold {
      font-weight: 600;
    }
    #title {
      // width: 100%;
      line-height: 40px;
      height: 150px;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      // margin-top: 40px;
      .school {
        font-size: 2.5em;
        font-weight: bold;
        letter-spacing: 20px;
        margin-bottom: 10px;
      }
      .wordTitle {
        font-size: 2em;
        letter-spacing: 0.15em;
        // margin-bottom: 40px;
      }
      .date {
        font-size: 1em;
        position: absolute;
        bottom: 0;
        right: 100px;
        font-weight: bold;
      }
    }
    tr td {
      border: none;
      border-top: solid 1px black;
      border-left: solid 1px black;

      height: 50px;
      text-align: center;
      line-height: 30px;
      width: 14.3%;
      &:last-of-type {
        border-right: solid 1px black;
      }
      p {
        font-weight: 600;
      }
      :deep(.el-select .el-input .el-select__caret) {
        display: none;
        font-family: Arial, "Microsoft Yahe", "微软雅黑";
				// font-family: 'FangSong';
      }
      :deep(.el-textarea__inner) {
        // padding: 0;
        border: none;
        border-radius: 0px;
        text-align: center;
        font-size: 16px;
        font-family: Arial, "Microsoft Yahe", "微软雅黑";
				// font-family: 'FangSong';
      }
      :deep(.el-input__inner) {
        border: none;
        border-radius: 0px;
        text-align: center;
        font-size: 16px;
        font-family: Arial, "Microsoft Yahe", "微软雅黑";
				// font-family: 'FangSong';
      }
      :deep(input)::-webkit-outer-spin-button,
      :deep(input)::-webkit-inner-spin-button {
        -webkit-appearance: none;
      }
      :deep(input)[type="number"] {
        -moz-appearance: textfield;
      }
    }

    .notes {
      width: 100%;
      display: flex;
      flex-direction: column;
      position: absolute;
      left: 0;
      bottom: -100px;
      // justify-content: flex-start;
      text-align: left;
      // margin-bottom: 30px;
    }
  }
}

.operate {
  right: -85px;
  width: 85px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  .el-button {
    max-width: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
  }
}
.noFileBox {
  width: 98%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.bigBlock {
  width: 98%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  border: 1px solid #cad1dc;
  border-radius: 4px;
  padding: 10px;
  margin: 50px 0 0 0;
  .fileBlock {
    width: 98%;
    margin-right: 20px;
    position: relative;
    border-radius: 5%;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #cad1dc;
    .fileBox {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;

      .fileBoxLeft {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        .chapter_upload_l_i3 {
          width: 15px;
          height: 15px;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-image: url("../../../assets/img/u_video.png");
        }
        .titName {
          width: calc(100% - 15px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          word-break: break-word;
          text-align: left;
          margin-left: 10px;
          max-width: 800px;
        }
      }
      .fileBoxRight {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        .chapter_upload_ud {
          display: flex;
          flex-direction: row;
          justify-content: center;
          margin: 0 10px 0 0;
          .chapter_upload_up {
            margin-right: 10px !important;
          }
          .chapter_upload_down,
          .chapter_upload_up {
            width: 20px;
            height: 20px;
            background: #e4eaf2;
            cursor: pointer;
            margin: 0 auto;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
          }
        }
        .chapter_upload_up::after,
        .chapter_upload_down::after {
          content: "";
          background-image: url("../../../assets/img/downBtn.png");
          width: 13px;
          height: 13px;
          background-size: 100% 100%;
          display: block;
        }

        .chapter_upload_up::after {
          background-image: url("../../../assets/img/upBtn.png") !important;
        }
        .chapter_upload_ic_edit {
          width: 18px;
          height: 18px;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          margin-right: 10px;
          background-image: url("../../../assets/img/edit_u.png");
        }
        .chapter_upload_ic_r {
          width: 18px;
          height: 18px;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-image: url("../../../assets/img/delete_u.png");
        }
      }
    }
  }
  .masking-out {
    width: 100px;
    height: 135px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    border-radius: 5%;
    background: #00000053;
    .delete {
      cursor: pointer;
      margin-left: 50%;
      margin-top: 50%;
      transform: translate(-50%, -50%);
    }
    .delete:hover {
      color: #fff;
    }
  }
  .fileBlock:hover .masking-out {
    display: block;
  }
}
.downloadClass{
	font-size: 10.5pt !important;
	font-family: 'FangSong' !important;
	color: #333 !important;
}
</style>